/* dx-unify v2 - candidat 03.10.2026. Aduce paginile vechi pe tokenii din dx-2026.css.
   Se incarca ULTIMUL. Prefix #id + !important fiindca CMS-ul are <style> si style="" proprii.
   Homepage-ul NU se atinge (verificat prin diff de computed style). */

:root { --dx-2: 8px; --dx-3: 12px; --dx-4: 16px; --dx-5: 24px; --dx-6: 32px; }

/* ---------- A. butoane Bootstrap vechi (contact, cont, cos, cautare, categorie) ---------- */
main .btn:not(.dx-btn) {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: var(--dx-ctrl); padding: 0 var(--dx-5); border-radius: var(--dx-r-sm);
  border-width: 1.5px; font: 700 15px/1.2 var(--dx-font); letter-spacing: -.005em; box-shadow: none;
}
main .btn-lg:not(.dx-btn) { min-height: 56px; padding: 0 var(--dx-6); font-size: 16px; }
main .btn-sm:not(.dx-btn) { min-height: var(--dx-ctrl-sm); padding: 0 var(--dx-4); font-size: 14px; }
main .btn.btn-info:not(.dx-btn) {
  background: #fff !important; color: var(--dx-ink) !important; border: 1.5px solid var(--dx-line-2) !important;
}
main .btn.btn-info:not(.dx-btn):hover { color: var(--dx-brand) !important; border-color: var(--dx-brand) !important; }
main .btn-light:not(.dx-btn) {
  min-height: var(--dx-ctrl-sm); min-width: var(--dx-ctrl-sm); padding: 0 var(--dx-3);
  background: #fff; color: var(--dx-ink); border-color: var(--dx-line-2);
}
main .btn-light:not(.dx-btn):hover { border-color: var(--dx-brand); color: var(--dx-brand); background: #fff; }
main .btn-light.active:not(.dx-btn) { background: var(--dx-ink); border-color: var(--dx-ink); color: #fff; }
main .btn-group { gap: var(--dx-2); }
main .btn-group > .btn:not(.dx-btn) { border-radius: var(--dx-r-sm) !important; margin-left: 0 !important; }

/* ---------- B. selecturi, paginare, "Arata de la..." (categorie, cautare) ---------- */
main select.form-select, main .form-select { border-radius: var(--dx-r-sm) !important; }
main .pagination { gap: 6px; flex-wrap: wrap; }
main .pagination .page-link {
  min-width: var(--dx-ctrl-sm); height: var(--dx-ctrl-sm); padding: 0 var(--dx-3);
  display: inline-flex; align-items: center; justify-content: center;
  border: 1.5px solid var(--dx-line-2); border-radius: var(--dx-r-sm) !important; background: #fff;
  color: var(--dx-ink); font: 700 14px/1 var(--dx-font);
}
main .pagination .page-link:hover { border-color: var(--dx-brand); color: var(--dx-brand); background: #fff; }
main .pagination .page-item.active .page-link,
main .pagination .page-item.active span.page-link { background: var(--dx-ink); border-color: var(--dx-ink); color: #fff; }
#product-category #content > .row > .text-end,
#product-search #content > .row > .text-end { font-size: 14px; color: var(--dx-muted); align-self: center; }

/* cautare: 4 coloane ca pe homepage (JS-ul OpenCart pune 3 la grila) */
@media (min-width: 992px) {
  #product-search #product-list.row-cols-lg-3 > * { width: 25%; }
}

/* ---------- C. carduri vechi (cont, contact) ---------- */
main .card, main .border.rounded {
  border: 1px solid var(--dx-line) !important; border-radius: var(--dx-r) !important; background: #fff;
}
main .card .card-body, main .border.rounded { padding: var(--dx-5) !important; }
main .list-group { border-radius: var(--dx-r); overflow: hidden; border: 1px solid var(--dx-line); }
main .list-group .list-group-item { border-left: 0; border-right: 0; border-color: var(--dx-line); }
main .list-group .list-group-item:first-child { border-top: 0; }
main .list-group .list-group-item:last-child { border-bottom: 0; }

/* contact */
#information-contact #content > h1 { margin-bottom: var(--dx-5); }
#information-contact #content > h3 { font: 700 24px/1.2 var(--dx-font); letter-spacing: -.015em; margin: 0 0 var(--dx-4); }
#information-contact legend { font: 700 24px/1.2 var(--dx-font); letter-spacing: -.015em; text-align: left; border: 0; padding: 0; margin: 0 0 var(--dx-5); }
#information-contact .col-form-label { text-align: left; font-weight: 600; color: var(--dx-ink-2); }
#information-contact .card-body address { margin-bottom: var(--dx-4); }

/* cont / logare */
#account-login #content > h1 { margin-bottom: var(--dx-5); }
#account-login #content h2 { font: 700 24px/1.2 var(--dx-font); letter-spacing: -.015em; margin: 0 0 var(--dx-4); }
#account-login #content h2 + p, #account-login #content .card-body > p { color: var(--dx-ink-2); }
#account-login .col-form-label, #account-login label { font-weight: 600; color: var(--dx-ink-2); }

/* ---------- D. paginile CMS de informatii ---------- */
#information-information #content > section,
#information-information #content > div:not(.row) {
  max-width: 880px !important; margin-left: 0 !important; margin-right: auto !important;
}
#information-information #content > section { margin-top: 0 !important; margin-bottom: var(--dx-6) !important; }
#information-information #content .show { text-align: left; margin-bottom: var(--dx-5); }
#information-information #content section > p,
#information-information #content section li { font-size: 17px; line-height: 1.65; }
#information-information #content section > p { margin: 0 0 var(--dx-4); }

/* ritm de titluri: h2 sectiune, h3 sub-sectiune, ca pe homepage */
#information-information #content section h2 {
  font: 700 30px/1.2 var(--dx-font); letter-spacing: -.02em; margin: 48px 0 var(--dx-4); color: var(--dx-ink);
}
#information-information #content section h3 {
  font: 700 22px/1.25 var(--dx-font); letter-spacing: -.015em; margin: 32px 0 var(--dx-3); color: var(--dx-ink);
}
#information-information #content section > h2:first-child,
#information-information #content section > h3:first-child { margin-top: 0; }

/* continut centrat de CMS -> la stanga, pe aceeasi linie cu titlul */
#information-information #content section p[style*="text-align"],
#information-information #content section div[style*="text-align"],
#information-information #content > div[style*="text-align"] { text-align: left !important; }
#information-information #echipaDexter {
  max-width: 100% !important; border: 0 !important; box-shadow: none !important; border-radius: var(--dx-r) !important;
}

/* butoane inline din CMS (WhatsApp verde, albastru) = .dx-btn--lg */
#information-information #content a[style*="padding:12px 24px"],
#information-information #content a.btnvinde {
  display: inline-flex !important; align-items: center; justify-content: center;
  min-height: 56px; padding: 0 var(--dx-6) !important; border-radius: var(--dx-r-sm) !important;
  border: 1.5px solid transparent !important; font: 700 16px/1.2 var(--dx-font) !important;
  letter-spacing: -.005em; text-decoration: none !important; margin: 0 var(--dx-3) var(--dx-3) 0 !important;
  background-image: none !important; box-shadow: none !important; text-shadow: none !important;
}
#information-information #content a[style*="#25D366"] { background: #25D366 !important; border-color: #25D366 !important; color: #fff !important; }
#information-information #content a[style*="#25D366"]:hover { background: #1DB954 !important; border-color: #1DB954 !important; }
#information-information #content a[style*="background:#0376AA"],
#information-information #content a.btnvinde {
  background: var(--dx-brand) !important; border-color: var(--dx-brand) !important; color: #fff !important;
}
#information-information #content a[style*="background:#0376AA"]:hover,
#information-information #content a.btnvinde:hover { background: var(--dx-brand-deep) !important; border-color: var(--dx-brand-deep) !important; }

/* carduri albe si casete: 14px, bordura subtire; text 17px, titluri 24px in interior */
#information-information #content div[style*="border-radius:2px"],
#information-information #content div[style*="border-radius: 2px"],
#information-information #content p[style*="border-radius:2px"],
#information-information #content p[style*="border-radius: 2px"] {
  border: 1px solid var(--dx-line) !important; border-radius: var(--dx-r) !important;
  padding: var(--dx-5) 28px !important; font-size: 17px; line-height: 1.65;
}
#information-information #content p[style*="border-radius:2px"],
#information-information #content p[style*="border-radius: 2px"] { margin: 0 0 var(--dx-4) !important; background: var(--dx-paper-2) !important; }
#information-information #content div[style*="#F7F9FC"] { background: var(--dx-paper-2) !important; }
#information-information #content div[style*="border-radius"] h2,
#information-information #content div[style*="border-radius"] h3 {
  font: 700 22px/1.25 var(--dx-font); letter-spacing: -.015em; margin: 0 0 var(--dx-3);
}
#information-information #content div[style*="border-radius"] > :last-child { margin-bottom: 0; }
#information-information #content div[style*="border-radius"] p,
#information-information #content div[style*="border-radius"] li { font-size: 17px; line-height: 1.65; }

/* banda de recenzii: card mare, aceeasi scara ca restul */
#information-information .dxr-band {
  background: var(--dx-paper-2); border: 1px solid var(--dx-line); border-radius: var(--dx-r-lg);
  padding: var(--dx-6); margin: 40px 0;
}
#information-information .dxr-band h2 { margin-top: 0; }
#information-information .dxr-band .dxr-quote { background: #fff; }

/* intrebari frecvente + citate */
#information-information .dxr-faq { border: 1px solid var(--dx-line); border-radius: var(--dx-r); margin: 0 0 var(--dx-3); background: #fff; }
#information-information .dxr-faq > summary {
  padding: var(--dx-4) var(--dx-5); font: 700 17px/1.4 var(--dx-font); letter-spacing: -.01em; color: var(--dx-ink);
}
#information-information .dxr-faq-body { padding: 0 var(--dx-5) 20px; font-size: 17px; line-height: 1.65; }
#information-information .dxr-faq-body p:last-child { margin-bottom: 0; }
#information-information .dxr-chips { margin-bottom: var(--dx-5); }
#information-information .dxr-quote { border: 1px solid var(--dx-line); border-radius: var(--dx-r); padding: 22px 24px; font-size: 16px; line-height: 1.6; }
#information-information .dxr-chip { border-color: var(--dx-line-2); }

/* bara de orar: callout discret */
#information-information .orarr {
  text-align: left; font-weight: 700; color: var(--dx-brand-deep); background: var(--dx-brand-soft);
  border: 1px solid rgba(3,118,170,.18); border-radius: var(--dx-r); padding: var(--dx-3) var(--dx-5);
}

/* tabel de preturi */
#information-information #content table {
  width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--dx-line);
  border-radius: var(--dx-r); overflow: hidden; background: #fff;
}
#information-information #content table th { background: var(--dx-paper-2); font-weight: 700; color: var(--dx-ink-2); }
#information-information #content table th,
#information-information #content table td { padding: 12px 18px; border: 0; border-top: 1px solid var(--dx-line); }
#information-information #content table tr:first-child th,
#information-information #content table thead tr:first-child th { border-top: 0; }

/* carusel foto (despre noi): card 14px, sageti rotunde albe */
#information-information .custom-sliderX { border-radius: var(--dx-r); background: var(--dx-paper-2); margin: var(--dx-5) 0; }
#information-information .custom-sliderX .prev,
#information-information .custom-sliderX .next {
  width: 44px; height: 44px; padding: 0; margin-top: -22px; display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.92); color: var(--dx-ink); border-radius: 50%; box-shadow: var(--dx-sh-2);
  font-size: 18px; line-height: 1; text-decoration: none;
}
#information-information .custom-sliderX .prev { left: 12px; }
#information-information .custom-sliderX .next { right: 12px; }
#information-information .custom-sliderX .prev:hover,
#information-information .custom-sliderX .next:hover { background: #fff; color: var(--dx-brand); }

/* google reviews extern, in coloana */
#information-information #content .sk-ww-google-reviews { max-width: 100% !important; }

/* coperta + imagini de pagina */
#information-information #content p > img[style*="width: 100%"]:not(.coperta) { display: block; max-width: 520px; border-radius: var(--dx-r); margin: var(--dx-5) 0; }
#information-information #content img.coperta { border: 0 !important; box-shadow: none !important; border-radius: var(--dx-r-lg); }
#information-information #content p.koperta { margin-bottom: var(--dx-6); }

/* despre noi: carusel la latimea imaginii, titlul Google aliniat la coloana */
#information-information .custom-sliderX .slidesX img { width: 100%; max-height: none; }
#information-information #content section[style*="max-width: 800px"] { max-width: 880px !important; margin: var(--dx-6) 0 var(--dx-5) !important; }
#information-information #content section[style*="max-width: 800px"] h2[style*="padding-left"] { padding-left: 0 !important; }

/* ---------- E. produs: descrierea din CMS (bold+italic peste tot) -> text normal ---------- */
#product-info #tab-description { font-size: 16px; line-height: 1.7; color: var(--dx-ink-2); }
#product-info #tab-description p { margin: 0 0 var(--dx-3); }
#product-info #tab-description strong, #product-info #tab-description b { font-weight: 600; color: var(--dx-ink); }
#product-info #tab-description em { font-style: normal; }
#product-info #tab-description sub { font-size: 13px; vertical-align: baseline; color: var(--dx-muted); }

/* buton dupa callout */
#information-information #content div[style*="text-align"] > b > a.btnvinde { margin-top: var(--dx-3); }
/* link parola uitata */
#account-login a[href*="forgotten"] { display: inline-block; margin-top: var(--dx-2); }

/* categorie/cautare sub 992px: sortare + limita pe cate un rand, etichete egale, ca selectul sa incapa */
@media (max-width: 991.98px) {
  main .row > [class*="col-"]:has(> .input-group > #input-sort),
  main .row > [class*="col-"]:has(> .input-group > #input-limit) { flex: 0 0 100%; max-width: 100%; width: 100%; margin-left: 0; }
  main .input-group > #input-sort, main .input-group > #input-limit { min-width: 0; flex: 1 1 auto; width: 1%; }
  main .input-group > label[for="input-sort"], main .input-group > label[for="input-limit"] { flex: 0 0 120px; width: 120px; }
}

/* login sub 768px: cardurile "Client nou" / "Client existent" unul sub altul */
@media (max-width: 767.98px) {
  #account-login #content > .row > .col { flex: 0 0 100%; max-width: 100%; }
}

/* stari interactive: focus de tastatura ca pe homepage + hover pe primar */
main .btn:not(.dx-btn):focus-visible { outline: 2px solid var(--dx-brand) !important; outline-offset: 2px !important; box-shadow: none !important; }
main .btn-primary:not(.dx-btn):hover, main .btn-primary:not(.dx-btn):focus-visible { background: var(--dx-brand-deep); border-color: var(--dx-brand-deep); color: #fff; box-shadow: var(--dx-sh-2); }
main .page-link:focus-visible, main .form-control:focus-visible, main .form-select:focus-visible, main select:focus-visible, main textarea:focus-visible { outline: 2px solid var(--dx-brand) !important; outline-offset: 2px !important; border-color: var(--dx-brand); box-shadow: none !important; }
/* ---------- F. structura de pagina ca pe homepage: banda de titlu, hero, sectiuni pe benzi ---------- */
:root { --dx-band: #F6F8FB; }
main { overflow-x: clip; }

/* banda de titlu: breadcrumb + H1 pe fond tintat, de la margine la margine */
.container > ul.breadcrumb:first-child { position: relative; isolation: isolate; margin: 0 !important; padding: 18px 0 8px !important; background: transparent !important; border: 0 !important; }
.container > ul.breadcrumb:first-child::before { content: ""; position: absolute; z-index: -1; inset: -5px -100vmax 0; background: var(--dx-paper-2); }

/* paginile utilitare: banda tintata ramane subtire, apoi continutul; un singur format de titlu de pagina */
.container > ul.breadcrumb:first-child { margin-bottom: var(--dx-5) !important; }
#information-information .container > ul.breadcrumb:first-child { margin-bottom: 0 !important; }
:is(#product-category, #product-search, #product-info, #checkout-cart, #account-login, #information-contact) h1 {
  font-size: clamp(26px, 3vw, 38px); line-height: 1.12; letter-spacing: -.03em; text-align: left;
}

/* paginile CMS: fiecare sectiune e o banda pe toata latimea */
#information-information #content > section {
  position: relative; isolation: isolate; max-width: none !important; width: 100%;
  margin: 0 !important; padding: clamp(36px, 5vw, 72px) 0 !important;
  font-family: var(--dx-font) !important;
}
#information-information #content > section::before {
  content: ""; position: absolute; z-index: -1; inset: 0 -100vmax; background: #fff;
}
#information-information #content > section:nth-of-type(even)::before { background: var(--dx-band); }
/* sistemul vechi .dx-reveal (dx-2026) e oprit: aparitia o face un singur sistem, .dxm (dexter-motion.js) */
.dx-reveal, .dx-reveal.dx-in { opacity: 1; transform: none; transition: none; }

/* hero = prima sectiune */
#information-information #content > section:first-of-type { padding-top: 12px !important; padding-bottom: clamp(40px, 5.5vw, 80px) !important; }
#information-information #content > section:first-of-type::before { inset: -5px -100vmax 0; background: linear-gradient(180deg, var(--dx-paper-2) 0%, #fff 100%); }
#information-information #content > section:first-of-type h1.show { margin: 0 0 var(--dx-4) !important; text-align: left; }
#information-information #content > section:first-of-type > h1.show + p { font-size: clamp(17px, 1.3vw, 19px); color: var(--dx-ink-2); max-width: 56ch; margin-bottom: var(--dx-5) !important; }
#information-information #content > section:first-of-type > h1.show + p strong { color: var(--dx-ink); }

/* text: masura de citire */
#information-information #content > section > p, #information-information #content > section > ul, #information-information #content > section > ol { max-width: 72ch; }
#information-information #content > section > ul.dxr-chips { max-width: none; }

/* titluri: aceeasi scara ca homepage-ul (clamp global), fara suprascrierile vechi de 30/22 */
#information-information #content section h2 { font-size: clamp(22px, 2.5vw, 32px); font-weight: 800; letter-spacing: -.026em; line-height: 1.12; margin: 0 0 var(--dx-5); }
#information-information #content section h3 { font-size: clamp(18px, 1.5vw, 21px); font-weight: 700; letter-spacing: -.012em; margin: var(--dx-6) 0 var(--dx-3); }
#information-information #content section div[style*="border-radius"] h2,
#information-information #content section div[style*="border-radius"] h3 { font-size: clamp(18px, 1.5vw, 21px); font-weight: 700; margin: 0 0 var(--dx-3); }

/* desktop: titlul sectiunii in stanga, continutul in dreapta */
@media (min-width: 992px) {
  #information-information #content > section:not(:first-of-type):not(.flexy):has(> h2:first-child) {
    display: grid; grid-template-columns: minmax(220px, .75fr) minmax(0, 2.25fr); column-gap: var(--dx-8); align-items: start;
  }
  #information-information #content > section:not(:first-of-type):not(.flexy) > h2:first-child { grid-column: 1; grid-row: 1 / span 30; position: sticky; top: 148px; margin: 0; }
  #information-information #content > section:not(:first-of-type):not(.flexy):has(> h2:first-child) > :not(h2:first-child) { grid-column: 2; }
  #information-information #content > section:not(:first-of-type):not(.flexy) > h2:not(:first-child) { margin-top: var(--dx-7); }
}

/* hero foto: vezi hero.css (generat) */

@media (max-width: 991.98px) {
  #information-information #content > section:first-of-type { padding-top: 24px !important; }
}

/* banda de recenzii: fara cadrul vechi (benzile dau fondul) */
#information-information #content > section.dxr-band { border: 0 !important; border-radius: 0 !important; background: transparent !important; }
#information-information #content > section > ul.dxr-quotes { max-width: none; }

/* hero fara fotografie CSS: titlu simplu, banda compacta (termeni) */
#information-information #content > section:first-of-type:not(:has(> p)) { padding-bottom: clamp(20px, 3vw, 36px) !important; }

/* despre: fotografia echipei din continut devine cardul din hero */
#information-information #content > section:first-of-type > p:has(> img#echipaDexter) { margin: var(--dx-5) 0 0 !important; max-width: none; text-align: left !important; }
#information-information #content > section:first-of-type > p > img#echipaDexter { display: block; width: 100%; max-width: 100%; height: auto; border-radius: var(--dx-r-lg) !important; border: 1px solid var(--dx-line) !important; box-shadow: var(--dx-sh-3) !important; }
@media (min-width: 992px) {
  #information-information:has(#echipaDexter) #content > section:first-of-type { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); column-gap: var(--dx-8); align-items: center; }
  #information-information:has(#echipaDexter) #content > section:first-of-type > * { grid-column: 1; }
  #information-information:has(#echipaDexter) #content > section:first-of-type > p:has(> img#echipaDexter) { grid-column: 2; grid-row: 1 / span 10; margin: 0 !important; }
}

/* widget recenzii in coloana de continut */
#information-information #content > section .sk-ww-google-reviews { max-width: none !important; max-height: none !important; margin: 0 !important; }

#information-information #content > section h2[style*="padding-left"] { padding-left: 0 !important; }
@media (min-width: 992px) {
  #information-information #content > section:not(:first-of-type):not(.flexy):has(> h2:first-child) > :nth-child(2) { margin-top: 0 !important; }
}

.container > ul.breadcrumb:first-child li, .container > ul.breadcrumb:first-child li a { font-size: 15px; }

/* rep: titlul "Cat costa" si introducerea stau in aceeasi banda cu tabelul si harta */
#information-information #content > section.flexy > h2,
#information-information #content > section.flexy > p { flex: 0 0 100%; max-width: none; margin: 0 !important; }
#information-information #content > section.flexy > p:first-of-type { max-width: 72ch; margin: 0 0 var(--dx-3) !important; }
#information-information #content > section.flexy #listadepreturi > p { margin: var(--dx-4) 0 0 !important; }
#information-information #content > section > p.orarr { max-width: none; }
@media (min-width: 992px) {
  #information-information #content > section.flexy:has(> h2:first-child) {
    display: grid !important; grid-template-columns: minmax(220px, .75fr) minmax(0, 2.25fr); gap: 0 var(--dx-8) !important; align-items: start;
  }
  #information-information #content > section.flexy > h2:first-child { grid-column: 1; grid-row: 1 / span 30; position: sticky; top: 148px; margin: 0 !important; }
  #information-information #content > section.flexy > :not(h2:first-child) { grid-column: 2; min-width: 0; margin-bottom: var(--dx-5); }
  #information-information #content > section.flexy > :nth-child(2) { margin-top: 0 !important; }
}

/* cutie cu chenar in continut: latime completa; paragraful de dupa cutie respira */
#information-information #content > section > p[style*="border"] { max-width: none; }
#information-information #content > section > div[style*="border-radius"] + p { margin-top: var(--dx-4); }

/* intrebari frecvente: acelasi comportament pe toate paginile, si fara stilul incorporat in pagina */
#information-information .dxr-faq > summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; cursor: pointer; }
#information-information .dxr-faq > summary::-webkit-details-marker { display: none; }
#information-information .dxr-faq > summary::after { content: "+"; font-size: 20px; line-height: 1; color: var(--dx-brand); flex: 0 0 auto; }
#information-information .dxr-faq[open] > summary::after { content: "\2212"; }
#information-information .dxr-faq > summary:focus-visible { outline: 2px solid var(--dx-brand); outline-offset: -2px; }

/* tablet: fotografia din hero nu mai ocupa toata latimea */
@media (min-width: 576px) and (max-width: 991.98px) {
  #information-information #content > section:first-of-type > p > img#echipaDexter { max-width: 560px !important; }
}

/* 320px: cele doua butoane rapide din antet raman pe un rand */
@media (max-width: 359.98px) {
  .dx-quick-btn { font-size: 12.5px; gap: 5px; padding-left: 8px; padding-right: 8px; white-space: nowrap; }
  .dx-quick-btn svg { width: 15px; height: 15px; flex: 0 0 auto; }
}

/* 320px: insemnele ANPC nu se mai ating de coronite */
@media (max-width: 359.98px) {
  footer .anpc { margin-bottom: var(--dx-4) !important; }
}

/* contul: elementul curent din meniul lateral e marcat */
#account-login #column-right .list-group-item[href*="route=account/login"],
#account-register #column-right .list-group-item[href*="route=account/register"],
#account-forgotten #column-right .list-group-item[href*="route=account/forgotten"],
#account-account #column-right .list-group-item[href*="route=account/account"],
#account-address #column-right .list-group-item[href*="route=account/address"],
#account-wishlist #column-right .list-group-item[href*="route=account/wishlist"],
#account-order #column-right .list-group-item[href*="route=account/order"],
#account-download #column-right .list-group-item[href*="route=account/download"],
#account-subscription #column-right .list-group-item[href*="route=account/subscription"],
#account-reward #column-right .list-group-item[href*="route=account/reward"],
#account-returns #column-right .list-group-item[href*="route=account/returns"],
#account-transaction #column-right .list-group-item[href*="route=account/transaction"],
#account-newsletter #column-right .list-group-item[href*="route=account/newsletter"] {
  background: var(--dx-paper-2); color: var(--dx-brand); font-weight: 700; box-shadow: inset 3px 0 0 var(--dx-brand);
}

/* selecturi: sageata (chevron) ca sa se vada ca sunt liste */
main select.form-select { appearance: none; -webkit-appearance: none; padding-right: 2.5rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23495057' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat; background-position: right 14px center; background-size: 14px 10px; }

/* meniul lateral din cont: linkul "Am uitat parola" nu mai primeste marginea de link inline din formular */
#account-login #column-right a.list-group-item[href*="forgotten"] { display: block; margin-top: 0; }

/* contact, mobil: butonul "Vizualizati harta" nu se lipeste de coloana urmatoare */
@media (max-width: 575.98px) {
  #information-contact .card-body .col-sm-3 > a.btn { margin-bottom: var(--dx-5); }
}

/* tablet: introducerea din sectiunile flex porneste de la marginea coloanei, nu centrata */
#information-information #content > section.flexy { justify-content: flex-start; }

/* categorie: lista cu garantii si verificari trece sub produse; produsele apar imediat dupa introducere */
#product-category #content { display: flex; flex-direction: column; }
#product-category .dx-cat-intro { display: contents; }
#product-category .dx-cat-intro > ul { order: 10; max-width: 72ch; margin: var(--dx-7) 0 var(--dx-5); }
#product-category .dx-cat-intro > ul::before { content: "De ce Laboratorul Dexter"; display: block; margin: 0 0 var(--dx-3) -1.2em; font-size: clamp(18px, 1.5vw, 21px); font-weight: 800; letter-spacing: -.012em; list-style: none; }

/* titluri: fara cuvant singur pe ultimul rand */
main h1, main h2 { text-wrap: balance; }

/* mobil: titlul nu se mai lipeste de butoanele rapide din antet */
@media (max-width: 991.98px) {
  :is(#checkout-cart, #account-login, #information-contact, #product-search) { padding-top: var(--dx-5); }
}
/* subsol: liniile de copyright si cele legale in gri deschis neutru, nu in albastru */
footer .row p:is(.text-light.mb-0, .dx-legal-line) { color: rgba(255, 255, 255, .66) !important; }
footer .row p:is(.text-light.mb-0, .dx-legal-line) a { text-decoration-color: rgba(255, 255, 255, .4); }
/* hero cu fotografie, ca pe homepage: pe mobil sub text, pe desktop in a doua coloana (generat de gen_hero.py) */
#information-information:has(.breadcrumb a[href$="/reparatii-telefoane"]) { --hero-img: url(/image/dx/hero-telefoane.webp); --hero-ar: 5/4; }
#information-information:has(.breadcrumb a[href$="/reparatii-drone"]) { --hero-img: url(/image/dx/hero-drone.webp); --hero-ar: 1/1; }
#information-information:has(.breadcrumb a[href$="/reparatii-trotinete"]) { --hero-img: url(/image/dx/hero-trotinete.webp); --hero-ar: 1/1; }
#information-information:has(.breadcrumb a[href$="/reparatii-aspiratoare-robot"]) { --hero-img: url(/image/dx/hero-aspiratoare.webp); --hero-ar: 1/1; }
#information-information:has(.breadcrumb a[href$="/reparatii-si-service-laptopuri"]) { --hero-img: url(/image/dx/hero-banc-laptop.webp); --hero-ar: 5/4; }
#information-information:has(.breadcrumb a[href$="/service-iphone-botosani"]) { --hero-img: url(/image/dx/hero-magazin.webp); --hero-ar: 1/1; }
#information-information:has(.breadcrumb a[href$="/service-samsung-botosani"]) { --hero-img: url(/image/dx/hero-samsung.webp); --hero-ar: 1/1; }
#information-information:has(.breadcrumb a[href$="/vinde-ne-telefonul-tau"]) { --hero-img: url(/image/dx/hero-atelier.webp); --hero-ar: 5/4; }
#information-information:has(.breadcrumb a[href$="/reparatii"]) { --hero-img: url(/image/dx/hero-hub.webp); --hero-ar: 5/4; }
#information-information:is(:has(.breadcrumb a[href$="/reparatii-telefoane"]), :has(.breadcrumb a[href$="/reparatii-drone"]), :has(.breadcrumb a[href$="/reparatii-trotinete"]), :has(.breadcrumb a[href$="/reparatii-aspiratoare-robot"]), :has(.breadcrumb a[href$="/reparatii-si-service-laptopuri"]), :has(.breadcrumb a[href$="/service-iphone-botosani"]), :has(.breadcrumb a[href$="/service-samsung-botosani"]), :has(.breadcrumb a[href$="/vinde-ne-telefonul-tau"]), :has(.breadcrumb a[href$="/reparatii"])) #content > section:first-of-type::after {
  content: ""; display: block; aspect-ratio: var(--hero-ar, 5/4); margin-top: var(--dx-6);
  border-radius: var(--dx-r-lg); border: 1px solid var(--dx-line); box-shadow: var(--dx-sh-3);
  background: #fff var(--hero-img) center 30% / cover no-repeat;
}
@media (min-width: 992px) {
  #information-information:is(:has(.breadcrumb a[href$="/reparatii-telefoane"]), :has(.breadcrumb a[href$="/reparatii-drone"]), :has(.breadcrumb a[href$="/reparatii-trotinete"]), :has(.breadcrumb a[href$="/reparatii-aspiratoare-robot"]), :has(.breadcrumb a[href$="/reparatii-si-service-laptopuri"]), :has(.breadcrumb a[href$="/service-iphone-botosani"]), :has(.breadcrumb a[href$="/service-samsung-botosani"]), :has(.breadcrumb a[href$="/vinde-ne-telefonul-tau"]), :has(.breadcrumb a[href$="/reparatii"])) #content > section:first-of-type {
    display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); column-gap: var(--dx-8); align-items: center;
  }
  #information-information:is(:has(.breadcrumb a[href$="/reparatii-telefoane"]), :has(.breadcrumb a[href$="/reparatii-drone"]), :has(.breadcrumb a[href$="/reparatii-trotinete"]), :has(.breadcrumb a[href$="/reparatii-aspiratoare-robot"]), :has(.breadcrumb a[href$="/reparatii-si-service-laptopuri"]), :has(.breadcrumb a[href$="/service-iphone-botosani"]), :has(.breadcrumb a[href$="/service-samsung-botosani"]), :has(.breadcrumb a[href$="/vinde-ne-telefonul-tau"]), :has(.breadcrumb a[href$="/reparatii"])) #content > section:first-of-type > * { grid-column: 1; }
  #information-information:is(:has(.breadcrumb a[href$="/reparatii-telefoane"]), :has(.breadcrumb a[href$="/reparatii-drone"]), :has(.breadcrumb a[href$="/reparatii-trotinete"]), :has(.breadcrumb a[href$="/reparatii-aspiratoare-robot"]), :has(.breadcrumb a[href$="/reparatii-si-service-laptopuri"]), :has(.breadcrumb a[href$="/service-iphone-botosani"]), :has(.breadcrumb a[href$="/service-samsung-botosani"]), :has(.breadcrumb a[href$="/vinde-ne-telefonul-tau"]), :has(.breadcrumb a[href$="/reparatii"])) #content > section:first-of-type::after { grid-column: 2; grid-row: 1 / span 10; margin-top: 0; }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  #information-information:is(:has(.breadcrumb a[href$="/reparatii-telefoane"]), :has(.breadcrumb a[href$="/reparatii-drone"]), :has(.breadcrumb a[href$="/reparatii-trotinete"]), :has(.breadcrumb a[href$="/reparatii-aspiratoare-robot"]), :has(.breadcrumb a[href$="/reparatii-si-service-laptopuri"]), :has(.breadcrumb a[href$="/service-iphone-botosani"]), :has(.breadcrumb a[href$="/service-samsung-botosani"]), :has(.breadcrumb a[href$="/vinde-ne-telefonul-tau"]), :has(.breadcrumb a[href$="/reparatii"])) #content > section:first-of-type::after { max-width: 560px; }
}
/* coperta si imaginea promo se repeta in hero: ascunse */
#information-information:has(.breadcrumb a[href$="/reparatii-drone"]) #content p.koperta,
#information-information:has(.breadcrumb a[href$="/reparatii-trotinete"]) #content p.koperta,
#information-information:has(.breadcrumb a[href$="/reparatii-aspiratoare-robot"]) #content p.koperta,
#information-information:has(.breadcrumb a[href$="/reparatii-si-service-laptopuri"]) #content p.koperta { display: none !important; }
#information-information:has(.breadcrumb a[href$="/reparatii-drone"]) #content p:has(> img[src*="/promotii/"]),
#information-information:has(.breadcrumb a[href$="/reparatii-trotinete"]) #content p:has(> img[src*="/promotii/"]),
#information-information:has(.breadcrumb a[href$="/reparatii-aspiratoare-robot"]) #content p:has(> img[src*="/promotii/"]) { display: none !important; }

/* harta + date de contact: acelasi bloc ca pe homepage (.dx-visit), pe orice pagina */
.dx-visit-sec { margin: var(--dx-8) 0 var(--dx-6); padding-top: var(--dx-7); border-top: 1px solid #D7E0EC; }
.dx-visit-sec .dx-section-kicker { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 14px; color: #025B82; font-weight: 600; }
.dx-visit-sec .dx-section-kicker .dx-dot { width: 8px; height: 8px; border-radius: 50%; background: #0376AA; box-shadow: 0 0 0 3px rgba(3,118,170,.18); }
.dx-visit-sec h2 { font-size: 26px; font-weight: 700; line-height: 1.12; letter-spacing: -.018em; margin: 0 0 8px; }
.dx-visit { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 36px; align-items: start; }
.dx-visit-facts { display: flex; flex-direction: column; gap: 16px; }
.dx-visit-fact { display: flex; gap: 12px; align-items: flex-start; }
.dx-visit-fact-icon { color: #0376AA; flex: none; margin-top: 2px; }
.dx-visit-fact-icon svg { width: 20px; height: 20px; display: block; }
.dx-visit-fact-label { font-size: 12.5px; color: #5B6B7F; margin-bottom: 2px; }
.dx-visit-fact-value { font-family: var(--dx-font); font-size: 15px; font-weight: 600; }
.dx-visit-map { align-self: stretch; border-radius: 4px; overflow: hidden; border: 1px solid #D7E0EC; min-height: 280px; display: flex; }
.dx-visit-map .dx-embed { display: flex; flex: 1; min-width: 0; min-height: 280px; }
.dx-visit-map .dx-embed-ph { flex: 1; margin: 0; border: 0; border-radius: 0; }
.dx-visit-map iframe { width: 100%; height: 100%; min-height: 280px; display: block; border: 0; }
@media (max-width: 860px) { .dx-visit { grid-template-columns: 1fr; } }
#information-information #content > div.dx-visit-sec:not(.row) { max-width: none !important; }

/* contact: formularul e un singur card, sub blocul de vizita */
#information-contact #formcontactnew {
  display: block; max-width: 760px; margin: var(--dx-7) auto 0; padding: var(--dx-5); text-align: left;
  background: #fff; border: 1px solid var(--dx-line); border-radius: var(--dx-r);
}
#information-contact .dx-visit-sec { margin: 0; padding-top: 0; border-top: 0; }

/* banda foto reala (atelierul), pe homepage: aceeasi coloana si aceeasi forma (4px, chenar --trace) ca harta din blocul de vizita */
.dx-band { width: min(1160px, calc(100% - 80px)); margin: 0 auto 54px; border-radius: 4px; overflow: hidden; border: 1px solid var(--trace); background: var(--dx-paper-2); }
.dx-band img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 5; object-fit: cover; }
@media (max-width: 860px) { .dx-band { width: calc(100% - 40px); margin-bottom: 40px; } }
@media (max-width: 767.98px) { .dx-band img { aspect-ratio: 4 / 3; } }

/* aparitie la scroll: un singur sistem pe tot site-ul (fade + 8px, 400ms); fara JS, fara miscare redusa nu se ascunde nimic */
html.dxm-on .dxm { opacity: 0; transform: translateY(8px); transition: opacity 400ms cubic-bezier(.2, .6, .2, 1) var(--dxm-d, 0ms), transform 400ms cubic-bezier(.2, .6, .2, 1) var(--dxm-d, 0ms); }
html.dxm-on .dxm.dxm-in { opacity: 1; transform: none; }
@media print, (prefers-reduced-motion: reduce) { html.dxm-on .dxm { opacity: 1 !important; transform: none !important; transition: none !important; } }