/*
/*
*-----------------------------------------------------------------------------------
* === CSS DESIGN ===
*-----------------------------------------------------------------------------------
* author HDPE Soft
*/
/* === HTML ELEMENTS === */
@charset "UTF-8";
* {
outline: none !important;
}
body {
color: #222;
font-family: 'Dosis', arial;
font-size: 14px;
line-height: 1;
text-rendering: optimizelegibility;
text-shadow:rgba(0, 0, 0, 0.2) 0 0 1px;
background-color: #f0f2f5;
}
table {
background-color: #fff;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
}
input:not([type="radio"]) {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
}
input[type="radio"] {
transform: translateY(1px); /* sau -3px muta mai sus, în funcție de ce vrei */
}
textarea {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
}
section {
padding: 20px 0;
background: none !important;
}
img {
user-select: none; /* prevenire selecție standard */
-webkit-user-drag: none; /* prevenire drag pe webkit */
-webkit-user-select: none; /* pentru Chrome/Safari */
-moz-user-select: none; /* pentru Firefox */
-ms-user-select: none; /* pentru IE/Edge */
pointer-events: auto; /* menține click-urile normale */
}
a:link,
a:focus,
a:visited ,
a:active,
a:hover {
text-decoration: none;
color: #000;
}
a img {
border: medium none;
}
ul {
list-style: none;
}
textarea {
resize: none;
}
/* === END HTML ELEMENTS === */
/* === NAVBAR === */
.navbar-default {
background: #EFEFEF;
}
.navbar-default ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
.navbar-default .navbar-nav > li > a {
color: #222;
}
.navbar-default .navbar-nav > li > a:hover {
}
/* === END NAVBAR === */
/* === HEADER === */
header {
padding: 73px 0 20px 0;
}
header h1 {
margin: 0;
}
header h1 .logo {
display: inline-block;
vertical-align: middle;
}
.logo img {
width: 280px;
height: 46px;
vertical-align: top;
}
header h1 small {
color: #fff;
font-weight: 300;
}
/* === END HEADER === */
/* === CATEGORIES === */
#categories {
margin-bottom: 0;
font-family: "Oswald", serif;
font-family: "Dosis", serif;
font-size: 20px;
font-weight: 300;
background: #fff;
padding: 4px 0;
}
#categories form .form-control {
width: 260px;
}
#categories form .btn {
font-weight: 300;
}
/* === END CATEGORIES === */
/* === PRODUCTS === */
#products {
background-color: #fff;
}
#products .thumbnail {
padding: 20px;
color: #888;
z-index:3px;
box-shadow: 0 2px 4px rgb(0 0 0 / 0.1);
border: 1px solid #ccc;
border-radius: 8px;
}
.thumbnail:hover .dimensiune_produs_lungime { border-left: 1px solid #009dcd;transition: all .5s linear; }
.thumbnail:hover .dimensiune_produs_latime { border-bottom: 1px solid #009dcd;transition: all .5s linear; }
.thumbnail:hover .arrow_sus { border-bottom: 8px solid #009dcd;transition: all .5s linear; }
.thumbnail:hover .arrow_jos { border-top: 8px solid #009dcd;transition: all .5s linear; }
.thumbnail:hover .arrow_stanga { border-right: 8px solid #009dcd;transition: all .5s linear; }
.thumbnail:hover .arrow_dreapta { border-left: 8px solid #009dcd;transition: all .5s linear; }
.thumbnail:hover .dimensiune_cm_lungime { color:#000;border: 1px solid #009dcd;font-size: 11px;font-weight: bold;transition: all .5s linear; }
.thumbnail:hover .dimensiune_cm_latime { color:#000;border: 1px solid #009dcd;font-size: 11px;font-weight: bold;transition: all .5s linear; }
#products h3 {
line-height: 1.1;
height: 2.2em;
font-family: "Dosis", serif;
font-size: 24px;
font-weight: 300;
margin-top: 0;
overflow: hidden;
}
#products h3 a {
color: #000;
}
#products .rating {
padding: 1px 0;
text-align: center;
height:24px;
}
#products .btn-default:hover {
border-color: #20B2AA;
background-color: #20B2AA;
color: #fff;
}
#products .addToWishList:hover {
border-color: #E62263;
background-color: #E62263;
color: #fff;
}
/* === END PRODUCTS === */
/* === PRODUCT === */
#product h1 {
margin-top: 0;
}
#product .rating {
color: #CC4363;
padding: 4px 5px 4px 7px;
margin-left: 1px;
border-radius: .25em;
font-size: 10px;
background-color:black;
}
#product .price {
background: #0F8882;
padding: 14px 60px;
color: #fff;
display: inline-block;
}
#product .manageQty,
#product .product-qty {
border: 1px solid #dddddd;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
margin-bottom: 0;
padding: 14px 20px;
text-align: center;
vertical-align: middle;
}
#product .addToCart,
#product .addToWishList {
padding: 14px 20px;
}
#product .addToWishList:hover {
background-color: #E62263;
border-color: #E62263;
color: #fff;
}
#product p {
font-family: "Raleway", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.625;
margin: 0 0 24px;
margin-top: 10px;
padding: 0;
white-space: pre-wrap;
}
#product .tab-content {
padding-top: 20px;
}
/* === END PRODUCT === */
/* === SOCIAL ICONS - PRODUCT PAGE === */
.social-icons {
font-size: 15px;
line-height: 30px;
float: right;
}
.social-icons i {
cursor: pointer;
font-style: normal;
padding: 14px 20px;
}
.fa-twitter {
border: 1px solid #00c3f3;
color: #00c3f3;
white-space: nowrap;
}
.fa-twitter:hover {
background: #00c3f3 none repeat scroll 0 0;
color: #fff;
}
.fa-facebook {
border: 1px solid #2d609b;
color: #2d609b;
white-space: nowrap;
}
.fa-facebook:hover {
background: #2d609b none repeat scroll 0 0;
color: #fff;
}
.fa-google-plus {
border: 1px solid #eb4026;
color: #eb4026;
white-space: nowrap;
}
.fa-google-plus:hover {
background: #eb4026 none repeat scroll 0 0;
color: #fff;
}
.fa-file-text-o {
border: 1px solid #1c1c1c;
color: #1c1c1c;
white-space: nowrap;
}
@media only screen and (max-width: 1023px) { /* ==tel== */
.fa-file-text-o:active {
background: #1c1c1c none repeat scroll 0 0;
color: #fff;
}
}
@media only screen and (min-width: 1023px) { /* ==pc== */
.fa-file-text-o:hover {
background: #1c1c1c none repeat scroll 0 0;
color: #fff;
}
}
@media (max-width: 500px) {
#product button,
#product .product-qty {
margin-top: 10px;
}
.social-icons {
float: left;
margin-top: 10px;
}
}
/* === END SOCIAL ICONS - PRODUCT PAGE === */
/* === CART === */
#showCart {
border: 1px solid #e6e6e6;
border-bottom: 2px solid #444;
width: 320px;
min-height: 100px;
padding-bottom: 0;
font-family: "Dosis", serif;
font-weight: 300;
}
#showCart .btn {
font-weight: 300;
color: #fff;
}
#showCart .media {
border-bottom: 1px solid #e6e6e6;
padding: 10px 0;
}
#showCart .media-body p {
font-family: "Dosis", serif;
font-weight: 300;
font-size: 14px;
font-weight: 300;
line-height: 1;
margin: 0;
padding: 4px 0;
}
#showCart .media-left {
padding-left: 10px;
}
#showCart .media-right {
padding: 0px 6px;
}
#showCart .removeFromCart {
padding: 5px 0px;
}
#showCart .removeFromCart i {
color: #cc0000;
font-size: 16px;
}
#showCart .showTotal {
padding: 20px 0;
text-align: center;
font-family: "Dosis",arial;
font-size: 24px;
font-weight: 300;
}
#showCart .emptyCart {
padding-bottom: 20px;
font-weight: 300;
color: #222;
}
#showCart .emptyCart:hover {
text-decoration: none;
}
#showCart li:last-child .col-md-6 {
padding: 0;
}
/* === END CART === */
/* === CART PAGE && CHECKOUT === */
#cart-page .table-bordered > thead > tr > th {
border-bottom-width: 0px;
font-size: 18px;
}
#cart-page .table .table {
border: 0;
}
#cart-page .table .table th {
border-top: 0;
width: 20%;
text-align: center;
}
#cart-page .table .table td {
text-align: center;
}
#cart-page .product-qty {
border: 1px solid #dddddd;
color:#000000;
font-size: 14px;
font-weight: bold;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 4.5px;
text-align: center;
vertical-align: middle;
}
#cart-page .btn-shopping {
border-color: #CC4053;
background: #CC4053;
color: #fff;
}
#cart-page .btn-checkout {
background-color: #0f9e75;
border-radius: 8px;
padding: 10px 15px;
color: #fff;
font-weight: bold;
}
#cart-page .checkbox {
display: inline;
}
.allert-empty {
text-align: center;
font-size: 18px;
height: 240px;
line-height: 240px;
vertical-align: middle !important;
}
/* === END CART PAGE && CHECKOUT === */
/* === WISH LIST === */
#showWishList {
border: 1px solid #e6e6e6;
border-bottom: 2px solid #444;
width: 320px;
min-height: 100px;
padding-bottom: 0;
font-family: "Dosis", serif;
font-weight: 300;
}
#showWishList .btn {
font-weight: 300;
color: #fff;
}
#showWishList .media {
border-bottom: 1px solid #e6e6e6;
padding: 10px 0;
}
#showWishList .media-body p {
font-family: "Dosis", serif;
font-weight: 300;
font-size: 14px;
font-weight: 300;
line-height: 1;
margin: 0;
padding: 0;
}
#showWishList .media-left {
padding-left: 10px;
}
#showWishList .media-right {
padding: 0px 6px;
}
#showWishList .removeFromWishList {
padding: 5px 0px;
}
#showWishList .removeFromWishList i {
color: #cc0000;
font-size: 16px;
}
#showWishList .emptyWishList {
padding: 20px 0;
font-weight: 300;
color: #222;
}
#showWishList .emptyWishList:hover {
text-decoration: none;
}
#showWishList li:last-child .col-md-6 {
padding: 0;
}
/* === END WISH LIST === */
/* === REVIEWS === */
#reviews p {
font-family: "Raleway", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.625;
margin: 0 0 24px;
padding: 0;
}
/* === REVIEWS === */
/* === TERMS AND CONDITIONS MODAL === */
.modal {
text-align: left;
}
.modal p {
font-family: "Raleway", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.625;
margin: 0 0 24px;
padding: 0;
}
/* === END TERMS AND CONDITIONS MODAL === */
/* === HELPER CLASSES === */
.no-padding {padding: 0 !important;}
.top10 {margin-top: 10px;}
.top20 {margin-top: 20px;}
.top40 {margin-top: 40px;}
.top60 {margin-top: 60px;}
.top80 {margin-top: 80px;}
.vertical-center {
vertical-align: middle !important;
}
/* === END HELPER CLASSES === */
/* === PARSLEY VALIDATION === */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
color: #468847;
background-color: #DFF0D8;
border: 1px solid #D6E9C6;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
color: #B94A48;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
}
.parsley-errors-list {
padding: 0;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-ms-transition: all .3s ease-in-;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
}
.parsley-errors-list li,
.parsley-required,
.parsley-type,
.error {
background: #CC4053;
border: 1px solid #CC4053;
box-shadow: 0 0 0 1px #FFFFFF inset;
color: #FFFFFF;
font-size: 16px;
font-weight: 500;
line-height: 1.42857;
margin-top: 10px;
padding: 5px 10px;
}
.parsley-errors-list.filled {
opacity: 1;
}
.success {
background: green;
border: 1px solid #green;
box-shadow: 0 0 0 1px #FFFFFF inset;
color: #FFFFFF;
font-size: 16px;
font-weight: 500;
line-height: 1.42857;
margin-top: 10px;
padding: 15px 10px;
}
.required {
border-left: 2px solid #CC4053;
}
/* === END PARSLEY VALIDATION === */
/* ==CSS SEPARAT ADAUGAT== */
.emg-carousel-price {
color: #ef2809;
display: block;
font-size: 17px;
font-weight: 600;
white-space: nowrap;
text-decoration: none;
font-family: "Open Sans";
}
.emg-fluid-notification {
font-size: 80%;
font-weight: 700;
line-height: 18px;
vertical-align: middle;
min-width: 18px;
height: 18px;
text-align: center;
display: inline-block;
color: #fff;
border-radius: 9px;
background-color: #ef2809;
}
.emg-cart-bubble {
position: absolute;
left: 24px;
top: 8px;
min-width: 18px;
height: 18px;
line-height: 18px;
font-size: 10px;
font-weight: bold;
text-align: center;
background-color: #005eb8;
border-radius: 50%;
font-family: "Open Sans";
}
.visible-lg-inline {
display: inline !important;
vertical-align: middle;
padding-left:6px;
font-family: "Open Sans";
font-size: 14px;
}
.navbar_cart {
background-color:#ffffff;
border-bottom:1px solid #ccc;
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
}
.navbar_cart .navbar-nav > li > a {
color: #fff;
}
.navbar_cart .navbar-nav > li > a:hover {
color: #fff;
}
.dimensiune_produs_lungime {
border-left: 1px solid #ccc;
height: 70%;
position: absolute;
top: 0; bottom:0; left: 15px;
margin: auto;
display: block;
}
.dimensiune_produs_lungime .arrow_sus {
top:-10px;
left:-5px;
border-top: 4px solid transparent;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #ccc;
position: absolute;
}
.dimensiune_produs_lungime .arrow_jos {
bottom:-10px;
left:-5px;
border-bottom: 4px solid transparent;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #ccc;
position: absolute;
}
.dimensiune_produs_lungime .dimensiune_cm_lungime {
top:58%;
left:-9px;
padding: 0px 6px;
transform: rotate(-90deg);
transform-origin: 0 0;
position: absolute;
background-color:#ffffff;
font-size: 11px;
color:#adadad;
display: block;
margin: 0 auto;
font-family: "Open Sans";
position: relative;
border: 1px solid #ccc;
border-radius: 8px;
box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.1);
}
.dimensiune_produs_latime {
border-bottom: 1px solid #ccc;
width: 62%;
position: absolute;
bottom:0; left: 0; right:0;
margin: auto;
display: block;
}
.dimensiune_produs_latime .arrow_stanga {
bottom:-5px;
left:-11px;
border-left: 4px solid transparent;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 8px solid #ccc;
position: absolute;
}
.dimensiune_produs_latime .arrow_dreapta {
bottom:-5px;
right:-11px;
border-right: 4px solid transparent;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-left: 8px solid #ccc;
position: absolute;
}
.dimensiune_produs_latime .dimensiune_cm_latime {
bottom:-9px;
left:40%;
padding: 0px 6px;
position: absolute;
background-color:#ffffff;
font-size: 11px;
color:#adadad;
display: block;
margin: 0 auto;
font-family: "Open Sans";
border: 1px solid #ccc;
border-radius: 8px;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); /* umbră joasă, concentrată */
}
/* ==CSS SEPARAT ADAUGAT== */
.product-details {
margin-bottom: 20px;
}
.persetsimple {
background: linear-gradient(105deg, #e8c312 39px, #017f5c 40px, #139d76 100%) !important;
color: #fff;
border: 0px !important;
}
.persetsimple i {
margin-right: 20px; /* Stilizare iconița */
font-size: 16px;
vertical-align: middle; /* Alinierea verticală a iconiței cu textul */
}
@media only screen and (max-width: 1023px) { /* ==tel== */
.persetsimple:active {
opacity:0.8;
border-color: #fff;
background-color:#1168bc;
color: #fff;
}
}
@media only screen and (min-width: 1023px) { /* ==pc== */
.persetsimple:hover {
border-color: #fff;
background-color:#1168bc;
color: #fff;
}
.persetsimple:active {
opacity:0.6;
}
}
.persetdetalii i {
vertical-align: middle; /* Alinierea verticală a iconiței cu textul */
}
.persetdetalii {
border: 0px solid #000 !important;
background-color: #3c84c2;
color: #fff !important;
margin-right:5px !important;
}
.persetdetalii:hover{
border-color: #fff;
background-color: #3c84c2;
color: #fff;
}
.persetdetalii:active {
opacity:0.6;
}
.btnn {
display: inline-block;
padding: 8px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: bold;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 8px;
font-family: Roboto;
}
#product .perset {
border-color: #ddd;
background-color: #ffffff;
color: #000000;
}
#product .perbax {
border-color: #ddd;
background-color: #ffffff;
color: #000000;
}
@media only screen and (max-width: 1023px) { /* ==tel== */
#product .perbax:active {
opacity:0.8;
border-color: #ffffff;
background-color: #000000;
color: #fff;
}
#product .perset:active {
opacity:0.8;
border-color: #fff;
background-color: #1168bc;
color: #fff;
}
}
@media only screen and (min-width: 1023px) { /* ==pc== */
#product .perbax:hover {
border-color: #ffffff;
background-color: #000000;
color: #fff;
}
#product .perset:hover{
border-color: #fff;
background-color: #1168bc;
color: #fff;
}
#product .perbax:active {
opacity:0.8;
}
#product .perset:active {
opacity:0.8;
}
}
.pret_vechi {
position:absolute;
right:45px;
bottom:62px;
font-family: "Open Sans";
display: inline-block;
font-size: 14px;
color: #000;
text-decoration: line-through;
}
.reducere_produs {
color: #999;
font-size: 11px;
padding-left:4px;
font-family: "Open Sans";
display: inline-block;
}
.columnuc {
float: left;
margin-top:20px;
margin-bottom:10px;
display:inline-block;
}
.columnuc img {
height:80px;
margin-right: 6px;
padding:2px;
cursor: pointer;
border: 2px solid #333;
border-radius:3px;
margin-bottom:8px;
}
.columnuc img:hover { border: 2px solid #009dcd; }
.columnuc img:first-child {
border: 2px solid green;
}
/* The expanding image */
.expandedImg {
position: relative;
display: none;
padding: 2px;
border: 2px solid #333;
border-radius:8px;
width:100%;
}
.activesimg {
position: relative;
display: block;
}
.descrieree {
font-size: 13px;
font-weight: bold;
color:#000;
font-family:Roboto;
}
.descrieree_s {
font-size: 13px;
color:#000;
font-family:Roboto;
}
.checkout_total {
position:fixed;
border-top: 2px solid #1168bc;
bottom:0px;
background-color:#fff;
right:0px;
left:0px;
}
.design_cover {
border-radius: 14px;
border: 1px solid #ddd;
padding:2px;
}
.design_cover:hover {
border: 1px solid #1168bc;
}
.discount_pret_albastru {
filter: blur(0.1px);
font-size: 13px;font-weight: 600;font-family: 'Open Sans',Helvetica,Arial,sans-serif;border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 0;border-bottom-left-radius: 3px;color:#ffffff;position: absolute;right:9px;top:77px;padding: 5px 10px;white-space: normal;display: block;line-height: 1;background-color:#2e2e2e;width:80px;box-shadow: 0 2px 6px -2px rgba(0,0,0,.4);text-align: center;
}
.discount_pret_albastru_arrow {
filter: blur(0.1px);
border-right: 4px solid transparent;
border-bottom: 2px solid transparent;
border-top: 4px solid grey;
border-left: 2px solid grey;position: absolute;right:9px;top:100px;
}
.navbar_design{position:fixed;min-height:50px;margin-bottom:20px;border:1px solid transparent;z-index: 1000000;left:0px;right:0px;top:0px;}
@media (min-width:1023px){
.continut_doar_pe_telefon{display: none}
}
@media (max-width:1022px){
.continut_doar_pe_laptop{display: none}
}
@media (min-width:990px){
.url_copied_doar_pe_telefon{display: none}
}
.star-rating-container {
font-family:FontAwesome;
color: #f9bf3b;
position: relative;
display: inline-block;
letter-spacing: 3px;
font-size: 16px;
}
.star-rating:before {
content: "\f005" "\f005" "\f005" "\f005" "\f005";
}
.star-rating-on {
position: relative;
z-index: 10;
overflow: hidden;
white-space: nowrap;
}
.star-rating-off {
position: absolute;
top: 0;
left: 0;
color: #ccc;
}
.labelstoc {
display: inline;
padding: .3em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
font-family: "Open Sans",Helvetica,Arial,sans-serif;
}
/* Această linie face toată treaba: pune spațiu doar ÎNTRE etichete */
.labelstoc:not(:last-child) {
margin-right: 5px;
}
.label-in_stockNOT {
background: linear-gradient(to bottom, #0c0, #070);
color: #ffffff;
box-shadow: inset 0 1.5px 0 #009000;
text-transform: lowercase;
cursor: help;
}
.label-in_stock {
position: relative;
padding-left: 20px; /* Spațiu pentru bulină */
background-color: #0f9e75;
color: #ffffff;
text-transform: lowercase;
cursor: help;
}
/* Bulina animată */
.label-in_stock::before {
content: "";
position: absolute;
top: 52%;
left: 7px;
transform: translateY(-52%);
width: 8.5px;
height: 8.5px;
border-radius: 50%;
background-color: #00684a;
animation: pulseDot 2s infinite ease-in-out;
}
/* Animația de puls */
@keyframes pulseDot {
0% {
background-color: #00684a;
box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.5);
}
50% {
background-color: #65d4b6;
box-shadow: 0 0 4px 2px rgba(0, 255, 0, 0.2);
}
100% {
background-color: #00684a;
box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.5);
}
}
.label-limited_stock_qty {
background-color: #f50;
text-transform: lowercase;
cursor: help;
}
.label-momentan_indisponibil {
background-color: red;
text-transform: lowercase;
cursor: no-drop;
}
.label-url {
background: #151515;
color: #ffffff;
cursor: pointer;
}
.pret-redus-hdpe {
background-color: #e7c411;
color:#ffffff;
cursor: help;
}
.stars_pungi_calitate {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==') repeat-x 0 0;
width: 150px;
margin: 0 auto;
}
.ie7 .stars_pungi_calitate {
*zoom: 1;
}
.stars_pungi_calitate:before,
.stars_pungi_calitate:after {
display: table;
content: "";
}
.stars_pungi_calitate:after {
clear: both;
}
.stars_pungi_calitate input[type="radio"] {
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.stars_pungi_calitate input[type="radio"].calitate-5:checked ~ span {
width: 100%;
}
.stars_pungi_calitate input[type="radio"].calitate-4:checked ~ span {
width: 80%;
}
.stars_pungi_calitate input[type="radio"].calitate-3:checked ~ span {
width: 60%;
}
.stars_pungi_calitate input[type="radio"].calitate-2:checked ~ span {
width: 40%;
}
.stars_pungi_calitate input[type="radio"].calitate-1:checked ~ span {
width: 20%;
}
.stars_pungi_calitate label {
display: block;
width: 30px;
height: 30px;
margin: 0!important;
padding: 0!important;
text-indent: -999em;
float: left;
position: relative;
z-index: 10;
background: transparent!important;
cursor: pointer;
}
.stars_pungi_calitate label:hover ~ span {
background-position: 0 -30px;
}
.stars_pungi_calitate label.calitate-5:hover ~ span {
width: 100% !important;
}
.stars_pungi_calitate label.calitate-4:hover ~ span {
width: 80% !important;
}
.stars_pungi_calitate label.calitate-3:hover ~ span {
width: 60% !important;
}
.stars_pungi_calitate label.calitate-2:hover ~ span {
width: 40% !important;
}
.stars_pungi_calitate label.calitate-1:hover ~ span {
width: 20% !important;
}
.stars_pungi_calitate span {
display: block;
width: 0;
position: relative;
top: 0;
left: 0;
height: 30px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==') repeat-x 0 -60px;
-webkit-transition: -webkit-width 0.5s;
-moz-transition: -moz-width 0.5s;
-ms-transition: -ms-width 0.5s;
-o-transition: -o-width 0.5s;
transition: width 0.5s;
}
.stars_pungi_pret {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==') repeat-x 0 0;
width: 150px;
margin: 0 auto;
}
.ie7 .stars_pungi_pret {
*zoom: 1;
}
.stars_pungi_pret:before,
.stars_pungi_pret:after {
display: table;
content: "";
}
.stars_pungi_pret:after {
clear: both;
}
.stars_pungi_pret input[type="radio"] {
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.stars_pungi_pret input[type="radio"].pret-5:checked ~ span {
width: 100%;
}
.stars_pungi_pret input[type="radio"].pret-4:checked ~ span {
width: 80%;
}
.stars_pungi_pret input[type="radio"].pret-3:checked ~ span {
width: 60%;
}
.stars_pungi_pret input[type="radio"].pret-2:checked ~ span {
width: 40%;
}
.stars_pungi_pret input[type="radio"].pret-1:checked ~ span {
width: 20%;
}
.stars_pungi_pret label {
display: block;
width: 30px;
height: 30px;
margin: 0!important;
padding: 0!important;
text-indent: -999em;
float: left;
position: relative;
z-index: 10;
background: transparent!important;
cursor: pointer;
}
.stars_pungi_pret label:hover ~ span {
background-position: 0 -30px;
}
.stars_pungi_pret label.pret-5:hover ~ span {
width: 100% !important;
}
.stars_pungi_pret label.pret-4:hover ~ span {
width: 80% !important;
}
.stars_pungi_pret label.pret-3:hover ~ span {
width: 60% !important;
}
.stars_pungi_pret label.pret-2:hover ~ span {
width: 40% !important;
}
.stars_pungi_pret label.pret-1:hover ~ span {
width: 20% !important;
}
.stars_pungi_pret span {
display: block;
width: 0;
position: relative;
top: 0;
left: 0;
height: 30px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==') repeat-x 0 -60px;
-webkit-transition: -webkit-width 0.5s;
-moz-transition: -moz-width 0.5s;
-ms-transition: -ms-width 0.5s;
-o-transition: -o-width 0.5s;
transition: width 0.5s;
}
.categories-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 10px !important;
background-color: #F5F5F5;
}
.category-item {
margin: 0 !important;
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 0.4s ease forwards;
}
/* Animatie pentru fiecare element cu întârzieri */
.category-item:nth-child(1) { animation-delay: 0.1s; }
.category-item:nth-child(2) { animation-delay: 0.2s; }
.category-item:nth-child(3) { animation-delay: 0.3s; }
.category-item:nth-child(4) { animation-delay: 0.4s; }
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.category-item a {
display: block;
background-color: #F5F5F5;
border: 1px solid #ccc;
border-radius: 8px;
padding: 0px 0px;
font-family: Roboto;
color: #000000;
font-size: 15px;
letter-spacing: 0.5px;
height: 100%;
min-height: 100px;
text-decoration: none;
transition: all 0.3s ease;
box-shadow:
0 2px 4px rgba(0, 0, 0, 0.1),
inset 0 1px 2px rgba(255, 255, 255, 0.8);
}
/* Culori diferite pentru fiecare categorie */
.category-item:nth-child(1) a {
background-color: #0f9e77 !important;
border-color: #0a7a5c !important;
color: #ffffff !important;
letter-spacing: 1.9px !important;
}
.category-item:nth-child(2) a {
background-color: #0f9e77 !important;
border-color: #0a7a5c !important;
color: #ffffff !important;
}
.category-item:nth-child(3) a {
background-color: #3d86c1 !important;
border-color: #2f6a9a !important;
color: #ffffff !important;
}
.category-item:nth-child(4) a {
background-color: #3d86c1 !important;
border-color: #2f6a9a !important;
color: #ffffff !important;
}
/* Stiluri hover pentru fiecare categorie */
.category-item:nth-child(1) a:hover {
background-color: #0d8b68 !important;
border-color: #07664c !important;
color: #ffffff !important;
}
.category-item:nth-child(2) a:hover {
background-color: #d4b20f !important;
border-color: #b3970b !important;
color: #ffffff !important;
}
.category-item:nth-child(3) a:hover {
background-color: #3577ad !important;
border-color: #265a82 !important;
color: #ffffff !important;
}
.category-item:nth-child(4) a:hover {
background-color: #3577ad !important;
border-color: #265a82 !important;
color: #ffffff !important;
}
/* Iconițe cu culoare albă pentru toate categoriile */
.category-item:nth-child(1) .category-icon {
color: #ffffff !important;
}
.category-item:nth-child(2) .category-icon {
color: #ffffff !important;
}
.category-item:nth-child(3) .category-icon {
color: #ffffff !important;
}
.category-item:nth-child(4) .category-icon {
color: #ffffff !important;
}
.category-content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
height: 100%;
padding: 0px 0;
}
.category-icon {
font-size: 28px !important;
color: #3e86c1 !important;
display: block !important;
margin-top: 2px !important;
margin-left: 1px !important;
filter: invert(100%);
-webkit-filter: invert(100%);
}
.category-text {
display: block;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
margin-top: 40px !important;
}
.category-item a:focus,
.category-item a:hover {
color: #0089B2;
text-decoration: none;
background-color: #f9f9f9;
}
.category-item a:hover .category-icon {
color: #0089B2 !important;
}
.menu_pungi .categories-grid {
list-style: none;
margin: 0;
padding: 0;
}
.menu_pungi .categories-grid li {
margin: 0;
padding: 0;
}
.menu_pungi ul {
list-style-type: none;
margin: 0;
padding: 0;
border: 1px solid #dddddd;
width: 300px;
margin-top:-27px;
}
.menu_pungi li a {
display: block;
background-color: #F5F5F5;
padding: 15px 15px;
font-family: Roboto;
color:#333;
font-size: 15px;
letter-spacing: 0.5px;
}
.menu_pungi li a:focus, .menu_pungi li a:hover {
color: #0089B2;
text-decoration: none;
background-color: #f9f9f9;
}
/* COD DIF, STYLE CSS DESP DISTRIBUITORPUNGI.RO */
.plain_textt {
font-weight:300;
color:#595959;
font-size:19px;
line-height:19px;
font-family: Roboto;
}
.linie_hr {
border: 0;
height: 1px;
background: #999999;
background-image: -webkit-linear-gradient(left, #f0f2f5, #999999, #f0f2f5);
background-image: -moz-linear-gradient(left, #f0f2f5, #999999, #f0f2f5);
background-image: -ms-linear-gradient(left, #f0f2f5, #999999, #f0f2f5);
background-image: -o-linear-gradient(left, #f0f2f5, #999999, #f0f2f5);
}
/* COD DIF, STYLE CSS DESP DISTRIBUITORPUNGI.RO UNDERLINE */
.underline-distribuitorpungi {
position: relative;
}
.underline-distribuitorpungi:hover,
.underline-distribuitorpungi:focus,
.underline-distribuitorpungi:active {
cursor: pointer;
}
.underline-distribuitorpungi:hover:after,
.underline-distribuitorpungi:focus:after,
.underline-distribuitorpungi:active:after {
width: 100%;
}
.underline-distribuitorpungi:after {
content: '';
position: absolute;
left: 0;
bottom: -3px;
height: 2px;
background-color: #009DCD;
width: 0;
-webkit-transition: width .2s;
transition: width .2s;
}
/* Pentru a fi aliniate produsele */
@media (min-width:992px){
.aliniaza_produsele .col-md-3:nth-child(4n+1){clear:left;}
}
@media (min-width:768px) and (max-width:992px) {
.aliniaza_produsele .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
.aliniaza_produsele .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:1023px){
.prezentare_site{display: none}
}
@media (max-width:1023px){
.pozitionare_categorie_telefon{margin-top:40px;}
}
.text_center_display{
display: flex;
justify-content: center;
align-items: center;
color:red;
}
/** Default **/
.smartbanner {
position: fixed;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 80px;
line-height: 80px;
font-family: 'Helvetica Neue', sans-serif;
background: #f4f4f4;
z-index: 9998;
-webkit-font-smoothing: antialiased;
overflow: hidden;
-webkit-text-size-adjust: none;
}
.smartbanner-container {
margin: 0 auto;
white-space: nowrap;
}
.smartbanner-close {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 10px;
font-family: 'ArialRoundedMTBold', Arial;
font-size: 20px;
text-align: center;
color: #888;
text-decoration: none;
border: 0;
border-radius: 14px;
-webkit-font-smoothing: subpixel-antialiased;
}
.smartbanner-close:active,
.smartbanner-close:hover {
color: #aaa;
}
.smartbanner-icon {
display: inline-block;
vertical-align: middle;
width: 57px;
height: 57px;
margin-right: 12px;
background-size: cover;
border-radius: 10px;
}
.smartbanner-info {
display: inline-block;
vertical-align: middle;
width: 44%;
font-size: 11px;
line-height: 1.2em;
font-weight: bold;
}
.smartbanner-title {
font-size: 13px;
line-height: 18px;
}
.smartbanner-button {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto 0;
height: 24px;
font-size: 14px;
line-height: 24px;
text-align: center;
font-weight: bold;
color: #6a6a6a;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.smartbanner-button:active,
.smartbanner-button:hover {
color: #aaa;
}
.smartbanner-button-text {
}
.smartbanner-button-text:active,
.smartbanner-button-text:hover {
}
/** Android **/
.smartbanner-android {
background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
box-shadow: inset 0 4px 0 #88b131;
line-height: 82px;
}
.smartbanner-android .smartbanner-close {
border: 0;
width: 17px;
height: 17px;
line-height: 17px;
margin-right: 7px;
color: #b1b1b3;
background: #1c1e21;
text-shadow: 0 1px 1px #000;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}
.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
color: #eee;
}
.smartbanner-android .smartbanner-icon {
background-color: transparent;
box-shadow: none;
}
.smartbanner-android .smartbanner-info {
color: #ccc;
text-shadow: 0 1px 2px #000;
}
.smartbanner-android .smartbanner-title {
color: #fff;
font-weight: bold;
}
.smartbanner-android .smartbanner-button {
min-width: 12%;
color: #ffffff;
padding: 0;
background: none;
border-radius: 0;
box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
font-family:Roboto, sans-serif;
letter-spacing: 0.4px;
}
.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
background: none;
}
.smartbanner-android .smartbanner-button-text {
text-align: center;
display: block;
padding: 0 10px;
background: #658E36;
background: linear-gradient(to bottom, #658E36, #658E36);
text-transform: none;
text-shadow: none;
box-shadow: none;
}
.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
background: #8BC34A;
}
.shineb {
background-image: linear-gradient(
to right,
transparent 33%,
rgba(255,255,255,0.7) 45%,
rgba(255,255,255,0.3) 50%,
transparent 66%
);
background-size:300% 100%;
animation: shinec 2s infinite;
}
@keyframes shinec {
0% {
background-position: right;
}
/*100% {
background-position: left; it's the default value, no need to define it
}*/
}
.icon_title_shaorma {
background-image: url("/icon_site/ambalaje-shaorma.png");
background-repeat: no-repeat;
background-size: 100%;
position:absolute;
width: 25px;
height: 25px;
margin-top:-6px;
margin-left:-8px;
}
.icon_title_pizza {
background-image: url("/icon_site/cutii-pizza.png");
background-repeat: no-repeat;
background-size: 100%;
position:absolute;
width: 25px;
height: 25px;
margin-top:-6px;
margin-left:-8px;
}
.icon_title_burger {
background-image: url("/icon_site/ambalaje-burger.png");
background-repeat: no-repeat;
background-size: 100%;
position:absolute;
width: 25px;
height: 25px;
margin-top:-6px;
margin-left:-8px;
}
.icon_title_saci {
background-image: url("/icon_site/ambalaje-saci.png");
background-repeat: no-repeat;
background-size: 100%;
position:absolute;
width: 25px;
height: 25px;
margin-top:-6px;
margin-left:-8px;
}
.icon_title_pungi {
background-image: url("/icon_site/ambalaje-pungi.png");
background-repeat: no-repeat;
background-size: 100%;
position:absolute;
width: 25px;
height: 25px;
margin-top:-6px;
margin-left:-8px;
}
.icon_title_role {
background-image: url("/icon_site/rola-pungi.png");
background-repeat: no-repeat;
background-size: 100%;
position:absolute;
width: 25px;
height: 25px;
margin-top:-6px;
margin-left:-8px;
}
.icon_title_alimentara {
background-image: url("/icon_site/rola-alimentara.png");
background-repeat: no-repeat;
background-size: 100%;
position:absolute;
opacity: 0.7;
width: 25px;
height: 25px;
margin-top:-6px;
margin-left:-8px;
}
.icon_title_awb {
background-image: url("/icon_site/ambalaje-awb.png");
background-repeat: no-repeat;
background-size: 100%;
position:absolute;
width: 25px;
height: 25px;
margin-top:-6px;
margin-left:-8px;
}
.icon_title_scotch {
background-image: url("/icon_site/ambalaje-scotch.png");
background-repeat: no-repeat;
background-size: 100%;
position:absolute;
width: 25px;
height: 25px;
margin-top:-6px;
margin-left:-8px;
}
.icon_title_fixare {
background-image: url("/icon_site/ambalaje-fixare.png");
background-repeat: no-repeat;
background-size: 100%;
position:absolute;
width: 25px;
height: 25px;
margin-top:-6px;
margin-left:-8px;
}
.icon_title_cutii {
background-image: url("/icon_site/ambalaje-cutii.png");
background-repeat: no-repeat;
background-size: 100%;
position:absolute;
width: 25px;
height: 25px;
margin-top:-6px;
margin-left:-8px;
}
.icon_title_plic {
background-image: url("/icon_site/ambalaje-plic.png");
background-repeat: no-repeat;
background-size: 100%;
position:absolute;
width: 25px;
height: 25px;
margin-top:-6px;
margin-left:-8px;
}
.icon_aranjare {
margin-left:25px;
}
.product-title {
line-height: 1.1;
height: 2.2em;
font-family: "Dosis", serif;
font-size: 24px;
font-weight: 300;
margin-top: 0;
overflow: hidden;
}
.product-titlu {
font-family: 'Dosis', serif;
height: 60px;
font-size: 22px;
font-weight: 300;
color: #444;
padding: 15px;
}
.product-descriere {
font-family: Monospace;
font-weight: 500;
font-size:12px;
padding: 15px;
letter-spacing: 1.5px;
}
.hdpe-only {
clip: rect(0, 0, 0, 0);
border-width: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.hdpe_aranjat {
line-height:145px;
}
.prevent-select {
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
.count_style {
border-left: solid 0.5px black;
padding:0px 7px;
text-align:center;
background-color:black;
color:white;
border-radius: 3px;
filter: blur(0.2px);
letter-spacing: 1px;
}
@media (min-width: 992px) { /* desktop */
.container-dd {
width: 100%;
margin-top: 28px;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
}
@media (max-width: 992px) { /* mobile */
.container-dd {
max-width: 600px;
margin-top: 28px;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
}
.title-dd {
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
font-family: 'Dosis', arial;
}
.color-slider-container-dd {
position: relative;
overflow: hidden;
max-width: 100%;
padding-bottom: 10px;
}
.color-options-dd {
display: flex;
gap: 5px;
overflow-x: auto;
scroll-behavior: auto;
padding-bottom: 10px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.color-options-dd::-webkit-scrollbar {
display: none;
}
.color-option-dd {
flex: 0 0 auto;
text-align: center;
cursor: pointer;
transition: transform 0.2s ease;
width: 110px;
}
.color-option-dd img {
width: 100px;
height: auto;
border: 2px solid transparent;
border-radius: 8px;
padding: 4px;
}
.color-option-dd.selected-dd img {
border-color: black;
padding: 4px;
}
.color-name-dd {
font-size: 16px;
font-weight: bold;
margin-top: 5px;
color: gray;
}
.selected-dd .color-name-dd {
color: #222222;
}
/* Stil pentru butoanele de navigare */
.slider-btn-dd {
position: absolute;
top: 22%;
transform: translateY(-50%);
background: rgba(0, 0, 0, 0.4);
color: white;
border: none;
cursor: pointer;
padding: 3px 7px 7px 7px;
border-radius: 5px;
border: 2px solid black;
font-size: 25px;
transition: background 0.3s;
display: none;
user-select: none;
}
.slider-btn-dd:hover {
background: rgba(0, 0, 0, 0.8);
}
.slider-left-dd {
left: 10px;
}
.slider-right-dd {
right: 10px;
}
.space_select {
display:block;
height: 30px;
}
.container_dde {
max-height: 350px;
overflow-y: scroll;
border: 1px solid #ccc;
padding: 0px 25px;
background: #ffffff;
font-family: Roboto;
font-size:14px;
color:#595959;
}
.container_dde h1 {
font-size: 22px !important; /* Asigură-te că e mai mare decât h3 */
color: #000;
}
.container_dde h2 {
font-size: 20px !important;
color: #000;
}
.container_dde h3 {
font-size: 20px !important;
color: #000;
}
.container_dde h4 {
font-size: 20px !important;
color: #000;
}
.container_dde strong {
color: #000;
}
.container_dde ul {
list-style-type: disc; /* Poți folosi și 'circle' sau 'square' */
padding-left: 20px; /* Adaugă indentare pentru a le vedea clar */
}
.tab_dde {
display: flex;
align-items: center;
cursor: pointer;
background: #f1f1f1;
padding: 10px;
padding-left: 23px;
border: 1px solid #ccc;
margin-bottom: 5px;
font-size: 16px;
font-weight: bold;
color:#000000;
font-family: Roboto;
}
.tab_dde:hover {
background: #ddd;
}
.content_dde {
display: none;
padding: 23px;
border: 1px solid #ccc;
border-top: none;
margin-top:-5px;
margin-bottom:5px;
font-size: 15px;
color:black;
font-family:Roboto;
}
.icon_dde {
color: black;
font-weight: bold;
margin-right: 10px;
font-size: 20px;
}
#notificare_cos_add {
position: fixed;
top: 130px;
left: 50%;
transform: translateX(-50%);
background-color: rgba(60, 132, 194, 0.97); /* Culoare transparentă cu 70% opacity */
font-size:14px;
font-family:Roboto;
font-weight:bold;
color: white;
padding: 10px 20px;
border-radius: 6px;
opacity: 0;
z-index:9999 !important;
visibility: hidden;
transition: opacity 0.9s ease-in-out, visibility 0.9s ease-in-out;
}
/* Animatie CSS pentru aparitie/disparitie */
@keyframes fadeInOut {
0% { opacity: 0; visibility: hidden; }
10% { opacity: 1; visibility: visible; }
90% { opacity: 1; visibility: visible; }
100% { opacity: 0; visibility: hidden; }
}
/* Clasa care aplică animația */
.show-notificare {
animation: fadeInOut 1.5s ease-in-out forwards;
}
/* Resetarea stilului pentru H2, astfel încât să nu afecteze designul */
.menu_pungi h2 {
font-size: inherit; /* Menține fontul existent al elementului părinte */
font-weight: inherit; /* Menține greutatea fontului existent */
margin: 0; /* Elimină marginile implicite ale H2 */
padding: 0; /* Elimină padding-ul */
line-height: inherit; /* Menține linia înălțată a părintelui */
display: inline; /* Face ca H2 să fie tratat ca un element inline, fără a schimba structura layout-ului */
}
/* Stil pentru mesajul de transport gratuit */
.offer-textNEFUNCTIONAL {
color: #fff;
background-color: #3e84c1;
font-weight: bold;
letter-spacing: 1.2px;
font-size: 14px;
padding: 6px 15px;
border-radius: 5px;
display: inline-block; /* Asigură alinierea corectă */
margin-bottom: 15px; /* Adaugă spațiu sub acest mesaj */
}
.offer-text {
position: relative;
display: inline-block;
padding: 8px 24px;
font-size: 14px;
margin-bottom:0px;
font-weight:bold;
color: #fff;
background: rgba(62, 132, 193, 0.99);
border-radius: 9px;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
overflow: hidden;
letter-spacing: 1.2px;
border: 1px solid rgba(255, 255, 255, 0.1);
/* Umbră subtilă 3D (adâncime ușoară) */
box-shadow:
0 4px 8px rgba(0, 0, 0, 0.15), /* umbră neagră moale, puțin deschisă */
inset 0 -6px 12px rgba(100, 180, 255, 0.4); /* dungă albastră jos, inset */
}
/* Text pulsant */
.offer-text strong {
font-weight: bold;
font-size: 13px;
display: inline-block;
color: #fff;
text-shadow:
0 0 2px #000,
0 0.7px 1.5px rgba(0, 0, 0, 0.98);
margin: 0;
/* Efect de transparentizare */
animation: fadePulse 3s linear infinite;
}
/* Animația de fade */
@keyframes fadePulse {
0% { opacity: 0.9; }
25% { opacity: 0.9; }
50% { opacity: 0.9; }
75% { opacity: 0.5; }
100% { opacity: 0.9; }
}
/* Chenar interior tip "reflexie sticlă" */
.offer-text::before {
content: '';
position: absolute;
top: 10%;
left: 50%;
transform: translateX(-50%);
width: 97%;
height: 42%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
background: rgba(255, 255, 255, 0.08);
z-index: 1;
pointer-events: none;
/* Aici vine bila reflexivă */
background-image:
radial-gradient(
circle 15px at 100% 0%,
rgba(255, 255, 255, 0.9),
transparent 50%
);
background-repeat: no-repeat;
}
/* Cerculețe tip picături / brizbrizuri */
.offer-text::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
background-image:
radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.1) 2px, transparent 0),
radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.05) 1.5px, transparent 0),
radial-gradient(circle at 30% 60%, rgba(255, 255, 255, 0.07) 2px, transparent 0),
radial-gradient(circle at 80% 30%, rgba(255, 255, 255, 0.1) 1.8px, transparent 0);
background-size: 100px 100px;
animation: drizzleMove 10s linear infinite;
z-index: 0;
pointer-events: none;
}
@keyframes drizzleMove {
0% { transform: translate(0, 0); }
100% { transform: translate(-50px, -80px); }
}
/* Stil pentru descrierea detaliată */
.description {
font-size: 13px;
line-height: 1.4;
font-family:Monospace;
font-weight:500;
margin-top: 0px;
}
/* Stil pentru mesajul "Vindem ce producem în fabrica noastră" */
.additional-infoNOT {
font-weight: bold;
color: #3e84c1;
margin-top: 15px;
}
.producator-ambalaje-info {
font-weight: bold;
color: #3e84c1;
margin-top: 0px;
display: inline-block;
animation: pulsehdpe 2500ms infinite;
}
@keyframes pulsehdpe {
0% { color: #009dcd; }
50% { color: #0d9d7b; }
100% { color: #009dcd; }
}
.ascundere-big-image {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
overflow: hidden;
}
.custom-h1-style {
font-family: 'Baloo 2';
font-size: 2.2em;
color: #333;
margin-top: 0px;
margin-bottom: 30px;
text-align: left;
}
.categorie_extra {
text-align: center;
color: #333; /* Negru, dar puțin mai deschis decât #000 */
font-family: 'Baloo 2';
font-weight: 300;
font-size: 16px;
letter-spacing: 0.8px;
text-decoration: underline;
text-underline-offset: 4px; /* Coboră underline-ul */
padding-top: 20px;
padding-bottom: 0px;
}
.sticky-offer-barhdpe {
position: fixed;
bottom: env(safe-area-inset-bottom, 0);
left: 0;
width: 100%;
display: flex;
z-index: 9999;
font-family: 'Baloo 2';
animation: slideUp 0.9s ease-out forwards;
transform: translateY(100%);
opacity: 0;
box-shadow: 0 -6px 13px rgba(0, 0, 0, 0.22);
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
will-change: transform;
}
@keyframes slideUp {
to {
transform: translateY(0%);
opacity: 1;
}
}
.offer-boxhdpe {
flex: 1;
text-align: center;
padding: 7px 10px;
color: #fff;
border-radius: 0px 0px 0 0;
position: relative;
overflow: hidden;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
.left-offerhdpe::after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 60px;
height: 60px;
background: radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.2), transparent 40%);
border-bottom-left-radius: 0px;
pointer-events: none;
filter: blur(0.1px); /* 🔥 Efect de blur */
}
.right-offerhdpe::after {
content: "";
position: absolute;
top: 9px;
right: 7px;
width: 60px;
height: 60px;
background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.3), transparent 70%);
border-top-right-radius: 12px;
pointer-events: none;
}
.left-offerhdpe {
background: linear-gradient(to bottom, #0d9f74, #087354);
border-top: 1px solid #0b7f5e;
border-right: 1px solid #444;
}
.right-offerhdpe {
background: linear-gradient(to bottom, #e9c40f, #b89e07);
border-top: 1px solid #c3a309;
}
.left-offerhdpe::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 160%;
height: 160%;
background: radial-gradient(
ellipse at center,
rgba(255, 255, 255, 0.35) 0%,
rgba(255, 255, 255, 0.05) 60%,
rgba(255, 255, 255, 0) 100%
);
filter: blur(12px);
transform: translate(-100%, 100%) rotate(25deg);
animation: shimmer 10s infinite ease-in-out;
pointer-events: none;
z-index: 1;
}
.right-offerhdpe::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 160%;
height: 160%;
background: radial-gradient(
ellipse at center,
rgba(255, 255, 255, 0.45) 0%,
rgba(255, 255, 255, 0.15) 60%,
rgba(255, 255, 255, 0) 100%
);
filter: blur(12px);
transform: translate(-100%, 100%) rotate(25deg);
animation: shimmer 4s infinite ease-in-out;
pointer-events: none;
z-index: 1;
}
@keyframes shimmer {
0% {
transform: translate(-100%, 100%) rotate(25deg);
opacity: 0;
}
25% {
opacity: 1;
}
100% {
transform: translate(100%, -100%) rotate(25deg);
opacity: 0;
}
}
.pricehdpe {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0px;
color: #fff;
text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}
.add-btnhdpe {
position: relative;
background: linear-gradient(to bottom, #ffffff, #dddddd);
color: #333;
border: 1px solid #bbb;
padding: 7px 14px;
filter: blur(0.2px);
margin-bottom: 9px;
border-radius: 30px;
line-height:1.4;
align-items:center;
display:inline-flex;
font-weight: bold;
cursor: pointer;
font-size: 1.5rem;
transition: transform 0.2s ease, background 0.2s, box-shadow 0.2s;
box-shadow:
inset 0 1px 0 #fff,
0 2px 5px rgba(0, 0, 0, 0.2);
/* ✨ Text încorporat */
text-shadow:
1px 1px 1px rgba(255, 255, 255, 0.6),
-1px -1px 1px rgba(0, 0, 0, 0.12);
overflow: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.add-btnhdpe::before {
content: "\2795";
margin-right:0.3rem;
font-weight:bold;
font-size:1.2rem;
display:inline-flex;
}
.add-btnhdpe::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
border-radius: 3px 3px 0 0;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.6),
rgba(255, 255, 255, 0.1)
);
pointer-events: none;
}
.add-btnhdpe:active {
background: linear-gradient(to bottom, #eeeeee, #cccccc);
transform: scale(0.95);
box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
}
.unithdpe {
color: #fff;
font-size: 1.3rem;
margin-bottom: 4px;
}
.scroll-containerhdpe {
width: 100%;
overflow: hidden;
white-space: nowrap;
position: relative;
display: block;
}
.scroll-texthdpe {
display: inline-block;
white-space: nowrap;
will-change: transform;
}
.scroll-texthdpe.scrollinghdpe {
animation: pingpong-scroll 8s ease-in-out infinite alternate;
}
@keyframes pingpong-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-1 * (100% - 100vw)));
}
}
.breadcrumbhdpe {
display: flex;
flex-wrap: nowrap; /* forțăm toate pe o singură linie */
font-family: 'Baloo 2';
font-size: 1.4rem;
padding: 5px;
margin: 25px 10px -22px 10px; /* sus 50px, lateral 5px, jos 0 */
overflow-x: auto; /* permite scroll dacă e prea lung */
gap: 5px;
}
.breadcrumbhdpe a {
position: relative;
padding: 10px 16px 10px 16px; /* padding ajustat pentru text mai centrat */
background: #ddd;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
color: #333;
text-decoration: none;
white-space: nowrap; /* împiedică wrap la text */
transition: background 0.3s ease;
margin-bottom: 0; /* elimină spațiu între rânduri */
}
/* Capăt ascuțit la primele două */
.breadcrumbhdpe a:nth-child(1),
.breadcrumbhdpe a:nth-child(2) {
clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 5% 50%);
}
.breadcrumbhdpe a:nth-child(3) {
clip-path: none;
border-radius: 5px;
overflow: hidden;
max-width: 300px; /* sau cât ai nevoie */
scroll-behavior: smooth;
/* Fade la capete */
-webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
}
/* Hover effect general */
.breadcrumbhdpe a:hover {
background: #dcdcff;
color: #000;
}
/* Nou: adaugăm stil pentru wrapper să se comporte ca un */
.breadcrumb-scroll-wrapper {
display: flex;
align-items: center;
background: #ddd;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
color: #333;
text-decoration: none;
padding: 10px 16px;
border-radius: 5px;
clip-path: none;
max-width: 300px;
overflow: hidden;
position: relative;
scrollbar-width: none;
-ms-overflow-style: none;
-webkit-mask-image: linear-gradient(to right, transparent, black 40%, black 60%, transparent);
mask-image: linear-gradient(to right, transparent, black 40%, black 60%, transparent);
}
.breadcrumb-scroll-wrapper:hover {
background: #dcdcff;
color: #000;
}
.breadcrumb-scroll-wrapper::-webkit-scrollbar {
display: none;
}
.breadcrumb-scroll-inner {
display: inline-block;
white-space: pre;
}
.label-transport-gratuithd {
text-align:center;
display: block;
margin: 0 auto;
align-items: center;
justify-content: center;
padding: 7px 0px;
border-radius: 6px;
background: linear-gradient(135deg, #28a745, #218838);
color: white;
font-weight: bold;
font-size: 14px;
font-family: 'Baloo 2';
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
border: 1px solid #1e7e34;
letter-spacing: 0.4px;
position: relative;
overflow: hidden;
}
.label-transport-gratuithd::before {
content: "🚚"; /* sau content: "\1F69A"; */
margin-right: 0.20em;
font-size: 1.2em;
}
/* Shine mai lat, mai difuz și cu animație lină */
.label-transport-gratuithd::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 60%;
height: 100%;
background: linear-gradient(
120deg,
transparent 0%,
rgba(255, 255, 255, 0.15) 10%,
rgba(255, 255, 255, 0.25) 50%,
rgba(255, 255, 255, 0.15) 90%,
transparent 100%
);
transform: skewX(-20deg);
animation: shinehhgg 3s linear infinite;
pointer-events: none;
}
/* Animația mai lentă și mai netedă */
@keyframes shinehhgg {
0% {
left: -60%;
}
100% {
left: 160%;
}
}
#cookie-banner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
max-height: none;
background-color: rgba(0, 0, 0, 0.85);
color: white;
padding: 20px;
font-family: 'Baloo 2';
z-index: 9999;
display: flex;
flex-direction: column;
justify-content: space-between;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
/* animație */
opacity: 0;
transform: translateY(100%);
transition: opacity 0.5s ease, transform 0.6s ease;
}
#cookie-banner.showcookie {
opacity: 1;
transform: translateY(0);
}
.cookie-text {
position: relative;
max-height: 75px;
overflow-y: auto;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 0px;
}
.custom-bullets {
list-style: disc;
padding-left: 25px;
margin-top: -13px;
margin-bottom: 9px;
}
.custom-bullets li {
font-size: 12px;
line-height: 1.3;
margin-bottom: 1px;
}
.custom-bullets li::marker {
font-size: 15px; /* Mărește bulina */
color: #ffffff; /* Poți schimba culoarea dacă vrei */
}
#cookie-banner p {
margin-bottom: 15px;
font-size: 13px;
line-height: 1.5;
}
#cookie-banner a {
color: #66b3ff;
text-decoration: underline;
}
.cookie-buttons {
display: flex;
gap: 10px;
}
.cookie-buttons button {
flex: 1;
padding: 12px 20px;
border: none;
border-radius: 5px;
font-size: 14px;
cursor: pointer;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
/* Accept toate */
.cookie-buttons button:nth-child(1) {
background-color: #225f9e; /* Albastru închis */
color: white;
}
.cookie-buttons button:nth-child(1):hover {
background-color: #1b4d83;
}
/* Refuză toate */
.cookie-buttons button:nth-child(2) {
background-color: #dbe5f1; /* Gri-albăstrui */
color: #1b4d83; /* Text albastru închis pentru contrast */
}
.cookie-buttons button:nth-child(2):hover {
background-color: #cfdceb;
}
/* Preferințe */
.cookie-buttons button:nth-child(3) {
background-color: #dbe5f1;
color: #1b4d83;
border: 1px solid #225f9e; /* Contur ca la Accept */
}
.cookie-buttons button:nth-child(3):hover {
background-color: #cfdceb;
border-color: #1b4d83;
}
.cookie-buttons button:hover {
background-color: #1b4d83;
}
/* Termeni și condiții */
.cookie-terms {
margin-top: 10px;
text-align: center;
}
.cookie-terms a {
color: #66b3ff;
text-decoration: underline;
font-size: 12px;
}
@media (max-width: 600px) {
#cookie-banner {
font-size: 13px;
padding: 15px;
}
.cookie-buttons {
flex-direction: column;
}
}
#cookie-preferences {
margin-top: 15px;
display: none;
flex-direction: column;
gap: 12px;
animation: slideUp 0.4s ease forwards;
}
#cookie-preferences.show {
display: flex;
}
.preference-group {
display: flex;
justify-content: space-between;
align-items: center;
background-color: rgba(255, 255, 255, 1);
padding: 10px 15px;
margin-bottom:5px;
border-radius: 8px;
}
.preference-group label {
font-size: 14px;
color: #000000;
}
.preference-group .toggle-button,
.preference-group .locked {
padding: 6px 12px;
border-radius: 5px;
font-size: 13px;
cursor: pointer;
border: none;
transition: all 0.3s ease;
}
/* Locked - necesare */
.preference-group .locked {
background-color: #ccc;
color: #444;
cursor: not-allowed;
}
/* Activat */
.toggle-button.active {
background-color: #225f9e;
color: white;
}
/* Dezactivat */
.toggle-button {
background-color: #dbe5f1;
color: #1b4d83;
}
.toggle-button:active {
background-color: #225f9e;
}
/* Salvează */
.save-preferences {
margin-top: 10px;
padding: 10px;
background-color: #225f9e;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.save-preferences:hover {
background-color: #1b4d83;
}
/* Animație la apariția preferințelor */
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
#cookie-preferences.hidden {
display: none;
}
#cookie-preferences.show {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 15px;
}
/* === NAV TABS - STIL BUTOANE === */
/* Containerul de taburi */
.nav-tabs {
border-bottom: none !important;
margin-bottom: 0;
padding: 10px 15px;
background-color: #f9f9f9;
border-radius: 8px 8px 0 0;
display: flex;
gap: 10px;
border: 1px solid #ccc;
}
/* Fiecare tab - stil buton */
.nav-tabs > li {
margin-bottom: 0;
}
/* Linkurile din taburi */
.nav-tabs > li > a {
display: inline-block;
padding: 7px 12px !important;
background-color: #f0f0f0;
border: 1px solid #ccc;
border-radius: 6px;
color: #333 !important;
font-weight: 600;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 0.4px;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
/* Hover pe tab - efect buton */
.nav-tabs > li > a:hover {
background-color: #e0e0e0;
color: #333 !important;
border: 1px solid #ccc;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
/* Tab activ - buton apăsat */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
background-color: #ffffff;
border-color: #ccc #ccc #ccc;
color: #333 !important;
box-shadow: inset 0px 0px 4px #ccc;
font-weight: 600;
}
/* === CONȚINUTUL TABULUI === */
.tab-content {
border: 1px solid #ccc;
background: #ffffff;
padding: 16px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
/* Eliminăm toate efectele Bootstrap din tabel */
/* Neutralizare completă a stilurilor globale */
.table.descrieree_s {
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
border-collapse: collapse;
width: 100%;
margin: 0;
font-size: 15px;
color: #333;
}
/* Rândurile – fără background Bootstrap striped */
.table.descrieree_s tr {
border-bottom: 1px solid #eee;
background: none !important;
}
/* Scoatem linia de sub ultimul rând */
.table.descrieree_s tr:last-child {
border-bottom: none;
}
/* Celulele */
.table.descrieree_s td {
border: none !important;
padding: 12px 16px;
vertical-align: top;
background: none !important;
}
/* Coloana stângă (descrierea) */
.table.descrieree_s .descrieree {
font-weight: 600;
font-size: 14px;
color: #222;
width: 40%;
background: none !important;
}
/* Listele din celule */
.table.descrieree_s ul {
list-style-type: none;
margin: 0;
}
.table.descrieree_s li {
color: #222;
}
.clear-cart {
text-decoration: underline;
text-underline-offset: 4px; /* Coboră underline-ul */
}
.table-wrapper {
border-radius: 8px;
overflow: hidden;
display: inline-block;
box-shadow: 0 2px 4px rgb(0 0 0 / 0.1);
border: 1px solid #ccc;
background-color: #fff;
}
.table-wrapper .table {
padding: 0; /* prevenim adaos de spațiu */
margin: 0;
border-collapse: collapse;
width: 100%;
border: none;
}
.table-wrapper .table th,
.table-wrapper .table td {
border: 1px solid #ccc;
}
/* Elimină borderul exterior doar pentru tabelul din .table-wrapper */
.table-wrapper .table tr:first-child th {
border-top: none;
}
.table-wrapper .table tr:last-child td {
border-bottom: none;
}
.table-wrapper .table tr td:first-child,
.table-wrapper .table tr th:first-child {
border-left: none;
}
.table-wrapper .table tr td:last-child,
.table-wrapper .table tr th:last-child {
border-right: none;
}
#chat-box {
max-height: 250px;
filter: blur(0.1px);
box-shadow:
0 4px 10px rgba(0, 0, 0, 0.1), /* exterior */
inset 0 2px 6px rgba(0, 0, 0, 0.05); /* interior */
overflow-y: scroll;
border: 1px solid #ccc;
padding: 12px;
background: #fafafa;
font-family: Roboto;
margin-bottom: 16px;
border-radius: 8px;
}
#chat-box p {
margin: 5px 0;
font-size: 13px;
}
#chat-form {
display: flex;
gap: 16px;
}
#chat-form input[type="text"] {
flex: 1;
padding: 10px;
height:60px;
font-size: 14px;
font-family: Roboto;
border-radius: 6px;
border: 1px solid #ccc;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
}
#chat-form button {
padding: 10px 20px;
height:60px;
background: #007bff;
color: white;
border: none;
font-family: Roboto;
font-size: 15px;
font-weight:bold;
cursor: pointer;
border-radius: 6px;
}
#chat-form button:hover {
background: #0056b3;
}
.chat-msg {
margin: 10px 0;
max-width: 80%;
}
.msg-left {
text-align: left;
}
.msg-right {
text-align: right;
margin-left: auto;
}
.chat-bubble {
display: inline-block;
padding: 10px 15px;
border-radius: 20px;
position: relative;
font-size: 14px;
line-height: 1.4;
}
.msg-left .chat-bubble {
background: #e9ecef;
border: 1px solid #0074cc;
color: #000;
border-top-left-radius: 5px;
}
.msg-right .chat-bubble {
background: #d1f7c4;
color: #000;
border-top-right-radius: 5px;
}
.chat-meta {
font-size: 11px;
color: #999;
margin-bottom: 3px;
}
.chat-message.admin-welcome {
background: #fff;
border: 1px solid #0074cc; /* Border general */
border-left: 4px solid #0074cc; /* Border stânga mai gros */
padding: 10px 12px;
margin-bottom: 16px;
font-family: Roboto, sans-serif;
font-size: 14px;
color: #666;
box-shadow: 0 2px 4px rgb(0 0 0 / 0.1);
line-height: 1.5;
border-radius: 8px;
}
.chat-rules-box {
background-color: #ffffff;
border: 1px solid #ccc;
border-radius: 8px;
padding: 16px 20px;
margin-bottom: 16px;
box-shadow: 0 2px 4px rgb(0 0 0 / 0.1);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.chat-rules-title {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 10px;
}
.chat-rules-list {
padding: 0;
margin: 0;
list-style: none;
}
.chat-rules-list li {
font-size: 14px;
color: #666;
margin-bottom: 6px;
line-height: 1.5;
}
.mesaje-noi-chat {
margin-left:5px;
background-color: #e60023; /* roșu intens, elegant */
color: white;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.5px;
line-height: 1;
padding: 4px 6px;
border-radius: 999px;
min-width: 18px;
text-align: center;
box-shadow: 0 0 0 2px white; /* contur alb dacă e pe fundal colorat */
}
.hdpe-delete-mesaje {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #222; /* negru ușor deschis */
letter-spacing: 0.05em; /* ușor distanțate */
padding-bottom: 4px; /* spațiu pentru underline mai jos */
border-bottom: 1px solid #222; /* underline */
display: table; /* se mulează pe text */
margin: 20px auto 0 auto; /* top 20px, centrat pe orizontală */
text-align: center;
}
.order-summary {
border: 1px solid #ddd;
border-radius: 0px;
padding: 16px 20px;
background-color: #fff;
font-family: Roboto;
margin-bottom:30px;
}
.summary-row {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
font-size: 13px;
color: #333;
}
.summary-divider {
border: none;
border-top: 1px solid #ccc;
margin: 16px 0;
}
.summary-row.total {
font-size: 15px;
font-weight: bold;
color: #000;
}
.creditecss {
letter-spacing: 1px;
color: white;
font-family: Roboto, sans-serif;
border-radius: 8px;
background-color: #0f9e75;
margin-bottom: 15px;
display: flex;
vertical-align: middle;
align-items: center;
justify-content: center;
padding: 15px 0;
transform: translateY(1px);
font-weight: bold;
font-size: 13px;
/* Border și efecte noi */
border: 2px solid #0a7d5d;
box-shadow:
0 4px 8px rgba(0, 0, 0, 0.15),
inset 0 2px 4px rgba(255, 255, 255, 0.2);
cursor: pointer;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
/* Efect de hover pentru a indica click-ul */
.creditecss:hover {
background-color: #0db387;
transform: translateY(1px) scale(1.02);
box-shadow:
0 6px 12px rgba(0, 0, 0, 0.2),
inset 0 2px 4px rgba(255, 255, 255, 0.3);
border-color: #0a9c73;
}
/* Efect activ la click */
.creditecss:active {
transform: translateY(1px) scale(0.98);
background-color: #0a7d5d;
box-shadow:
0 2px 4px rgba(0, 0, 0, 0.1),
inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
/* Efect de "shine" pentru border */
.creditecss::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent
);
transition: left 0.5s ease;
}
.creditecss:hover::before {
left: 100%;
}
.creditecss span.non-bold {
font-weight: normal;
}
.trimite-mesaj-hdpe {
font-weight: bold;
font-family: 'Roboto', sans-serif; /* Font prietenos */
letter-spacing: 0.5px; /* Spațiere subtilă între litere */
background-color: #28a745; /* Verde frumos (poți schimba nuanța) */
color: white; /* Text alb pentru contrast */
border-radius: 6px; /* Colțuri rotunjite */
padding: 5px 8px; /* Spațiere internă */
font-size: 11px; /* Mărimea textului */
cursor: pointer; /* Cursor de mână la hover */
}
.green-dot-hdpe {
display: inline-block;
width: 7px;
height: 7px;
background-color: #28a745;
border-radius: 50%;
margin-right: 3px;
vertical-align: middle;
}
.chat-text-hdpe {
letter-spacing: 0.3px;
font-weight: 600; /* Text bold */
font-family: "Roboto", sans-serif; /* Roboto dacă există, altfel sans-serif */
position: relative;
top: 1px; /* Coborât cu 1px */
}
/* Stil de bază pentru container */
.columnuc {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-start;
}
/* Stil de bază pentru imagini */
.columnuc img {
opacity: 0;
transform: translateY(30px) scale(0.95);
transition: all 0.6s ease-out;
border-radius: 8px;
cursor: pointer;
}
/* Efect vizibil după ce sunt animate */
.columnuc img.show {
opacity: 1;
transform: translateY(0) scale(1);
}
/* Efect hover frumos */
.columnuc img.active {
transform: scale(1.05);
border: 2px solid rgba(33, 150, 243, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
}
.cart-controls {
display: inline-flex; /* inline + flex = pe linie și flexibil */
align-items: center; /* aliniere verticală perfectă */
justify-content: center;
gap: 7px; /* distanța dintre elemente */
vertical-align: middle; /* pentru text / alte elemente în linie */
}
.cart-controls button {
width: 36px;
height: 36px;
border-radius: 8px;
border: none;
font-weight: bold;
font-family: 'Roboto', sans-serif;
font-size: 18px;
cursor: pointer;
transition: transform 0.1s ease;
display: flex;
align-items: center; /* centrăm simbolul vertical */
justify-content: center; /* centrăm simbolul orizontal */
}
.cart-controls button:hover {
transform: scale(1.05);
}
.item-count-display {
display: flex; /* să fie centrat pe verticală */
align-items: center;
justify-content: center;
font-weight: bold;
padding: 6px 12px; /* mai lat pentru vizibilitate */
border-radius: 8px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
color: #333;
border: 2px solid #1168bc; /* opțional, ca să se vadă chenarul */
min-width: 40px; /* să fie aceeași lățime ca butoanele */
box-sizing: border-box;
}
.contact-sales-wrapper {
border: 1px solid #ccc;
box-shadow: 0 2px 4px rgb(0 0 0 / 0.1);
border-radius: 8px;
font-family: Roboto;
background: white;
}
.contact-sales-title {
font-family: 'Dosis', serif;
font-size: 20px;
font-weight: 300;
color: #333;
text-align: center;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
border-bottom: 1px solid #ddd;
}
.contact-info {
padding: 0;
}
.contact-row {
display: flex;
border-bottom: 1px solid #ddd;
min-height: 40px;
}
.contact-row:nth-child(odd) {
background-color: #f9f9f9;
}
.contact-cell {
padding: 8px 15px;
display: flex;
align-items: center;
font-size: 12px;
color: #595959;
}
.contact-cell.label {
flex: 1;
justify-content: flex-end;
border-right: 1px solid #ddd;
text-align: right;
}
.contact-cell.value {
flex: 1;
justify-content: flex-start;
text-align: left;
}
.contact-email {
color: #444;
font-weight: bold;
border-bottom: 1px dashed #3e84c1;
text-decoration: none;
}
.contact-email:hover {
color: #3e84c1;
}
.schedule-row {
text-align: center;
padding: 8px 15px;
border-bottom: 1px solid #ddd;
font-size: 12px;
color: #595959;
}
.working-hours {
color: #3e84c1;
font-weight: bold;
margin-left: 5px;
}
.hdpe-content {
padding: 25px 15px;
border-bottom: 1px solid #ddd;
font-family: Monospace;
font-weight: 500;
font-size: 12px;
color: #595959;
line-height: 1.6;
text-align: center;
}
.coverage-link {
text-align: center;
padding: 10px 15px;
color: #333;
font-weight: bold;
font-size: 14px;
}
.coverage-link a {
text-decoration: none;
color: #000;
line-height: 30px;
padding-left: 3px;
}
.coverage-link a:hover {
text-decoration: underline;
}
/* Stilurile existente din codul tău */
.green-dot-hdpe {
display: inline-block;
width: 8px;
height: 8px;
background-color: green;
border-radius: 50%;
margin-right: 5px;
transform: translateY(1px); /* coboară cu 1px */
}
.contact-sales-wrapper .chat-text-hdpe {
margin-left: 5px;
}
/* Înlocuiește regula .fa existentă cu aceasta */
.contact-sales-wrapper .fa {
margin-right: 5px !important;
}
.total-count {
transition: background-color 0.5s ease, transform 0.5s ease;
}
/* Efect verde pentru Add to Cart */
.total-count.success-effect {
background-color: #4caf50 !important;
color: black !important;
transform: scale(1.05);
}
/* Efect galben pentru Plus */
.total-count.plus-effect {
background-color: #ffc107 !important;
color: black !important;
transform: scale(1.05);
}
/* Efect roșu pentru Minus */
.total-count.minus-effect {
background-color: #ff6b6b !important;
color: black !important;
transform: scale(1.05);
}
/* Efect roșu pentru trash */
.total-count.trash-effect {
background-color: #e74c3c !important;
color: black !important;
transform: scale(1.05);
}
.section-title {
font-size: 2.7rem;
font-family: 'Dosis', serif;
font-weight: 500;
margin-top: 2rem;
color: #333;
text-align: left; /* sau left */
}
.money-currency {
margin-left: 5px;
}
.money-int {
font-size: 20px;
}
.fa-angle-down {
margin-left: 5px;
vertical-align: middle;
}