body {
            background-color: #f8f9fa;		  
        }
        .logo {
            font-size: 2rem;
            font-weight: bold;
            color: #0095D9;
        }
        .slogan {
            color: #D88C00;
            font-weight: bold;
            font-size: 1rem;
        }
        .filter-sidebar {
            border: 1px solid #eee;
            padding-right: 15px;
			border-radius:6px;
			background: #fff;
        }
        .product-card {
            border: 1px solid #eee;
            padding: 10px;
            border-radius: 6px;
            text-align: left;
            margin-bottom: 10px;
			background:#fff;
        }
		.lb-container {
		  position: relative !important;
		}
		.invalid-feedback{
			font-size: .725em;
		}
		.is-invalid {
		  background-color: #ffe6e6;
		}
		.card-body p{
			margin-bottom:0.25rem;
		}
		.ext-links {
		  display: flex;
		  justify-content: center; /* Centreaza orizontal */
		  align-items: center;     /* Centreaza vertical (daca e nevoie) */
		  gap: 10px;               /* Spatiu intre imagini */
		  margin: 0 auto;
		  padding: 10px 0;
		}
			
		.ext-links a img {
		  height: auto;
		}
		.form-check-inline{
			margin-right: 0.5rem;
		}
		#category-list a {
			text-decoration: none;
			color: #333;
			padding: 5px 8px;
			display: inline-block;
			border-radius: 5px;
		}
	
		#category-list a:hover {
			background-color: #f2f2f2;
		}
	
		#category-list a.active-category {
			background-color: #007bff; /* albastru */
			color: #fff !important;
			font-weight: bold;
		}
		header.sticky-header{
			position: sticky;
			top: 0;
			z-index: 9999;
			background: #fff;
			padding: 10px 0;
		}
		.navbar {
		  background-color: #343a40; /* Albastru principal */
		  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		}
		.navbar a {
		  color: #fff !important;
		  font-weight: 500;
		  transition: 0.3s;
		}
		.navbar a:hover {
		  color: #00b4d8 !important;
		}
		.navbar-nav {
		  justify-content: flex-start;
		  width: 100%;
		}
		.nav-item {
		  position: relative;
		  padding: 0 15px;
		}
		/* Separator vertical între linkuri */
		.nav-item:not(:last-child)::after {
		  content: "|";
		  color: rgba(255, 255, 255, 0.5);
		  position: absolute;
		  right: 0;
		  top: 50%;
		  transform: translateY(-50%);
		}
		
		.product-buy {
			margin-top: 15px;
		}
		
		.quantity-selector {
			display: flex;
			border: 1px solid #ccc;
			border-radius: 8px;
			overflow: hidden;
			height: 45px;
			width: 120px;
			box-shadow: 0 2px 5px rgba(0,0,0,0.08);
			background: #fff;
			font-family: Arial, sans-serif;
			float:left;
			margin-right:10px;
		}
		
		.qty-btn {
			flex: 1;
			background: #198754; /* verde stil Bootstrap */
			color: #fff;
			border: none;
			font-size: 20px;
			cursor: pointer;
			transition: background 0.2s, transform 0.1s;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		
		
		
		#viewed-section {
		  padding: 20px;
		  background: #f8f8f8;
		}
		
		.viewed-title {
		  margin-bottom: 10px;
		  font-size: 18px;
		}
		
		.viewed-carousel {
		  position: relative;
		  overflow: hidden;
		}
		
		.viewed-track {
		  display: flex;
		  gap: 10px;
		  justify-content: flex-start;
		}
		
		.viewed-item {
		  min-width: calc(25% - 10px); /* 4 produse */
		  background: #fff;
		  padding: 10px;
		  border-radius: 8px;
		  text-align: center;
		}
		
		.viewed-item img {
		  width: 100%;
		  height: 180px;
		  /*object-fit: cover;*/
		  object-fit: contain;
		}
		
		.viewed-item p {
		  font-size: 14px;
		  margin: 5px 0;
		}
		
		.viewed-item span {
		  font-weight: bold;
		  color: #e60023;
		}
		
		.nav {
		  position: absolute;
		  top: 40%;
		  transform: translateY(-50%);
		  background: #000;
		  color: #fff;
		  border: none;
		  padding: 8px;
		  cursor: pointer;
		  opacity: 0.7;
		}
		
		.prev { left: 0; }
		.next { right: 0; }
		
		.prev, .next {
		  display: flex !important;
		  position: absolute;
		  z-index: 10;
		}
		
		
		
		.qty-btn:hover {
			background: #157347;
		}
		
		.qty-btn:active {
			transform: scale(0.95);
			border-radius: 8px;
		}
		
		.qty-input {
			width: 50px;
			border: none;
			text-align: center;
			font-size: 16px;
			font-weight: 600;
			outline: none;
			background: transparent;
		}
		
		.table.inner-borders th,
		.table.inner-borders td {
		  border: 1px solid #dee2e6;
		}
		
		.table.inner-borders {
		  border: none;        
		  margin-bottom: 0;    
		  border-collapse: collapse; 
		}
		
		.table.inner-borders th:first-child,
		.table.inner-borders td:first-child {
		  border-left: none;
		}
		
		.table.inner-borders th:last-child,
		.table.inner-borders td:last-child {
		  border-right: none;
		}
		
		.table.inner-borders thead th {
		  border-top: none;
		}
		
		.table.inner-borders tbody tr:last-child td {
		  border-bottom: none;
		}
		
		/*footer popup - start */
		.cookie-block {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			background: rgba(0,0,0,0.8); /* fundal negru transparent */
			padding: 15px 0;
			z-index: 9999;
		}
		
		.cookie-message {
			color: #ffffff; /* text alb */
			font-size: 15px;
			line-height: 1.5;
			font-weight:600;
		}
		
		.cookie-message a {
			color: #ffffff;
			text-decoration: underline;
		}
		
		.cookie-message a.btn-link {
			text-decoration: none;
			font-weight: 600;
			padding: 6px 15px;
			border-radius: 6px;
			margin-left: 10px;
		}
		
		.cookie-accept {
			background: #28a745; /* verde accept */
			color: #fff !important;
		}
		
		.cookie-decline {
			background: #dc3545; /* rosu refuz */
			color: #fff !important;
		}
		
		.cookie-accept:hover,
		.cookie-decline:hover {
			opacity: 0.9;
			text-decoration: none;
		}
		
		/*footer popup - end*/
		.navbar{margin:0; padding:5px 0;}
		.lb-close {
			position: absolute !important;
			top: 10px;
			right: 10px;
			z-index: 9999 !important;
			background: rgba(0,0,0,0.5);
			color: #fff !important;
			width: 35px;
			height: 35px;
			line-height: 35px;
			text-align: center;
			font-size: 25px;
			border-radius: 50%;
			opacity: 1 !important;
		}
		
		
		.lb-prev, .lb-next {
			position: absolute !important;
			top: 50% !important;
			transform: translateY(-50%) !important;
			width: 50px;
			height: 50px;
			background: rgba(0,0,0,0.5);
			border-radius: 50%;
			font-size: 30px;
			line-height: 50px;
			text-align: center;
			color: #fff !important;
			z-index: 9999 !important;
			opacity: 1 !important;
		}
		
		
		.lb-prev {
			left: calc(50% - 25vw) !important; 
		}
		
		
		.lb-next {
			right: calc(50% - 25vw) !important;
		}
		
		.navbar-expand-lg .navbar-nav {
			flex-direction: row;
		}
		@media(max-width:768px){
			.lb-prev { left: 10px !important; }
			.lb-next { right: 10px !important; }
			.box-cart { margin-left: auto;
   						margin-right: auto; 
						/*margin-top: 30px;*/
					}	
			.logo-img{max-height:20px !important; margin-right:10px;}	  
			.fa-chevron-down{margin-top:5px;}	  		
		}
		@media(max-width:480px){
			.lb-prev { left: 10px !important; }
			.lb-next { right: 10px !important; }	
		    .navbar {
				display: none;
			}
		}
		
		/*-----------mobil header start----------------*/
		.sticky-header{
			position: sticky;
			top: 0;
			z-index: 9999;
		}
		
		.header-wrapper{
			min-height: 60px;
		}
		
		.logo-img{
			max-height: 45px;
			width: auto;
		}
		
		.search-form{
			flex: 1;
			display: flex;
			align-items: center;
			gap: 6px;
			max-width: 700px;
			margin: 0 10px;
			min-width: 0;
			flex-wrap: nowrap;
		}
		
		.search-form .position-relative{
			flex: 1;
			min-width: 0;
		}
		
		.search-form input{
			width: 100%;
			min-width: 0;
		}
		
		.search-form button{
			flex-shrink: 0;
			white-space: nowrap;
		}
		
		.search-form .form-control{
			min-width: 0;
		}
		
		.box-cart{
			flex-shrink: 0;
			white-space: nowrap;
		}
		
		.box-cart a{
			font-size: 18px;
		}
		
		#search-results{
			position: absolute;
			top: 100%;
			left: 0;
			width: 100%;
			z-index: 9999;
		}
		
		/* MOBILE */
		@media(max-width:768px){
		
			  .header-wrapper{
				flex-wrap: nowrap !important;
			}
		
			.search-form{
				margin: 0 5px;
				gap: 4px;
			}
		
			.search-form input{
				font-size: 12px;
				padding: 7px 8px;
			}
		
			.search-form button{
				font-size: 11px;
				padding: 7px 8px;
			}
		
			.logo-img{
				max-height: 22px !important;
			}
		
			.box-cart{
				gap: 8px !important;
			}
		
			.box-cart a{
				font-size: 14px;
			}
			
		}
		
		/* EXTRA SMALL DEVICES */
		@media(max-width:480px){
		
			.logo-img{
				max-height: 12px !important;
				margin-right:0px;
			}
		
			.search-form button{
				font-size: 12px;
				padding: 7px 9px;
			}
		
			.search-form input{
				font-size: 12px;
			}
		
			.box-cart{
				gap: 9px !important;							
			}
		
			.box-cart a{
				font-size: 14px;
			}		
				
		}
		/*-----------mobil header end----------------*/
		
		.category-arrow {
			transition: transform 0.3s ease;
		}
		
		/* cand este DESCHIS */
		.toggle-menu:not(.collapsed) .category-arrow {
			transform: rotate(180deg);
		}
		

		.static .box-body .table-specification div.tr-table-specification:nth-of-type(even) {
		  background-color: #a3e0fb;/*d6eeee;  */
		  float:left;
		  width:100%;
		  display: table-row;
		  border-bottom: #fff 1px solid;
		}
		.static .box-body .table-specification div.tr-table-specification:nth-of-type(odd) {
		  background-color: #e7e9eb;
		  float:left;
		  width:100%;
		  display: table-row;  
		  border-bottom: #fff 1px solid;
		}
		.static .box-body .table-specification .td-table-specification{
			width:50%;
			font-size:400;
			float:left;
			/*text-indent:10px;
			border-right: 1px solid white;*/
			display: table-cell;
			text-align:left;
			/*flex-grow: 1;*/
			display: inline-flex;
		}
		.static .table-specification .tr-table-specification .table-row {
			display: table-row;
			width:100%;
			float:left;
			flex-grow: 1;
			display: inline-flex;
		}
		.static .table-specification .tr-table-specification .table-row .border-cell-first{
			border-right:#fff 1px solid;
			padding: 3px 10px;
			flex-grow: 1;
		   /* display: inline-flex;*/
			min-height: 100%;
		}
		.static .table-specification .tr-table-specification .table-row .border-cell{
			padding: 3px 10px;
		}
		.whatsapp-float {
		  position: fixed;
		  bottom: 20px;
		  right: 20px;
		  background-color: #25D366;
		  color: white;
		  border-radius: 50px;
		  padding: 10px;
		  text-align: center;
		  font-size: 24px;
		  z-index: 99999;
		}
		.whatsapp-float img {
		   width: 50px;
		   height: 50px;
		}



        footer {
            background: #f8f9fa;
            padding: 20px 0;
            text-align: center;
            margin-top: 40px;
        }
        .pagination {
            justify-content: center;
        }
		
		.logo-img {
		  height: auto;
		  max-height: 35px; /* implicit pe mobil/tableta */
		}
		.product-card-page {
		  background: white;
		  border-radius: 16px;
		 /* padding: 20px;
		  box-shadow: 0 0 12px rgba(0,0,0,0.05);*/
		}
		.product-image {
		  max-width: 100%;
		  border-radius: 12px;
		}
		.price {
		  font-size: 1.8rem;
		  color: #28a745;
		  font-weight: bold;
		}
		#search-results {
		  position: absolute;
		  top: 100%;
		  left: 0;
		  right: 0;
		  z-index: 1000;
		  background: #fff;
		  border: 1px solid #ccc;
		  border-top: none;
		 /* max-height: 400px;*/
		  overflow-y: auto;
		  list-style: none;
		  margin: 0;
		  padding: 0;
		  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
		  display:none;
		}
		
		#search-results li {
		  padding: 10px 5px;
		  border-bottom: 1px solid #eee;
		  display: flex;
		  align-items: center;
		  gap: 10px;
		  font-size:14px;
		}
		
		#search-results li:last-child {
		  border-bottom: none;
		}
		
		#search-results li a {
		  display: flex;
		  align-items: center;
		  gap: 10px;
		  text-decoration: none;
		  color: #333;
		  width: 100%;
		}
		
		#search-results li:hover {
		  background-color: #f8f9fa;
		}
		
		#search-results li .img img {
		  width: 50px;
		  height: 50px;
		  object-fit: cover;
		  border-radius: 4px;
		  float: left;
 	      margin-right: 10px;
		}
		
		#search-results li strong {
		  color: #007bff;
		}
		
		/* Stil special pentru "Afiseaza toate rezultatele" */
		#search-results li#show-all {
		  text-align: center;
		  font-weight: 600;
		  color: #007bff;
		  background-color: #f0f8ff;
		}
		
		#search-results li#show-all:hover {
		  background-color: #e0f0ff;
		}
		.img{
			float:left;
		}
		.container h1{
			font-size: 1.5rem;
		}
		.container h2{
			font-size: 1.5rem;
		}
		.card-title a{
			text-decoration: none;
			color:#000;
		}
		
		#rating-stars {
			display: flex;
			/*flex-direction: row-reverse;*/ /* Inversam stelele pentru a fi ordinea corecta */
			justify-content: flex-start;
			gap: 5px;
		}
		
		.star {
			font-size: 20px;
			cursor: pointer;
			color: #ccc; /* Initial gri */
			transition: color 0.2s ease-in-out;
		}
		.star.hovered,
		.star.selected {
			color: gold; /* Culoare galben auriu */
		}
		
		.star.full {
			color: gold;
		}
		.star.partial {
			position: relative;
			display: inline-block;
			font-size: 20px;
			line-height: 1
		}
		.star.partial::before {
			content: '\2605';
			position: absolute;
			height: 100%; 
			left: 0;
			top: 0;
			width: var(--percent);
			overflow: hidden;
			color: gold;
			pointer-events: none;
		}
		
		
		
		
		.count-reviews{z-index:999;font-size:16px;font-weight:bold;margin-top: 0px;  float: left; text-decoration:none;}
		.form-review{margin:20px 0}
		.form-review .star{font-size:48px;}
		.box-review-product,.box-review-product-home{float:left;margin:-5px 10px 0 0;}
		.box-review-product-home .star{font-size:22px;}
		.whatsapp-float {
		  position: fixed;
		  bottom: 20px;
		  right: 20px;
		  background-color: #25D366;
		  color: white;
		  border-radius: 50px;
		  padding: 10px;
		  text-align: center;
		  font-size: 24px;
		  z-index: 99999;
		}
		.whatsapp-float img {
		  width: 50px;
		  height: 50px;
		}
		
		@media (min-width: 1200px) {
		  .logo-img {
			max-height: 45px; /* doar pe ecrane mari */
		  }
		}
		
		
		
		
		
		
		
		
		

		.rv-carousel {
			position: relative;
			width: 100%;
			overflow: hidden;
		}
		
		.rv-track {
			display: flex;
			transition: transform 0.4s ease;
			will-change: transform;
		}
		
		.rv-slide {
			flex: 0 0 25%; /* 4 pe desktop */
			padding: 8px;
			box-sizing: border-box;
		}
		
		/* responsive */
		@media(max-width: 992px){
			.rv-slide { flex: 0 0 33.33%; }
		}
		
		@media(max-width: 768px){
			.rv-slide { flex: 0 0 50%; }
		}
		
		@media(max-width: 480px){
			.rv-slide { flex: 0 0 100%; }
		}
		
		/* buttons */
		.rv-btn {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			z-index: 20;
		
			width: 44px;
			height: 44px;
		
			border-radius: 50%;
			border: none;
		
			background: rgba(255,255,255,0.9);
			box-shadow: 0 4px 12px rgba(0,0,0,0.15);
		
			cursor: pointer;
		
			display: flex;
			align-items: center;
			justify-content: center;
		
			font-size: 22px;
			font-weight: bold;
		
			transition: all 0.25s ease;
		}
		
		.rv-btn:hover {
			background: #fff;
			transform: translateY(-50%) scale(1.1);
			box-shadow: 0 6px 18px rgba(0,0,0,0.25);
		}
		
		.rv-prev {
			left: 10px;
		}
		
		.rv-next {
			right: 10px;
		}