html, body {margin:auto; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#6B6B6B; width:100%; max-width:420px ; height:100%}
/* text general = #6B6B6B */
/* titluri, butoane = #000 */
/* gri deschis = #D7D7D7 */
/* gri inchis = #9C9A96 */
/* albastru = #00CCFF */
/* portocaliu = #FF6633 */
/* verde = #99CC33 */


/* generic classes --------------------------------------------------------------------------*/
p {text-indent:1px; font-size:12px; text-align:justify; margin:5px 0px; padding:0; line-height:18px;}
.c {clear:both}
hr {width:100%; height:1px; border:0; background:#EDEDED}
ul,ol {font-size:12px;}
.form_website {display:none}

/* links ------------------------------------------------------------------------------------*/
 A:active {text-decoration: none; color: #FF0000}
 A:visited {text-decoration: underline; color: #FF0000}
 A:link {text-decoration: underline; color: #FF0000;}
 A:hover { text-decoration: none;  color: #FF0000;}
 A.selected { text-decoration: none; color: #FF0000; }

/* headings */
h1 {padding:10px 20px 10px 10px; margin:0; font-size:16px; font-weight:bold}
h2 {padding:10px 0 10px 10px; margin:0; font-size:14px; font-weight:bold}
h3 {padding:0; margin:0; font-size:15px; font-weight:bold}


/* meniu produse */
#hiddenMenu {display: none; position:absolute; background:#FFF; width:185px; height:325px; padding:0 10px; overflow: auto; z-index:100}
#hiddenMenu ul {margin:0; padding:0; background:#EEE }
#hiddenMenu li {display:block; border-top:1px solid #CCC; height:33px; margin:0; text-align:left; font-size:14px; font-weight:normal; color:#333;}
#hiddenMenu li a {display:block; margin:5px 0 ; padding:0 5px; text-align:left; color:#333; text-decoration: none;}
#hiddenMenu li a.special{ color:#CCC}
#hiddenMenu li:hover, #hiddenMenu li a.selected {text-decoration: none; color:#000; background:#FFF; font-weight:bold}
ul li.break {height:10px}


/* meniu utile  */
#meniu_utile {width:100%; margin:0; padding:0;}
#meniu_utile li {display:block; float:left; width:43%; margin:5px 6% 0 2%; padding:3px 0; text-align:center; font-size:12px; border:1px solid #EDEDED; color:#888}
#meniu_utile li.left {margin:5px 0 0 2%; }
#meniu_utile li:hover, #meniu_utile li.left:hover, #meniu_utile li.selected {background:#EDEDED; color:#000}


/* casete categorii home */
.casete_categ {width:100%; margin:10px 0; padding:0;}
.casete_categ a {font-size:12px; text-decoration: none; color:#000}
.casete_categ img {width:100%;}
.casete_categ .caseta {float:left; width:30%; margin:0 0 10px 0}
.casete_categ .caseta_mijloc {float:left; width:30%; margin:0 5% 10px 5%;}
.casete_categ .caseta_stanga {float:left; width:48%; margin:0 0 10px 0;}
.casete_categ .caseta_dreapta {float:right; width:48%; margin:0 0 10px 0;}
.casete_categ .titlu  {width:100%; text-align:center; font-size:12px; font-weight:bold; line-height:14px}

.titlu_pagina {width:100%; background:#EDEDED;}

.pretlei {clear:both; font-size:12px; float:right; color:#999}
.preteuro {clear:both; font-size:22px; float:right; color:#000}
.pret_normal {clear:both; font-size:14px; float:right; color:#999;}
.pret_redus {clear:both; font-size:24px; float:right; color:#000}
.pret_redus span {font-size:16px;}
span.number { font-size:24px; }
span.decimal { font-size:14px; }
span.currency { font-size:14px; }
.reducere {text-decoration: line-through; color:#FF9999}

.pret_PRP {clear:both; font-size:14px; float:right; color:#999;}
.pret_NEGRU {float:right; clear:both; color:#000;}
.pret_ROSU {float:right; clear:both; color:#CC0000;}
.pret_OFERTA {font-size:24px; display:inline-block;}
.lei_OFERTA {font-size:14px; display:inline-block;}

.star_putere {position:absolute; width:40px; height:40px; display:block; bottom:1px; right:10px; background:url('meniu/icon_star.png'); text-align:center}
.star_putere_promo {position:absolute; width:40px; height:40px; display:block; bottom:1px; right:10px; background:url('meniu/icon_star_red.png'); text-align:center}

.oferta_speciala {position:absolute; display:block; top:-6px; right:9px}
.discount {position:absolute; width:35px; height:30px; display:block; top:0px; left:0px; color:#FFF; font-size:13px; background:url('meniu/discount.png'); text-align:center}

/* formular comanda */
.form_comanda {}
.form_comanda select {width:90%; height:30px; margin:5px 0 5px 4%; padding:5px 0; text-align:center; font-size:12px; border:1px solid #EDEDED; color:#888}
.form_comanda .buton_comanda_produs {background:url('https://www.iluminat-ieftin.ro/meniu/comanda-buton-off.png'); width:131px; height:46px; color:#FF0000; display: block; font-size:16px; text-align:center; margin:0; padding:3px 0 0 35px; border:0; font-weight:bold; cursor:pointer}
.form_comanda .buton_comanda_produs:hover {background:url('https://www.iluminat-ieftin.ro/meniu/comanda-buton-on.png'); color:#000; padding:5px 0 0 35px;}


fieldset {padding:10px; margin:0; border:1px solid #999; text-align:center}
legend {padding:2px 10px; font-size:18px; color:#FFF; background:#999; height:25px}
.tesunamnoi {padding:10px; margin:0; border:1px solid #999; text-align:center}
.tesunamnoi legend {padding:2px 10px; font-size:18px; color:#FFF; background:#999; height:25px}
.tesunamnoi input {width:90%; height:30px; margin:5px 0 5px 0; padding:0 0 0 5px;}
.tesunamnoi .submit { margin:5px 0 5px 3%; padding:0 5px;}
.tesunamnoi p {font-size:12px; color:#999; margin:0 0 5px 0; line-height:14px}

.sterge_prod {display:inline; margin:0 0 0 10px}
.sterge_prod #submit {width:16px; height:16px; padding:0 0 2px 0; text-decoration: none; cursor: pointer; border:none; background:url('https://www.iluminat-ieftin.ro/meniu/icon_delete_cos_gray.png') no-repeat}

/*fieldset*/
.curier {padding:20px; margin:0 0 0px 0; border-radius: 3px; border:1px solid #CCC}
.curier p {text-indent:1px; font-size:12px; text-align:justify; margin:10px 0 0 0; padding:0; line-height:16px; font-style:italic}
.curier span {font-size:16px; font-weight:bold }
.curier:hover {border:1px solid #000}
.curier legend {padding:2px 10px; font-size:18px; color:#000; background:#E9E9E9; height:25px}

#formular_comanda {display:none}
.formular_comanda input, .formular_comanda select {height:30px; font-family: Arial, Helvetica, sans-serif; }
.formular_comanda textarea { font-family: Arial, Helvetica, sans-serif; }
.formular_comanda span {font-size:10px; color:#666; font-weight: normal }
 #PFPJ_radio {width:100%; margin:0 0 15px 0; padding:10px 0; font-size:13px; border:0px solid #DDD; text-align:left}
 #PFPJ_radio input {width:20px; height:20px; margin:0 10px 0 10px; vertical-align: middle; outline: none;}
 #PFPJ_radio span {font-size:12px; color:#999; font-weight: normal}
.formular_comanda #showPJ {display:none}
.formular_comanda .TC {font-size:12px; color:#999; }
.formular_comanda .TC span {font-size:11px; color:#999; }
.formular_comanda .TC input {width:20px; height:20px; margin:0 20px 0 0; outline: none; vertical-align: middle;}

/*fieldset*/
.comanda {padding:20px; margin:0 0 0px 0; border-radius: 3px; border:1px solid #CCC; text-align:left;}
.comanda div {margin:5px 0 0 0}
.comanda input, .comanda textarea {width:100%}
.comanda:hover {border:1px solid #000}
.comanda legend {padding:2px 10px; font-size:18px; color:#000; background:#E9E9E9; height:25px; margin: auto; }

/*continut*/
.continut {padding:0 10px}

/*faq*/
.faq { margin:5px 0 0 0px }
.faq li a { }
.faq li a:hover { text-decoration: none; color:#FFB800; font-weight:bold;   }
.faq dt, .faq dt a { font-weight:bold; padding:10px 0 3px 0; color:#000; text-decoration: none; }

 .wrap {position: relative;}



a.buton_finalizare_M {background-color: #FF6633; width:45%; height:35px; color:#000; display: block; font-size:14px; text-align:center; margin:5px 0; float:right; box-shadow:2px 2px 5px #999999;}
a.buton_finalizare_M span {display: block; padding:6px 0 0 0;}
a.buton_finalizare_M:hover {background-color:#000; color:#FFF; outline: none; /* hide dotted outline in Firefox */}

a.buton_acum {float:none; background:#FF6633; width:99%; height:35px; color:#000; display: block; font-size:14px; text-align:center; margin:5px auto; box-shadow:2px 2px 5px #999999; text-decoration: none; }
a.buton_acum span {color:#000 !important; display: block; padding:6px 0 0 0; font-size:14px;}
a.buton_acum:hover {background-color:#000; color:#FFF; outline: none; /* hide dotted outline in Firefox */}
a.buton_acum:hover span { color:#FFF !important;}

a.buton_dupa {float:none; background:#99CC33; width:99%; height:35px; color:#000; display: block; font-size:14px; text-align:center; margin:5px auto; box-shadow:2px 2px 5px #999999; text-decoration: none; }
a.buton_dupa span {color:#000 !important; display: block; padding:6px 0 0 0; font-size:14px;}
a.buton_dupa:hover {background-color:#000; outline: none; /* hide dotted outline in Firefox */}
a.buton_dupa:hover span { color:#FFF !important;}


.articol {width:100%}
.articol .poza_principala {display:none}
.articol img {width:100%}
.articol .poza {width:100%; margin:0 }
.articol .text { width:100%; text-align:center}



/* butoane NOI */

input.buton_comanda_produs_NOU {width:180px; height:40px; display:inline-block; margin:10px auto 3px 3px; padding: 0px 0px 0px 52px; font-size:16px; font-weight:normal; color:#FFF; border:1px solid #FF0000; background:url('meniu/icon-cart.png') center left no-repeat #FF0000; text-align:center; box-shadow: 5px 5px 3px 0px rgba(248,248,248,1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; cursor:pointer}
input.buton_comanda_produs_NOU:hover {color:#FFF; box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.3); -webkit-transition: 0.2s; -ms-transition: color .2s; transition: 0.2s; text-decoration: none; outline: none;/* hide dotted outline in Firefox */    }

input.buton_trimite_comanda_NOU {width:100%; height:40px; display:inline-block; margin:10px auto 3px 3px; padding: 0px 0px 0px 42px; font-size:16px; font-weight:normal; color:#FFF; border:1px solid #99CC33; background:url('meniu/icon_finalizeaza_verde.png') center left no-repeat #99CC33; text-align:center; box-shadow: 5px 5px 3px 0px rgba(248,248,248,1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; cursor:pointer}
input.buton_trimite_comanda_NOU:hover {color:#FFF; box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.3); -webkit-transition: 0.2s; -ms-transition: color .2s; transition: 0.2s; text-decoration: none; outline: none;/* hide dotted outline in Firefox */    }


a.buton_continua_cumparaturile_NOU { width:100%; height:40px; display:inline-block; margin:10px auto 3px 3px; padding: 9px 0px 0 42px; font-size:14px; font-weight:normal; color:#FFF; border:1px solid #888; background:url('meniu/icon_continua.png') center left no-repeat #888; text-align:center; box-shadow: 5px 5px 3px 0px rgba(248,248,248,1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; cursor:pointer}
a.buton_continua_cumparaturile_NOU:hover {color:#FFF; box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.3); -webkit-transition: 0.2s; -ms-transition: color .2s; transition: 0.2s; text-decoration: none; outline: none;/* hide dotted outline in Firefox */    }

a.buton_finalizeaza_comanda_NOU { width:100%; height:40px; display:inline-block; margin:10px auto 3px 3px; padding: 9px 0px 0px 42px; font-size:14px; font-weight:normal; color:#FFF; border:1px solid #FF0000; background:url('meniu/icon_finalizeaza.png') center left no-repeat #FF0000; text-align:center; box-shadow: 5px 5px 3px 0px rgba(248,248,248,1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; cursor:pointer}
a.buton_finalizeaza_comanda_NOU:hover {color:#FFF; box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.3); -webkit-transition: 0.2s; -ms-transition: color .2s; transition: 0.2s; text-decoration: none; outline: none;/* hide dotted outline in Firefox */    }




#cookie_notice {position:fixed; bottom:0; width:100%; PADDING:10px 0; color: #fff; background:url('meniu/bgr-cookie-bar.png'); text-align:center; z-index: 9999;}
#cookie_notice a {color: #fff; text-decoration: underline; }
#cookie_notice .cookie-notice-container {margin:0; padding:0 10px}
#cookie_notice #cn_notice_text {display:block}
#cookie_notice #cn_close {display:block; margin:10px 0 0 0; padding:5px 10px; background:#FF0000; color:#FFF; text-decoration: none;}
#cookie_notice #cn_close:hover {background:#CC0000; color:#EEE;}

.inf_utile_categ {font-size:14px; margin:0 0 20px 10px}



#scrie_whatsapp {display:block; width: 88px; height: 87px; position: fixed; bottom: 10px; left:10px; z-index: 999; border-radius:50px;         box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;}
#suna_telefon   {display:block; width: 88px; height: 87px; position: fixed; bottom: 10px;right:10px; z-index: 999; border-radius:50px;         box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;}


/* subcategorii top - pagina LED*/
.subcateg_top {float:left; width:24.3%; margin-bottom:10px; text-align:center; border:1px solid #FFF}
.subcateg_top img {width:90%;}
.subcateg_top:hover {border:1px solid #ccc}
.selected_subcateg_top {border:1px solid #000}


/* ==========================================================================
   REDESIGN MOBIL v10 — tot ce urmează după baza v6
   Scris doar pe clase. Necesită structura HTML din structura-html-v10.html
   ========================================================================== */

:root {
  --ink: #202c38;
  --muted: #65727e;
  --blue: #0879c7;
  --blue-deep: #0662a2;
  --sky: #edf7fd;
  --line: #e6ebef;
  --soft: #f5f7f9;
  --footer-bg: #f7f9fb;
  --font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --arrow-blue: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230879c7' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16m-6-6 6 6-6 6'/%3E%3C/svg%3E");
}


/* ---------- BAZĂ ---------- */
html { background: #edf1f5; -webkit-text-size-adjust: 100%; scroll-behavior: smooth;overflow-x: clip; }
body {
  max-width: 480px; height: auto; min-height: 100%;
  font-family: var(--font); font-size: 13px; line-height: 22px; color: var(--ink);
  background: #fff; box-shadow: 0 0 60px rgba(26, 48, 73, .08);
  -webkit-font-smoothing: antialiased;
}
a, label, button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, label:focus-visible, button:focus-visible { outline: 3px solid #219af2; outline-offset: 4px; }


/* ==========================================================================
   HEADER
   ========================================================================== */
#page-nav { position: static; margin: 0; padding: 0; background: #fff; }

.header_bar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 15px;
  box-sizing: border-box; padding: 10px 16px 11px; background: #fff;
}

/* logo */
.header_logo { order: 2; flex: 1 1 auto; display: flex; justify-content: center; line-height: 0; }
.header_logo img { display: block; width: 106px; height: auto; }          /* ← dimensiunea logo-ului */

/* coș */
.header_cos { order: 3; flex: 0 0 44px; }
.header_cos a {
  display: grid; place-items: center; width: 44px; height: 44px;
  border: 1px solid transparent; border-radius: 11px;
}
.header_cos a:hover { background: var(--sky); border-color: #c1dff4; }
.header_cos img { display: block; width: 25px; height: auto; }            /* ← dimensiunea iconiței de coș */

/* buton hamburger → X */
#menu-toggle { display: none; }
#page-nav .menu-button-container {
  order: 1; position: relative; display: flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; margin: 0; padding: 0; box-sizing: border-box;
  font-size: 0; cursor: pointer;
  background: #fff; border: 1px solid var(--line); border-radius: 11px;
}
#page-nav .menu-button-container:hover { background: var(--sky); border-color: #c1dff4; }
#page-nav .menu-button,
#page-nav .menu-button::before,
#page-nav .menu-button::after {
  display: block; position: absolute; width: 17px; height: 2px; border-radius: 2px;
  background: var(--ink); transition: transform 400ms cubic-bezier(.23, 1, .32, 1);
}
#page-nav .menu-button::before { content: ""; margin-top: -6px; }
#page-nav .menu-button::after  { content: ""; margin-top: 6px; }
#page-nav #menu-toggle:checked + .menu-button-container .menu-button { background: transparent; }
#page-nav #menu-toggle:checked + .menu-button-container .menu-button::before { margin-top: 0; transform: rotate(405deg); }
#page-nav #menu-toggle:checked + .menu-button-container .menu-button::after  { margin-top: 0; transform: rotate(-405deg); }

/* meniul: panou pe tot ecranul, bara „Meniu" + X rămân sus */
#page-nav .meniu_principal {
  display: none; order: 4; flex: 0 0 100%;
  margin: 0; padding: 0 17px 30px; box-sizing: border-box; list-style: none; background: #fff;
}
#page-nav #menu-toggle:checked ~ .meniu_principal {
  display: block; position: fixed; top: 0; bottom: 0; z-index: 1001;
  left: max(0px, calc((100vw - 480px) / 2)); width: min(400px, 100vw);
  overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
  box-shadow: 0 0 0 100vmax rgba(16, 40, 61, .36), 20px 0 50px rgba(10, 28, 43, .12);
}
#page-nav #menu-toggle:checked ~ .meniu_principal::before {
  content: "Meniu"; display: block; position: sticky; top: 0; z-index: 2;
  height: 80px; margin: 0 -17px 13px; padding: 0 17px;
  line-height: 80px; font-size: 22px; font-weight: 650; letter-spacing: -.035em; color: var(--ink);
  background: #fff; border-bottom: 1px solid var(--line);
}
#page-nav #menu-toggle:checked + .menu-button-container {
  position: fixed; top: 18px; z-index: 1002;
  left: calc(max(0px, (100vw - 480px) / 2) + min(400px, 100vw) - 61px);
}
/* click în afara panoului închide meniul (pe ecrane mai late decât panoul) */
#page-nav #menu-toggle:checked + .menu-button-container::after {
  content: ""; position: fixed; top: 0; bottom: 0; right: 0;
  left: calc(max(0px, (100vw - 480px) / 2) + min(400px, 100vw));
}
body:has(#menu-toggle:checked) { overflow: hidden; }

#page-nav .meniu_principal li {
  display: block; margin: 0; padding: 0;
  background: transparent; border: 0; border-bottom: 1px solid var(--line);
}
#page-nav .meniu_principal li:hover { background: transparent; }
#page-nav .meniu_principal a {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  box-sizing: border-box; min-height: 49px; padding: 12px 2px;
  font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--ink); text-decoration: none;
}
#page-nav .meniu_principal a::after {
  content: ""; flex-shrink: 0; width: 7px; height: 7px; margin-right: 4px;
  border-top: 1.7px solid #8996a1; border-right: 1.7px solid #8996a1; transform: rotate(45deg);
}
#page-nav .meniu_principal a:hover { color: var(--blue); }
#page-nav .meniu_principal .meniu_special { color: var(--blue); font-weight: 650; }


/* ==========================================================================
   CĂUTARE
   ========================================================================== */
.cautare_bar { padding: 0 16px 13px; background: #fff; border-bottom: 1px solid var(--line); }
.cautare_form {
  display: flex; align-items: center; box-sizing: border-box; height: 48px; margin: 0;
  background: var(--soft); border: 1px solid #e3e8ed; border-radius: 11px;
}
.cautare_form:focus-within { background: #fff; outline: 2px solid #64b3ee; }
.cautare_input {
  flex: 1 1 auto; min-width: 0; box-sizing: border-box; height: 100%;
  margin: 0; padding: 0 8px 0 42px; border: 0; border-radius: 0; outline: none;
  -webkit-appearance: none; appearance: none;
  font-family: inherit; font-size: 16px;             /* 16px = fără zoom automat pe iOS */
  color: var(--ink);
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23738495' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='7.3'/%3E%3Cpath d='m16.2 16.2 4.7 4.7'/%3E%3C/svg%3E") no-repeat 13px center / 19px;
}
.cautare_input::placeholder { color: #748291; opacity: 1; }
.cautare_buton {
  flex: 0 0 auto; width: 38px; height: 36px; margin: 0 5px 0 0; padding: 0;
  border: 0; border-radius: 8px; cursor: pointer;
  background: var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16m-6-6 6 6-6 6'/%3E%3C/svg%3E") no-repeat center / 18px;
}
.cautare_buton:active { background-color: var(--blue-deep); }


/* ---------- BANNER ROTATIV ---------- */
.banner_rotativ { margin: 16px 0; line-height: 0; border-radius: 0px; overflow: hidden; }
.banner_rotativ img { width: 100%; height: auto; }


/* ==========================================================================
   SECȚIUNI: titluri + texte intro
   ========================================================================== */
.titlu_pagina {
  width: auto; box-sizing: border-box; background: transparent;
  margin: 30px 16px 0; padding: 32px 0 0; border-top: 1px solid var(--line);
}
.titlu_pagina h1,
.titlu_pagina h2 {
  margin: 0; padding: 0; color: var(--ink);
  font-size: 23px; font-weight: 650; line-height: 1.3; letter-spacing: -.035em;
}

/* primul titlu al paginii (home, coș, categorie, căutare): fără linie deasupra */
.titlu_categ { margin-top: 24px; padding-top: 0; border-top: 0;}
.titlu_categ h1 { font-size: 24px; line-height: 1.25; }

/* titlu cu link în dreapta („Blog LED ... Vezi toate articolele →") */
.titlu_cu_link { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
a.link_toate {
  display: inline-flex; align-items: center; gap: 5px; min-height: 40px; white-space: nowrap;
  font-size: 12px; font-weight: 500; color: var(--blue); text-decoration: none;
}
a.link_toate::after { content: ""; width: 15px; height: 15px; background: var(--arrow-blue) no-repeat center / contain; }

/* texte de sub titluri */
.intro_sectiune {
  margin: 10px 16px 0; padding: 0; text-indent: 0; text-align: left;
  font-size: 14px; line-height: 1.6; color: var(--muted);
}
.intro_sectiune b,
.intro_sectiune strong { font-weight: 600; color: var(--ink); }
.intro_sectiune a { font-weight: 600; color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }


/* ==========================================================================
   HOME — categorii (3 coloane)
   ========================================================================== */
.grila_categorii {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 9px;
  margin: 14px 16px 0;
}
a.card_categ {
  display: flex; flex-direction: column; overflow: hidden;
  background: #fff; border: 1px solid #e2e8ef; border-radius: 14px;
  color: var(--ink); text-decoration: none;
  transition: border-color .15s, transform .15s;
}
a.card_categ:active { transform: scale(.98); border-color: var(--blue); }
.card_categ img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
.card_categ_titlu {
  flex: 1; display: flex; align-items: center; justify-content: center;
  box-sizing: border-box; min-height: 40px; padding: 6px 4px;
  text-align: center; font-size: 12px; font-weight: 600; line-height: 1.25;
  overflow-wrap: anywhere; hyphens: auto;
}


/* ==========================================================================
   HOME — idei de amenajare (2 coloane)
   ========================================================================== */
.grila_idei {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px;
  margin: 21px 16px 0;
}
a.card_idee {
  display: flex; flex-direction: column; overflow: hidden;
  background: #fff; border: 1px solid var(--line); border-radius: 13px;
  color: var(--ink); text-decoration: none;
  transition: border-color .18s, box-shadow .18s;
}
a.card_idee:hover { border-color: #97cdeb; box-shadow: 0 5px 18px rgba(16, 106, 162, .05); }
.card_idee img { display: block; width: 100%; height: auto; aspect-ratio: 1.14; object-fit: cover; }
.card_idee_titlu {
  flex: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 6px;
  box-sizing: border-box; min-height: 67px; padding: 13px 11px 14px;
  font-size: 14px; font-weight: 550; line-height: 1.45;
}
.card_idee_titlu::after {
  content: ""; flex-shrink: 0; width: 15px; height: 15px; margin-top: 3px;
  background: var(--arrow-blue) no-repeat center / contain;
}


/* ==========================================================================
   HOME — blog (listă cu thumbnail)
   ========================================================================== */
.lista_articole { margin: 13px 16px 0; border-top: 1px solid var(--line); }
a.articol_item {
  display: grid; grid-template-columns: 83px minmax(0, 1fr); column-gap: 15px; align-items: start;
  padding: 18px 0; border-bottom: 1px solid var(--line);
  color: var(--ink); text-decoration: none;
}
.articol_item img {
  grid-column: 1; grid-row: 1 / span 3;
  display: block; width: 83px; height: 90px; object-fit: cover; border-radius: 9px;
}
.articol_titlu,
.articol_rezumat {
  grid-column: 2;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
.articol_titlu { font-size: 14px; font-weight: 550; line-height: 1.5; letter-spacing: -.015em; }
.articol_rezumat { margin-top: 4px; font-size: 13px; line-height: 1.5; color: var(--muted); }
.articol_link {
  grid-column: 2; justify-self: start; margin-top: 8px; padding-right: 20px;
  font-size: 12px; line-height: 1.4; color: var(--blue);
  background: var(--arrow-blue) no-repeat right center / 14px;
}


/* ---------- CĂUTĂRI UZUALE → etichete ---------- */
.cautari_uzuale { display: flex; flex-wrap: wrap; gap: 8px; padding: 18px 16px 0; }
.cautari_uzuale a {
  display: inline-flex; align-items: center; min-height: 38px; padding: 0 12px;
  font-size: 12px; line-height: 1.3; color: var(--ink); text-decoration: none;
  background: var(--soft); border: 1px solid var(--line); border-radius: 8px;
}
.cautari_uzuale a:hover { background: var(--sky); color: var(--blue); }


/* ---------- BANNER GARANȚIE ---------- */
a.banner_garantie {
  display: block; margin: 28px 16px; line-height: 0;
  border: 1px solid var(--line); border-radius: 12px; overflow: hidden;
}
.banner_garantie img { display: block; width: 100%; height: auto; }


/* ==========================================================================
   CATEGORIE + CĂUTARE
   ========================================================================== */

/* titlul care rămâne sus la scroll — doar CSS (position: sticky).
   Se aplică doar pe titlurile cu clasa titlu_sticky (categorie + căutare). */
.titlu_sticky {
  position: sticky; top: 0; z-index: 90;
  margin: 16px 0 0; padding: 0; background: #fff;
}
.titlu_sticky #sticker {
  box-sizing: border-box; width: auto; min-height: 52px; margin: 0;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 8px 16px;
  border-bottom: 1px solid transparent;
  transition: border-color .2s, box-shadow .2s;
}
.titlu_sticky #sticker h1 { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }

/* săgeata „sus" — mereu vizibilă */
.titlu_sticky #sticker .sageata {
  flex: 0 0 auto; display: block; box-sizing: border-box;
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--sky) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230879c7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5m-6 6 6-6 6 6'/%3E%3C/svg%3E") no-repeat center / 18px;
  border: 1px solid #c1dff4;
}

/* săgeata apare doar după derulare (animație legată de scroll, fără JS) */
@supports (animation-timeline: scroll()) {
  .titlu_sticky #sticker .sageata {
    animation: sageata-apare linear both;
    animation-timeline: scroll(root);
    animation-range: 200px 300px;
  }
}
@keyframes sageata-apare {
  from { opacity: 0; visibility: hidden; transform: scale(.6); }
  to   { opacity: 1; visibility: visible; transform: scale(1); }
}

/* umbra apare doar când titlul e lipit (Chrome/Edge 133+).
   Nu schimbă dimensiuni, deci bara nu mai „sare". */
@supports (container-type: scroll-state) {
  .titlu_sticky { container-type: scroll-state; }
  @container scroll-state(stuck: top) {
    .titlu_sticky #sticker { border-bottom-color: var(--line); box-shadow: 0 6px 20px rgba(16, 40, 61, .06); }
  }
}

/* ținte de ancoră: nu ajung sub bara lipită */
#filtre { scroll-margin-top: 70px; }


/* descriere */
.descriere_categ { padding: 10px 16px 0; }
.descriere_categ p {
  margin: 0 0 8px; padding: 0; text-indent: 0; text-align: left;
  font-size: 14px; line-height: 1.6; color: var(--muted);
}
.descriere_categ p:empty { display: none; }
.descriere_categ b,
.descriere_categ strong { font-weight: 600; color: var(--ink); }
.descriere_categ a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }

/* filtre */
.titlu_filtre { margin-top: 24px; padding-top: 24px; }
.titlu_filtre h2 { font-size: 18px; }
.filtre_categ { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 14px 16px 6px; }
.filtre_categ select {
  flex: 1 1 calc(50% - 4px);           /* 2 pe rând; unul rămas singur ocupă tot rândul */
  box-sizing: border-box; min-width: 0; height: 44px; margin: 0; padding: 0 34px 0 12px;
  -webkit-appearance: none; appearance: none;
  font-family: inherit; font-size: 13px; font-weight: 500; text-align: left; text-overflow: ellipsis;
  color: var(--ink);
  background: var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23738495' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center / 16px;
  border: 1px solid #e3e8ed; border-radius: 10px; cursor: pointer;
}
.filtre_categ select:focus { outline: 2px solid #64b3ee; outline-offset: 0; background-color: #fff; }

/* lista de produse */
.lista_produse { margin: 12px 16px 0; border-top: 1px solid var(--line); }
.caseta_LED { padding: 14px 0; border-bottom: 1px solid var(--line); }
.caseta_LED:active { background: var(--soft); }

a.produs {
  display: grid; grid-template-columns: 112px minmax(0, 1fr); column-gap: 14px; align-items: start;
  color: var(--ink); text-decoration: none;
}
.produs_poza { position: relative; }
.produs_img {
  display: block; box-sizing: border-box; width: 100%; height: auto;
  aspect-ratio: 1 / 1; object-fit: contain;
  background: #fff; border: 1px solid var(--line); border-radius: 10px;
}
.produs_poza .oferta_speciala { top: -4px; right: -4px; max-width: 60%; height: auto; }
.produs_poza .star_putere,
.produs_poza .star_putere_promo { right: 4px; bottom: 4px; }
.putere_text { margin: 0; font-size: 14px; line-height: 40px; color: #fff; }

.produs_info { display: flex; flex-direction: column; min-height: 112px; color: var(--muted); }
.produs_titlu {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
  margin: 0; padding: 0;
  font-size: 14px; font-weight: 600; line-height: 1.4; letter-spacing: -.015em; color: var(--ink);
}
.produs_info .rating_categ { margin: 2px 0 0; }
.produs_specs { margin-top: 4px; font-size: 12px; line-height: 1.5; }
.produs_specs b { font-weight: 600; color: var(--ink); }

.produs_jos {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 8px;
  margin-top: auto; padding-top: 10px;
}
.produs_stoc {
  flex: 0 0 auto; padding: 3px 8px; border-radius: 6px;
  font-size: 11px; font-weight: 600; line-height: 1.4;
  color: var(--muted); background: var(--soft);
}
.produs_stoc.stoc_da { color: #1f7a3d; background: #eaf6ee; }
.produs_stoc.stoc_nu { color: #9a3b3b; background: #fbeeee; }

.produs_pret { text-align: right; }
.produs_pret .pret_normal { float: none; clear: none; font-size: 12px; line-height: 1.3; color: var(--muted); }
.produs_pret .pret_redus {
  float: none; clear: none; white-space: nowrap;
  font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -.02em; color: var(--ink);
}
.produs_pret .pret_redus span { font-size: 13px; font-weight: 600; }
.produs_pret .pret_promo { color: #cc0000; }

.info_tva {
  margin: 14px 0 0; padding: 0; text-indent: 0; text-align: left;
  font-size: 12px; line-height: 1.5; color: var(--muted);
}


/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer {
  padding: 26px 16px 96px;              /* jos: loc pentru butonul de telefon */
  background: var(--footer-bg); border-top: 1px solid var(--line);
}
.footer_titlu {
  margin: 0 0 17px; padding: 0;
  font-size: 18px; font-weight: 600; line-height: 1.3; letter-spacing: -.035em; color: var(--ink);
}
.footer_linkuri {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px 10px;
  margin: 0; padding: 0; list-style: none;
}
.footer_linkuri li { min-width: 0; margin: 0; padding: 0; }
.footer_linkuri a {
  display: flex; align-items: center; box-sizing: border-box; height: 100%; min-height: 46px; padding: 10px 11px;
  font-size: 14px; line-height: 1.45; color: var(--ink); text-decoration: none;
  background: #fff; border: 1px solid #e5eaef; border-radius: 8px;
}
.footer_linkuri a:hover { border-color: #b3d8f1; color: var(--blue); }

.footer_social { display: flex; justify-content: center; gap: 10px; padding: 24px 0 20px; }
.footer_social a {
  display: grid; place-items: center; width: 44px; height: 44px;
  background: #fff; border: 1px solid #e5eaef; border-radius: 50%;
}
.footer_social img { display: block; width: auto; height: 24px; }

.footer_plati { padding: 16px 0; border-top: 1px solid var(--line); }
.footer_plati img { display: block; max-width: 100%; height: auto; margin: 0 auto; }

.footer_legal {
  padding: 16px 0; border-top: 1px solid var(--line);
  text-align: center; font-size: 12px; line-height: 1.6; color: var(--muted);
}
.footer_legal a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }


/* ---------- BUTON TELEFON ---------- */
#suna_telefon {
  position: fixed; z-index: 999; display: block; box-sizing: border-box;
  width: 50px; height: 50px; right: max(15px, calc((100vw - 480px) / 2 + 15px)); bottom: 18px;
  border: 3px solid #fff; border-radius: 50%;
  background: var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 3 4 1 1 5-2 2a16 16 0 0 0 5 5l2-2 5 1 1 4a2 2 0 0 1-2 2C10 21 3 14 3 5a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E") no-repeat center / 21px;
  box-shadow: 0 4px 20px rgba(18, 98, 151, .17);
}
#suna_telefon:active { background-color: var(--blue-deep); }


@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
  * { transition: none !important; }
}













/* ==========================================================================
   PAGINA DE PRODUS — se adaugă la FINALUL fișierului CSS
   Necesită clasele din structura-html-produs.html
   ========================================================================== */

/* ---------- POZA + GALERIA ---------- */
.produs_galerie { margin: 14px 16px 0; }
.produs_foto {
  position: relative; box-sizing: border-box; padding: 18px; text-align: center;
  background: #fff; border: 1px solid var(--line); border-radius: 14px;
}
.produs_foto .poza_produs { display: block; width: 100%; max-width: 280px; height: auto; margin: 0 auto; }
.produs_foto .oferta_speciala { top: 8px; right: 8px; max-width: 42%; height: auto; }

.galerie { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 10px; }
.galerie img {
  display: block; box-sizing: border-box; width: 100%; height: auto;
  aspect-ratio: 1 / 1; object-fit: cover; padding: 0;
  border: 1px solid var(--line); border-radius: 8px;
}


/* ---------- RATING ---------- */
.produs_rating { padding: 12px 16px 0; font-size: 13px; line-height: 1.6; color: var(--muted); }


/* ---------- CONȚINUT ---------- */
.produs_continut { padding: 0 16px; }
.produs_cod { margin-top: 14px; font-size: 12px; color: var(--muted); }
.produs_subtitlu { margin: 0 0 10px; padding: 0; font-size: 15px; font-weight: 650; color: var(--ink); }


/* ---------- SPECIFICAȚII + ETICHETA ENERGETICĂ ---------- */
.produs_specs_row { display: flex; align-items: flex-start; gap: 14px; margin-top: 16px; }

.specs { flex: 1 1 auto; min-width: 0; display: grid; grid-template-columns: auto 1fr; gap: 7px 12px; }
.spec { display: contents; }
.spec_nume { font-size: 13px; line-height: 1.4; color: var(--muted); }
.spec_val { font-size: 13px; line-height: 1.4; font-weight: 600; color: var(--ink); }

.eticheta_energetica { flex: 0 0 auto; display: block; line-height: 0; }
.eticheta_energetica img {
  display: block; width: auto; height: 118px;
  border: 0px solid var(--line); border-radius: 8px;
}


/* ---------- DESCRIERE ---------- */
.produs_descriere {
  display: block; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line);
  font-size: 13px; line-height: 1.7; color: var(--muted);
}
.produs_descriere b,
.produs_descriere strong { font-weight: 600; color: var(--ink); }
.produs_dimabil { margin-top: 8px; font-size: 13px; line-height: 1.7; color: var(--muted); }

.produs_garantie {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; padding: 6px 11px;
  font-size: 12px; font-weight: 600; color: #1f7a3d; background: #eaf6ee; border-radius: 8px;
}
.produs_garantie b { font-weight: 600; }
.produs_garantie::before {
  content: ""; flex: 0 0 auto; width: 15px; height: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f7a3d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") no-repeat center / contain;
}


/* ---------- CASETA DE COMANDĂ ---------- */
.caseta_comanda {
  margin: 20px 0 0; padding: 14px;
  background: var(--soft); border: 1px solid #e3e8ed; border-radius: 14px;
}
.comanda_info {
  margin: 0 0 10px; padding: 0; text-indent: 0;
  font-size: 11px; line-height: 1.45; text-align: center; color: var(--muted);
}
.comanda_produs { display: grid; gap: 8px; margin: 0; }
.comanda_select {
  box-sizing: border-box; width: 100%; height: 46px; margin: 0; padding: 0 34px 0 12px;
  -webkit-appearance: none; appearance: none;
  font-family: inherit; font-size: 14px; font-weight: 500; text-align: left; color: var(--ink);
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23738495' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center / 16px;
  border: 1px solid #e3e8ed; border-radius: 10px; cursor: pointer;
}
.comanda_select:focus { outline: 2px solid #64b3ee; outline-offset: 0; }

/* prețul */
.comanda_pret { display: flex; flex-wrap: wrap; align-items: flex-end; start: 4px 10px; margin-top: 6px; padding:0 20px}
.comanda_pret_eticheta { font-size: 12px; line-height: 1.6; color: var(--muted); }
.comanda_pret_eticheta span { cursor: help; color: var(--blue); }
.caseta_comanda .pret_PRP {
  float: none; clear: none;
  font-size: 13px; line-height: 1.6; color: var(--muted);
}
.caseta_comanda .pret_ROSU,
.caseta_comanda .pret_NEGRU {
  float: none; clear: none; margin-left: auto;
  display: flex; align-items: baseline; gap: 4px;
}
.caseta_comanda .pret_NEGRU { color: var(--ink); }
.caseta_comanda .pret_ROSU { color: #cc0000; }
.caseta_comanda .pret_OFERTA { font-size: 28px; font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }
.caseta_comanda .lei_OFERTA { font-size: 14px; font-weight: 600; }

/* butonul */
.caseta_comanda .buton_cos {
  box-sizing: border-box; width: 100%; height: 50px; margin: 8px 0 0; padding: 0 16px 0 46px;
  font-family: inherit; font-size: 16px; font-weight: 600; color: #fff; text-align: center;
  background: #cc0000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2 3h3l2.6 11.3a1.6 1.6 0 0 0 1.6 1.2h8.3a1.6 1.6 0 0 0 1.6-1.2L21 7H6'/%3E%3C/svg%3E") no-repeat left 16px center / 21px;
  border: 0; border-radius: 10px; cursor: pointer;
  box-shadow: 0 6px 16px rgba(204, 0, 0, .18);
}
.caseta_comanda .buton_cos:active { background-color: #a30000; }

.buton_lipsa_stoc {
  box-sizing: border-box; width: 100%; height: 50px; margin: 8px 0 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 600; color: var(--muted);
  background: #eceff2; border-radius: 10px;
}

/* taxa verde */
.taxa_verde {
  display: flex; align-items: center; gap: 6px; margin-top: 10px;
  font-size: 11px; line-height: 1.5; color: #76bc46;
}
.taxa_verde::before {
  content: ""; flex: 0 0 auto; width: 16px; height: 16px;
  background: url('meniu/deee.png') no-repeat center / contain;
}


/* ---------- CASETA DE CONTACT ---------- */
.caseta_contact {
  margin: 22px 0 0; padding: 16px;
  background: #fff; border: 1px solid var(--line); border-radius: 14px;
}
.caseta_titlu { margin: 0; padding: 0; font-size: 15px; font-weight: 650; color: var(--ink); }
a.contact_tel {
  display: flex; align-items: center; gap: 8px; box-sizing: border-box;
  min-height: 46px; margin-top: 10px; padding: 0 12px;
  font-size: 14px; font-weight: 600; color: var(--blue); text-decoration: none;
  background: var(--sky); border: 1px solid #c1dff4; border-radius: 10px;
}
a.contact_tel::before {
  content: ""; flex: 0 0 auto; width: 17px; height: 17px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230879c7' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 3 4 1 1 5-2 2a16 16 0 0 0 5 5l2-2 5 1 1 4a2 2 0 0 1-2 2C10 21 3 14 3 5a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.contact_tel span { font-weight: 400; color: var(--muted); }


/* ---------- BANNERE LATE (revânzători etc.) ---------- */
a.banner_lat {
  display: block; margin: 22px 16px; line-height: 0;
  border: 1px solid var(--line); border-radius: 12px; overflow: hidden;
}
.produs_continut a.banner_lat { margin: 22px 0; }
.banner_lat img { display: block; width: 100%; height: auto; }


/* ---------- VIDEO ---------- */
.produs_video { margin: 14px 16px 0; line-height: 0; border-radius: 12px; overflow: hidden; }
.produs_video iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; }


/* ---------- ARTICOL ASOCIAT + RECENZII ---------- */
.divider10v { height: 1px; margin: 26px 16px; background: var(--line); }
.caseta_text .continut { padding: 0 16px; }

.articol,
.articol div,
.articol p { font-size: 13px; line-height: 1.7; color: var(--muted); text-align: left; text-indent: 0; }
.articol h1 {
  margin: 0 0 12px; padding: 0;
  font-size: 20px; font-weight: 650; line-height: 1.3; letter-spacing: -.03em; color: var(--ink);
}
.articol h3 { margin: 18px 0 6px; padding: 0; font-size: 15px; font-weight: 650; color: var(--ink); }
.articol b, .articol strong { font-weight: 600; color: var(--ink); }
.articol img { display: block; width: 100%; height: auto; margin: 12px 0; border-radius: 10px; }
.articol a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }

.caseta_text .continut h2 {
  margin: 0 0 6px; padding: 0;
  font-size: 20px; font-weight: 650; line-height: 1.3; letter-spacing: -.03em; color: var(--ink);
}
.caseta_text .continut > p { margin: 0 0 12px; padding: 0; text-indent: 0; text-align: left; font-size: 13px; line-height: 1.6; color: var(--muted); }


/* ---------- NOTA INFORMATIVĂ ---------- */
.nota_info {
  margin: 24px 16px 0; padding: 0; text-indent: 0; text-align: left;
  font-size: 11px; line-height: 1.6; color: #a9b2bb;
}
.nota_info b { font-weight: 600; color: #949da6; }










/* ==========================================================================
   CATEGORII PE TEME (filtre + grupe) — se adaugă la FINALUL fișierului CSS
   Folosește cardurile existente (.grila_categorii, .card_categ, .card_categ_titlu) — mereu 3 pe rând
   ========================================================================== */

/* elementele ascunse din JS (atributul hidden) trebuie să învingă display:flex de pe carduri */
.grila_categorii [hidden],
.filtre_categorii[hidden] { display: none; }

/* chips de filtrare */
.filtre_categorii { display: flex; flex-wrap: wrap; gap: 8px; margin: 17px 16px 22px; }
.filtru_categ {
  min-height: 44px; padding: 10px 13px; box-sizing: border-box;
  font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.35; white-space: nowrap;
  color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 24px; cursor: pointer;
  transition: background .18s, border-color .18s, color .18s;
}
.filtru_categ:hover { border-color: #9ccfed; background: var(--sky); }
.filtru_categ[aria-pressed="true"] { background: var(--blue); border-color: var(--blue); color: #fff; }
.filtru_categ span { font-size: 12px; margin-left: 3px; opacity: .75; }

/* titlul rezultatelor + numărul de categorii */
.rezultate_categorii {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin: 0 16px 13px;
}
.rezultate_categorii h2 {
  margin: 0; padding: 0;
  font-size: 18px; font-weight: 650; line-height: 1.35; letter-spacing: -.02em; color: var(--ink);
  scroll-margin-top: 16px;
}
.rezultate_categorii span { font-size: 12px; color: var(--muted); white-space: nowrap; }

/* titlul unei grupe, pe toată lățimea grilei */
.grup_categorii { grid-column: 1 / -1; padding: 22px 0 2px; }
.grup_categorii:first-child { padding-top: 1px; }
.grup_categorii h3 { margin: 0; padding: 0; font-size: 18px; font-weight: 600; line-height: 1.35; color: var(--ink); }
.grup_categorii p { margin: 5px 0 0; padding: 0; text-indent: 0; text-align: left; font-size: 14px; line-height: 1.5; color: var(--muted); }

/* linkul către oferte */
a.link_oferte {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 44px; margin: 8px 16px 0;
  font-size: 14px; color: var(--blue); text-decoration: underline; text-underline-offset: 3px;
}
a.link_oferte::after {
  content: ""; width: 15px; height: 15px;
  background: var(--arrow-blue) no-repeat center / contain;
}




/* ==========================================================================
   COȘUL DE PRODUSE — se adaugă la FINALUL fișierului CSS
   Necesită clasele din structura-html-cos.html
   ========================================================================== */

.cos { padding: 0 16px; }

/* ---------- un produs din coș ---------- */
.cos_produs {
  position: relative; display: grid; grid-template-columns: 72px minmax(0, 1fr);
  column-gap: 14px; align-items: start;
  padding: 16px 0; border-bottom: 1px solid var(--line);
}
.cos_produs:first-child { border-top: 1px solid var(--line); }

.cos_poza { display: block; }
.cos_poza img {
  display: block; box-sizing: border-box; width: 72px; height: 72px;
  object-fit: contain; background: #fff; border: 1px solid var(--line); border-radius: 10px;
}

.cos_detalii { min-width: 0; }
a.cos_nume {
  display: block; margin: 0; padding-right: 34px;
  font-size: 14px; font-weight: 600; line-height: 1.4; letter-spacing: -.015em;
  color: var(--ink); text-decoration: none;
}
.cos_optiuni { margin-top: 3px; font-size: 12px; line-height: 1.5; color: var(--muted); }
.cos_pret_unitar { margin-top: 3px; font-size: 12px; line-height: 1.5; color: var(--muted); }

.cos_actiuni { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; }
.cos_cantitate { margin: 0; }
.cos_select {
  box-sizing: border-box; height: 40px; min-width: 96px; margin: 0; padding: 0 32px 0 12px;
  -webkit-appearance: none; appearance: none;
  font-family: inherit; font-size: 14px; font-weight: 500; color: var(--ink);
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23738495' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center / 16px;
  border: 1px solid #e3e8ed; border-radius: 10px; cursor: pointer;
}
.cos_select:focus { outline: 2px solid #64b3ee; }
.cos_pret { font-size: 18px; font-weight: 700; letter-spacing: -.02em; color: var(--ink); white-space: nowrap; }

/* butonul de ștergere, în colțul din dreapta sus */
.cos_sterge_form { position: absolute; top: 14px; right: 0; margin: 0; }
.cos_sterge {
  display: block; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 8px; cursor: pointer;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238996a1' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") no-repeat center / 17px;
}
.cos_sterge:hover { background-color: #fbeeee; }

/* ---------- sumar ---------- */
.cos_sumar { margin-top: 18px; }
.cos_rand {
  padding: 7px 0; font-size: 13px; line-height: 1.6; color: var(--muted); text-align: right;
}
.cos_rand b { font-size: 15px; font-weight: 700; color: var(--ink); }
.cos_rand_total {
  margin-top: 8px; padding: 14px 12px; border-radius: 12px; background: var(--soft);
  font-size: 14px; line-height: 1.6; color: var(--ink);
}
.cos_rand_total strong { font-weight: 650; }
.cos_rand_total b { font-size: 20px; }

/* ---------- mesajul de transport ---------- */
.cos_transport {
  position: relative; margin-top: 14px; padding: 13px 12px 13px 42px; border-radius: 12px;
  font-size: 13px; line-height: 1.5;
}
.cos_transport::before {
  content: ""; position: absolute; top: 13px; left: 12px; width: 20px; height: 20px;
  background-repeat: no-repeat; background-position: center; background-size: contain;
}
.cos_transport b { font-weight: 700; }

.cos_transport_ok { color: #1f7a3d; background: #eaf6ee; }
.cos_transport_ok::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f7a3d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v9H4v-9M2 7h20v5H2zM12 21V7M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7zM12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E"); }

.cos_transport_atentie { color: #9a3b3b; background: #fbeeee; }
.cos_transport_atentie::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a3b3b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.2v.3'/%3E%3C/svg%3E"); }

/* ---------- butoane ---------- */
.cos_butoane { display: grid; gap: 10px; margin-top: 18px; }
a.buton_cos_finalizeaza,
a.buton_cos_continua {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  box-sizing: border-box; width: 100%; min-height: 50px; padding: 12px 16px;
  font-size: 16px; font-weight: 600; line-height: 1.3; text-decoration: none; border-radius: 10px;
}
a.buton_cos_finalizeaza {
  color: #fff; background: #2e9e57; box-shadow: 0 6px 16px rgba(46, 158, 87, .22);
}
a.buton_cos_finalizeaza::before {
  content: ""; width: 20px; height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E") no-repeat center / contain;
}
a.buton_cos_finalizeaza:active { background: #27884a; }

a.buton_cos_continua {
  color: var(--ink); background: #fff; border: 1px solid var(--line);
}
a.buton_cos_continua::before {
  content: ""; width: 18px; height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23202c38' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") no-repeat center / contain;
}
a.buton_cos_continua:active { background: var(--soft); }

/* coș gol */
.cos_gol { padding: 26px 0; text-align: center; font-size: 14px; color: var(--muted); }




















/* =========================================================
   FORMULAR COMANDA – design nou
   Se adauga dupa cos-produse.css.
   Totul e prefixat cu #formular_comanda ca sa bata regulile
   vechi din style-v4.css fara !important si fara sa afecteze
   restul site-ului.
   ========================================================= */

#formular_comanda {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #5b6572;
}

/* bannerele de sus */
#formular_comanda img { max-width: 100%; height: auto; border: 0; display: block; }

/* ---------- Fieldset-uri ca niste carduri ---------- */
/* fieldset-ul are implicit min-width:min-content si nu se poate micsora
   sub latimea continutului -> asa iese din caseta */
#formular_comanda fieldset { min-width: 0; }

#formular_comanda .curier {
	padding: 20px;
	margin: 0;
	border: 1px solid #e7ecf2;
	border-radius: 0;
	background: #fff;
	transition: border-color .2s, background-color .2s;
}
#formular_comanda .curier:hover { border-color: #c3ccd8; }

#formular_comanda .curier legend {
	height: auto;
	padding: 4px 12px;
	background: #f2f6fa;
	border: 1px solid #e7ecf2;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .3px;
	text-transform: uppercase;
	color: #3a4658;
}
#formular_comanda .curier legend span {
	font-size: 12px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	color: #7b8492;
}

/* textul explicativ din fieldset */
#formular_comanda .curier p {
	margin: 14px 0 0 0;
	padding: 12px 0 0 0;
	border-top: 1px solid #f0f3f7;
	font-size: 12.5px;
	font-style: normal;
	line-height: 1.65;
	color: #7b8492;
	text-align: left;
	text-indent: 0;
}

/* ---------- Radio / checkbox ---------- */
#formular_comanda input[type="radio"],
#formular_comanda input[type="checkbox"] {
	accent-color: #2eaa4f;
	cursor: pointer;
}
#formular_comanda .curier input.bcurier {
	width: 18px;
	height: 18px;
	margin: 6px 8px 6px 0;
	vertical-align: middle;
}
#formular_comanda .curier span { font-size: 14px; font-weight: 600; color: #2f3d52; }

/* metoda de livrare selectata se evidentiaza */
#formular_comanda .curier:has(input.bcurier:checked) {
	border-color: #2eaa4f;
	background: #f7fcf9;
}

/* ---------- Coloanele de livrare (Showroom + Curier) ----------
   Divurile nu au clasa, asa ca le tintesc dupa continut. */
#formular_comanda .continut > div:has(#ShowroomB),
#formular_comanda .continut > div:has(#CU) {
	float: left;
	width: calc(50% - 15px);
	box-sizing: border-box;
}
#formular_comanda .continut > div:has(#ShowroomB) { margin-right: 30px; }
#formular_comanda .continut > div:has(#EB) { width: 100%; }

/* bannerele din capul paginii */
#formular_comanda > div:has(> a > img) { margin: 0 0 10px 0; }

/* ---------- EasyBox ---------- */
#formular_comanda #showLockerMap {
	margin-left: 10px;
	min-height: 38px;
	padding: 8px 16px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #2eaa4f;
	background: #fff;
	border: 1px solid #2eaa4f;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color .2s, color .2s;
}
#formular_comanda #showLockerMap:hover:enabled { background: #2eaa4f; color: #fff; }
#formular_comanda #showLockerMap:disabled {
	color: #aeb6c0;
	background: #f7f9fb;
	border-color: #e2e7ee;
	cursor: not-allowed;
}
#formular_comanda .lockerId {
	width: 74px;
	text-align: center;
	margin-left: 10px;
	min-height: 38px;
	padding: 8px 12px;
	font-family: inherit;
	font-size: 14px;
	color: #2f3d52;
	background: #fff;
	border: 1px solid #dde3ea;
	box-sizing: border-box;
}
#formular_comanda .lockerId:disabled { background: #f7f9fb; color: #aeb6c0; }
#formular_comanda #lockerName {
	margin: 10px 0 0 0;
	font-size: 13px;
	color: #1f8a4c;
}

/* ---------- Modalitate de plata ---------- */
#formular_comanda #PFPJ_radio {
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 2.3;
	color: #5b6572;
}
#formular_comanda #PFPJ_radio input {
	width: 18px;
	height: 18px;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#formular_comanda #PFPJ_radio b { color: #2f3d52; }
#formular_comanda #PFPJ_radio span { font-size: 12.5px; color: #7b8492; font-weight: 400; }

/* optiunile dezactivate se sting vizual */
#formular_comanda #PFPJ_radio input:disabled { cursor: not-allowed; }
#formular_comanda #PFPJ_radio input:disabled + b { color: #b6bdc7; }
#formular_comanda #PFPJ_radio input:disabled + b + span { color: #c3cad4; }

/* ---------- Campurile formularului ---------- */
#formular_comanda .formular_comanda p { font-size: 13.5px; color: #7b8492; margin: 0; }

#formular_comanda .formular_comanda input[type="text"],
#formular_comanda .formular_comanda select,
#formular_comanda .formular_comanda textarea {
	height: auto;
	min-height: 40px;
	max-width: 100%;
	padding: 9px 12px;
	font-family: inherit;
	font-size: 14px;
	color: #2f3d52;
	background: #fff;
	border: 1px solid #dde3ea;
	border-radius: 0;
	box-sizing: border-box;
	transition: border-color .15s, box-shadow .15s;
}
#formular_comanda .formular_comanda input[type="text"]:hover,
#formular_comanda .formular_comanda select:hover,
#formular_comanda .formular_comanda textarea:hover { border-color: #c3ccd8; }

#formular_comanda .formular_comanda input[type="text"]:focus,
#formular_comanda .formular_comanda select:focus,
#formular_comanda .formular_comanda textarea:focus {
	outline: none;
	border-color: #2eaa4f;
	box-shadow: 0 0 0 3px rgba(46, 170, 79, .15);
}
#formular_comanda .formular_comanda ::placeholder { color: #b6bdc7; }

/* campurile completate gresit devin rosii; cele goale raman neutre */
#formular_comanda .formular_comanda input[type="text"]:not(:placeholder-shown):invalid {
	border-color: #CC0000;
}

#formular_comanda .formular_comanda select {
	padding-right: 34px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%233a4658' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

#formular_comanda .formular_comanda textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: 150px;
	line-height: 1.6;
	resize: vertical;
}

/* latimile campurilor (inlocuiesc style-urile inline sterse) */
#formular_comanda .formular_comanda input[name="Nume"],
#formular_comanda .formular_comanda input[name="AdresaL"],
#formular_comanda .formular_comanda input[name="Firma"],
#formular_comanda .formular_comanda input[name="AdresaF"],
#formular_comanda .formular_comanda input[name="RegCom"],
#formular_comanda .formular_comanda input[name="Cont"],
#formular_comanda .formular_comanda input[name="Banca"] { width: 100%; }

#formular_comanda .formular_comanda input[name="Telefon"],
#formular_comanda .formular_comanda input[name="Mail"],
#formular_comanda .formular_comanda input[name="Oras"],
#formular_comanda .formular_comanda input[name="OrasF"],
#formular_comanda .formular_comanda input[name="CUI"] { width: 220px; }

#formular_comanda .formular_comanda input[name="CodPostal"] { width: 110px; margin-left: 0px; }
#formular_comanda .formular_comanda select[name="atributCUI"] { width: 210px; margin-right: 8px; }
#formular_comanda .formular_comanda select[name="Judet"],
#formular_comanda .formular_comanda select[name="JudetF"] { width: 270px; }

/* randurile tabelului de formular */
#formular_comanda .formular_comanda table {
	width: 100%;
	max-width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
#formular_comanda .formular_comanda table td { padding: 7px 0; vertical-align: middle; }
#formular_comanda .formular_comanda table td:first-child:not([colspan]) {
	width: 150px;
	padding-right: 16px;
	font-size: 14px;
	font-weight: 600;
	color: #2f3d52;
	white-space: nowrap;
}
#formular_comanda .formular_comanda table td span { font-size: 12px; color: #98a2b0; }
#formular_comanda .formular_comanda h2 {
	margin: 20px 0 0 0;
	font-size: 17px;
	font-weight: 700;
	color: #2f3d52;
}
/* tabelul cu textarea: layout fix, altfel atributul cols dicteaza
   latimea coloanei si campul iese in afara celorlalte */
#formular_comanda .formular_comanda table:has(textarea) { table-layout: fixed; }

/* randul cu textarea: eticheta sus, nu la mijloc */
#formular_comanda .formular_comanda tr:has(textarea) td { vertical-align: top; padding-top: 12px; }
/* randul butonului (td colspan=2) */
#formular_comanda .formular_comanda tr:has(.buton_trimite_comanda_NOU) td { padding: 0; }

#formular_comanda .formular_comanda hr {
	height: 1px;
	margin: 0;
	border: 0;
	background: #eef1f6;
}

/* PF / PJ */
#formular_comanda .formular_comanda #PFPJ_radio { line-height: 1.8; margin: 5px 0 18px 0; }
#formular_comanda .formular_comanda #PFPJ_radio input { margin: 0 8px 0 0; }
#formular_comanda .formular_comanda #PFPJ_radio input + input { margin-left: 28px; }

/* ---------- Acord termeni ---------- */
#formular_comanda .formular_comanda .TC {
	margin: 14px 0 0 0;
	padding: 14px 16px;
	background: #f7f9fb;
	border-left: 3px solid #2eaa4f;
	font-size: 13px;
	line-height: 1.7;
	color: #5b6572;
}
#formular_comanda .formular_comanda .TC input {
	width: 18px;
	height: 18px;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#formular_comanda .formular_comanda .TC a { color: #1f8a4c; font-weight: 600; }
#formular_comanda .formular_comanda .TC span { font-size: 12px; color: #98a2b0; padding-left:30px}

/* ---------- Butonul de trimitere ---------- */
#formular_comanda input.buton_trimite_comanda_NOU {
	width: 100%;
	min-width: 0;
	height: auto;
	min-height: 54px;
	margin: 14px 0 0 0;
	padding: 14px 28px 14px 58px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	border: 0;
	border-radius: 10px;
	background: #2eaa4f url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.8 9.4 18.2 20 6.6'/%3E%3C/svg%3E") no-repeat left 22px center;
	background-size: 24px 24px;
	box-shadow: 0 4px 12px rgba(20, 35, 60, .10);
	box-sizing: border-box;
	cursor: pointer;
	transition: background-color .2s, box-shadow .2s, transform .15s;
}
#formular_comanda input.buton_trimite_comanda_NOU:hover {
	background-color: #248f42;
	box-shadow: 0 6px 18px rgba(20, 35, 60, .18);
	transform: translateY(-1px);
	outline: none;
}
#formular_comanda input.buton_trimite_comanda_NOU:active { transform: translateY(0); }














/* =========================================================
   MESAJ COMANDA FINALIZATA – .caseta_text.mesaj_succes
   Se scot stilurile inline de pe div.
   ========================================================= */

#continut .caseta_text.mesaj_succes,
.caseta_text.mesaj_succes {
	background: #f4fbf6;
	border: 1px solid #cfeddb;
	border-left: 4px solid #2eaa4f;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	color: #5b6572;
}

/* loc pentru bifa din stanga */
.mesaj_succes .continut {
	position: relative;
	padding: 26px 26px 26px 96px;
}

.mesaj_succes .continut:before {
	content: "";
	position: absolute;
	left: 26px;
	top: 26px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #2eaa4f url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.8 9.4 18.2 20 6.6'/%3E%3C/svg%3E") no-repeat center center;
	background-size: 28px 28px;
	box-shadow: 0 4px 12px rgba(46, 170, 79, .28);
}

.mesaj_succes h2 {
	margin: 2px 0 10px 0;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.3;
	color: #1f7a44;
}

.mesaj_succes .continut div {
	font-size: 14px;
	line-height: 1.7;
	color: #5b6572;
}

.mesaj_succes .email4ec {
	font-weight: 700;
	color: #1f8a4c;
}






/* =========================================================
   PLATA CARD ONLINE – .caseta_text.mesaj_plata_card
   ========================================================= */

.caseta_text.mesaj_plata_card {
	background: #fff;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	color: #5b6572;
}

.mesaj_plata_card fieldset { min-width: 0; }

.mesaj_plata_card .curier {
	padding: 24px;
	margin: 0;
	border: 1px solid #e7ecf2;
	border-radius: 0;
	background: #fff;
}
.mesaj_plata_card .curier legend {
	height: auto;
	padding: 4px 12px;
	background: #f2f6fa;
	border: 1px solid #e7ecf2;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .3px;
	text-transform: uppercase;
	color: #3a4658;
}

.mesaj_plata_card #card_online {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 22px;
	text-align: left;
}

/* ---------- Butonul de plata ---------- */
.mesaj_plata_card #card_online a.buton_dupa {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	float: none;
	flex: 0 0 auto;
	width: auto;
	min-width: 250px;
	height: auto;
	min-height: 56px;
	margin: 0;
	padding: 12px 24px 12px 70px;
	font-family: inherit;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #2eaa4f;
	background-image: none;
	border: 0;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(20, 35, 60, .10);
	box-sizing: border-box;
	cursor: pointer;
	transition: background-color .2s, box-shadow .2s, transform .15s;
}
.mesaj_plata_card #card_online a.buton_dupa span {
	display: block;
	padding: 0;
	font-size: 17px;
	font-weight: 600;
	color: #fff !important;
}
.mesaj_plata_card #card_online a.buton_dupa:before {
	content: "";
	position: absolute;
	left: 8px;
	top: 50%;
	margin-top: -21px;
	width: 42px;
	height: 42px;
	background-color: #fff;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%232eaa4f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M2.5 10h19'/%3E%3Cpath d='M6 15h4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 26px 26px;
	border-radius: 8px;
}
.mesaj_plata_card #card_online a.buton_dupa:hover {
	background-color: #248f42;
	box-shadow: 0 6px 18px rgba(20, 35, 60, .18);
	transform: translateY(-1px);
	color: #fff;
	text-decoration: none;
}
.mesaj_plata_card #card_online a.buton_dupa:hover span { color: #fff !important; }
.mesaj_plata_card #card_online a.buton_dupa:active { transform: translateY(0); }

/* ---------- Nota de atentionare ---------- */
.mesaj_plata_card #card_online > span {
	display: block;
	position: relative;
	flex: 1 1 auto;
	margin: 0;
	padding: 1px 16px 1px 50px;
	background: #fdf6f6;
	border-left: 3px solid #CC0000;
	font-size: 12.5px;
	line-height: 1.65;
	color: #7b8492;
	text-align: left;
}
.mesaj_plata_card #card_online > span:before {
	content: "";
	position: absolute;
	left: 16px;
	top: 14px;
	width: 22px;
	height: 22px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23CC0000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.8 22 20.5H2z'/%3E%3Cpath d='M12 9.5v4.8'/%3E%3Cpath d='M12 17.6h.01'/%3E%3C/svg%3E") no-repeat center center;
	background-size: contain;
}