/* ==========================================================================
   smmv-v1.css — Sport-Mag, prima pagina: bara portocalie, antet, meniul vertical
   "CATEGORII" (iqitmegamenu), bannerul langa meniu, blocul de categorii cu poze,
   beneficiile. Versiunea 1, 26 oct 2026; revizia din 27 oct 2026 (?v=2): DE-CONFIRMAT 4 = B
   (decupaje PNG in carduri), 9 = B (portocaliul temei #fe8c29), 14 = B (lupa in cerc de 54 px).
   Revizia din 28 oct 2026 (sesiunea 3, ?v=3): nicio regula schimbata aici; meniul de mobil e in fisierul separat smmv-mob.css
   (clasa smmv-mob, pusa pe toate paginile RO de intrerupatorul smmv_mob_on), iar smmv-v1.js pune cardurile la 16 px sub poza
   sliderului sub 992 px (DE-CONFIRMAT 23 = A); --smmv-cards-clear poate fi acum negativa. Comentariile de mai jos despre
   „cutia absoluta a sliderului” sunt valabile intre 722 si 991 px; sub 722 px cutia e relativa, cu top 170 px (global.css).

   Intrerupator: toate regulile sunt sub `body.smmv-v1`. Fara clasa pe <body>,
   fisierul nu schimba nimic. Prefix propriu `smmv-`; nicio regula pe body, h1,
   a, button sau * in afara prefixului. Doar >= 992 px pentru antet / meniu /
   banner (sub 992 px ramane antetul si meniul de mobil de azi); blocul de
   categorii cu poze si beneficiile sunt pe toate latimile.

   Variabilele --smmv-slider-* si --smmv-list-h sunt scrise de smmv-v1.js din
   geometria reala a listei de taburi (orice numar de taburi: 11 azi, 9 in plan).
   ========================================================================== */

body.smmv-v1 {
  --smmv-orange: #fe8c29;        /* DE-CONFIRMAT 9 = B (27 oct 2026): portocaliul temei (telefon, Promotii, buton); v1 din 26 oct avea #ff740a (CERINTE §3) */
  --smmv-orange-hover: #e87a15;
  --smmv-orange-soft: #fff1e6;
  --smmv-underline: #ff6b00;      /* CERINTE §3, sublinierea titlului */
  --smmv-ink: #0c1721;            /* CERINTE §3, textul meniului */
  --smmv-ink-2: #091222;          /* CERINTE §3, titlu si denumiri carduri */
  --smmv-muted: #6b7280;
  --smmv-line: #eef0f2;
  --smmv-bg: #f3f4f6;             /* macheta 222: fundalul paginii #f3f3f3 */
  --smmv-ivory: #faf8f2;          /* CERINTE §3, fundalul zonei cu categorii */
  --smmv-card: #ffffff;
  --smmv-radius: 12px;
  --smmv-shadow: 0 2px 14px rgba(12, 23, 33, 0.08);
  --smmv-shadow-up: 0 14px 36px rgba(12, 23, 33, 0.18);
  --smmv-menu-w: 330px;
  --smmv-gap: 24px;
  --smmv-font: Roboto, Arial, Helvetica, sans-serif;
  /* valori de pornire; smmv-v1.js le rescrie din masuratori */
  --smmv-slider-top: 150px;
  --smmv-slider-left: 0px;
  --smmv-slider-w: 100%;
  --smmv-list-h: 600px;
  --smmv-total-h: 780px;
}

/* --------------------------------------------------------------------------
   1. Desktop (>= 992 px): bara de sus, antet, meniu, banner
   -------------------------------------------------------------------------- */
@media (min-width: 992px) {

  body.smmv-v1 #header-main {
    background: var(--smmv-bg);
    min-height: var(--smmv-total-h);
    padding-bottom: var(--smmv-gap);
  }

  /* 1.1 Bara portocalie: text in stanga, orar + telefon in dreapta (decizia A, 26 oct 2026) */
  body.smmv-v1 #header .header-content {
    background: var(--smmv-orange);
    /* ?v=4 (28 oct 2026): border-image in loc de box-shadow + clip-path; clip-path taia lista magazinelor de sub steag */
    border-image: linear-gradient(var(--smmv-orange), var(--smmv-orange)) fill 0 / 0 / 0 100vmax;
  }
  body.smmv-v1 #header .header-content .bg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 40px;
    width: auto;
    float: none;
    background: transparent;
    font-family: var(--smmv-font);
  }
  body.smmv-v1 #my_change_lang {
    margin: 0;
    float: none;
    display: flex;
    align-items: center;
  }
  body.smmv-v1 #my_change_lang .dropbtn {
    display: flex;
    align-items: center;
    padding: 0;
    cursor: pointer;
  }
  body.smmv-v1 #my_change_lang .dropbtn img {
    float: none;
    width: 22px;
    height: 16px;
    border-radius: 2px;
    object-fit: cover;
  }
  body.smmv-v1 #my_change_lang .dropbtn i {
    font-size: 14px;
    line-height: 1;
    margin-left: 6px;
    color: #fff;
  }
  body.smmv-v1 .smmv-topbar-text {
    color: #fff;
    font: 400 14px/40px var(--smmv-font);
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body.smmv-v1 #my_info {
    margin: 0;
    float: none;
    display: flex;
    align-items: center;
    gap: 18px;
  }
  body.smmv-v1 #my_info .dropdown {
    display: flex;
    align-items: center;
    gap: 18px;
  }
  body.smmv-v1 #my_info .time {
    float: none;
    font: 400 14px/40px var(--smmv-font);
    color: #fff;
  }
  body.smmv-v1 #my_info a.phone {
    float: none;
    margin: 0;
    display: inline-flex;
    align-items: center;
    font: 700 15px/40px var(--smmv-font);
    color: #fff;
    text-decoration: none;
  }
  body.smmv-v1 #my_info a.phone::before {
    content: "\f095";
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 15px;
    margin-right: 8px;
  }
  body.smmv-v1 #my_info a.phone:hover,
  body.smmv-v1 #my_info a.phone:focus-visible {
    text-decoration: underline;
  }

  /* 1.2 Antetul: card alb rotunjit cu sigla, cautare, cont, cos */
  body.smmv-v1 #header .main-header,
  body.smmv-v1 #my_top_menu > .container {
    background: var(--smmv-card);
    border-radius: var(--smmv-radius);
    box-shadow: var(--smmv-shadow);
  }
  body.smmv-v1 #header .main-header {
    margin-top: 14px;
    padding: 12px 24px;
    align-items: center;
    gap: 24px;
    font-family: var(--smmv-font);
  }
  body.smmv-v1 #my_top_menu > .container {
    box-shadow: none;
    border-radius: 0;
  }
  body.smmv-v1 #header_logo {
    flex: none;
    margin: 0;
    padding: 0;
  }
  body.smmv-v1 #header_logo img.logo {
    max-height: 58px;
    width: auto;
    margin: 0;
  }

  /* cautare: camp gri rotunjit, lupa in cerc portocaliu de 54 px (DE-CONFIRMAT 14 = B, 27 oct 2026; CERINTE §2, bara-portocalie.png) */
  body.smmv-v1 #header #search_block_top {
    flex: 1 1 auto;
    max-width: 560px;
    margin: 0 auto;
    padding: 0;
    float: none;
  }
  body.smmv-v1 #header #search_block_top form#searchbox {
    position: relative;
    margin: 0;
  }
  body.smmv-v1 #header #search_block_top input.search_query {
    width: 100%;
    height: 54px;              /* CERINTE §2: bara de cautare 54 px */
    margin: 0;
    padding: 0 66px 0 20px;
    border: 0;
    border-radius: 27px;
    background: #f4f5f7;
    box-shadow: none;
    font: 400 15px/54px var(--smmv-font);
    color: var(--smmv-ink);
  }
  body.smmv-v1 #header #search_block_top input.search_query:focus {
    outline: 2px solid var(--smmv-orange);
    outline-offset: 0;
    background: #fff;
  }
  body.smmv-v1 #header #search_block_top button[name="submit_search"] {
    position: absolute;
    right: 0;
    top: 0;
    width: 54px;
    height: 54px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--smmv-orange);
    color: #fff;
    font-size: 18px;
    line-height: 54px;
  }
  body.smmv-v1 #header #search_block_top button[name="submit_search"]::before {
    color: #fff;
  }
  body.smmv-v1 #header #search_block_top button[name="submit_search"]:hover,
  body.smmv-v1 #header #search_block_top button[name="submit_search"]:focus-visible {
    background: var(--smmv-orange-hover);
    color: #fff;
  }

  /* cont */
  body.smmv-v1 #blocktopinfo {
    flex: none;
    margin: 0;
    padding: 0;
    float: none;
  }
  body.smmv-v1 #blocktopinfo .header_user_info {
    margin: 0;
    padding: 0;
    border: 0;
  }
  body.smmv-v1 #blocktopinfo .header_user_info a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    color: var(--smmv-ink);
    text-decoration: none;
  }
  body.smmv-v1 #blocktopinfo .header_user_info a img {
    width: 36px;
    height: 36px;
  }
  body.smmv-v1 #blocktopinfo .user_info_button_my_account {
    margin: 0;
  }
  body.smmv-v1 #blocktopinfo .user_info_button_my_account span {
    display: block;
    text-transform: none;
  }
  body.smmv-v1 #blocktopinfo .user_info_button_my_account .top_text {
    font: 400 13px/16px var(--smmv-font);
    color: var(--smmv-muted);
  }
  body.smmv-v1 #blocktopinfo .user_info_button_my_account .bottom_text {
    font: 700 15px/20px var(--smmv-font);
    color: var(--smmv-ink);
  }

  /* cos: pictograma neagra cu bulina portocalie, "Cosul meu" negru, totalul portocaliu (cos-de-cumparaturi.png) */
  body.smmv-v1 #header .cart-container {
    flex: none;
    margin: 0;
    padding: 0;
    float: none;
  }
  /* tema ascunde cu !important ::before/::after de pe <a>; pictograma noua sta pe .shopping_cart (div) */
  body.smmv-v1 #header .cart-container .shopping_cart {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 4px 0 4px 2px;
    border-radius: 0;
  }
  body.smmv-v1 #header .cart-container .shopping_cart > a:first-child {
    position: static;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    align-items: center;
    min-width: 0;
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent !important;
    color: var(--smmv-ink);
    text-decoration: none;
    font-family: var(--smmv-font);
    border-radius: 0;
    box-shadow: none;
  }
  /* pictograma cosului: contur negru (cos-de-cumparaturi.png); imaginea alba a temei (cos.svg) se ascunde */
  body.smmv-v1 #header .cart-container .shopping_cart::before {
    content: "";
    flex: none;
    display: block;
    width: 36px;
    height: 36px;
    margin: 0;
    background-color: var(--smmv-ink);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2 3h3l2.6 11.2a1.5 1.5 0 0 0 1.5 1.3h9.4a1.5 1.5 0 0 0 1.5-1.2L21.5 7H6'/><circle cx='9.5' cy='20' r='1.6'/><circle cx='17.5' cy='20' r='1.6'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2 3h3l2.6 11.2a1.5 1.5 0 0 0 1.5 1.3h9.4a1.5 1.5 0 0 0 1.5-1.2L21.5 7H6'/><circle cx='9.5' cy='20' r='1.6'/><circle cx='17.5' cy='20' r='1.6'/></svg>") center / contain no-repeat;
  }
  body.smmv-v1 #header .cart-container .shopping_cart > a:first-child > img {
    display: none;
  }
  body.smmv-v1 #header .cart-container .shopping_cart > a:first-child > br {
    display: none;
  }
  body.smmv-v1 #header .cart-container .shopping_cart > a:first-child > span {
    font: 700 15px/18px var(--smmv-font);
    color: var(--smmv-ink);
    text-transform: none;
  }
  body.smmv-v1 #header .cart-container .shopping_cart > a:first-child > span.cart_top_price {
    font: 700 13px/16px var(--smmv-font);
    color: var(--smmv-orange);
  }
  body.smmv-v1 #header .cart-container .shopping_cart .cart_header_total_price {
    display: inline;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
  }
  body.smmv-v1 .smmv-cart-badge,
  body.smmv-v1 #header .cart-container .shopping_cart > a:first-child > span.smmv-cart-badge {
    position: absolute;
    left: 24px;
    top: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: var(--smmv-orange);
    color: #fff;
    font: 700 11px/18px var(--smmv-font);
    text-align: center;
    box-sizing: border-box;
  }

  /* 1.3 Meniul "CATEGORII" */
  body.smmv-v1 .iqitmegamenu-wrapper {
    margin-top: 16px;
  }
  body.smmv-v1 #header #iqitmegamenu-horizontal {
    background: transparent;
  }
  body.smmv-v1 #header .cbp-hrmenu-tab-4 > a.cbp-empty-mlink {
    display: flex;
    align-items: center;
    gap: 14px;
    box-sizing: border-box;
    width: var(--smmv-menu-w);
    min-width: 0;
    height: 54px;
    padding: 0 18px 0 20px;
    border-radius: var(--smmv-radius) var(--smmv-radius) 0 0;
    background: var(--smmv-orange);
    color: #fff;
    font: 700 20px/54px var(--smmv-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    cursor: default;
  }
  body.smmv-v1 #header .cbp-hrmenu-tab-4 > a.cbp-empty-mlink::before {
    content: "";
    width: 20px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
    box-shadow: 0 -6px 0 #fff, 0 6px 0 #fff;
    flex: none;
  }
  body.smmv-v1 #header .cbp-hrmenu-tab-4 > a.cbp-empty-mlink .menu-icon,
  body.smmv-v1 #header .cbp-hrmenu-tab-4 > a.cbp-empty-mlink .cbp-submenu-aindicator {
    display: none;
  }
  body.smmv-v1 #header .cbp-hrmenu-tab-4 > a.cbp-empty-mlink .cbp-tab-title {
    font: inherit;
    color: inherit;
  }

  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-inner {
    overflow: visible;
    border-radius: 0;
    background: transparent;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-tabs-container > .row > .col-xs-height:first-child {
    box-sizing: border-box;
    width: var(--smmv-menu-w);
    min-width: var(--smmv-menu-w);
    max-width: var(--smmv-menu-w);
    float: none;
    display: table-cell;
    vertical-align: top;
    padding: 0;
  }

  /* lista taburilor: card alb; are fundalul ei, deci nu mai poate cadea in gol alb (AL56) */
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names {
    display: block;
    margin: 0;
    padding: 6px 0 8px;
    background: var(--smmv-card);
    border-radius: 0 0 var(--smmv-radius) var(--smmv-radius);
    box-shadow: var(--smmv-shadow);
    overflow: hidden;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li {
    display: block;
    float: none;
    clear: none;
    width: auto;
    margin: 0;
    padding: 0;
    position: relative;
    border-top: 1px solid var(--smmv-line);
    background: transparent !important;
    color: var(--smmv-ink);
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li:first-child {
    border-top: 0;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li::before,
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li::after {
    display: none !important;
    content: none !important;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a {
    display: flex;
    align-items: center;
    gap: 14px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 12px 18px 12px 20px;
    background: transparent !important;
    color: var(--smmv-ink);
    font: 700 17px/22px var(--smmv-font);
    text-transform: none;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a .mobile-submenu {
    display: none;
  }
  /* pictograma: legata de categoria din data-link, nu de numarul tabului */
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a::before {
    content: "";
    flex: none;
    width: 26px;
    height: 26px;
    background-color: currentColor;
    -webkit-mask: var(--smmv-icon) center / contain no-repeat;
    mask: var(--smmv-icon) center / contain no-repeat;
    --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='4' width='6' height='6' rx='1'/><rect x='14' y='4' width='6' height='6' rx='1'/><rect x='4' y='14' width='6' height='6' rx='1'/><rect x='14' y='14' width='6' height='6' rx='1'/></svg>");
  }
  /* sageata din dreapta */
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a::after {
    content: "";
    flex: none;
    margin-left: auto;
    width: 8px;
    height: 8px;
    border-right: 2px solid #a3abb4;
    border-bottom: 2px solid #a3abb4;
    transform: rotate(-45deg);
    transition: border-color 0.15s ease, transform 0.15s ease;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li:hover,
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li.active,
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li:focus-within {
    background: var(--smmv-orange-soft) !important;
    color: var(--smmv-orange);
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li:hover > a,
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li.active > a,
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li:focus-within > a {
    color: var(--smmv-orange);
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li:hover > a::after,
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li.active > a::after,
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li:focus-within > a::after {
    border-color: var(--smmv-orange);
    transform: translateX(3px) rotate(-45deg);
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a:focus-visible {
    outline: 3px solid #c1652e;
    outline-offset: -3px;
  }
  /* Oferte / Promotii: text portocaliu permanent (categoria /710, nu tabul #7) */
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a[data-link*="/710-"] {
    color: var(--smmv-orange);
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a[data-link*="/710-"]::after {
    border-color: var(--smmv-orange);
  }

  /* pictogramele pe categorie (id din data-link): taburile de azi + cele 9 din plan_final.json */
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a[data-link*="/1245-"]::before {
    --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 16h13l4-9'/><path d='M3 16v3M16 16v3'/><path d='M7 16V9l4 3'/><circle cx='20' cy='5' r='1.5'/></svg>");
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a[data-link*="/1246-"]::before {
    --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 7v10M18 7v10M3 9v6M21 9v6M6 12h12'/></svg>");
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a[data-link*="/9-"]::before {
    --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='4.5' r='2'/><path d='M12 7.5v6M7 11l5 2.5 5-2.5'/><path d='M8 21l4-7.5 4 7.5'/></svg>");
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a[data-link*="/4-"]::before {
    --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 19h16'/><path d='M7 19v-6h10v6'/><path d='M12 13V7'/><path d='M8 7h8'/><path d='M8 5v4M16 5v4'/></svg>");
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a[data-link*="/5-"]::before {
    --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 3c3 2.5 3 15.5 0 18M12 3c-3 2.5-3 15.5 0 18M3 12h18'/></svg>");
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a[data-link*="/6-"]::before {
    --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12a8 8 0 0 1 16 0v4.5H10L4 13z'/><path d='M13 12.5h7'/></svg>");
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a[data-link*="/1024-"]::before {
    --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s-7.5-4.6-7.5-10.2A4.2 4.2 0 0 1 12 8.6a4.2 4.2 0 0 1 7.5 2.2C19.5 16.4 12 21 12 21z'/><path d='M12 8.6V3'/></svg>");
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a[data-link*="/462-"]::before {
    --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 20l7-12 4 7'/><path d='M10 14l3-4 9 10H2'/></svg>");
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a[data-link*="/710-"]::before {
    --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 12l9-9h9v9l-9 9z'/><circle cx='16' cy='8' r='1.5'/></svg>");
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a[data-link*="/692-"]::before {
    --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='6' cy='17' r='3'/><circle cx='18' cy='17' r='3'/><path d='M6 17l4-8h5l3 8'/><path d='M10 9h6M12 17h3'/></svg>");
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a[data-link*="/1217-"]::before {
    --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14.5 4a5 5 0 0 0-5.3 6.8L3 17l4 4 6.2-6.2A5 5 0 0 0 20 9.5l-3 3-3-3 3-3z'/></svg>");
  }

  /* panoul de subcategorii (la hover / focus): foaie alba peste banner.
     Submeniul primeste latimea containerului (--smmv-hrsub-w din JS), ca panoul sa aiba loc. */
  /* Tabelul submeniului are latimea celulelor lui: doar lista (inchis) sau lista + panoul (deschis).
     Latimea panoului = containerul (--smmv-hrsub-w din JS) minus meniul. */
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub,
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-inner,
  body.smmv-v1 #header .cbp-hrmenu .cbp-tabs-container,
  body.smmv-v1 #header .cbp-hrmenu .cbp-tabs-container > .row {
    width: auto;
    min-width: 0;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-tabs-container {
    display: table;
    table-layout: fixed;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-tabs-container > .row {
    display: table-row;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-tabs-container > .row > .col-xs-height.cbp-tab-pane {
    box-sizing: border-box;
    width: calc(var(--smmv-hrsub-w, 1382px) - var(--smmv-menu-w));
    min-width: 0;
    max-width: none;
    padding: 0 0 0 var(--smmv-gap);
    background: transparent;
    vertical-align: top;
    color: var(--smmv-ink);
    font-family: var(--smmv-font);
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-tab-pane > .clearfix {
    padding: 18px 24px 24px;
    background: var(--smmv-card);
    border-radius: var(--smmv-radius);
    box-shadow: var(--smmv-shadow-up);
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-tab-pane .menu_row {
    margin-top: 0;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-tab-pane .cbp-menu-column {
    height: auto;
    min-height: 0;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-tab-pane .col-xs-3 .cbp-menu-column-inner {
    position: static;
    width: auto;
    height: auto;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-tab-pane .cbp-menu-column-inner img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-inner .cbp-tab-pane a {
    color: var(--smmv-ink);
    font-family: var(--smmv-font);
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-inner .cbp-tab-pane a:hover,
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-inner .cbp-tab-pane a:focus-visible {
    color: var(--smmv-orange);
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-inner .cbp-tab-pane .cbp-column-title,
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-inner .cbp-tab-pane .cbp-column-title a {
    color: var(--smmv-ink-2);
    font-weight: 700;
  }

  /* 1.4 Bannerul: cadrul din dreapta meniului, aceeasi inaltime cu lista (variabile din JS) */
  body.smmv-v1 #header-main #homepage-slider {
    position: absolute;
    top: var(--smmv-slider-top);
    left: var(--smmv-slider-left);
    width: var(--smmv-slider-w);
    height: var(--smmv-list-h);
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: var(--smmv-radius);
    box-shadow: var(--smmv-shadow);
    background: #e9ebee;
    z-index: 1;
  }
  body.smmv-v1 #homepage-slider .bx-wrapper,
  body.smmv-v1 #homepage-slider .bx-wrapper .bx-viewport,
  body.smmv-v1 #homepage-slider #homeslider,
  body.smmv-v1 #homepage-slider #homeslider > li {
    height: 100% !important;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
  }
  body.smmv-v1 #homepage-slider #homeslider > li > a {
    display: block;
    height: 100%;
  }
  body.smmv-v1 #homepage-slider #homeslider img {
    display: block;
    width: 100%;
    height: 100% !important;
    max-width: none;
    object-fit: cover;
    object-position: center;
  }
  /* stratul gri diagonal al temei nu mai e necesar: lista are fundalul ei */
  body.smmv-v1 #homepage-slider .bx-wrapper::before,
  body.smmv-v1 #homepage-slider .bx-wrapper.hover::before {
    display: none;
    content: none;
  }
  body.smmv-v1 #homepage-slider .bx-wrapper .bx-pager {
    position: absolute;
    right: 20px;
    bottom: 14px;
    left: auto;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    z-index: 5;
  }
  body.smmv-v1 #homepage-slider .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    margin: 0 3px;
  }
  body.smmv-v1 #homepage-slider .bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
    width: 12px;
    height: 12px;
    margin: 0;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.75);
    text-indent: -9999px;
    outline: 0;
  }
  body.smmv-v1 #homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active,
  body.smmv-v1 #homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: var(--smmv-orange);
  }

  /* spatiul rezervat de tema sub slider (margin-top 582 px pe lang_ro) nu mai e necesar */
  body.smmv-v1#index .info-banner,
  body.smmv-v1#index.lang_ro .info-banner {
    margin-top: 0;
  }
}

/* 992-1199 px: meniu mai ingust, text mai mic */
@media (min-width: 992px) and (max-width: 1199px) {
  body.smmv-v1 {
    --smmv-menu-w: 262px;
    --smmv-gap: 18px;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a {
    padding: 10px 14px 10px 14px;
    gap: 10px;
    font-size: 15px;
    line-height: 20px;
  }
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a::before {
    width: 22px;
    height: 22px;
  }
  body.smmv-v1 #header .cbp-hrmenu-tab-4 > a.cbp-empty-mlink {
    font-size: 18px;
  }
  body.smmv-v1 #header .main-header {
    padding: 10px 16px;
    gap: 14px;
  }
  body.smmv-v1 #header #search_block_top {
    max-width: 380px;
  }
  body.smmv-v1 .smmv-topbar-text {
    font-size: 13px;
  }
}

/* --------------------------------------------------------------------------
   2. Blocul de categorii cu poze (toate latimile): 6 / 3 / 2 coloane (CERINTE §5)
   -------------------------------------------------------------------------- */
body.smmv-v1 .smmv-cards {
  position: relative;
  z-index: 20;                 /* ca .info-banner din tema: deasupra cutiei absolute a sliderului */
  background: var(--smmv-ivory);
  padding: 34px 0 10px;
  font-family: var(--smmv-font);
}
/* Sub 992 px antetul si meniul raman cele de azi; blocul de carduri intra inaintea beneficiilor si preia
   spatiul pe care tema il rezerva sub cutia sliderului (margin-top-ul lui .info-banner): smmv-v1.js masoara
   cutia sliderului si pune --smmv-cards-clear; beneficiile raman lipite de carduri. */
@media (max-width: 991px) {
  body.smmv-v1 .smmv-cards {
    margin-top: var(--smmv-cards-clear, 0px);
  }
  body.smmv-v1#index .info-banner,
  body.smmv-v1#index.lang_ro .info-banner {
    margin-top: 0 !important;
  }
}
body.smmv-v1 .smmv-cards__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 22px;
}
body.smmv-v1 .smmv-cards__title {
  position: relative;
  margin: 0;
  padding: 0 0 12px;
  font: 700 30px/1.2 var(--smmv-font);
  color: var(--smmv-ink-2);
  text-transform: none;
}
body.smmv-v1 .smmv-cards__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 54px;
  height: 3px;
  border-radius: 2px;
  background: var(--smmv-underline);
}
body.smmv-v1 .smmv-cards__all {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: none;
  padding: 10px 20px;
  border: 1.5px solid var(--smmv-orange);
  border-radius: 999px;
  background: transparent;
  color: var(--smmv-orange);
  font: 700 14px/1.2 var(--smmv-font);
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
body.smmv-v1 .smmv-cards__all::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: rotate(45deg);
}
body.smmv-v1 .smmv-cards__all:hover,
body.smmv-v1 .smmv-cards__all:focus-visible {
  background: var(--smmv-orange);
  color: #fff;
}
body.smmv-v1 .smmv-cards__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.smmv-v1 .smmv-card {
  --smmv-card-bg: #eeedeb;
  margin: 0;
  padding: 0;
  min-height: 183px;
  border-radius: 14px;
  background: var(--smmv-card-bg);
  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
body.smmv-v1 .smmv-card--1 { --smmv-card-bg: #fce8d8; }
body.smmv-v1 .smmv-card--2 { --smmv-card-bg: #eeedeb; }
body.smmv-v1 .smmv-card--3 { --smmv-card-bg: #eaf0e2; }
body.smmv-v1 .smmv-card--4 { --smmv-card-bg: #e1ebf3; }
body.smmv-v1 .smmv-card--5 { --smmv-card-bg: #fbe3df; }
body.smmv-v1 .smmv-card--6 { --smmv-card-bg: #e9efde; }
body.smmv-v1 .smmv-card:hover,
body.smmv-v1 .smmv-card:focus-within {
  transform: translateY(-2px);
  box-shadow: var(--smmv-shadow);
}
body.smmv-v1 .smmv-card > a {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: var(--smmv-ink-2);
  text-decoration: none;
}
body.smmv-v1 .smmv-card > a:focus-visible {
  outline: 3px solid #c1652e;
  outline-offset: -3px;
}
body.smmv-v1 .smmv-card__img {
  display: flex;                 /* DE-CONFIRMAT 4 = B (27 oct 2026): decupaj PNG pe fundalul pastel al cardului, fara taiere */
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 150px;
  padding: 10px 12px 0;
  overflow: hidden;
}
body.smmv-v1 .smmv-card__img img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 130px;             /* CERINTE §2: fotografia max ~130 px, contain */
  object-fit: contain;
  object-position: center;
}
body.smmv-v1 .smmv-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 11px 8px 11px 12px;
  min-height: 56px;
}
body.smmv-v1 .smmv-card__name {
  font: 700 18px/1.2 var(--smmv-font);   /* CERINTE §2: 18 px; un nume lung se rupe pe 2 randuri, nu se taie */
  color: var(--smmv-ink-2);
}
body.smmv-v1 .smmv-card__arrow {
  flex: none;
  width: 34px;                           /* CERINTE §2: cerc alb de 34 px */
  height: 34px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(12, 23, 33, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s ease;
}
body.smmv-v1 .smmv-card__arrow::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: var(--smmv-ink-2);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8h10M9 4l4 4-4 4'/></svg>") center / contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8h10M9 4l4 4-4 4'/></svg>") center / contain no-repeat;
}
body.smmv-v1 .smmv-card:hover .smmv-card__arrow,
body.smmv-v1 .smmv-card:focus-within .smmv-card__arrow {
  background: var(--smmv-orange);
}
body.smmv-v1 .smmv-card:hover .smmv-card__arrow::before,
body.smmv-v1 .smmv-card:focus-within .smmv-card__arrow::before {
  background-color: #fff;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  body.smmv-v1 .smmv-card__name {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  body.smmv-v1 .smmv-cards__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  body.smmv-v1 .smmv-cards {
    padding-top: 26px;
  }
  body.smmv-v1 .smmv-cards__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  body.smmv-v1 .smmv-cards__head {
    flex-wrap: wrap;
  }
  body.smmv-v1 .smmv-cards__title {
    font-size: 24px;
  }
  body.smmv-v1 .smmv-card__img {
    height: 120px;
  }
  body.smmv-v1 .smmv-card__img img {
    max-height: 100px;
  }
  body.smmv-v1 .smmv-card__name {
    font-size: 16px;
  }
  body.smmv-v1 .smmv-card__arrow {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 359px) {
  body.smmv-v1 .smmv-cards__grid {
    gap: 8px;
  }
  body.smmv-v1 .smmv-card__foot {
    padding: 10px 8px 10px 10px;
  }
  body.smmv-v1 .smmv-card__name {
    font-size: 15px;
  }
}

/* --------------------------------------------------------------------------
   3. Beneficiile (textele raman cele servite de magazin)
   -------------------------------------------------------------------------- */
body.smmv-v1 .info-banner {
  background: var(--smmv-ivory);
  padding: 16px 0 30px;
  font-family: var(--smmv-font);
}
body.smmv-v1 .info-banner > .container {
  background: var(--smmv-card);
  border-radius: var(--smmv-radius);
  box-shadow: var(--smmv-shadow);
  padding: 6px 12px;
}
body.smmv-v1 .info-banner .info-box {
  padding: 12px 10px;
  color: inherit;
  text-decoration: none;
}
body.smmv-v1 .info-banner img {
  max-width: 54px;
  margin-right: 14px;
}
body.smmv-v1 .info-banner .info-banner-title {
  font: 700 17px/1.3 var(--smmv-font);
  color: var(--smmv-ink-2);
  text-transform: none;
}
body.smmv-v1 .info-banner .info-banner-title b {
  font-weight: 700;
}
body.smmv-v1 .info-banner p {
  margin: 2px 0 0;
  font: 400 14px/1.4 var(--smmv-font);
  color: var(--smmv-muted);
}
body.smmv-v1 .info-banner .info-box:hover .info-banner-title,
body.smmv-v1 .info-banner .info-box:focus-visible .info-banner-title {
  color: var(--smmv-orange);
}

/* --------------------------------------------------------------------------
   4. Accesibilitate
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  body.smmv-v1 .smmv-card,
  body.smmv-v1 .smmv-card__arrow,
  body.smmv-v1 .smmv-cards__all,
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a,
  body.smmv-v1 #header .cbp-hrmenu .cbp-hrsub-tabs-names li > a::after {
    transition: none;
  }
  body.smmv-v1 .smmv-card:hover,
  body.smmv-v1 .smmv-card:focus-within {
    transform: none;
  }
}