/* ============================================================
   RoMarket — Design System 2026
   Stilul: Marketplace românesc funcțional, modern
   ============================================================ */

/* ---- Reset & Base ---- */
*, *::before, *::after { box-sizing: border-box; }

:root {
  --mrk-red:        #cc0000;
  --mrk-red-dark:   #a80000;
  --mrk-red-light:  #ff2222;
  --mrk-orange:     #ff6600;
  --mrk-dark:       #1a1a2e;
  --mrk-dark2:      #16213e;
  --mrk-gray-900:   #1a1a1a;
  --mrk-gray-700:   #333;
  --mrk-gray-500:   #666;
  --mrk-gray-300:   #999;
  --mrk-gray-200:   #ccc;
  --mrk-gray-100:   #e8e8e8;
  --mrk-gray-50:    #f4f4f4;
  --mrk-white:      #fff;
  --mrk-green:      #00a650;
  --mrk-gold:       #f5a623;
  --mrk-blue:       #0066cc;

  --mrk-shadow-sm:  0 1px 3px rgba(0,0,0,.1);
  --mrk-shadow-md:  0 4px 12px rgba(0,0,0,.12);
  --mrk-shadow-lg:  0 8px 24px rgba(0,0,0,.15);
  --mrk-shadow-xl:  0 20px 48px rgba(0,0,0,.2);

  --mrk-radius-sm:  4px;
  --mrk-radius:     8px;
  --mrk-radius-lg:  12px;
  --mrk-radius-xl:  16px;
  --mrk-radius-pill: 999px;

  --mrk-transition: 0.2s ease;
  --mrk-header-h:   70px;
}

html { scroll-behavior: smooth; }

body.mrk-body {
  background: var(--mrk-gray-50);
  color: var(--mrk-gray-900);
  font-family: "Roboto Condensed", system-ui, -apple-system, sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* ============================================================
   ANNOUNCEMENT BAR
   ============================================================ */
.mrk-announcement-bar {
  background: var(--mrk-dark);
  color: var(--mrk-white);
  height: 36px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.mrk-ticker {
  display: flex;
  gap: 80px;
  animation: mrk-ticker 40s linear infinite;
  white-space: nowrap;
  font-size: .82rem;
  letter-spacing: .02em;
}

.mrk-ticker:hover { animation-play-state: paused; }

.mrk-ticker-item {
  opacity: .95;
  flex-shrink: 0;
}

@keyframes mrk-ticker {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ============================================================
   MAIN HEADER
   ============================================================ */
.mrk-header {
  background: var(--mrk-red);
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
  height: var(--mrk-header-h);
  display: flex;
  align-items: center;
}

.mrk-header-inner {
  display: grid;
  grid-template-columns: 200px 1fr auto;
  gap: 20px;
  align-items: center;
  height: 100%;
}

/* Logo */
.mrk-logo {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.mrk-logo-mark {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}

.mrk-logo-r {
  color: var(--mrk-white);
  font-weight: 900;
}

.mrk-logo-m {
  color: rgba(255,255,255,.85);
  font-weight: 700;
}

.mrk-logo-tagline {
  font-size: .68rem;
  color: rgba(255,255,255,.7);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 2px;
}

/* Search */
.mrk-search-wrapper {
  flex: 1;
  min-width: 0;
}

/* Aimeos renders catalog-search as catalog-filter — neutralize ALL wrapper elements */
.mrk-search-wrapper .aimeos.catalog-filter,
.mrk-search-wrapper .aimeos.catalog-filter section,
.mrk-search-wrapper .aimeos.catalog-filter nav,
.mrk-search-wrapper .aimeos.catalog-filter nav.container-xxl {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  position: static !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  display: block !important;
}

.mrk-search-wrapper .aimeos.catalog-filter form {
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide the "Cauta" label inside search header */
.mrk-search-wrapper .header-name { display: none !important; }

/* The search-lists container */
.mrk-search-wrapper .catalog-filter-search {
  flex: 1;
  padding: 0 !important;
  border: none !important;
  width: 100%;
}

/* Aimeos hides .search-lists by default (accordion behavior) — always show in header */
.mrk-search-wrapper .search-lists {
  display: block !important;
  width: 100%;
}

/* Also force header-name hidden in search wrapper */
.mrk-search-wrapper .header-name { display: none !important; }

/* Input group: pill shape */
.mrk-search-wrapper .input-group {
  display: flex !important;
  width: 100% !important;
  max-width: 660px !important;
  margin: 0 auto !important;
  border-radius: var(--mrk-radius-pill) !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.2) !important;
  border: none !important;
  flex-wrap: nowrap !important;
}

.mrk-search-wrapper .input-group .form-control.value,
.mrk-search-input {
  flex: 1 !important;
  border: none !important;
  padding: 12px 20px !important;
  font-size: .95rem !important;
  font-family: inherit !important;
  background: var(--mrk-white) !important;
  outline: none !important;
  color: var(--mrk-gray-900) !important;
  border-radius: 999px 0 0 999px !important;
  min-width: 0 !important;
  box-shadow: none !important;
}

.mrk-search-wrapper .input-group .form-control.value::placeholder {
  color: var(--mrk-gray-300);
}

/* Hide reset button */
.mrk-search-wrapper .btn.reset { display: none !important; }

/* Search submit button */
.mrk-search-wrapper .btn.btn-search,
.mrk-search-btn {
  background: var(--mrk-dark) !important;
  color: var(--mrk-white) !important;
  border: none !important;
  padding: 12px 22px !important;
  cursor: pointer !important;
  font-size: .9rem !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: background var(--mrk-transition) !important;
  white-space: nowrap !important;
  border-radius: 0 999px 999px 0 !important;
  flex-shrink: 0 !important;
  width: auto !important;
}

/* Bootstrap Icons ::after provides the magnifying glass — no override needed */

.mrk-search-wrapper .btn.btn-search:hover,
.mrk-search-btn:hover {
  background: #0d0d1e !important;
}

/* Autocomplete dropdown */
.mrk-search-wrapper .catalog-filter-search .suggest-item {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--mrk-white);
  border-radius: 0 0 var(--mrk-radius) var(--mrk-radius);
  box-shadow: var(--mrk-shadow-lg);
  z-index: 2000;
  max-height: 300px;
  overflow-y: auto;
}

/* Fallback search form */
.mrk-search-fallback {
  display: flex;
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
  border-radius: var(--mrk-radius-pill);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

.mrk-search-input {
  flex: 1;
  border: none;
  padding: 12px 20px;
  font-size: .95rem;
  font-family: inherit;
  background: var(--mrk-white);
  outline: none;
  color: var(--mrk-gray-900);
}

.mrk-search-btn {
  background: var(--mrk-dark);
  color: var(--mrk-white);
  border: none;
  padding: 12px 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: background var(--mrk-transition);
}

/* Header actions */
.mrk-header-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}

.mrk-action-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  color: var(--mrk-white);
  text-decoration: none;
  padding: 8px 12px;
  border-radius: var(--mrk-radius);
  border: none;
  background: transparent;
  cursor: pointer;
  transition: background var(--mrk-transition);
  font-family: inherit;
  line-height: 1;
}

.mrk-action-btn:hover {
  background: rgba(255,255,255,.15);
  color: var(--mrk-white);
}

.mrk-action-label {
  font-size: .72rem;
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mrk-register-btn {
  background: var(--mrk-white);
  color: var(--mrk-red);
  border: 2px solid var(--mrk-white);
  padding: 6px 14px;
  border-radius: var(--mrk-radius-pill);
  font-weight: 700;
  font-size: .82rem;
  text-decoration: none;
  transition: all var(--mrk-transition);
  white-space: nowrap;
}

.mrk-register-btn:hover {
  background: transparent;
  color: var(--mrk-white);
}

/* Account dropdown */
.mrk-action-dropdown { position: relative; }

.mrk-dropdown-menu {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  background: var(--mrk-white);
  border-radius: var(--mrk-radius);
  box-shadow: var(--mrk-shadow-lg);
  min-width: 200px;
  z-index: 2000;
  border: 1px solid var(--mrk-gray-100);
  overflow: hidden;
}

.mrk-action-dropdown:hover .mrk-dropdown-menu { display: block; }

.mrk-dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  color: var(--mrk-gray-700);
  text-decoration: none;
  font-size: .88rem;
  transition: background var(--mrk-transition);
  border: none;
  background: transparent;
  width: 100%;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
}

.mrk-dropdown-item:hover { background: var(--mrk-gray-50); color: var(--mrk-red); }
.mrk-dropdown-divider { height: 1px; background: var(--mrk-gray-100); margin: 4px 0; }
.mrk-dropdown-logout { color: var(--mrk-red) !important; }

/* Cart wrapper */
.mrk-cart-wrapper .aimeos.basket-mini { background: transparent !important; border: none !important; }
.mrk-cart-wrapper .basket-mini-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  color: var(--mrk-white) !important;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: var(--mrk-radius);
  transition: background var(--mrk-transition);
  position: relative;
}

.mrk-cart-wrapper .basket-mini-main:hover { background: rgba(255,255,255,.15); }
.mrk-cart-wrapper .basket-mini-main .quantity {
  position: absolute;
  top: 2px; right: 2px;
  background: var(--mrk-dark);
  color: var(--mrk-white);
  border-radius: 50%;
  width: 18px; height: 18px;
  display: flex; align-items: center; justify-content: center;
  font-size: .65rem;
  font-weight: 700;
  line-height: 1;
}
.mrk-cart-wrapper .basket-mini-main::before {
  content: '';
  display: block;
  width: 22px; height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.mrk-cart-wrapper .basket-mini-main .value {
  font-size: .7rem;
  color: rgba(255,255,255,.8);
}

/* Aimeos adaugă ::after cu Bootstrap Icons pe .menu — suprimă duplicatul */
.mrk-cart-wrapper .basket-mini .menu::after { content: none !important; font-size: 0 !important; }

/* ============================================================
   CATEGORY NAV
   ============================================================ */
.mrk-category-nav {
  background: var(--mrk-dark2);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.mrk-category-nav-inner {
  display: flex;
  align-items: stretch;
  height: 44px;
  gap: 0;
  position: relative;
}

.mrk-all-categories-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.1);
  color: var(--mrk-white);
  border: none;
  padding: 0 20px;
  font-size: .88rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background var(--mrk-transition);
  white-space: nowrap;
  border-right: 1px solid rgba(255,255,255,.1);
}

.mrk-all-categories-btn:hover { background: var(--mrk-red); }

.mrk-cats-dropdown {
  display: none;
  position: absolute;
  top: 44px;
  left: 0;
  background: var(--mrk-white);
  border-radius: 0 0 var(--mrk-radius) var(--mrk-radius);
  box-shadow: var(--mrk-shadow-lg);
  min-width: 240px;
  z-index: 2000;
  border: 1px solid var(--mrk-gray-100);
  border-top: none;
  overflow: hidden;
}
.mrk-cats-dropdown.open { display: block; }
.mrk-cats-dropdown-item {
  display: block;
  padding: 11px 18px;
  color: var(--mrk-gray-700);
  text-decoration: none;
  font-size: .88rem;
  border-bottom: 1px solid var(--mrk-gray-50);
  transition: background var(--mrk-transition), color var(--mrk-transition);
}
.mrk-cats-dropdown-item:last-child { border-bottom: none; }
.mrk-cats-dropdown-item:hover { background: var(--mrk-gray-50); color: var(--mrk-red); }

/* ---- Category nav: Aimeos renders tree as .aimeos.catalog-filter ---- */
.mrk-nav-links {
  display: flex;
  align-items: stretch;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

/* Make all wrapper elements chain into a flat flex row */
.mrk-nav-links .aimeos.catalog-filter {
  display: flex !important;
  align-items: stretch;
  flex: 1;
  min-width: 0;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  position: static !important;
}

.mrk-nav-links .aimeos.catalog-filter > nav.container-xxl {
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: stretch;
  flex: 1;
  min-width: 0;
}

.mrk-nav-links .aimeos.catalog-filter > nav.container-xxl > form {
  display: flex !important;
  align-items: stretch;
  flex: 1;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

/* Desktop: catalog-filter-tree devine flex row în nav bar */
@media (min-width: 992px) {
  .mrk-nav-links .catalog-filter-tree {
    display: flex !important;
    align-items: stretch;
    flex: 1;
    min-width: 0;
  }

  /* Pe desktop ascundem a.menu (Zeynep trigger) dar îl lăsăm accesibil pentru JS */
  .mrk-nav-links .catalog-filter-tree > a.menu {
    position: fixed !important;
    left: -9999px !important;
    top: -9999px !important;
  }

  /* Overlay Zeynep: ascuns pe desktop */
  .mrk-nav-links .aimeos-overlay-offscreen { display: none !important; }

  /* Pe desktop: zeynep devine static (nu off-canvas) */
  .mrk-nav-links .catalog-filter-tree .zeynep {
    display: flex !important;
    align-items: stretch;
    flex: 1;
    min-width: 0;
    position: static !important;
  }
}

/* Mobile: lăsăm Aimeos să gestioneze Zeynep nativ (position:fixed, slide-in) */
@media (max-width: 991px) {
  /* a.menu trigger: pozițat off-screen, vizual ascuns DAR clickabil prin JS */
  .mrk-nav-links .catalog-filter-tree > a.menu {
    position: fixed !important;
    left: -9999px !important;
    top: -9999px !important;
  }
}

/* Hide mobile header row */
.mrk-nav-links .catalog-filter-tree .row.header { display: none !important; }

/* Level-1 category list — ascunsă din nav bar pe desktop, vizibilă în Zeynep pe mobile */
@media (min-width: 992px) {
  .mrk-nav-links .catalog-filter-tree .list-container.level-1 {
    display: none !important;
  }
}

/* Each category item */
.mrk-nav-links .catalog-filter-tree .cat-item { position: relative; }

/* Override Bootstrap .row inside item-links */
.mrk-nav-links .catalog-filter-tree .item-links.row {
  display: flex !important;
  margin: 0 !important;
  flex-wrap: nowrap !important;
}

/* Hide empty col-2 and media-list */
.mrk-nav-links .catalog-filter-tree .item-links .col-2,
.mrk-nav-links .catalog-filter-tree .media-list,
.mrk-nav-links .catalog-filter-tree .cat-count { display: none !important; }

/* The actual category link — desktop only (mobile Zeynep has light bg) */
@media (min-width: 992px) {
.mrk-nav-links .catalog-filter-tree a.cat-link {
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  height: 44px !important;
  color: rgba(255,255,255,.85) !important;
  font-size: .85rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
  border-bottom: 2px solid transparent !important;
  transition: all var(--mrk-transition) !important;
  width: auto !important;
}

.mrk-nav-links .catalog-filter-tree a.cat-link:hover,
.mrk-nav-links .catalog-filter-tree a.cat-link.active,
.mrk-nav-links .catalog-filter-tree .cat-item.active > .item-links > a.cat-link {
  color: #fff !important;
  border-bottom-color: var(--mrk-red) !important;
  background: rgba(255,255,255,.08) !important;
}
} /* end @media (min-width: 992px) — cat-link desktop */

/* Mobile Zeynep: text închis pe background deschis */
@media (max-width: 991px) {
  .mrk-nav-links .catalog-filter-tree a.cat-link {
    color: var(--mrk-gray-900) !important;
    padding: 16px 24px !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    display: block !important;
    border-bottom: 1px solid var(--mrk-gray-100) !important;
    text-decoration: none !important;
  }
}

/* Level-2 dropdown */
.mrk-nav-links .catalog-filter-tree .list-container.level-2 {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--mrk-white);
  border-radius: 0 0 var(--mrk-radius) var(--mrk-radius);
  box-shadow: var(--mrk-shadow-lg);
  margin: 0 !important;
  padding: 8px 0 !important;
  min-width: 200px;
  z-index: 1500;
}

.mrk-nav-links .catalog-filter-tree .cat-item.hover > .list-container.level-2,
.mrk-nav-links .catalog-filter-tree .cat-item:hover > .list-container.level-2 { display: block; }

.mrk-nav-links .catalog-filter-tree .list-container.level-2 a.cat-link {
  display: block !important;
  padding: 10px 20px !important;
  color: var(--mrk-gray-700) !important;
  font-size: .88rem !important;
  height: auto !important;
  border-bottom: none !important;
  background: none !important;
  white-space: nowrap !important;
}

.mrk-nav-links .catalog-filter-tree .list-container.level-2 a.cat-link:hover {
  background: var(--mrk-gray-50) !important;
  color: var(--mrk-red) !important;
  padding-left: 26px !important;
}

.mrk-nav-extras {
  display: flex;
  align-items: stretch;
  margin-left: auto;
  gap: 0;
  border-left: 1px solid rgba(255,255,255,.1);
}

.mrk-nav-extra-link {
  display: flex;
  align-items: center;
  padding: 0 16px;
  color: rgba(255,255,255,.85);
  font-size: .83rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: all var(--mrk-transition);
  border-bottom: 2px solid transparent;
}

.mrk-nav-extra-link:hover { background: rgba(255,255,255,.08); color: #fff; border-bottom-color: var(--mrk-orange); }
.mrk-nav-extra-new { color: #7fffb0 !important; }
.mrk-nav-extra-brand { color: #ffd700 !important; }

/* ============================================================
   TRUST BAR
   ============================================================ */
.mrk-trust-bar {
  background: var(--mrk-white);
  border-bottom: 2px solid var(--mrk-gray-100);
}

.mrk-trust-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  gap: 12px;
}

.mrk-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  justify-content: center;
  padding: 6px 12px;
  border-right: 1px solid var(--mrk-gray-100);
}

.mrk-trust-item:last-child { border-right: none; }

.mrk-trust-item svg { color: var(--mrk-red); flex-shrink: 0; }

.mrk-trust-item div { display: flex; flex-direction: column; line-height: 1.3; }

.mrk-trust-item strong {
  font-size: .85rem;
  font-weight: 700;
  color: var(--mrk-gray-900);
}

.mrk-trust-item span {
  font-size: .75rem;
  color: var(--mrk-gray-500);
}

/* ============================================================
   PAGE WRAPPER & MAIN
   ============================================================ */
.mrk-page-wrapper { flex: 1; }

.mrk-main { padding: 16px 0 32px; }

/* Wrap detail/account/checkout pages in a max-width container */
.mrk-main > .aimeos.catalog-detail,
.mrk-main > .aimeos.catalog-session,
.mrk-main > .aimeos.basket-standard,
.mrk-main > .aimeos.checkout-standard,
.mrk-main > .aimeos.account-profile,
.mrk-main > .aimeos.account-history,
.mrk-main > .aimeos.account-basket {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* ============================================================
   PRODUCT CARDS — Redesign bazat pe structura exactă Aimeos
   HTML: .product.row > .list-column.col-12 (x2)
   Container: .catalog-list-items.product-list (flex + width%)
   ============================================================ */

/* ---- Grid: 3 coloane (Aimeos default: 4 la ≥1200px) ---- */
/* Aimeos foloseste flex + width% pe .product, nu grid pe container */
.aimeos:not(.cms-page) .product-list .product {
  width: 31% !important;   /* 3 coloane */
  margin: 0.5% !important;
}

@media (min-width: 1400px) {
  .aimeos:not(.cms-page) .product-list .product {
    width: 23% !important;  /* 4 coloane pe ecrane mari */
    margin: 0.5% !important;
  }
}

/* ---- Card styling ---- */
.aimeos.catalog-list .product.row {
  background: var(--mrk-white) !important;
  border-radius: var(--mrk-radius) !important;
  border: 1px solid var(--mrk-gray-100) !important;
  overflow: hidden !important;
  transition: box-shadow var(--mrk-transition), transform var(--mrk-transition) !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: var(--mrk-shadow-sm) !important;
  text-align: left !important;
}

.aimeos.catalog-list .product.row:hover {
  box-shadow: var(--mrk-shadow-md) !important;
  transform: translateY(-2px) !important;
  border-color: var(--mrk-gray-200) !important;
}

/* ---- Coloane: amândouă full-width (col-12 deja, dar asigurăm) ---- */
.aimeos.catalog-list .product.row .list-column {
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

/* ---- Coloana imagine: fond gri, aspect ratio mai mic (75% = 4:3) ---- */
.aimeos.catalog-list .product.row .list-column:first-of-type {
  background: #f5f5f5;
}

/* Reduce image height: override Aimeos padding-top:100% → 75% (4:3 ratio) */
.aimeos.catalog-list .product .media-list {
  overflow: hidden;
}
.aimeos.catalog-list .product .media-item > img {
  transition: transform .4s ease !important;
  object-fit: cover !important;
}
.aimeos.catalog-list .product:hover .media-item > img {
  transform: scale(1.06) !important;
}

/* ---- Badges ---- */
.aimeos.catalog-list .product .badges {
  top: 8px !important;
  left: 8px !important;
  z-index: 5 !important;
}

.aimeos.catalog-list .product.new .badge-item.new {
  background: var(--mrk-green) !important;
  color: #fff !important;
  border-radius: var(--mrk-radius-pill) !important;
  padding: 3px 10px !important;
  font-size: .7rem !important;
}

.aimeos.catalog-list .product.sale .badge-item.sale {
  background: var(--mrk-red) !important;
  color: #fff !important;
  border-radius: var(--mrk-radius-pill) !important;
  padding: 3px 10px !important;
  font-size: .7rem !important;
}

/* ---- Coloana info: padding și flex ---- */
.aimeos.catalog-list .product.row .list-column:last-of-type {
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

/* ---- product-info: supplier + rating row ---- */
.aimeos.catalog-list .product .product-info {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 6px !important;
  margin-top: 0 !important;
}

/* ---- Supplier pill ---- */
.aimeos.catalog-list .product .supplier {
  font-size: .68rem !important;
  font-weight: 700 !important;
  color: var(--mrk-blue) !important;
  background: #e8f0fb !important;
  padding: 2px 8px !important;
  border-radius: var(--mrk-radius-pill) !important;
  display: inline-block !important;
  max-width: 140px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* ---- Rating stars ---- */
.aimeos.catalog-list .product .stars { color: var(--mrk-gold) !important; font-size: .8rem !important; }

/* ---- Product name (h2.name) ---- */
/* CRITICAL: Aimeos CSS setează white-space:nowrap → override cu normal + line-clamp */
.aimeos.catalog-list .product .text-list .name {
  white-space: normal !important;       /* override Aimeos nowrap */
  overflow: hidden !important;
  text-overflow: unset !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--mrk-gray-900) !important;
  min-height: 2.4em !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
}

.aimeos.catalog-list .product a:hover .name { color: var(--mrk-red) !important; }

/* ---- Descriere scurtă ---- */
.aimeos.catalog-list .product .text-item {
  white-space: normal !important;   /* override Aimeos nowrap */
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  font-size: .76rem !important;
  color: var(--mrk-gray-500) !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* ---- text-list: container ---- */
.aimeos.catalog-list .product .text-list {
  overflow: visible !important;  /* override Aimeos overflow:hidden pe container */
  margin-top: 0 !important;
}

/* ---- Offer: price + stock (push to bottom) ---- */
.aimeos.catalog-list .product .offer {
  margin-top: auto !important;
  padding-top: 8px !important;
}

.aimeos.catalog-list .product .section {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* ---- Price ---- */
.aimeos.catalog-list .product .price-list {
  display: inline-block !important;
  margin-inline-start: 0 !important;
}

.aimeos.catalog-list .product .price-item.default .value {
  font-size: 1.2rem !important;
  font-weight: 900 !important;
  color: var(--mrk-red) !important;
  line-height: 1 !important;
}

.aimeos.catalog-list .product .price-item:first-of-type .costs {
  font-size: .72rem;
  color: var(--mrk-gray-300);
}

/* ---- Stock indicator ---- */
.aimeos.catalog-list .product .stock-list { margin: 0 !important; }

/* ---- ADD TO CART FORM ---- */
.aimeos.catalog-list .product .addbasket { margin-top: 10px !important; }

/* Override Bootstrap input-group flex → block, și static (nu relative) */
/* IMPORTANT: input-group are position:relative din Bootstrap — setăm static */
/* astfel btn-pin se va poziționa față de .product.row (position:relative) */
.aimeos.catalog-list .product .addbasket .input-group {
  display: block !important;
  position: static !important;  /* ← cheie: permite btn-pin să se ancoreze la .product */
  text-align: left !important;
}

/* Ascunde quantity input pe pagina de listing */
.aimeos.catalog-list .product .addbasket input[type="number"] {
  display: none !important;
}

/* Buton Adaugă în coș */
.aimeos.catalog-list .product .addbasket .btn.btn-primary.btn-action {
  background: var(--mrk-red) !important;
  color: var(--mrk-white) !important;
  border: none !important;
  border-radius: var(--mrk-radius-sm) !important;
  padding: 9px 14px !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: background var(--mrk-transition), box-shadow var(--mrk-transition) !important;
  display: block !important;
  text-align: center !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

/* Textul butonului (butonul e gol în HTML) */
.aimeos.catalog-list .product .addbasket .btn.btn-primary.btn-action::after {
  content: 'Adaugă în coș';
  font-size: .82rem;
  font-weight: 700;
}

.aimeos.catalog-list .product .addbasket .btn.btn-primary.btn-action:hover {
  background: var(--mrk-red-dark) !important;
  box-shadow: 0 4px 12px rgba(204,0,0,.3) !important;
}

.aimeos.catalog-list .product .addbasket .btn.btn-primary.btn-action:disabled {
  background: var(--mrk-gray-200) !important;
  cursor: not-allowed !important;
}
.aimeos.catalog-list .product .addbasket .btn.btn-primary.btn-action:disabled::after {
  content: 'Indisponibil';
}

/* ---- Buton Pin/Wishlist ---- */
/* btn-pin e în DOM în .addbasket, dar cu position:absolute față de .product (position:relative) */
/* și input-group setat position:static, se ancorează la card */
.aimeos.catalog-list .product {
  position: relative !important;
}

.aimeos.catalog-list .product .btn-pin {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: 32px !important;
  height: 32px !important;
  background: rgba(255,255,255,.92) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all var(--mrk-transition) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.15) !important;
  text-decoration: none !important;
  z-index: 20 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

.aimeos.catalog-list .product .btn-pin::before {
  content: '♡';
  color: var(--mrk-gray-500);
  transition: all var(--mrk-transition);
}

.aimeos.catalog-list .product .btn-pin:hover {
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.2) !important;
}
.aimeos.catalog-list .product .btn-pin:hover::before,
.aimeos.catalog-list .product .btn-pin.active::before {
  content: '♥';
  color: var(--mrk-red);
}

/* ============================================================
   CATALOG LIST PAGE — Layout & Controls
   ============================================================ */

/* Contain the list page to a reasonable max-width */
.mrk-main > .container-fluid {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Breadcrumb stage */
.aimeos.catalog-stage { margin-bottom: 12px; }

.catalog-stage-breadcrumb {
  background: var(--mrk-white);
  border-radius: var(--mrk-radius);
  padding: 10px 16px;
  border: 1px solid var(--mrk-gray-100);
  font-size: .85rem;
  margin-bottom: 12px;
}

.catalog-stage-breadcrumb a { color: var(--mrk-red); text-decoration: none; }
.catalog-stage-breadcrumb a:hover { text-decoration: underline; }

/* Sort bar */
.aimeos.catalog-list .sort,
.aimeos.catalog-list .size {
  background: var(--mrk-white);
  border: 1px solid var(--mrk-gray-100);
  border-radius: var(--mrk-radius);
  padding: 8px 14px;
  margin-bottom: 12px;
}

.aimeos.catalog-list .sort ul,
.aimeos.catalog-list .size ul {
  list-style: none;
  margin: 0; padding: 0;
  display: flex; gap: 6px; flex-wrap: wrap; align-items: center;
}

.aimeos.catalog-list .sort a,
.aimeos.catalog-list .size a {
  display: inline-block;
  padding: 5px 12px;
  border-radius: var(--mrk-radius-pill);
  border: 1px solid var(--mrk-gray-100);
  color: var(--mrk-gray-700);
  font-size: .82rem;
  text-decoration: none;
  transition: all var(--mrk-transition);
}

.aimeos.catalog-list .sort a:hover,
.aimeos.catalog-list .size a:hover,
.aimeos.catalog-list .sort .active a,
.aimeos.catalog-list .size .active a {
  background: var(--mrk-red);
  color: #fff;
  border-color: var(--mrk-red);
}

/* Contain container-xxl in sidebar AND product column to prevent overflow */
.col-lg-3 nav.container-xxl,
.col-lg-3 .container-xxl,
.col-lg-9 nav.container-xxl,
.col-lg-9 .container-xxl {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Category page heading */
.aimeos.catalog-list .catalog-list-head h1 {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: var(--mrk-gray-900) !important;
  margin: 0 0 12px !important;
  text-transform: none !important;
}

/* View type toggle */
.aimeos.catalog-list .catalog-list-type {
  display: flex;
  gap: 6px;
  margin-bottom: 10px;
}

.aimeos.catalog-list .catalog-list-type .type-item {
  width: 32px;
  height: 32px;
  background: var(--mrk-white);
  border: 1px solid var(--mrk-gray-200);
  border-radius: var(--mrk-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Filter sidebar — scoped to col-lg-3 to avoid affecting nav tree */
.col-lg-3 .aimeos.catalog-filter {
  background: var(--mrk-white) !important;
  border-radius: var(--mrk-radius) !important;
  border: 1px solid var(--mrk-gray-100) !important;
  overflow: hidden;
  position: sticky;
  top: calc(var(--mrk-header-h) + 60px);
  max-width: 100%;
  box-sizing: border-box;
}

/* Hide catalog-session (recently viewed / pinned) — causes sidebar overflow */
.aimeos.catalog-session { display: none !important; }

.catalog-filter-search {
  padding: 14px 14px 0;
}

.catalog-filter-search input[type="text"] {
  border: 1px solid var(--mrk-gray-100);
  border-radius: var(--mrk-radius-sm);
  padding: 8px 12px;
  width: 100%;
  font-family: inherit;
  font-size: .85rem;
  outline: none;
  transition: border-color var(--mrk-transition);
}

.catalog-filter-search input[type="text"]:focus { border-color: var(--mrk-red); }

.catalog-filter-tree .item {
  border-bottom: 1px solid var(--mrk-gray-50);
  padding: 0;
}

.catalog-filter-tree .item > a,
.catalog-filter-tree .item > span {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  font-size: .88rem;
  color: var(--mrk-gray-700);
  text-decoration: none;
  transition: all var(--mrk-transition);
  cursor: pointer;
}

.catalog-filter-tree .item > a:hover,
.catalog-filter-tree .item.active > a {
  background: #fff0f0;
  color: var(--mrk-red);
  font-weight: 700;
}

.catalog-filter-tree .group-header {
  padding: 10px 14px 4px;
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--mrk-gray-300);
}

/* Supplier filter */
.catalog-filter-supplier .item a,
.catalog-filter-attribute .item a {
  display: flex;
  align-items: center;
  padding: 8px 14px;
  gap: 8px;
  font-size: .85rem;
  color: var(--mrk-gray-700);
  text-decoration: none;
  transition: all var(--mrk-transition);
}

.catalog-filter-supplier .item a:hover { color: var(--mrk-red); }

.catalog-filter-supplier .item .cnt,
.catalog-filter-attribute .item .cnt {
  margin-left: auto;
  background: var(--mrk-gray-50);
  color: var(--mrk-gray-500);
  border-radius: var(--mrk-radius-pill);
  padding: 1px 7px;
  font-size: .72rem;
}

/* ============================================================
   CATALOG DETAIL PAGE
   ============================================================ */

/* ---- Outer wrapper ---- */
.aimeos.catalog-detail {
  background: transparent;
  padding: 0;
  margin: 0;
}

.aimeos.catalog-detail > .container-xxl {
  max-width: 100% !important;
  padding: 0 !important;
}

/* ---- Navigator (Anterior / Următor) ---- */
.aimeos.catalog-detail .catalog-detail-navigator {
  margin-bottom: 12px;
  padding: 0 4px;
}

.aimeos.catalog-detail .catalog-detail-navigator nav {
  display: flex;
  gap: 8px;
}

.aimeos.catalog-detail .catalog-detail-navigator a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  border: 1px solid var(--mrk-gray-200);
  border-radius: var(--mrk-radius-pill);
  color: var(--mrk-gray-500);
  font-size: .8rem;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: .02em;
  transition: all var(--mrk-transition);
  background: var(--mrk-white);
}

.aimeos.catalog-detail .catalog-detail-navigator a:hover {
  border-color: var(--mrk-red);
  color: var(--mrk-red);
}

/* ---- Main product card ---- */
.aimeos.catalog-detail article.product {
  background: var(--mrk-white);
  border-radius: var(--mrk-radius-lg);
  box-shadow: var(--mrk-shadow-sm);
  overflow: hidden;
  margin: 0;
}

/* ---- Image column ---- */
.aimeos.catalog-detail .col-sm-6:first-child {
  padding: 0 !important;
}

.aimeos.catalog-detail .catalog-detail-image {
  height: 100%;
  min-height: 420px;
  background: var(--mrk-gray-50);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.aimeos.catalog-detail .catalog-detail-image .slide-list {
  height: 100%;
  width: 100%;
}

.aimeos.catalog-detail .catalog-detail-image .slide-item {
  height: 100%;
}

.aimeos.catalog-detail .catalog-detail-image img,
.aimeos.catalog-detail .catalog-detail-image .media-item {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* ---- Info column (second col-sm-6 inside article.product) ---- */
.aimeos.catalog-detail article.product .col-sm-6:nth-child(2) {
  padding: 36px 40px !important;
}

/* Supplier / category link at top */
.aimeos.catalog-detail .catalog-detail-basic p.supplier,
.aimeos.catalog-detail .catalog-detail-basic p.site {
  margin: 0 0 10px;
}

.aimeos.catalog-detail .catalog-detail-basic p.supplier a,
.aimeos.catalog-detail .catalog-detail-basic p.site {
  display: inline-block;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--mrk-red) !important;
  text-decoration: none;
}

/* Product title */
.aimeos.catalog-detail h1.name {
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  color: var(--mrk-gray-900) !important;
  line-height: 1.25 !important;
  margin: 0 0 10px !important;
}

/* Hide product code/SKU ("Produs nr.") — .code > .name + .value */
.aimeos.catalog-detail .catalog-detail-basic .code { display: none !important; }

/* Rating stars */
.aimeos.catalog-detail .rating {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
}

.aimeos.catalog-detail .rating .stars {
  color: var(--mrk-gold);
  font-size: 1rem;
  letter-spacing: 1px;
}

.aimeos.catalog-detail .rating .rating-value,
.aimeos.catalog-detail .rating .ratings {
  font-size: .82rem;
  color: var(--mrk-gray-500);
}

/* Short description */
.aimeos.catalog-detail .catalog-detail-basic .short {
  font-size: .92rem;
  color: var(--mrk-gray-700) !important;
  line-height: 1.55;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--mrk-gray-100);
  padding-bottom: 16px;
}

/* ---- Price ---- */
.aimeos.catalog-detail .price-list {
  margin-bottom: 20px;
}

.aimeos.catalog-detail .price-actual .value {
  font-size: 2rem !important;
  font-weight: 900 !important;
  color: var(--mrk-red) !important;
  line-height: 1 !important;
}

.aimeos.catalog-detail .price-actual .currency {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--mrk-red) !important;
}

/* Stock indicator */
.aimeos.catalog-detail .stock-list {
  margin-bottom: 16px;
}

/* ---- Add to basket ---- */
.aimeos.catalog-detail .addbasket .input-group {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  max-width: 440px;
}

/* Quantity input */
.aimeos.catalog-detail .addbasket .input-group .form-control {
  width: 80px !important;
  flex: 0 0 80px !important;
  text-align: center !important;
  border: 2px solid var(--mrk-gray-200) !important;
  border-radius: var(--mrk-radius) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  color: var(--mrk-gray-900) !important;
  background: var(--mrk-white) !important;
  padding: 12px 8px !important;
  transition: border-color var(--mrk-transition) !important;
  /* override Bootstrap input-group border-radius reset */
  border-top-left-radius: var(--mrk-radius) !important;
  border-bottom-left-radius: var(--mrk-radius) !important;
  border-top-right-radius: var(--mrk-radius) !important;
  border-bottom-right-radius: var(--mrk-radius) !important;
  margin-left: 0 !important;
}

.aimeos.catalog-detail .addbasket .input-group .form-control:focus {
  border-color: var(--mrk-red) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(204,0,0,.1) !important;
}

/* Add to basket button — Aimeos already provides text, no ::after needed */
.aimeos.catalog-detail .addbasket .btn-action {
  flex: 1 !important;
  background: var(--mrk-red) !important;
  border: none !important;
  border-radius: var(--mrk-radius) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  padding: 14px 28px !important;
  color: #fff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all var(--mrk-transition) !important;
  white-space: nowrap !important;
  /* override Bootstrap input-group border-radius reset */
  border-top-right-radius: var(--mrk-radius) !important;
  border-bottom-right-radius: var(--mrk-radius) !important;
  border-top-left-radius: var(--mrk-radius) !important;
  border-bottom-left-radius: var(--mrk-radius) !important;
  margin-left: 0 !important;
}

.aimeos.catalog-detail .addbasket .btn-action:hover {
  background: var(--mrk-red-dark) !important;
  box-shadow: 0 6px 20px rgba(204,0,0,.35) !important;
  transform: translateY(-1px) !important;
}

.aimeos.catalog-detail .addbasket .btn-action:disabled {
  background: var(--mrk-gray-200) !important;
  color: var(--mrk-gray-500) !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ---- Actions (pin, watch, like) + Social share ---- */
.aimeos.catalog-detail .catalog-detail-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--mrk-gray-100);
}

.aimeos.catalog-detail .catalog-detail-actions .actions {
  display: flex;
  gap: 4px;
}

.aimeos.catalog-detail .catalog-detail-actions .action a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--mrk-gray-200);
  color: var(--mrk-gray-500);
  text-decoration: none;
  font-size: 1rem;
  transition: all var(--mrk-transition);
}

.aimeos.catalog-detail .catalog-detail-actions .action a:hover {
  border-color: var(--mrk-red);
  color: var(--mrk-red);
  background: rgba(204,0,0,.05);
}

.aimeos.catalog-detail .catalog-detail-actions .social {
  display: flex;
  gap: 6px;
}

.aimeos.catalog-detail .catalog-detail-actions .social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-size: .95rem;
  transition: all var(--mrk-transition);
  text-decoration: none;
  color: var(--mrk-white);
  opacity: .85;
}

.aimeos.catalog-detail .catalog-detail-actions .social a:hover { opacity: 1; transform: scale(1.1); }
.aimeos.catalog-detail .catalog-detail-actions .social a.facebook { background: #1877f2; }
.aimeos.catalog-detail .catalog-detail-actions .social a.twitter  { background: #1da1f2; }
.aimeos.catalog-detail .catalog-detail-actions .social a.pinterest { background: #e60023; }
.aimeos.catalog-detail .catalog-detail-actions .social a.whatsapp { background: #25d366; }

/* col-sm-12 (tabs + supplier col): no horizontal Bootstrap padding */
.aimeos.catalog-detail article.product .col-sm-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ---- Tabs (Descriere / Recenzii) ---- */
.aimeos.catalog-detail .catalog-detail-additional {
  border-top: 1px solid var(--mrk-gray-100);
}

.aimeos.catalog-detail .catalog-detail-additional .nav-tabs {
  display: flex;
  border-bottom: 2px solid var(--mrk-gray-100);
  padding: 0 24px;
  gap: 0;
  margin: 0;
}

.aimeos.catalog-detail .catalog-detail-additional .nav-tabs .nav-link {
  display: inline-block;
  padding: 16px 20px;
  font-size: .88rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--mrk-gray-500) !important;
  text-decoration: none;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 3px solid transparent !important;
  margin-bottom: -2px;
  transition: all var(--mrk-transition);
  background: none !important;
}

.aimeos.catalog-detail .catalog-detail-additional .nav-tabs .nav-link:hover {
  color: var(--mrk-gray-900) !important;
}

.aimeos.catalog-detail .catalog-detail-additional .nav-tabs .nav-link.active {
  color: var(--mrk-red) !important;
  border-bottom-color: var(--mrk-red) !important;
}

.aimeos.catalog-detail .catalog-detail-additional .nav-tabs .nav-link .ratings {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  background: var(--mrk-red);
  color: var(--mrk-white);
  border-radius: 999px;
  font-size: .7rem;
  font-weight: 700;
  padding: 0 5px;
  margin-left: 6px;
}

.aimeos.catalog-detail .catalog-detail-additional .tab-content {
  padding: 28px 24px;
}

/* Description tab — force dark text regardless of inline CMS styles */
.aimeos.catalog-detail .catalog-detail-additional .block.description {
  max-width: 720px;
}

.aimeos.catalog-detail .catalog-detail-additional .block.description *:not(a) {
  color: var(--mrk-gray-700) !important;
}

.aimeos.catalog-detail .catalog-detail-additional .block.description p {
  line-height: 1.7;
  margin-bottom: 12px;
  font-size: .95rem;
}

.aimeos.catalog-detail .catalog-detail-additional .block.description ul,
.aimeos.catalog-detail .catalog-detail-additional .block.description ol {
  padding-left: 20px;
  margin-bottom: 12px;
}

.aimeos.catalog-detail .catalog-detail-additional .block.description li {
  margin-bottom: 6px;
  font-size: .95rem;
  line-height: 1.6;
}

.aimeos.catalog-detail .catalog-detail-additional .block.description a {
  color: var(--mrk-red) !important;
}

/* ---- Supplier section (bottom) ---- */
.aimeos.catalog-detail .catalog-detail-supplier {
  border-top: 1px solid var(--mrk-gray-100);
  padding: 24px;
}

.aimeos.catalog-detail .catalog-detail-supplier h2.header {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--mrk-gray-300);
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--mrk-gray-100);
}

.aimeos.catalog-detail .catalog-detail-supplier .supplier-content {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.aimeos.catalog-detail .catalog-detail-supplier .media-item img.supplier-image {
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: var(--mrk-radius);
  border: 1px solid var(--mrk-gray-100);
  padding: 6px;
  background: var(--mrk-white);
  flex-shrink: 0;
}

.aimeos.catalog-detail .catalog-detail-supplier h3.supplier-name {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mrk-gray-900);
  margin: 0 0 4px;
}

.aimeos.catalog-detail .catalog-detail-supplier .supplier-address {
  font-size: .82rem;
  color: var(--mrk-gray-500);
  font-weight: 400;
  margin-left: 6px;
}

.aimeos.catalog-detail .catalog-detail-supplier .supplier-short,
.aimeos.catalog-detail .catalog-detail-supplier .supplier-long {
  font-size: .88rem;
  color: var(--mrk-gray-700);
  line-height: 1.55;
  margin: 6px 0 0;
}

/* ============================================================
   CATALOG FILTER / SIDEBAR
   ============================================================ */
.aimeos.catalog-filter {
  background: var(--mrk-white);
  border-radius: var(--mrk-radius);
  border: 1px solid var(--mrk-gray-100);
  padding: 0;
  overflow: hidden;
}

.aimeos.catalog-filter .filtergroup {
  border-bottom: 1px solid var(--mrk-gray-100);
  padding: 14px 16px;
}

.aimeos.catalog-filter .filtergroup:last-child { border-bottom: none; }

.aimeos.catalog-filter .group-header {
  font-weight: 700;
  font-size: .88rem;
  color: var(--mrk-gray-700);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 10px;
}

.aimeos.catalog-filter input[type="checkbox"]:checked + label,
.aimeos.catalog-filter .active a {
  color: var(--mrk-red) !important;
  font-weight: 700;
}

/* ============================================================
   CATALOG STAGE (banner pages)
   ============================================================ */
.aimeos.catalog-stage {
  border-radius: var(--mrk-radius-lg);
  overflow: hidden;
  margin-bottom: 16px;
}

/* ============================================================
   CMS PAGE (homepage)
   ============================================================ */
.aimeos.cms-page {
  background: transparent !important;
  padding: 0 !important;
}

.cms-content { padding: 0; }

/* Category slider images */
.cms-content .home-gallery { border-radius: var(--mrk-radius-lg); overflow: hidden; }

/* Product sliders on homepage */
.cms-content .catalog-list.swiffy-slider { background: transparent; }

.cms-content .container-xl { padding: 20px 0; }

.cms-content h2 {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--mrk-gray-900);
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 3px solid var(--mrk-red);
  display: flex;
  align-items: center;
  gap: 10px;
}

.cms-content h2::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 1.4rem;
  background: var(--mrk-red);
  border-radius: 2px;
}

/* Banner sections */
.cms-content .background {
  border-radius: var(--mrk-radius-lg);
  overflow: hidden;
  margin: 20px 0;
}

.cms-content .background a.btn,
.cms-content a.btn {
  background: var(--mrk-red) !important;
  color: var(--mrk-white) !important;
  border-radius: var(--mrk-radius-pill) !important;
  padding: 12px 28px !important;
  font-weight: 700 !important;
  font-size: .95rem !important;
  transition: all var(--mrk-transition) !important;
  border: 2px solid transparent !important;
  display: inline-block !important;
}

.cms-content a.btn:hover {
  background: transparent !important;
  border-color: var(--mrk-white) !important;
  transform: translateY(-2px) !important;
}

/* ============================================================
   CATALOG HOME (banner slider)
   ============================================================ */
.aimeos.catalog-home {
  border-radius: var(--mrk-radius-lg);
  overflow: hidden;
  margin-bottom: 20px;
}

.catalog-home .stage-text {
  background: linear-gradient(to top, rgba(0,0,0,.7) 0%, transparent 100%);
  border-radius: 0 0 var(--mrk-radius-lg) var(--mrk-radius-lg);
}

.catalog-home .stage-text .btn {
  background: var(--mrk-red) !important;
  color: #fff !important;
  border-radius: var(--mrk-radius-pill) !important;
  padding: 10px 24px !important;
  font-weight: 700 !important;
  border: none !important;
}

/* ============================================================
   BASKET / CART
   ============================================================ */
.aimeos.basket-standard {
  background: var(--mrk-white);
  border-radius: var(--mrk-radius-lg);
  box-shadow: var(--mrk-shadow-sm);
  padding: 24px;
}

.aimeos.basket-standard .btn.update,
.aimeos.basket-standard .btn.checkout {
  background: var(--mrk-red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--mrk-radius) !important;
  padding: 12px 28px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  transition: all var(--mrk-transition) !important;
}

.aimeos.basket-standard .btn.checkout {
  background: var(--mrk-green) !important;
  font-size: 1.1rem !important;
  padding: 14px 36px !important;
}

.aimeos.basket-standard .btn.checkout:hover { background: #008a42 !important; }

/* ============================================================
   CHECKOUT
   ============================================================ */
.aimeos.checkout-standard {
  background: var(--mrk-white);
  border-radius: var(--mrk-radius-lg);
  box-shadow: var(--mrk-shadow-sm);
  padding: 24px;
}

/* ============================================================
   BREADCRUMBS
   ============================================================ */
.aimeos.catalog-stage .stage-breadcrumb a,
.breadcrumb-item a {
  color: var(--mrk-red);
  text-decoration: none;
}

/* ============================================================
   SUPPLIER / VENDOR PAGE
   ============================================================ */
.aimeos.supplier-detail {
  background: var(--mrk-white);
  border-radius: var(--mrk-radius-lg);
  box-shadow: var(--mrk-shadow-sm);
  padding: 32px;
  margin-bottom: 20px;
}

.aimeos.supplier-detail .header-name {
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--mrk-gray-900);
  margin-bottom: 8px;
}

/* Vendor badge */
.aimeos.catalog-list .product .supplier-name a,
.aimeos.catalog-list .product .supplier-name {
  display: inline-block;
  background: var(--mrk-gray-50);
  color: var(--mrk-blue);
  font-size: .72rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: var(--mrk-radius-pill);
  text-decoration: none;
  border: 1px solid var(--mrk-gray-100);
  margin-bottom: 4px;
}

.aimeos.catalog-list .product .supplier-name a:hover {
  background: var(--mrk-blue);
  color: var(--mrk-white);
  border-color: var(--mrk-blue);
}

/* ============================================================
   REVIEWS
   ============================================================ */
.aimeos .rating .stars { color: var(--mrk-gold); }

.aimeos .review-item {
  background: var(--mrk-white);
  border: 1px solid var(--mrk-gray-100);
  border-radius: var(--mrk-radius);
  padding: 16px;
  margin-bottom: 12px;
}

/* ============================================================
   BASKET MINI (cart popup)
   ============================================================ */
.aimeos.basket-mini .basket-mini-product {
  border-radius: var(--mrk-radius-lg);
  box-shadow: var(--mrk-shadow-xl);
  border: 1px solid var(--mrk-gray-100);
}

.aimeos.basket-mini .btn.checkout {
  background: var(--mrk-green) !important;
  border: none !important;
  border-radius: var(--mrk-radius) !important;
  font-weight: 700 !important;
  padding: 12px !important;
}

/* ============================================================
   BUTTONS — Global overrides
   ============================================================ */
.btn-primary, .btn.primary {
  background: var(--mrk-red) !important;
  border-color: var(--mrk-red) !important;
  color: #fff !important;
}

.btn-primary:hover {
  background: var(--mrk-red-dark) !important;
  border-color: var(--mrk-red-dark) !important;
}

/* ============================================================
   FLASH DEALS SECTION (homepage custom)
   ============================================================ */
.mrk-flash-section {
  background: linear-gradient(135deg, var(--mrk-dark) 0%, var(--mrk-dark2) 100%);
  border-radius: var(--mrk-radius-xl);
  padding: 24px;
  margin: 20px 0;
  color: var(--mrk-white);
}

.mrk-flash-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.mrk-flash-title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
}

.mrk-flash-badge {
  background: var(--mrk-red);
  color: #fff;
  padding: 4px 12px;
  border-radius: var(--mrk-radius-pill);
  font-size: .75rem;
  font-weight: 700;
  animation: mrk-pulse 1.5s ease infinite;
}

@keyframes mrk-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .7; }
}

.mrk-countdown {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .85rem;
}

.mrk-countdown-unit {
  background: rgba(255,255,255,.15);
  border-radius: var(--mrk-radius-sm);
  padding: 6px 10px;
  text-align: center;
  min-width: 44px;
}

.mrk-countdown-value {
  display: block;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1;
}

.mrk-countdown-label {
  display: block;
  font-size: .65rem;
  opacity: .7;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.mrk-countdown-sep {
  font-size: 1.4rem;
  font-weight: 800;
  opacity: .6;
}

/* ============================================================
   VENDOR CHIPS (homepage)
   ============================================================ */
.mrk-vendor-strip {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 16px 0;
  scrollbar-width: none;
}

.mrk-vendor-strip::-webkit-scrollbar { display: none; }

.mrk-vendor-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 14px 20px;
  background: var(--mrk-white);
  border: 1px solid var(--mrk-gray-100);
  border-radius: var(--mrk-radius-lg);
  text-decoration: none;
  color: var(--mrk-gray-700);
  white-space: nowrap;
  transition: all var(--mrk-transition);
  flex-shrink: 0;
  min-width: 120px;
  box-shadow: var(--mrk-shadow-sm);
}

.mrk-vendor-chip:hover {
  border-color: var(--mrk-red);
  color: var(--mrk-red);
  box-shadow: var(--mrk-shadow-md);
  transform: translateY(-2px);
}

.mrk-vendor-chip .mrk-vendor-name { font-size: .88rem; font-weight: 700; }
.mrk-vendor-chip .mrk-vendor-rating { font-size: .75rem; color: var(--mrk-gold); }
.mrk-vendor-chip .mrk-vendor-products { font-size: .72rem; color: var(--mrk-gray-500); }

/* ============================================================
   LOCALE SELECTOR
   ============================================================ */
.aimeos.locale-select { display: none; }

/* ============================================================
   ACCOUNT / PROFILE PAGES
   ============================================================ */
.aimeos.account-profile,
.aimeos.account-history,
.aimeos.account-basket {
  background: var(--mrk-white);
  border-radius: var(--mrk-radius-lg);
  box-shadow: var(--mrk-shadow-sm);
  padding: 24px;
}

/* ============================================================
   PAGINATION
   ============================================================ */
.pagination { justify-content: center; gap: 4px; }

.page-link {
  color: var(--mrk-red);
  border-color: var(--mrk-gray-100);
  border-radius: var(--mrk-radius-sm) !important;
}

.page-item.active .page-link {
  background: var(--mrk-red);
  border-color: var(--mrk-red);
  color: #fff;
}

/* ============================================================
   SEARCH RESULTS
   ============================================================ */
.aimeos.catalog-search-results {
  background: var(--mrk-white);
  border-radius: var(--mrk-radius);
  box-shadow: var(--mrk-shadow-lg);
  border: 1px solid var(--mrk-gray-100);
  overflow: hidden;
}

/* ============================================================
   BACK TO TOP
   ============================================================ */
.mrk-back-to-top {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 44px;
  height: 44px;
  background: var(--mrk-red);
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--mrk-shadow-md);
  opacity: 0;
  transform: translateY(16px);
  transition: all var(--mrk-transition);
  z-index: 999;
}

.mrk-back-to-top.visible {
  opacity: 1;
  transform: translateY(0);
}

.mrk-back-to-top:hover { background: var(--mrk-red-dark); transform: translateY(-2px); }

/* ============================================================
   FOOTER
   ============================================================ */
.mrk-footer { background: var(--mrk-dark); color: rgba(255,255,255,.85); margin-top: auto; }

.mrk-footer-top { padding: 48px 0 32px; }

.mrk-footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr;
  gap: 32px;
}

.mrk-footer-logo {
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 12px;
}

.mrk-footer-logo .mrk-logo-r { color: #fff; }
.mrk-footer-logo .mrk-logo-m { color: var(--mrk-red); }

.mrk-footer-desc {
  font-size: .85rem;
  line-height: 1.7;
  color: rgba(255,255,255,.6);
  margin-bottom: 16px;
}

.mrk-footer-social {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.mrk-social-btn {
  width: 36px; height: 36px;
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.8);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  text-decoration: none;
  transition: all var(--mrk-transition);
}

.mrk-social-btn:hover { background: var(--mrk-red); color: #fff; transform: translateY(-2px); }

.mrk-footer-payment { display: flex; gap: 6px; flex-wrap: wrap; }

.mrk-payment-badge {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.8);
  padding: 4px 10px;
  border-radius: var(--mrk-radius-sm);
  font-size: .72rem;
  font-weight: 700;
}

.mrk-footer-heading {
  font-size: .88rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(255,255,255,.5);
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}

.mrk-footer-links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }

.mrk-footer-links a {
  color: rgba(255,255,255,.7);
  text-decoration: none;
  font-size: .85rem;
  transition: all var(--mrk-transition);
}

.mrk-footer-links a:hover { color: #fff; padding-left: 4px; }

.mrk-footer-newsletter-text {
  font-size: .82rem;
  color: rgba(255,255,255,.6);
  margin-bottom: 12px;
  line-height: 1.5;
}

.mrk-newsletter-form {
  display: flex;
  gap: 0;
  border-radius: var(--mrk-radius-sm);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.2);
  margin-bottom: 8px;
}

.mrk-newsletter-input {
  flex: 1;
  background: rgba(255,255,255,.1);
  border: none;
  padding: 10px 14px;
  color: #fff;
  font-family: inherit;
  font-size: .85rem;
  outline: none;
}

.mrk-newsletter-input::placeholder { color: rgba(255,255,255,.4); }

.mrk-newsletter-btn {
  background: var(--mrk-red);
  color: #fff;
  border: none;
  padding: 10px 18px;
  font-weight: 700;
  font-size: .82rem;
  font-family: inherit;
  cursor: pointer;
  transition: background var(--mrk-transition);
  white-space: nowrap;
}

.mrk-newsletter-btn:hover { background: var(--mrk-red-dark); }

.mrk-footer-gdpr {
  font-size: .72rem;
  color: rgba(255,255,255,.4);
}

.mrk-footer-gdpr a { color: rgba(255,255,255,.5); text-decoration: underline; }

.mrk-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.1);
  padding: 16px 0;
}

.mrk-footer-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: .8rem;
  color: rgba(255,255,255,.4);
  gap: 16px;
}

.mrk-footer-bottom-links {
  display: flex;
  align-items: center;
  gap: 16px;
}

.mrk-footer-bottom-links a {
  color: rgba(255,255,255,.4);
  text-decoration: none;
  transition: color var(--mrk-transition);
}

.mrk-footer-bottom-links a:hover { color: rgba(255,255,255,.8); }

/* ============================================================
   NOTIFICATIONS / MESSAGES
   ============================================================ */
.aimeos .error-list,
.aimeos .success-list {
  border-radius: var(--mrk-radius);
  padding: 12px 16px;
  margin-bottom: 16px;
  font-size: .88rem;
}

.aimeos .error-list { background: #fff0f0; border: 1px solid #ffcdd2; color: var(--mrk-red); }
.aimeos .success-list { background: #f0fff4; border: 1px solid #a7f3d0; color: var(--mrk-green); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1200px) {
  .mrk-footer-grid { grid-template-columns: 1fr 1fr 1fr; }
  .mrk-footer-brand { grid-column: 1 / -1; }
  .mrk-trust-items { gap: 8px; }
  .mrk-trust-item span { display: none; }
}

@media (max-width: 992px) {
  .mrk-header-inner { grid-template-columns: 140px 1fr auto; gap: 10px; }
  /* .mrk-nav-extras { display: none; } */
  .mrk-footer-grid { grid-template-columns: 1fr 1fr; }
  .mrk-footer-brand { grid-column: 1 / -1; }
  /* Search: max-width 100% pe tablet */
  .mrk-search-wrapper .input-group { max-width: 100% !important; }
  .mrk-search-wrapper .btn.btn-search { padding: 11px 18px !important; }
}

@media (max-width: 992px) {
  /* Filter sidebar: collapse by default on tablet/mobile, show as drawer */
  .col-lg-3 > .aimeos.catalog-filter {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 2000;
    background: var(--mrk-white);
    overflow-y: auto;
    border-radius: 0;
    border: none;
    box-shadow: var(--mrk-shadow-xl);
    padding: 20px;
    max-height: 100vh;
  }

  .col-lg-3 > .aimeos.catalog-filter.mrk-filter-open {
    display: block;
  }

  /* Filter toggle button — injected by JS */
  .mrk-filter-toggle-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--mrk-white);
    border: 1px solid var(--mrk-gray-200);
    border-radius: var(--mrk-radius-pill);
    padding: 8px 16px;
    font-size: .88rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    color: var(--mrk-gray-700);
    margin-bottom: 12px;
    transition: all var(--mrk-transition);
  }

  .mrk-filter-toggle-btn:hover {
    border-color: var(--mrk-red);
    color: var(--mrk-red);
  }

  /* Filter close button inside drawer */
  .mrk-filter-close {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--mrk-gray-100);
  }

  .mrk-filter-close h3 {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
  }

  .mrk-filter-close button {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--mrk-gray-500);
    padding: 0;
    line-height: 1;
  }

  /* Product list takes full width when sidebar hidden */
  .col-lg-9 { padding-left: 8px !important; padding-right: 8px !important; }

  /* Reduce product width to 48% on tablet (2 columns) */
  .aimeos:not(.cms-page) .product-list .product {
    width: 47% !important;
    margin: 0.5% !important;
  }
}

/* Filter toggle button: hidden by default (JS only injects on mobile) */
.mrk-filter-toggle-btn { display: none; }

@media (max-width: 768px) {
  /* Header: 2 rânduri — logo+icons sus, search jos full width */
  :root { --mrk-header-h: auto; }
  .mrk-header { height: auto !important; padding: 10px 0 8px; }
  .mrk-header-inner {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    grid-template-areas:
      "logo actions"
      "search search";
    gap: 8px 12px;
    align-items: center;
  }
  .mrk-logo { grid-area: logo; align-self: center; }
  .mrk-search-wrapper { grid-area: search; padding: 0 0 4px; }
  .mrk-header-actions { grid-area: actions; align-self: center; }

  .mrk-logo-tagline { display: none; }
  .mrk-action-label { display: none; }
  .mrk-trust-bar { display: none; }
  .mrk-category-nav-inner { overflow-x: auto; scrollbar-width: none; }
  .mrk-category-nav-inner::-webkit-scrollbar { display: none; }
  /* Ascunde textul butonului, rămâne doar iconul ☰ */
  .mrk-all-categories-btn { padding: 0 14px; }
  .mrk-footer-grid { grid-template-columns: 1fr 1fr; }
  .mrk-register-btn { display: none; }

  /* Search mobile: full width */
  .mrk-search-wrapper .input-group { max-width: 100% !important; }
  .mrk-search-wrapper .btn.btn-search { padding: 11px 18px !important; }

  /* Product grid 2-col */
  .aimeos.catalog-list .catalog-list-items.product-list {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }

  /* Vendor chips: scroll on mobile */
  .mrk-vendor-chip { min-width: 100px; padding: 10px 14px; }
  .mrk-vendor-chip .mrk-vendor-products { display: none; }

  /* Countdown: smaller */
  .mrk-countdown-unit { min-width: 36px; padding: 4px 8px; }
  .mrk-countdown-value { font-size: 1.1rem; }

  /* Detail page: stack columns */
  .aimeos.catalog-detail { padding: 16px; }

  /* Homepage why-us: stack */
  .mrk-footer-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  :root { --mrk-header-h: 56px; }
  .mrk-announcement-bar { display: none; }
  .mrk-footer-grid { grid-template-columns: 1fr; }
  .mrk-logo-mark { font-size: 1.3rem; }
  .mrk-action-btn { padding: 6px 8px; }

  /* Product grid: 2 col */
  .aimeos.catalog-list .catalog-list-items.product-list {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }

  /* Footer newsletter: stack */
  .mrk-newsletter-form { flex-direction: column; border-radius: var(--mrk-radius); }
  .mrk-newsletter-btn { border-radius: 0 0 var(--mrk-radius-sm) var(--mrk-radius-sm); }

  /* Why us section (homepage): stack */
  div[style*="grid-template-columns:repeat(3,1fr)"] {
    display: flex !important;
    flex-direction: column !important;
  }
}

/* ============================================================
   SWIFFY SLIDER OVERRIDES
   ============================================================ */
.swiffy-slider .slider-nav {
  background-color: var(--mrk-red) !important;
  opacity: .9;
}

.swiffy-slider .slider-nav:hover { opacity: 1 !important; }

/* ============================================================
   AUTH PAGES (login, register)
   ============================================================ */
.btn.btn-primary {
  background: var(--mrk-red) !important;
  border-color: var(--mrk-red) !important;
}

.btn.btn-primary:hover {
  background: var(--mrk-red-dark) !important;
  border-color: var(--mrk-red-dark) !important;
}

/* ============================================================
   PRODUCT BADGES (injected via JS)
   ============================================================ */
.mrk-card-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  padding: 4px 10px;
  border-radius: var(--mrk-radius-pill);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
}

.mrk-badge-new { background: var(--mrk-green); color: #fff; }
.mrk-badge-sale { background: var(--mrk-red); color: #fff; }
.mrk-badge-hot { background: var(--mrk-orange); color: #fff; }

/* ============================================================
   SCROLLBAR CUSTOM
   ============================================================ */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--mrk-gray-50); }
::-webkit-scrollbar-thumb { background: var(--mrk-gray-200); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--mrk-gray-300); }