:root {
  --main-color: #487f87;
  --main-color-dark: #195258;
  --accent-color: #d1a77e;
  --accent-color-light: #fbd5af;
  --accent-color-intermediar: #ffbd7d;  

  --accent-color-dark: #996a45; /*#9f7a51*/  
  --transparent-background: #00000035;

    --accent-color-buton: #956941;
    --accent-color-buton-dark: #704728;

}

body{
	color:#d0e0ff;
	font-size: 16px;	
	background:#284b51 ;
	background:#195258; 
	color:#d0d4d6 ;	
	padding-bottom:20px;
	font-family: 'Arial', sans-serif;
	-webkit-font-smoothing: antialiased;
	    box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.7);
	}
.progresive{ position: absolute; width:100%;height:1200px;  z-index: -10;
    background:url(../image/progresive.png) repeat-x;
    background:url(../image/progresive.png) repeat-x;
    background: linear-gradient(to bottom, #487f87, #19646c, #195258, #195258);
}
.clearfix{clear:both; display: block;}


h1{font-size:34px;}
h2{font-size:22px;}
		
body,a,p,b,span,table,td{font-size:16px;line-height: 1.5em;}

@media (max-width: 767px)
{
   body,a,p,b,span,table,td{font-size:18px} 
}

a, a:visited, a:focus ,a:hover {  color: var(--accent-color-intermediar);;font-size: 16px;outline: none;}
a:hover {  outline: true;}
a.colorata {color: var(--accent-color);}
.top_phone a {  color: #fff  ; font-size: 15px;	}
h1,h2,h3,h4{color:#fff ;font-family: 'Arial';    line-height: 1.5em;	}






.error_de_acord,.error_basket{ width: 100% !important;  display: none; margin: 0px;}
#div_finalizeaza {text-align:center}
.clear{clear:both}


footer  ul , aside ul, .pagina-basket ul ,.alege ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
input, button, select, textarea {
    font-size: 18px;
    line-height: 20px;
	color:#293f45 ;
	padding:5px
}
input[type="submit"],button[type="submit"],.link_button,.button_armand_but,.buton_detalii{
    padding:15px;
    background: var(--accent-color-dark); 
    box-shadow: 4px 4px 4px #203336; 
    background: linear-gradient( -45deg, var(--accent-color-buton-dark), var(--accent-color-buton) , var(--accent-color-buton-dark));
    transition: all 0.5s ease;
    border: 1px solid #b5a674;color:#fff;	
    cursor:pointer;display:inline-block;
    text-decoration:none;
    text-decoration: none;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    transition: all 0.25s ease;
}
 
input[type="submit"]:hover,button[type="submit"]:hover,.link_button:hover,.button_armand_but:hover,.buton_detalii:hover {
  /* ridică puțin butonul la hover */
  box-shadow: 6px 6px 6px #182622;
  background: linear-gradient(-45deg, var(--accent-color-buton), var(--accent-color-buton-dark), var(--accent-color-buton));
  text-decoration:none;
}


.culori_buton{
    background: var(--accent-color-dark); 
    background: linear-gradient( -45deg, var(--accent-color-buton-dark), var(--accent-color-buton) , var(--accent-color-buton-dark));
    transition: all 0.5s ease;
    border: 1px solid #b5a674;color:#fff;	
    cursor:pointer;
    text-decoration:none;
    color:white;
}  
a.culori_buton{ color:white;}
.culori_buton:hover {
  /* ridică puțin butonul la hover */
  background: linear-gradient(-45deg, var(--accent-color-buton), var(--accent-color-buton-dark), var(--accent-color-buton));
  text-decoration:none; color:white;
}
    

    
input[type="file"]{color:#fff;}
input[type="radio"],input[type="checkbox"]{margin-right:15px}

.buton {display:inline-block}
.link_button {margin:auto;display:inline-block;margin:5px}
.bk_green {color: #ffffff;background-color: var(--accent-color-dark);display:inline-block;box-shadow: 4px 4px 4px #203336;
    border: 1px solid #b5a674;}
.bk_blue {
    color: #ffffff;
    background-color: var(--accent-color-buton-dark);
    display: inline-block;
    box-shadow: 4px 4px 4px #203336;
    border: 1px solid #b5a674;
    min-width: 200px;
}



.link_button_mini{padding:3px;padding-left:6px;padding-right:6px;cursor:pointer;}
.link_button_maxi{cursor:pointer;}
.edit_buttons{display:none;padding-left:20px}
.edit_buttons_firma{display:none;padding-left:20px}
.button-detalii-wrapper{bottom:0px;height:30px;width:100%;border:0px solid red;clear:both; }
.button-detalii{position:absolute;text-align:center;background-color:var(--accent-color-buton-dark);color:#fff;bottom:0px;height:35px;width:100%;line-height:35px;
box-shadow: 4px 4px 4px #203336;
    border: 1px solid #b5a674;}

/**********PRODUS in loop***********/
.button-cod{position:absolute;text-align:center;color:#fff;bottom:0px;width:100%;border:0px solid blue; }
.separator-texte{ margin:auto;width:100%;margin-bottom:30px;   }
.separator-produs{ border-top: 1px solid #306266; margin:0px auto 10px auto;width:94%;}

.edit_buttons{display:none;padding-left:20px}
.edit_buttons_firma{display:none;padding-left:20px}
.error{padding:2px;padding-left:10px;padding-right:15px;background: #d44;border:0px;color:#fff;margin:4px; float:left}
#buton_salveaza,#buton_adauga,#buton_anuleaza{display:none}
#buton_salveaza_firma,#buton_adauga_firma,#buton_anuleaza_firma{display:none;}
/*BASKET*/
.redborder {
    background-color: #fdd !important;
}

div.center {
    text-align: center;
    width: 100%;
    margin: auto;
}
/*BASKET*/
footer{

    background: var(--transparent-background);
    box-shadow: 4px 4px 4px #203336;
    border: 1px solid #306266;
    margin:15px;padding-bottom:15px;
     padding-top: 10px;
}


/* HEADER*/



/*footer*/

footer span.section {
    color: var(--accent-color-light);
    font-size: 20px;
    border-bottom: 1px solid var(--accent-color-light);
    /* line-height: 2em; */
    padding-bottom: 5px;
    padding-top: 10px;
    display: block;
    margin-bottom: 6px;
}

.pagina{
	max-width:1200px;
	
	padding:15px;
	margin:auto;
	}
	
hr{height: 5px;background-color: #306266;color: #306266;border:0px}	
li.parent i {float: right;background-color: #293f45 ;padding:3px;cursor:pointer}	
.page-header-top{
	max-width:1200px;
	margin:auto;
	padding-top:30px;
	padding-bottom:10px;
	}
.page-header-bottom{
	max-width:1200px;
	margin:auto;
	height:50px;
	padding-top:10px;
	padding-bottom:10px;	
	}
.page-header-full {
	max-width:100%;
	margin:auto;
	height:68px;
	border-top: 5px solid var(--accent-color-light);
	border-bottom: 5px solid var(--accent-color-light);
     background: linear-gradient(to right, #00000061, #00000038, #00000061);
	margin-top:10px;
	margin-bottom:10px;
    box-shadow: 4px 4px 6px #203336;
	}

ul.top-page>li>div{
   
    background:var(--transparent-background);
    padding:15px;
    padding-bottom:18px;
    height:100%;
    box-shadow: 4px 4px 4px #203336;
    border: 1px solid #306266;  
}	
.page-header-menu{
	max-width:1200px;
	height:60px;
	margin:auto;
	vertical-align:middle;
	text-align:center;
	display:block;

	}
.top-page H2{font-size:24px;}
.top-page .fa{	display: inline; padding-right:10px;}
	
.page-header-menu {	text-align:center;float:none}
.media-icons{padding:0px;height:50px;}
.media-icons i{font-size:28px}

#cart-total2{display:none;}
#cart .heading span.link_a {   text-align: right;}
.logo {	padding-left:15px;
		padding-right:15px;
		z-index:4;
		width:100%;

	}
.logo  a{
	z-index:4;
	text-align: center;
	width:100%;
	height:200px;
	}
.logo img {
    width:100%;
    height:auto;
	position: absolute;
    top: -40px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	max-width:200px
}

.responsive-container {
}

.dummy {
}

.img-container {
    position: absolute;
    top: -45px;

    left: 0;
    right: 0;
}


.full-height{height:100%}
 .links {text-align:center;}
 .links_menu{float:right;}
 .links a {
	padding:0px 8px;
	display:inline-block;
	font-size:20px;
	color:#ffffff;
	margin-top:14px;
	vertical-align:middle;
	text-transform:uppercase
	}
.media-icons a{
	margin-top:0px;
	padding:0px;
	}
.media-icons img{width:28px!important;height:28px!important;}


#search ,#search input {
         float: none;
      width: 100%;
	  position: relative;
	  
	}
.search-text{float:right;font-size: 18px;	color:#ffffff;}
.auto_search {
    display: none;
    position: absolute;
    z-index: 10000;
    background: #ffffff;
    top: 40px;
	left:-250px;
	right:15px;
    padding: 10px;
    border: 1px solid #eaeaea;
}
ul.auto_search >li>a>div.text{text-align:middle;padding:2px;text-decoration:none;cursor:pointer;color:black;display:inline-block;width:85%;float:left;color:#000}
ul.auto_search >li>a>div.img img{width:100%;padding:2px;}
ul.auto_search >li>a>div.img{display:inline-block;width:15%;float:left;margin:0px;float:left}
.form_search label{margin-right:10px;margin-left:-5px;}



/*PRODUS*/
.bulina {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    border-radius: 50%;
    color: #ffffff  ;
    background-color: var(--accent-color-dark);
	
    padding: 0px;
    margin-right: 12px;
    font-size: 21px;
    padding: 0px 12px;
    width: 45px !important;
    height: 45px !important;
    text-align: center !important;
    line-height: 45px !important;
    padding: 0 !important;
    box-shadow: 4px 4px 4px #203336;
    border: 0px solid #b5a674;
}
h2.langa-bulina {
    display: inline-block;
    line-height: 30px;
    text-transform: uppercase;
	vertical-align:middlie
}
.capitol {
    display: inline-block;
    line-height: 30px;
    margin: 15px 0px;
    font-size:24px;
    border-bottom: 0px;
    text-transform: uppercase;
	vertical-align:middlie;
	color:var(--accent-color-light);;
}
.imagine-compozitie  {width:100%;  margin-top: 0px}
.imagine-compozitie img {width:100%;  margin-top: 5px}


/*********   COS    *********/
.well{
    background:var(--transparent-background);
    padding:15px;
    box-shadow: 4px 4px 4px #203336;
    border: 1px solid #306266;
    
}
.shop-cart table{
    background:var(--transparent-background); 
        box-shadow: 4px 4px 4px #203336;
    border: 1px solid #306266;
}
.shop-cart td {text-align:left;border: 2px solid #ffffff50!important; }
.shop-cart {border:2px;  border-spacing: 5px;}
.table .total, .table .price, .table .quantity{
    text-align: center;
}


.input-update{padding:10px}
.formular select, .formular input[type="text"] {
    min-width: 180px;
margin:0px;
    width: 50%;
    height: 34px;
    padding: 4px 6px;
    line-height: 20px;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;

	
}
.formular label {
	margin:0px;
    width: 49%;
    display: inline-block;
}



@media (max-width: 500px) {
.formular label{width:100%;display:inline-block}
.formular select ,.formular input[type="text"]  {
	min-width:180px;
	max-width:300px;
    width: 100%;
	height: 34px;
	padding: 4px 6px;
    line-height: 20px;
	display:inline-block;
	margin-top:2px;
	margin-bottom:2px;
	}
}



label {
    cursor: default;
}
label {
    font-weight: bbold;
}
label, input, button, select, textarea {
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
}

#full_gallery{
	display:none;
	position:relative;
	}
#full_gallery .prev {left:0}
#full_gallery .next {right:0}
#full_gallery .prev:hover, #full_gallery .next:hover{
	color:var(--accent-color-dark);
	}
#full_gallery .prev, #full_gallery .next{
	color:#7e7e7e;
	font-size:19px;
	position:absolute;
	top:50%;
	margin-top:-23px;
	}

.product-info {
	padding-bottom:7px;
	margin-top:0px;
}
.product-info h1.view {display:none;}
.product-info h1 {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:10px;
	padding-bottom:15px;
	 line-height: 1em;
	}
	
 #content h1{
    margin-top: -5px;
}





.product-info .left {
	position:relative;
	z-index:5;
	margin-bottom:20px;
}
.product-info .image {
	
}


.product-info .image-additional li {
	float:left;
	max-width:70px;
}

.product-info .image-additional li.last {
	margin-right:0;	
}

.product-info .image-additional a {
	display: block;
}
.image-additional .next:hover, .image-additional .prev:hover  {
	color:var(--accent-color-dark);
	}
.image-additional{
    display: flex;
    flex-wrap: wrap;
    margin:0 -1%;
}
.image-additional-thumb{
  width: 23%;
    margin: 1%;  
    height:auto;
    cursor:pointer;
}


/********************* MOBILE THUMB********************/
.bx-wrapper {
  margin-bottom: 2px!important;
}
.gallery_thumb{
    width:100%;
   display: inline-block;
}
.gallery_thumb a{
    float:left;
    max-width: 20%;
    padding: 2px;
   
}

.gallery_thumb a {
  opacity: 0.8;
}
.gallery_thumb a:hover,
.gallery_thumb a.active {
  opacity: 1;
}

/********************* MOBILE THUMB********************/

/********************* DESKTOP  THUMB********************/
.image-additional .bx-wrapper	{margin:35px}
.bx-wrapper .bx-prev{margin-left:-5px; }
.bx-wrapper .bx-next{margin-right:-5px; }
.image-additional .bx-wrapper .bx-prev{margin-left:-45px; }
.image-additional .bx-wrapper .bx-next{margin-right:-45px; }
.image-additional .bg_transparent{

    background:var(--transparent-background);
        box-shadow: 4px 4px 4px #203336;
    border: 1px solid #306266;
}	


input[type=radio]{
    position:relative;
    z-index:999;
}
/********************* DESKTOP  THUMB********************/


.product-info .share >span{
	margin-bottom:20px;
	display:inline-block;
	}
.cod_and_time{
	color:var(--accent-color-light);
	
	line-height:24px;
	margin-bottom:20px;
	}


.product-info .description .product-section {
	color:#fff;
	font-weight:bbold;

	text-transform:uppercase;
	line-height:24px;
	margin-bottom:20px;
	}

.product-info .description .product-section .prod-stock{
	display:inline-block;
	background-color:#6ba239;
	color:#ffffff;
	font-style:normal;
	padding:0 7px;
	margin:0 9px;
	}
.product-info .price {

	color:#e4ddcc ;
	font-weight:bbold;
	padding:20px 0;
	margin-bottom:20px;
	}
.product-info .price .price-new{
	color:#e4ddcc ;
	font-size:30px;
	text-transform:lowercase;

	}
	
.neredus{
	    color:#ff7d7d!important;
        text-decoration: line-through!important ;
	    font-size: 20px !important;
	}	
.neredus_in_categorie{
	    color:#ff7d7d!important;
        text-decoration: line-through!important ;
	    fffont-size:0.9em!important ;
	}	
	
.product-info .price .price-old{
	color:#7e7e7e;
	margin-left:10px;
	}
.product-info .price .price-tax{
	color:#e4ddcc;
	text-transform:none;
	font-weight:normal;
	margin-left:10px;
	}
.product-info .price .discount{
	text-transform:none;
	font-weight:normal;
	}
.product-info .price .reward{
	padding-top:10px;
	display:block;
	}
.tab-content ul{
	margin-left:25px;
	margin-bottom:20px;
	list-style-type:disc
	}
.product-info .minimum { 
	margin-top:5px;
	}
.product-info .cart-top-padd { 
	float:left;
	}
.product-info .extra-button {
	float:left;
	}

.product-info .extra-button>div {
	
	}
.product-info .wishlist a span, .product-info .compare a span {
	display:inline-block;
	}

.product-info .wishlist a i, .product-info .compare a i {
	margin-right:9px;
	font-size:17px;
	line-height:24px;
	color:#333
	}
.product-info .wishlist a:hover, .product-info .compare a:hover {
	color:#323232
	}
.product-info .wishlist a, .product-info .compare a{
	display:inline;
	color:var(--accent-color-dark);
	line-height:24px;
	width:auto;
	height:auto;
	font-size:13px;
	float:none;
	margin:0;
	padding:0;
	border:0px;
	background:none;
	text-align:left;
	} 
.product-info .options {
	border-bottom:1px solid #717d7b;
	margin-bottom:20px;
	padding-bottom:20px;
	} 
.product-info .cart-top {
	border-bottom:1px solid #717d7b;
	padding-bottom:20px;
	margin-bottom:20px;
	} 
.q-mini {
	width:30px;
	}
img#captcha {
	vertical-align:top;
	margin-bottom:20px;
	}
#tab-review input[name="captcha"] {
	margin-right:20px;
	margin-bottom:10px;
	}
.border {
	border-bottom:2px solid #306266;
	padding-bottom:15px;
	margin-bottom:15px;
	}
/******************************/
.product-info .gallery li {
	max-width:520px;
	float:left;
	height:424px
	}
.ps-carousel-item img {background-color:#EFEEEE;}
.ps-zoom-pan-rotate img {background-color:#EFEEEE;}
.product-info .gallery li img{
	background-color:#EFEEEE;
	}
/*****************************/
a.button-prod i{
	font-size:26px;
	vertical-align:middle;
	margin-right:9px;
	}
a.button-prod:hover {
	background-color:var(--accent-color-dark);
	}
a.button-prod {
	display:inline-block;
	background-color:var(--accent-color-dark);
	font-size:12px;
	color:#ffffff;
	padding:9px 19px 10px 11px;
	margin:0 20px;
	line-height:31px;
	text-transform:uppercase;

	}
.product-info .review {
	font-weight:bbold;
	padding-bottom:20px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:20px;
	}
.product-info .review>div img{
	
	}
.product-info .review a:hover {
	color:var(--accent-color-dark);
	}
.product-info .review a{
	color:#7e7e7e;
	}
.product-info .review a+a:hover {
	color:#7e7e7e
	}
.product-info .review a+a {
	color:var(--accent-color-dark);
	margin-left:20px;
	}
.product-info .review img{
	float:left;
	margin-right:20px;
	}
.product-info .review .btn-rew {
	float:left;
	}
.product-info .review .btn-rew a i{
	font-size:26px;
	color:#7e7e7e;
	line-height:16px;
	width:1.25em
	}
.tabs {
	margin-bottom:20px;
	margin-top:20px;
	background:var(--transparent-background);
    box-shadow: 4px 4px 4px #203336;
    border: 1px solid #306266;
	}
.tabs .tab-heading i{
	font-size:26px;

	float:right;
	}

.tabs .tab-heading {
	padding:13px 20px;
	line-height:32px;
	color:#fff;
	font-weight:bbold;
	text-transform:uppercase;
	font-size: 1.2em;
    border-bottom: 2px solid #306266;

	}
.tabs .tab-content {
	padding:20px;

	}
#tab-review.tabs .tab-content {
	padding:20px;
	}
#full_gallery{

}
.product-info .image {
	max-width:520px;
}
	
.product-info {
	padding-bottom:7px;
	
}

.product-info .image {
	max-width:767px;
}
.image img, .image2 img, .image3 img {
    vertical-align: top;
}


.extra-wrap {
    overflow: hidden;
}
.about-page i {
    display: block;
    font-size: 40px;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 15px;
	 margin-top: 15px;
    overflow: hidden;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
/*CATEGORII*/


.box-categ-item .image img {border-bottom: 5px solid var(--accent-color);width:100%;}
.box-categ-item {margin-bottom:px;}
.subcatname,.name{text-align:center;padding:12px;}
.subcatname span{ margin: 0px;font-size:16px; text-transform: uppercase;}
.subcatname a{color:rgb(228, 221, 204);color:#ffffff   ;font-size:20px;}




.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #ffffff;
    cursor: default;
    background-color: var(--accent-color-dark);
    border-color: #293f45 ;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 15px;
    margin: 2px;
    line-height: 1.42857143;
    color: #293f45 ;
    text-decoration: none;
    background-color: #ffffff;
    border: 0px solid #293f45 ;
}

/*PRODUSE*/
.produs  {	
    position:relative;
    padding-bottom:0px;
    background:#00000040;
    box-shadow: 4px 4px 4px #203336;
    border: 1px solid #306266;
    
    
    
}
.full_height{height:100%; bbox-shadow: 3px 3px 5px rgba(0,0,0,0.1);}
.categorii_css{
    background: var(--transparent-background);
    box-shadow: 4px 4px 4px #203336;
    border: 1px solid #306266;
    
}
.item-0{min-height:150px;margin-bottom:30px}
.item-1{min-height:150px;margin-bottom:36px}
.item a{padding:0px;border:0px;outline:0px;margin:0px;height:auto;width:100%;font-family: 'Roboto', sans-serif;	}
.image-additional{text-align:center}
.xxxxxbox-categ-item{background:url(../image/transparent-25.png) repeat;border: px solid #717d7b; }
.box-categ-item img{border-bottom: 0px solid #e4ddcc; }
.produs .texte {	width:100%;}
.produs .name {	width:100%;text-align:center;padding:15px;padding-bottom:0px;color:#fff;}
.produs .name a{color:#ffffff   ;font-size:22px;font-family: 'Roboto', serif; }
.note_pret{color:#aaa;font-size:0.7em;}
 @media (max-width: 767px)
{
   .produs .name {font-size:20px;padding-bottom:5px; font-size: clamp(20px, 6vw, 28px);line-height:1.2em;}
   .caseta-reduceri    .produs .name {font-size:14px;}
   .col-xs-6 .produs .name, .col-sm-6 .produs .name{
       font-size:17px;
      
   }
   
}

.produs .price {color:var(--accent-color-light);	width:100%;text-align:center;font-size: 18px;	text-transform:lowercase;padding:0px;margin:0px;}
.produs .price span{font-size: 20px;}

.pret_normal{color:var(--accent-color-light);	width:100%;text-align:center;font-size: 30px;	text-transform:lowercase;padding:0px;margin:0px;    display: inline;}

.price-new{	width:100%;text-align:center;font-size: 16px;	text-transform:lowercase;padding:0px;margin:0px;text-decoration: line-through !important;    display: inline;}
.produs .description{font-size:14px;padding:10px}
.produs .image img {width:100%;border-bottom: 5px solid var(--accent-color);}

.produs .iconite i {text-decoration:normal;}
.produs .iconite {float:left;width:50%;margin-bottom:10px;}
.produs .svgicon {width: 20px;height: 20px;vertical-align: text-top;margin: 0px 10px 0px 0px;}
.produs .block-iconite	{text-decoration:normal;font-size:16px;padding-left:10px;padding-right:10px;margin-bottom:10px;width:100%}
.iconite-left {text-align:left}
.iconite-right{text-align:right}
.produs .cod-produs		{text-decoration:normal;font-size:14px;padding:10px;display:inline-block;  }

.intolerante{position:absolute;z-index:100;right:0px;bottom:0px;padding:4px;width:auto;wrap-text:none;}
.intolerante div{float:right; padding:5px;line-height:12px;margin:5px; background:#aaa;width: auto;font-size:16px;color:white;text-shadow: 2px 2px 2px #0000007d;}
.subcatname{text-align:center}
.subcatname a{color:#ffffff   ;color:rgb(228, 221, 204);color:#ffffff   ;
  font-size: clamp(14px, 2vw, 24px);}

/*LEFT COLUMN*/
.category{
	padding:5px;
	margin-top:0px;
	background:  var(--transparent-background);
    box-shadow: 4px 4px 4px #203336;
    border: 1px solid #306266;
  }

 @media (max-width: 767px)
{
  .produs .price span{font-size: 30px;}
  .produs .iconite{font-size: 20px;line-height:20px;}
  .produs .svgicon {width: 20px;height: 20px;vertical-align: text-top;margin: 0px 10px 0px 0px;}
  .intolerante div{font-size:22px;}
  
  .produse-reducere .price span{font-size: 20px;}
   .produse-reducere .iconite{font-size: 14px!important;line-height:14px!important;}
   .produse-reducere .svgicon {width: 14px!important;height: 16px!important;vertical-align: text-top;margin: 0px 4px 0px 0px;}
   .produse-reducere .intolerante div{font-size:14px!important;}
  
}

 @media (min-width: 767px)
{
    .category{
    	padding:10px;
    }
  
}
  
  .items-container{border-top:px solid #e4ddcc ;padding-top:0px; }
 
.category a,.category a:focus,.category a:hover{Color:#ffffff ;font-size:16px }

.full-image{	width:100%;}

.box-product ul{     padding: 0px;}
.box-product li{ list-style: none;}
/***********************************************************************category*************************************************************/
.box-heading, .box-heading-category {
	font-size:21px;
	background-color:var(--accent-color-dark);
	
    background: linear-gradient(135deg, rgb(122 86 57 / 95%), rgba(173, 135, 99, 0.95));
	line-height:25px;
	color:#fff;
	padding:12px;
	text-align:center;
	}
 
	

.box-category > ul > li {
		padding-top:6px;
    	padding-bottom:6px;
	}


.box-category > ul > li>ul {
    padding:4px;
	background: var(--transparent-background);
    box-shadow: 4px 4px 4px #203336;
    border: 1px solid #306266;
	}
.box img{float:right;width:20px;height:20px;margin:0px;}

/*********************************************************************************************header-cart*******************************************************************************************/
/* Containerul general pentru iconiță */
.cart-inner { float: right; }

/* Butonul de coș și Bulina */
#cart .heading .box-color {
    background-color: var(--accent-color-dark, #195258);
    color: #ffffff;
    height: 36px;
    display: flex;
    align-items: center;
    padding: 0 5px;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
}

#cart-items {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #ff0000;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    z-index: 100;
    line-height: 1;
}

.cart_empty { display: none !important; }

/* PANOU LATERAL (Slide-out Cart) - Varianta Flexbox Optimizată */
#cart .content {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: -420px;
    width: 380px;
    max-width: 90%;
    height: 100vh;
    background: #0f373b;
    z-index: 999999;
    padding: 5px;
    box-shadow: -5px 0 20px rgba(0,0,0,0.5);
    transition: right 0.4s ease-in-out;
    color: white;
    box-sizing: border-box;
}

/* Activare panou */
#cart.active .content { right: 0; }

/* Buton de închidere */
.close-cart-btn {

    color: white;
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 16px;
    line-height: 1;
    z-index: 10;
    font-size:30px!important;
}
.close-menu-btn {

    color: white;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 16px;
    line-height: 1;
    z-index: 10;
    font-size: 30px!important;
}
@media (min-width: 767px)
{
.close-menu-btn{display:none;}
}

#cart .content h3 {
    margin-top: 30px;
    flex-shrink: 0;
    text-align: center;
}

/* ZONA DE SCROLL (Produse) */
.content-scroll {
    flex-grow: 1;
    overflow-y: auto;
    margin-top: 15px;
    margin-bottom: 0px;
    padding-right: 10px;
}

/* Tabelul de produse */
.mini-cart-info table.cart { width: 100%; border-collapse: collapse; }
.mini-cart-info table.cart tr { border-bottom: 1px solid #5b7174; }
.mini-cart-info table.cart td { padding: 10px 5px; color: white; }
.mini-cart-info table.cart td.name a { color: white; text-decoration: none; }

/* Secțiunea de jos (Total + Checkout) */
.cart-bottom-section {
    flex-shrink: 0;
    border-top: 1px solid #5b7174;
    padding-top: 15px;
    background: #0f373b;
}

table.total { width: 100%; font-size: 18px; }
.t-price { color: #FF826B; font-weight: bold; padding-left: 10px; }

/* Scrollbar personalizat */
.content-scroll::-webkit-scrollbar { width: 5px; }
.content-scroll::-webkit-scrollbar-thumb { background: #5b7174; border-radius: 10px; }

/* Overlay */
#cart-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 999998;
}
#cart.active + #cart-overlay { display: block; }

/****************************************************************************************************************************************************************************************/
/************************** login page *********************/

.login-content .right, .login-content .left {
	border:1px solid #e6e6e6;
background:url(../image/transparent.png) repeat;
border: 2px solid #717d7b; 
	padding:30px;
	margin-bottom:30px;
	}
.login-content .heading {
	overflow:hidden;
	border-bottom:1px solid #e6e6e6;
	padding-bottom:10px;
	margin-bottom:20px;
	}
.login-content .content>p{
	border-bottom:1px solid #e6e6e6;
	padding-bottom:20px;
	}
.login-content .heading i{
	font-size:56px;

	float:left;
	margin-right:14px;
	}
.login-content .heading h2 {
	margin-top:0;
	margin-bottom:2px;
	font-size:23px;

	}
.login-content .heading b {
	font-size:13px;

	font-style:italic;
	font-weight:normal;
	}

/*.login-content .form-horizontal .control-label {
	width:110px;
	}
.login-content .form-horizontal .controls {
	margin-left:120px;
	}*/
.login-content .form-horizontal .controls input {
	width:94%;
	max-width:100%
	}
.login-content .login-buttons {
	border-top:1px solid #e6e6e6;
	padding-top:20px;
	}

.buttons .right label {
	text-align:left;
	}
.login-content {
	overflow:hidden;
}
.box-container {
	
}
.login-content .left p + p {
	margin-bottom:16px;
}
.link-login {
	text-decoration:underline;
	display:inline-block;
	color:var(--accent-color-dark);
	font-style:italic;
	margin-left:15px;
	margin-top:5px;
}
.link-login:hover {
	text-decoration:none;
}
.padd-form {
	display:block;
	padding-bottom:5px;
}

.login-content .right .content p {
	margin-bottom:15px;
}
.login-content .right .content b {
	display:block;
}
#register select {
	
}
#register .q1 {
	
}
#register .content {
	border:none!important;
	padding:0!important;
}
/* orders */
.order-list, .return-list {
	 border: 1px solid #e6e6e6;
    margin-bottom:30px;
	
}
.order-content span, .heading-order-list span{
	color:var(--accent-color-dark);
	}
.heading-order-list {
	background-color:#f9f9f9;
	overflow:hidden;
	border-bottom: 1px solid #e6e6e6;
	text-transform:uppercase;
	font-weight:bbold;
	font-size:13px;
	color:#323232;
	padding:20px;
}
.order-list .order-id, .return-list .return-id {
	width: 49%;
	float: left;
	}
.order-list .order-status, .return-list .return-status {
	font-weight:bbold;
	}
.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
}
.order-list .order-content, .return-list .return-content {
	padding:20px;
	color:#323232;
	font-weight:bbold;
	}
.order-list .order-content div > span {
	
}
.order-list .order-content div .button {
	margin-top:3px;
}
.order-list .order-info {
	text-align: right;
}
.order-detail {
	background: #EFEFEF;
	font-weight: bbold;
}
/* returns */
.return-box-2 {
	padding:15px 20px 19px 20px;
	margin-bottom:10px;
}
.return-box-2 .buttons .right {
	float:left;
}
.return-box-2 .buttons {
	padding-left:0;
	padding-top:12px;
	padding-bottom:0;
	margin-bottom:0;
}
.return-box {
	
	}
.return-p {
	padding-left:17px;
}
.return-p p {
	margin-bottom:13px;
}
.return-list {
	margin-bottom: 10px;
}
#content .content.return-box {
	padding:14px 10px 11px 20px;
	margin-bottom:10px;
}
.content.return-box h2 {
	margin-bottom:14px;
}
#content .content.return-box .left {
	width:320px;
}
#content .content.return-box .right {
	width:320px;
}
.content.return-box label {
	font-size:12px;
	font-weight:bbold;
	}
.content.return-box span {
	}
.content.return-box input {
	margin-top:6px;
	margin-bottom:7px;
	width:310px;
}
.content.return-box .error {
	padding-bottom:5px;
	display:block;
}
.return-box-3 {
	margin-bottom:20px;
	padding:14px 10px 10px 20px;
}
.return-box-3 h2 {
	margin-bottom:15px;
}
.return-box-3 textarea {
	width:310px;
	height:188px;
	max-width:310px;
	max-height:188px;
}
.return-box-3 .return-captcha {
	width:320px;
	margin-top:-3px;
}
.return-box-3 .return-captcha b {
	padding-bottom:6px;
	display:block;
}
.return-box-3 .return-captcha input {
	width:170px;
	margin-bottom:10px;
}
.return-box-3 .return-additional {
	margin-bottom:11px;
}
.return-box-3 .buttons {
	padding:0;
	margin-bottom:0;
}
/* button */

.button-return-right-i:hover, .button-return-right:hover {color:var(--accent-color-dark);cursor:pointer;}
.button-return-right{
	border:0px;
	background:none;
	font-weight:bbold;
	color:#757475;
	padding:0;
	line-height:32px;
	min-height:32px;
	display:inline-block;
	}
#return-product .button-return-right-i {position:relative;}
#return-product .button-return-right-i i.fa.fa-arrow-circle-right {position:absolute; right:0; z-index:4; top:3px}
#return-product input.button-return-right{
	padding-right:31px;
	position:relative;
	z-index:5
	}
a.button-return-left:hover, a.button-return-right:hover, a.button-order-right:hover, a.button-cont-right:hover, a.button-back-left:hover, a.button-inf-left:hover {
	color:var(--accent-color-dark);
	}
a.button-return-left, a.button-return-right, a.button-order-right, a.button-cont-right, a.button-back-left, a.button-inf-left {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	
	padding-right:0px;

	vertical-align:top;
	}
a.button-back-left i,.button-back-left i, .button-return-right-i i, a.button-return-left i, a.button-cont-right i {
	font-size:26px;
	text-align:center;
	vertical-align:middle;
	margin:0 9px
	}
i.fa.fa-arrow-circle-right {margin-right:0 !important;}
a.button-order-right {
	padding:0;
}

a.button-return-left span, a.button-return-right span, a.button-order-right span, a.button-cont-right span, a.button-back-left span, .wishlist-product a.button-wislish-left span, a.button-inf-left span {
	line-height:1.2em;
	font-size: 12px;
	font-weight: bbold;
	display: inline-block;
}
a.button-return-left span, a.button-back-left span, a.button-wislish-left span {
	padding:5px 0px 5px 14px;
	background: url('../image/marker-button-left.png') left 8px no-repeat;
}
a.button-return-right span, a.button-order-right span, a.button-cont-right span, a.button-inf-left span {
	padding:5px 14px 5px 0px;
	background: url('../image/marker-button-right.png') right 8px no-repeat;
}
.cart-bottom a i.fa.fa-check {
	margin-right:0;
	}
.cart-bottom a.button-cont-right {
	margin-right:20px;
	}
/* button */



.return-list .return-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.return-list .return-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}

.return-list .return-info {
	text-align: right;
}
.return-product {
	
	}
.return-name {
	
}
.return-model {
	
}
.return-quantity {
	
}
.return-detail {
	
}
.return-reason {
	
	}
.return-opened {
	
	}
.return-remove {
	float: left;
	width: 33.3%;
	padding-top: 90px;
	text-align: center;
	vertical-align: middle;
}
.return-additional {
	overflow: auto;
	margin-bottom: 20px;
}
.return-comment {
	float: left;
	width: 49%;
}
.return-captcha {
	
}
.download-list {
	margin-bottom: 10px;
}
.download-list .download-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.download-list .download-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.download-list .download-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.download-list .download-content div {
	float: left;
	width: 33.3%;
}
.download-list .download-info {
	text-align: right;
}
/* cart */
a {
	outline:none;
}
a:hover i.fa.fa-trash-o-o {
	color:var(--accent-color-dark);
	}
a i.fa.fa-trash-o-o {
	color:#7e7e7e
	}
i.fa.fa-trash-o-o {
	font-size:26px;
	}
.shop-cart {
	border-bottom:none;
	overflow:hidden;
	position:relative;
}
.cart-info2 .table td+td {
	text-align:center;
	}
.shop-cart .table td.quantity, .shop-cart .table td.image {text-align:center;}


.shop-cart .table td {
	vertical-align:middle;
	}
.cart-module .cart-content {
	padding:18px 0px 19px 18px;
	display: none;
	overflow: auto;
	border-top:none;
	
}
.cart-info2 {display:none;}
.cart-info {
	overflow:hidden;
	margin:20px 0;
}
.cart-info td.name a:hover {
	color:#fff
	}
.cart-info td.name a {
	color:#fff;
	font-size:16px;

	}
.content.shop-cart-content>p{
	border:1px solid #e6e6e6;
	border-bottom:0;
	margin:0;
	padding:20px;
	}
	
	
.shop-cart #pret_redus{font-size: 24px;color:white;}	
	
a.input-update {
	
	}
.mt5 {margin-top:5px;}
a.input-update i{
	color: #7E7E7E;
	font-size:26px;
	}
a.input-update:hover i{
	color: var(--accent-color-dark);
	}
#cboxLoadedContent td>input[type="radio"]{
	margin:0px;
	float:none
	}
td.quantity>input[type="text"] {
	width:40px
	}
table#total  td {
	background-color:#f9f9f9;
	padding:20px;
	text-transform:uppercase;
	width:80%
	}
table#total  td+td {
	background-color:#ffffff;
	color:var(--accent-color-dark);
	text-align:left;
	}


/*********************************************************************/
table.radio tbody td {width:100%}
.sitemap-info ul {
	margin-top:10px;
}
.sitemap-info li a {
	text-decoration:none;
}
.sitemap-info {
	overflow: auto;
	margin-bottom: 40px;
}
#newsletter .content {
	margin:0;
	padding:0;
	border:none;
}
.sitemap-info .left {
	float: left;
	width: 48%;
}
#newsletter .form tr td:first-child {
	width:58px;
}
.sitemap-info .right {
	float: left;
	width: 48%;
}

/********************************************************************************************************************************************************************************************************/

.box-top{padding-top:0px;}
.fa-search{font-size:18px;line-height:22px;margin:0px;padding:0px}
.btn {
    bbborder: 0px solid transparent;
	}
.mobile{display:none;}
.desktop{display:block;color:#fff;}	
.hide-small{ display: none;}
.nav-tabs>li>a{cursor:pointer}
.nav-tabs>li>a:hover{color:#000}
.zoomContainer {	z-index: 1000!important}

@media (max-width: 767px)
{
	.hide-small{ display: block;}
	.page-header-full {
		height:40px;
		border-top: 4px solid #e4ddcc ;
		border-bottom: 4px solid #e4ddcc ;
		}
	.page-header-menu{
		height:40px;
		margin-top:0px;
		}
	.page-header-top{
		height:80px;
		padding-top:10px;
		padding-bottom:14px;
		}
	.page-header-top>div{margin-bottom:5px;}	
	.page-header-bottom{
		max-width:1200px;
		margin:auto;
		height:20px;
		margin-top:30px;
		
		}


   .links_menu{float:none;}
    #search input {border:1px solid #314d52 	}
    .login{text-align:right}
    .box-top{padding-top:15px;}	
    
    .page-header-menu{ddisplay:none}	
    .page-header-full{ddisplay:none}	
    .page-header-bottom,.page-header-top{ddisplay:none}	
    
    .box-content{displsay:none}
    #column-left{
    padding-left: 0px;
    padding-right: 0px;
    }
    
    .box{margin-bottom:15px}
    li.parent i {
    padding: 4px;
    
    padding-left: 10px;
    padding-right: 10px;
    }
    .box-category > ul > li {
    padding-top: 6px;
    padding-bottom: 6px;
    }
    .auto_search{left:15px;	right:15px;}
    /*********************** font size ***********************/
    h1{font-size:22px;}
    #content h1 {margin-bottom: 10px; margin-top: 20px;}
    .pagina-home #content h1 {margin-top: 20px;}
    h2{font-size:18px;}
    h3{font-size:17px;}		
    body,a,p,b,span{font-size:16px}

    a:hover,a:focus{text-decoration:underline;}
    label, input, button, select, textarea {font-size: 16px;}
    .top_phone i,.top_phone a{font-size:14px;}	
    .media-icons a{font-size: 18px;}
    .media-icons {margin-bottom:10px;	height:40px;}
    /********************** . ui-datepicker-calendar TABLE ********************************/
    .ui-datepicker td a,.ui-datepicker td {font-size: 15px!important;}
    .ui-datepicker {	width: 15em!important;}
    .body{  padding:0px;margin:0px	}	
    .logo img{
        right:auto; 
        left: 0%;;
        top: 0px;
        max-width: 130px;
        width: 120px;
        position: absolute;
        top: 105%;
        left: 50%;
        transform: translate(-50%, -50%);
        
        
        
    }
    .page-header-bottom{
    padding-top:0px;
    margin-top:0px;
    
    }
    .logo  a{
    margin-left:0px;
    height:120px;
    }
    .bx-wrapper img {
    width: 100%;
    }
    .zoomContainer ,.zoomWindow{	display:none;}	
    .mobile{display:block}
    .desktop{display:none}
    .category .box-heading{cursor:pointer}
    .box-categotii{padding-top:15px; border-bottom: 1px solid #203037;}	
    .category {margin-bottom:0px;box-shadow: none;}
    .category.active {padding:5px;}

}

@media (max-width: 420px)
{
.links a,.links a:hover,.links a:focus{font-size: 15px;padding-left:4px;padding-top:3px}
.links i{font-size: 18px;padding:2px}
.logo img{min-width:100px}
.produs .block-iconite	{font-size:12px;padding-left:8px;padding-right:8px;}
}
@media (max-width: 767px)
{
.links a,.links a:hover,.links a:focus{       
    font-size: 16px;
   padding-top: 4px;
   margin: 0px;
}
        
         
.search_gap{
    padding-top:40px;
}

    
}
#slider{box-shadow: 10px 10px 10px rgba(0,0,0,0.3);}
.slider-wrapper{margin:15px;}
.iconite{ color:	var(--accent-color-light);}


/********************** . shop-cart TABLE ********************************/
.hide-small{display:none}
.shop-cart .table {}
@media (max-width: 767px) {
.hide-small{display:block}
.shop-cart .table {display:block;width:100%}
.shop-cart .table thead {display:none;}
.shop-cart .table tbody {
	display:block;
	border:0;
	}
.shop-cart .table tbody tr {
	display:block;
	margin-bottom:30px; 
	border-bottom:0;
	}
.shop-cart .table tbody td {
	display:block;
	text-align:center;
	border:0;

	}
	.prev_wraper{text-align:left;padding-top:18px;}
	.next_wraper{text-align:right;padding-top:18px;}
  }



b,label{font-weight:normal;color:white}

.next,.prev{padding:8px;display:inline-block;
 background:var(--transparent-background);
        box-shadow: 4px 4px 4px #203336;
    border: 1px solid #306266;
}
.next,.prev{color:#b0b6be}
.prev_wraper{text-align:left;padding-bottom:18px;}
.next_wraper{text-align:right;padding-bottom:18px;}
.footer-wraper{width:100%;}
.footer-wraper li a{line-height:30px;font-size:15px;color:#fff;}

.comenzi{width:100%;}
.comenzi td,.comenzi  th{
  background:var(--transparent-background);
        box-shadow: 4px 4px 4px #203336;
    border: 1px solid #306266;
    padding:8px;
 
    font-size:16px;}
.comenzi th{ font-weight: bold;}

.atentie{
color: #ffffff;
display:none;
padding:5px;
background: #c53131;
}
.nutritionale {width:100%;border:1px;}
.nutritionale td {margin: 1px;
    padding: 2px;
    border: solid;
    font-size: 0.8em!important;
    border-width: 1px;}
.nutritionale tr:first-child td {
     font-weight: bold;
}
.alert-danger {
    color: #ffffff;
    background-color: #d10000;
    border-color: #ebccd1;
}
.descriere_compozitie,.descriere_compozitie b{
    font-size:13px!important;
}
.buton_detalii{    
 
    padding:5px;


}
.buton_detalii::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    background-image: url(../img/SVG/324-circle-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.3s ease;
    margin-bottom: -2px;
}   
    
.reducere{
    position: absolute;
    top: 6px;
    left: 6px;    
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    background-color: #cc0000;
    padding: 4px 6px;
    z-index:100;

}
.checkout span b{background:var(--accent-color-dark);color:#fff;padding:7px;}
.svgicon{margin: 5px;cursor:pointer;}
 .media-icons .svgicon{margin-left:7px;margin-right:7px;}
.ctcocb {
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 12px;
    z-index: 100001;
    background: #003134;
    border: 0px solid #ffffff;
    border-radius: 0px;   text-align: center;   
    border: 1px solid #758183;
}

.ctcocb .ctcocb-img, .ctcocb .ctcocb-phone, .ctcocb .ctcocb-wapp {
    display: inline-block;
    vertical-align: middle;
}
.ctcocb div {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.ctcocb a, .ctcocb a:visited {
    color: #ffffff;

    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 1em;
    font-weight: 400;
}

.ctcocb {
    display: none;
    position: fixed;
    text-decoration: none;
}
.ctcocb img, .ctcocb .ctcocb-text {
    margin-left: 7px;
    margin-right: 7px;
}
.ctcocb img {
    width: 24px!important;
}

@media screen and (max-width: 780px){
.ctcocb {
    display: block;
}
    #cookie_banner{bottom:55px!important;}
    
}
@media screen and (max-width: 390px){

.ttransport td,.ttransport th{font-size:13px!important;padding:1px;}
}

@media screen and (max-width: 320px){
.ttransport td,.ttransport th{font-size:10px!important;padding:1px;}
}

.showMe {
  display: block;
  opacity: 1;
height: auto;
width: auto;
overflow: none;
    
}

.hideMe {
    display: none;
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}
.warning{padding:10px;background:#cc2222;color:#fff;margin-bottom:20px;}
.validated{padding:10px;background:#568b6b;color:#fff;}
ul.top-slider{
    list-style: none;
    padding: 0px;
}

.articole a, .articole  a:visited, .articole  a:focus, .articole  a:hover {
text-decoration:none;}

.mesaj_cos b,.mesaj_atentie {color:var(--accent-color-light)}
.produs:hover .image img {
    border-bottom: 5px solid var(--accent-color);
}
.produs:hover ,.box-categ-item:hover {
    transition: background 0.2s ease-in-out;
    background: #24565a;
}

.produs a:hover,.box-categ-item {
    
    text-decoration: none;
}

.next:hover, .prev:hover{
    background: #2c3e44;
}

.parent span a:after {
    content: '\27A7';
    float: right;
    display: inline-block;
}

.form_search fieldset {   margin: 10px 0px 0px 0px;}
.form_search labelset{font-size:1.2em;color:white;}


.tabelgeneral td,table.tabelgeneral th {
    border: 1px solid #aaa;
    padding: 5px;
    background: url(../image/transparent.png);
}
.tabelgeneral th {
    font-weight:bold;
}

@media (max-width: 767px) {
 .tabelgeneral {display:block;width:100%}
 .tabelgeneral thead {display:block;}
.tabelgeneral tbody {
	display:block;

	}
.tabelgeneral  tr {

	margin-bottom:20px; 

	}
 .tabelgeneral  td, .tabelgeneral  th {
	display:block;
	text-align:center;


	}
  }
  
  
.items-container {
  ddddisplay:inline-block;
}

.items-container .item {
    /* 0.8s oferă acea senzație de plutire controlată, nu un salt */
    /* Curba (0.4, 0, 0.2, 1) este standardul pentru mișcări elegante, organice */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Ne asigurăm că hardware-ul se ocupă de fluiditate */
    will-change: transform;
}

.items-container .item:hover {
    /* Ridicare minimă de 3px pentru un efect vizual extrem de discret */
    transform: translateY(-2px);
    
}
.items-container .item:hover .produs{

    box-shadow: 8px 8px 6px #203336;
}

.input_search{height: 36px;}
.button-search{padding:4px 6px;}

.formular_comentarii {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.formular_comentarii {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
.buton_comentarii {
    background: #396e4f;
    padding: 10px;
    color: #fff;
    border: 1px solid #647e70;
    color: #fff;
}


.recenzii{margin-bottom:10px;  }

.recenzii .inner {
  background: rgba(255, 255, 255, 0.06); /* NU alb, ci transparent */
  border-radius: 10px;
  padding: 12px 14px;
  

  border: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(2px); /* efect fin premium */

  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: all 0.2s ease;
}
.recenzii .name{font-size:16px;}
.recenzii div{font-size:14px;}
.recenzii i{color:#f3c487;}
.recenzii .inner:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}



.recenzii a:hover {
  color: #fff;
  text-decoration:none;
  
}
.recenzii li {float:none!important;margin:0px;padding:0px;}
/* H-uri Candy Bar / Cofetaria Armand */

:root {
  --teal-bg: #0f5a5c;
  --teal-dark: #0b3f42;
  --gold: #c8a97e;
  --gold-light: #e8c59c;
  --cream: #f5e6d3;
  --white: #ffffff;
  --gray-light: #d1d5db;
}
/* H1 */
h1 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(36px, 3vw, 50px);
  font-weight: 500;
  color: var(--white);
  line-height: 1.2;
  margin-bottom: 35px;
  position: relative;
}

h1::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: var(--accent-color-light);
  margin-top: 22px;
}

/* H2 */
h3 {
  font-family: "Lato", Arial, sans-serif;
 font-size: clamp(16px, 2.4vw, 20px);
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  margin: 44px 0 20px;
  padding-left: 8px;
  border-left: 4px solid var(--accent-color-light);;
}

/* H3 */
h2 {
  font-family: "Lato", Arial, sans-serif;
  
  font-size: clamp(21px, 3vw, 23px);
  font-weight: 600;
  color: var(--white);
  margin: 20px 0px 0px;
  padding-left: 0; /* explicit eliminat */
  display: table;
  padding-bottom: 10px;
  
}

h2::after {
  content: "";
  display: block;
  height: 4px;
  width: 100%;
  background: linear-gradient(
    to right,
    var(--gold),
    var(--gold-light),
    transparent
  );
  margin-top: 8px;
}

/* H4 */
h4 {
  font-family: "Lato", Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent-color-light);;
    margin: 24px 0 8px;
    position: relative;
}

/* linie fină după titlu */

h4::after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 1px;
  background: #c8a97e;
  margin-left: 10px;
  vertical-align: middle;
  opacity: 0.6;
}
/* Text */
p {
  color: #e5e7eb;
  line-height: 1.7;
}
.alege h3,.descriere_compozitie h3{margin-top:0px;}
/* Mobile */
@media (max-width: 768px) {
  h1::after {
    width: 120px;
  }
}
#block_pret{text-align:right;}


#mainimgcontainer {color:white;}