@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

body {
    font-family: "Urbanist", sans-serif;
    font-weight: 400;
    line-height: 28px;
}

.jscroll-added {
    margin-top: 10px;
}

.produse .label_produs {
    position: absolute;

    left: 10px;

    top: 10px;

    color: #fff;

    background-color: green;

    font-family: "Roboto", Roboto;

    font-size: 12px;

    font-weight: 600;

    padding: 1px 8px;

    letter-spacing: 0.5px;

    border-radius: 5px 0 0 0px;

    line-height: 24px;

    margin: -10px;
}

.bgWhiteProdus .label_produs {
    position: absolute;

    left: 10px;

    top: 10px;

    color: #fff;

    background-color: green;

    font-family: "Roboto", Roboto;

    font-size: 12px;

    font-weight: 600;

    padding: 1px 8px;

    letter-spacing: 0.5px;

    line-height: 24px;

    margin: -10px;
}

.bgDark {
    background-color: #222;

    color: #fff;

    padding-top: 10px;

    padding-bottom: 10px;
}

.btnWhatsappFixed {
    background: #25d366;

    color: #fff;

    font-size: 28px;

    height: 50px;

    width: 50px;

    display: inline-block;

    line-height: 50px;

    text-align: center;

    border-radius: 50%;

    position: fixed;

    bottom: 10px;

    right: 10px;
}

.marginBottomMinus30 {
    margin-bottom: -35px !important;
}

/* ==== CAROUSEL PRODUSE ==== */
.MultiCarousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 45px;
}

.MultiCarousel .MultiCarousel-inner {
    display: flex;
    transition: transform 0.6s ease;
    will-change: transform;
    padding-top: 15px;
}

/* Produsele / proiectele */
.MultiCarousel .produse {
    display: flex;
    align-items: stretch;
    margin-bottom: 10px;
}

.MultiCarousel .produse > div,
.MultiCarousel .produse > .proiect,
.MultiCarousel .produse > .produs {
    flex: 0 0 auto;
    margin-right: 10px;
}
.section-articole .row {
    display: flex;
    align-items: stretch; /* face coloanele să aibă aceeași înălțime */
}

.sectiune-div-sfaturi,
.sectiune-div {
    display: flex;
    flex-direction: column;
}

.stire-special {
    height: 100%;
}
.sectiune-div-sfaturi > .row,
.sectiune-div-sfaturi > .row > .col-12 {
    height: 100%;
}

/* Cardul cu bec → centrare completă */
.stire-special {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.stire-special .img-stiri i {
    font-size: 32px;
    margin-bottom: 15px;
}
.carouselArticlole .MultiCarousel-inner {
    display: flex;
}

.carouselArticlole .col-4 {
    flex: 0 0 calc(33.333% - 20px) !important;
    max-width: calc(33.333% - 20px) !important;
}

.section-articole .carouselArticlole {
    padding-right: 0px;
}

#carousel-articole .MultiCarousel {
    overflow: hidden;
    position: relative;
}
.MultiCarousel-inner.flex-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    transition: transform 0.35s ease;
    will-change: transform;
}

#carousel-articole .MultiCarousel-inner {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    transition: transform 0.3s ease;
    overflow: visible !important;
    /* width: max-content; */
}

.MultiCarousel-inner.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#carousel-articole {
    overflow: hidden;
}
.stire .buton-oferta a:hover {
    color: white !important;
}

.sectiune-div-sfaturi.row,
.section-articole .MultiCarousel-inner {
    margin-bottom: 5px;
}

/* Proiecte */
.MultiCarousel .produse .proiect,
.MultiCarousel .produse .produs {
    flex: 0 0 auto;
}
.section-articole .MultiCarousel {
    padding-top: 0px !important;
}
.dropdown-menu .lista-subsubsubcategorii a {
    color: #636667 !important;
    font-size: 15px !important;
    font-weight: 200 !important;
}
.dropdown-menu .lista-subsubsubcategorii a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .MultiCarousel .MultiCarousel-inner {
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        transform: none !important; /* dezactivăm translateX */
    }

    .MultiCarousel .MultiCarousel-inner::-webkit-scrollbar {
        display: none;
    }

    .MultiCarousel .produse {
        display: flex;
        scroll-snap-type: x mandatory;
    }

    .MultiCarousel .produse > div,
    .MultiCarousel .produse > .proiect,
    .MultiCarousel .produse > .produs {
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .MultiCarousel .btnSageti {
        display: inline-block;
        opacity: 0.85;
    }
}

.carouselProduse .produse {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    overflow: visible;
}

.detalii-produs .desc_prod {
    font-size: 16px;
}

.carouselProduse .produse .produs {
    /* min-width: 260px; */
    margin-right: 10px;
}

/*carousel */

#carousel-home .carousel-item img {
    height: 443px;

    object-fit: cover;

    object-position: 100% 0;
}

#carousel-home .carousel-caption {
    left: 6%;

    top: 25%;

    width: 50%;

    text-align: left;
}

#carousel-home .carousel-caption h3 {
    font-weight: 700;

    font-size: 35px;

    line-height: 45px;

    margin-bottom: 0;
}

#carousel-home .carousel-caption p {
    margin-bottom: 0 !important;

    letter-spacing: 0.6px;
}

#carousel-home .caption-slider {
    padding: 10px;

    background: #01428491;

    margin-bottom: 20px !important;
}

#carousel-home .carousel-indicators {
    z-index: 2 !important;
}

#carousel-home .carousel-indicators li {
    width: 7px !important;

    height: 7px !important;

    border-radius: 50% !important;

    background-color: rgba(0, 0, 0, 0.7);
}

#carousel-home .carousel-indicators .active {
    background-color: #c76b33;
}

/* galerie imagini produs cu sageti */

.galerieImagini {
    float: left;
    display: block;
    overflow: hidden;
    padding: 0;
    width: 100%;
    position: relative;
}

.galerieImagini .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

.galerieImagini .MultiCarousel-inner .item {
    /* float: left; */

    margin-left: 5px;
}

.carouselProduse .produse .proiect {
    margin-right: 10px;
    width: 340px;
}

.xzoom-thumbs .MultiCarousel-inner .item > div {
    text-align: center;
    padding: 10px;
    margin: 10px;
    background: #f1f1f1;
    color: #666;
}

.xzoom-thumbs .leftLst,
.xzoom-thumbs .rightLst {
    position: absolute;

    border-radius: 12px;

    /* top:calc(50% - 15px); */
    top: 25%;

    /* height: 30px;

   width: 30px; */

    z-index: 2;

    text-align: center;

    color: #949998;

    display: inline-block;

    padding: 14px 28px;

    font-size: 18px;

    background: #f5f5f5;
}

.xzoom-thumbs .leftLst:hover,
.xzoom-thumbs .rightLst:hover {
    color: #488597;
    outline: 2px solid #488597;
    outline-offset: 2px;
}

.xzoom-thumbs .leftLst:active,
.xzoom-thumbs .rightLst:active {
    outline-offset: 1px;
}

a:hover {
    text-decoration: none;
}

/* ribbon reducere */

.ribbon {
    width: 100px;

    height: 100px;

    overflow: hidden;

    position: absolute;
}

.ribbon::before,
.ribbon::after {
    position: absolute;

    z-index: -1;

    content: "";

    display: block;

    border: 3px solid #ea1313;
}

.ribbon span {
    position: absolute;

    display: block;

    width: 165px;

    padding: 5px 0;

    background-color: #ea1313;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.wdp-ribbon-six {
    background: none !important;

    position: relative;

    box-sizing: border-box;

    position: absolute;

    width: 65px;

    height: 65px;

    top: 0px;

    right: 0px;

    padding: 0px;

    overflow: hidden;
}

.wdp-ribbon-inner-wrap {
    -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);

    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);

    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

.wdp-ribbon-border {
    width: 0;

    height: 0;

    border-right: 65px solid #ea1313;

    border-bottom: 65px solid transparent;

    z-index: 12;

    position: relative;

    top: -20px;
}

.wdp-ribbon-text {
    font-size: 12px;

    color: white;

    font-weight: bold;

    line-height: 12px;

    position: absolute;

    z-index: 14;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 15px;

    left: -2px;

    width: 91px;

    text-align: center;
}

/* -------------------- HEADER --------------- */

/* header alb */

.header .header1 {
    /* background: #f2f2f2; */

    padding: 18px 0;

    z-index: 16;

    -webkit-transition: all 0.5s ease;

    -moz-transition: position 10s;

    -ms-transition: position 10s;

    -o-transition: position 10s;

    transition: all 0.5s ease;
}

.fixed {
    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    animation: smoothScroll 1s forwards;

    background: white !important;

    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.15);
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0px);
    }
}

.header .logo_mare {
    height: 110px;
    /* width: 125px; */
}
.order2 {
    padding-left: 30px;
}

.container.fullw ul li.has-children a {
    /* padding-left: 30px; */
}

.order3 {
    padding-right: 30px;
}

.searchGroup {
    border-radius: 12px;
    border: 1px solid #949998;
    overflow: hidden;
}

.header .logo_mic {
    /* height: 35px; */
    height: 75px;
}

.btn_open_menu {
    font-size: 23px;
    vertical-align: middle;
    padding-right: 12px;
    cursor: pointer;
    color: #636667;
}

.searchGroup input {
    background: white !important;

    border-radius: 5px 0 0 5px;

    border-right: none;

    color: #949998;

    font-size: 16px;

    height: 44px;

    padding: 10px 20px;
}

.ul-header li svg {
    color: #636667;
}
.searchGroup input:focus {
    background: white !important;

    border-right: none !important;

    box-shadow: none;

    border-color: #ced4da;
}

.produse_sumar_cos i {
    font-size: 15px !important;
}

.searchGroup .input-group-text {
    background: #fff !important;

    border-left: none;

    /* border-radius: 0 5px 5px 0; */

    padding: 15px;

    color: white;
}

.searchGroup .input-group-text a {
    color: #54595f;
}

.searchGroup .searchIcon {
    display: flex; /* ca să se aplice alinierea și pe link */
    align-items: center;
    justify-content: center;
}

.searchGroup .input-group-append {
    margin-left: 0;

    height: 44px;

    padding: 20px;

    /* background-color: white; */
}

.header1 a {
    color: #54595f;
}

.click-cart {
    cursor: pointer;
}

.header .header1 .ul-header {
    display: flex;

    list-style-type: none;

    justify-content: space-between;

    margin-bottom: 0;

    gap: 12px;
}

.header .colDreapta {
    font-size: 14px;

    font-family: "Roboto", sans-serif;

    color: #54595f;

    font-weight: 400;
}

.header .colDreapta a:hover {
    color: #c76b33;
}

.header .colDreapta i {
    font-size: 20px;

    color: #c76b33;
}

.cos-filled i {
    color: #c76b33 !important;
}

#nr_prod_cos {
    background: #ea1313;

    color: white;

    height: 18px;

    width: 18px;

    position: absolute;

    text-align: center;

    line-height: 18px;

    border-radius: 9px;

    font-size: 80%;

    font-weight: 700;

    top: -11px;

    right: -12px;
}

.hover-cos #sumar-cos {
    position: absolute;

    max-width: 380px;

    min-width: 380px;

    display: none;

    z-index: 1;

    right: -33px;

    padding: 10px;

    /* top: 35px; */
    top: 60px;

    z-index: 100;

    background: white;
}

#sumar-cos:before {
    content: "";

    height: 3px;

    width: 0;

    border: 7px solid transparent;

    border-bottom-color: #ede9e9;

    position: absolute;

    top: -16px;

    right: 50px;
}

#sumar-cos .rand_prod_cos {
    border-bottom: 1px solid #f2f2f2;

    display: block;

    padding: 10px;

    transition: all 0.3s ease-out;
}

#sumar-cos .rand_prod_cos:last-child {
    border: none;
}

#sumar-cos .rand_prod_cos:hover {
    background: #f2f2f2;
}

#sumar-cos .nume_prod_cos {
    font-size: 12px;

    color: #222;

    display: block;

    line-height: 14px;

    font-family: "Roboto";
}

.rand_prod_cos .pret_final {
    margin-bottom: 0px !important;

    /* color:#C76B33; */

    color: #488597;

    font-size: 15px;

    font-family: "Roboto";

    font-weight: 600;
}

.rand_prod_cos .pret_intreg {
    margin-bottom: 0px !important;

    color: grey;

    font-size: 12px;

    font-family: "Roboto";

    font-weight: 600;

    text-decoration: line-through;
}

.produse_sumar_cos {
    max-height: 200px;

    overflow-y: auto;

    overflow-x: hidden;
}

.nr_prod_cos_sumar {
    border-bottom: 1px solid #f2f2f2;

    border-top: 1px solid #f2f2f2;

    padding: 10px;

    margin-left: 0;

    margin-right: 0;

    font-family: "Roboto";
}

#sumar-cos .btn-mov {
    color: white !important;
}

.relative {
    position: relative;
}

/* favorite header */

#nr_prod_favorite {
    background: #ea1313;

    color: white;

    height: 18px;

    width: 18px;

    position: absolute;

    text-align: center;

    line-height: 18px;

    border-radius: 9px;

    font-size: 80%;

    font-weight: 700;

    /* top: -14px; */
    top: -12px;

    /* right: -15px; */
    right: -5px;
}

/* header cautare */

.hiddenAjax {
    position: absolute;

    /* top:42px; */
    top: 50px;

    background: white;

    z-index: 10;

    width: 100%;

    max-height: 400px;

    overflow-y: auto;

    z-index: 999;
}

.item_cautare {
    padding: 10px;

    border-bottom: 1px solid #f2f2f2;

    display: flex;

    transition: all 0.3s ease-out;
}

.item_cautare:hover {
    background: #e9eaf3;
}

.hiddenAjax a:last-child .item_cautare {
    border-bottom: 0;
}

.nume_prod {
    color: #222222 !important;

    font-weight: 700 !important;

    font-size: 13px;
}

.desc_prod {
    font-size: 12px;
}

.desc_prod p {
    margin: 0;
}

.vezi_tot {
    display: block !important;

    text-align: center;

    font-weight: 600;

    font-size: 12px;
}

/* header cu gradient */

.header2 a {
    color: #fff;

    font-size: 15px;

    font-weight: 400;
}

.header .header2 {
    background: #c76b33;

    /* padding:15px 0 0 0; */
}

.header2 {
    color: white;

    font-size: 12px;
}

#listaDinGradient {
    display: flex;

    justify-content: space-between;
}

.header2 li {
    padding: 10px;
}

.header2 li:last-child {
    padding-right: 0;
}

.header2 li i {
    margin-right: 2px;
}

#listaDinGradient li:first-child {
    font-size: 16px;

    background: #fff;

    color: #333;

    font-family: "Roboto";

    font-weight: 500;

    cursor: pointer;

    border-radius: 5px 5px 0 0;

    padding: 10px 20px;

    margin-top: 15px;
}

/* -------------- FOOTER ------------------- */

footer {
    background-color: #ffffff;

    padding: 20px 0 0px 0;
}

footer .ul-left {
    margin-left: 10px;
}

footer .contact-icons {
    margin-right: 5px;
}

footer .lista_verticala i {
    font-size: 14px;

    color: #f2f2f2;

    margin-right: 7px;
}

footer .lista_verticala li {
    padding-bottom: 5px;
}

footer span {
    font-size: 16px;

    font-weight: 400;

    letter-spacing: 0.5px;

    color: #636667;
}

footer span:hover {
    color: #bcbcbc;
}

footer ul {
    list-style-type: none;

    padding: 0;

    margin-bottom: 10px;
}

#logo_footer {
    height: 27px;

    margin-bottom: 20px;
}

footer .lista_social a {
    color: #f2f2f2;

    font-size: 20px;
}

footer .list-inline-item a:hover {
    color: #bcbcbc;
}

footer .titlu_footer {
    font-size: 22px;

    font-weight: 400;

    letter-spacing: 0.5px;

    margin-bottom: 25px;
}

footer .newsletter-form input {
    width: 290px;
    height: 48px;
}

footer .newsletter-form input {
    width: 290px;
    height: 48px;
    border-radius: 12px;
}

footer .newsletter-form .btn {
    border-radius: 12px;
    padding: 12px 20px;
}

footer .ultima_coloana {
    padding-left: 86px;
}

.copyright {
    padding: 15px;

    /* margin-left: -15px;

   margin-right: -15px; */

    color: #636667;

    font-size: 12px;

    background-color: #ffffff;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.copyright span {
    color: #636667;

    font-size: 12px;

    font-weight: 400;

    letter-spacing: 0.5px;
}

.pay-icons .social-icons {
    width: 65px;
    height: 43px;
}

.copyright-links {
    margin-top: -10px;
}

.copyright span:hover {
    /* color: #fff; */
}

/* -------------- HOME ------------------- */

.box-header-home {
    position: relative;
    border-radius: 40px;
    background: url("/images/home/building-clear-1.png") right center no-repeat,
        /* imagine pe dreapta */ linear-gradient(0deg, #ededed 0%, #f5f5f5 100%); /* gradient */
    background-size: contain, cover; /* imaginea doar cât trebuie, gradientul pe tot */
    height: 588px;
    /* padding: 140px 85px; */
}

.box-overlay-home {
    padding: 140px 85px;
    border-radius: 40px;
    height: 588px;
    /* background: rgba(255,255,255,0.6); */
}

.box-overlay-contact {
    padding: 100px 50px;
    border-radius: 40px;
    /* background: rgba(255,255,255,0.6); */
    height: 400px;
}

.box-contact-home {
    border-radius: 40px;
    background-size: contain, cover; /* imaginea doar cât trebuie, gradientul pe tot */
    height: 400px;
    /* padding: 100px 50px; */
}

.box-contact-home .custom-button {
    font-weight: 400;
}

.box-contact-home .text-big {
    font-size: 32px;
    color: var(--Turcoaz, #488597);
    font-weight: 600;
    line-height: 40px;
}

.box-contact-home .inner-content {
    width: 50%;
}

.boxIntaritor {
    border-radius: 20px;
    background: linear-gradient(
        0deg,
        var(--Light-grey, #ededed) 0%,
        #f5f5f5 100%
    ) !important;
    box-shadow: none !important;
    height: 194px;
}

.intaritor-title {
    color: var(--Dark-Orange, #c76b33);
    font-style: normal;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
}

.intaritor-text {
    color: var(--Dark-Grey, #636667);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    max-width: 95%;
}

.sectiune-div {
    text-align: center;
}

.categorie-div {
    width: 250px;
    height: 190px;
    display: flex;
    justify-content: center;
}

.border_img_categorie {
    display: flex;
    width: 176px;
    height: 176px;
    justify-content: center;
    align-items: center;
    border-radius: 105px;
    background: #f7f7fa;
    /* border: solid 7px #c76b33; */
}

.titlu-sectiune span {
    color: #636667;
    font-size: 32px;
    font-style: normal;
    font-weight: 790;
    line-height: 32px;
    text-transform: uppercase;
}

.descriere-sectiune span {
    color: var(--Dark-Grey, #636667);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

.box-header-home .text-big {
    font-size: 52px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: -1.04px;
    text-transform: uppercase;
    /* max-width: 55%; */
    margin-bottom: 12px;
    color: var(--Turcoaz, #488597);
    font-family: "Sora", sans-serif;
}

.text-orange {
    color: #c76b33 !important;
}

.box-header-home .text-small {
    max-width: 40%;
    line-height: 32px;
    font-size: 20px;
    max-width: 55%;
    color: var(--Dark-Grey, #636667);
    font-weight: 600;
}

.custom-button {
    background-color: #488597;
    color: white;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border: none;
    border-radius: 8px;
    padding: 21px 70px;
    position: relative;
    overflow: hidden;
    transition: all 0.6s ease;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 4px 12px rgba(72, 133, 151, 0.3);
}

.second-home-button {
    background-color: #fff;
    color: var(--Dark-Orange, #c76b33);
}

.first-home-button {
    margin-right: 20px;
}

.custom-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: #147693;
    border-radius: 50%;
    transition: all 0.8s ease;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.custom-button:hover::before {
    width: 300%;
    height: 300%;
}

.custom-button span {
    position: relative;
    z-index: 2;
    transition: color 0.6s ease;
}

.custom-button:hover {
    box-shadow: 0 6px 20px rgba(20, 118, 147, 0.4);
    color: white;
    text-decoration: none;
}

.second-home-button::before {
    background-color: #c76b33;
}

.second-home-button:hover {
    box-shadow: none;
}

/* FLIP - CARD */

.sectiune-cards {
    margin-top: 20px;
}

.sectiune-cards .col-6 {
    padding-right: 15px;

    padding-left: 5px;
}

.sectiune-cards .col-6:first-child {
    padding-left: 15px;
}

.sectiune-cards .col-6:last-child {
    padding-right: 15px;
}

.flip-cards {
    display: grid;

    grid-template-columns: repeat(4, 2fr);

    grid-column-gap: 10px;

    grid-row-gap: 10px;
}

.flip-card {
    background: white;
    width: auto;
    box-sizing: border-box;
    padding: 20px;
    display: block;
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}
.sectiune-div-sfaturi .flip-card {
    height: 100%;
}
.carouselArticlole .nume_articol span {
    color: #488597;
    font-size: 18px;
    font-weight: bold;
}

.articol-div .img_articol {
    border-radius: 10px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.btn-light-bg-none {
    color: #c76b33;

    font-size: 14px;

    font-weight: 400;
}

.flip-card h4 {
    font-size: 16px;

    font-weight: 600;

    color: #222;

    margin: 0;

    font-family: "Roboto";
}

.flip-card i {
    color: #488597;

    margin-bottom: 10px;

    border-radius: 25px;

    font-size: 35px;

    line-height: 50px;

    height: 50px;

    width: 50px;
}

.flip-card-inner {
    position: relative;

    width: 100%;

    height: 100%;

    text-align: center;

    transition: transform 0.6s;

    transform-style: preserve-3d;

    color: #54595f;

    box-sizing: border-box;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card:hover {
    transform: translateY(-10px);

    transition-duration: 0.3s;
}

.flip-card-front,
.flip-card-back {
    padding: 20px;

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    background-color: white;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;
}

.flip-card-front h4 {
    font-size: 16px;

    line-height: 20px;

    font-weight: 600;

    margin: 0;

    font-family: "Roboto";
}

.flip-card-back {
    transform: rotateY(180deg);

    border-right: 2px solid #c76b33;
}

.titlu_sectiune {
    margin-bottom: 10px;
}

.titlu_sectiune span {
    font-size: 29px;

    color: #222;

    font-family: "Roboto";

    font-weight: 500;

    vertical-align: middle;
}

.titlu_sectiune img {
    height: 35px;

    margin-right: 10px;
}

.sectiune-top-vanzari {
    margin-top: 27px;
}

/* ----------- CATEGORII CU SLIDER PRODUSE -------------*/

.boxCategoriiProduse {
    margin-top: 90px;
}

.bgCategSlider {
    background-image: url("/images/blocator-5.jpg");

    border-radius: 0px 50px 80px 0px;

    margin-bottom: 10px;

    background-position: center center;

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;
}

.boxTextCateg {
    padding: 30px;
}

.bgCategSlider img {
    border-radius: 80px 50px 80px 0px;
}

.colImgCateg {
    background: white;

    border-radius: 80px 50px 80px 0px;

    padding: 0px;

    height: 100%;

    background-size: 70%;

    background-position: center;

    background-repeat: no-repeat;
}

.colImg .custom-file {
    /* background-size: cover;        */
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}

.titlu_categ_slider {
    color: white;

    margin-bottom: 20px;

    font-size: 30px;
}

/* ----------- PRODUSE LISTARE -------------*/

.produse {
    display: grid;

    grid-template-columns: repeat(6, 1fr);

    grid-column-gap: 10px;

    grid-row-gap: 10px;
}

.produse .produs {
    background: white;

    padding: 15px;

    box-sizing: border-box;

    text-align: center;

    width: auto;

    height: auto;

    border-radius: 20px;

    position: relative;

    display: flex;

    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    /* max-width: 280px; */
    max-width: 258px;
}

.produse .produs .pret_intreg_new,
.produse .produs .pret_final_new {
    text-decoration: none;
}

.produse .produs .pret_intreg_new {
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    bottom: 45px;
    text-decoration: line-through;
    color: #636667;
    margin-bottom: 0;
}

.boxPasi {
    border-radius: 20px;
    box-shadow: none !important;
    height: 250px;
    padding: 40px;
    transition: 0.3s ease;
}
.boxPasi:hover {
    border-bottom: 7px solid var(--Turcoaz, #488597);
}
.boxPasi .pasi-title {
    color: #000;
}

.boxPasi i {
    font-size: 50px;
}

.produse .produs .pret_final_new {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #212529;
}
.produse .produs .pret_final_new.red {
    color: #ea1313;
}

.produse .produs .stoc_listare_prod::before {
    content: "●";
    color: #1ac810;
    font-size: 16px;
    margin-right: 3px;
}

.produs .icon-heart {
    position: absolute;
    right: 30px;
    top: 25px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
.spanAdauga:hover {
    color: #488597 !important;
    text-decoration: underline;
}
.produse_similare .produs .icon-heart {
    left: 20px;
}

.img-proiect-div {
    position: relative;
}

.img-categorie-div {
    position: static;
}

.proiect .categorie-proiect {
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 8px 0px 8px 0px;
    background: #488597;
    padding: 2px 10px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
}

.proiect .icon-heart {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.icon-heart i {
    font-size: 28px;
    position: absolute; /* le suprapune una peste alta */
    color: #c76b33;
    /* transition: opacity 0.4s ease; animația */
}

/* contur alb vizibil inițial */
.icon-heart .far {
    color: #fff;
    /* opacity: 1; */
}

/* inima plină ascunsă inițial */
/* .icon-heart .filled {
  color: #C76B33;
  opacity: 0;
}


.icon-heart:hover .far {
  opacity: 0;
}
.icon-heart:hover .filled {
  opacity: 1;
} */

.produse .produs:hover {
    transform: translateY(-10px);

    transition-duration: 0.3s;
}

.produse .proiect:hover {
    transform: translateY(-10px);

    transition-duration: 0.3s;
}

.produse .produs img {
    width: 100%;

    height: auto;

    border-radius: 10px;

    object-fit: cover;

    /* aspect-ratio: 3 / 2; */

    max-height: 200px;
}

.produse .produs .nume_produs {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px;
    text-align: left;
    margin-bottom: 0;

    display: block;
    white-space: normal;
    word-wrap: break-word;
}

.produse .produs .pret {
    margin-bottom: 0px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;
}

.produse .produs .icon_adauga_in_cos {
    font-size: 40px;
    color: #636667;
    transition: color 0.3s;
}

.produse .produs .icon_adauga_in_cos:hover {
    color: #c76b33;
}

.produse .produs .cantitate-produs {
    font-size: 16px;
    font-weight: 400;
}

.info-produs {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    justify-content: space-between;
    gap: 5px;
}

.info-proiect {
    /* width: 90%; */
    /* border-radius: 12px; */
    background-color: #f5f5f5;
}

.nume_proiect-div {
    text-align: left;
}

.nume_proiect,
.titluPostare {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 10px;
    text-align: left;
    margin-bottom: 0;
    display: block;
    white-space: normal;
    word-wrap: break-word;
}
.nume_proiect {
    min-height: 55px;
}
.specificatie {
    line-height: 1.1;
}
.specificatie span {
    /* font-size: 14px; */
    color: #636667;
    /* font-weight: 400; */
}

.specificatie .nr_elemente {
    font-size: 14px;
    font-weight: 600;
    /* margin-right: 10px; */
}
.specificatie .specificatie-detaliu {
    font-size: 10px;
}

.specificatie img {
    width: 22px;
    height: auto;
}
.specificatie {
    padding-left: 5px;
    padding-right: 5px;
}
.specificatie .dimensiune {
    color: var(--Dark-Orange, #c76b33);
    font-weight: 600;
}
.proiect-bottom {
    /* border-radius: 12px;
    background: #fff; */
    width: 100%;
    padding: 8px;
}
.specif-proiect-div {
    padding-right: 5px;
}

.proiect-bottom .proiect-bottom-pret {
    font-size: 18px;
    font-weight: bold;
}

.proiect-bottom span,
.postare-bottom span {
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    color: #488597;
}

.img-proiect {
    border-radius: 12px 12px 0 0;
    width: 315px;
    height: 269px;
}

.produse .produs .produs-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    width: 100%;
    justify-content: space-between;
}

.boxExtraReduceri {
    margin-top: 10px;
}
.produse .produs .pret .pret_intreg {
    margin-bottom: 0px !important;

    color: grey;

    font-size: 12px;

    font-family: "Roboto";

    font-weight: 500;

    text-decoration: line-through;
}

.produse .produs .pret .pret_final {
    margin-bottom: 0px !important;

    color: #c76b33;

    font-size: 16px;

    font-family: "Roboto";

    font-weight: 700;

    position: absolute;

    bottom: 0;

    width: 100%;
}

.pret .pret_final .tvaProd {
    font-weight: 400;

    font-size: 12px;

    display: block;
}

.produse .produs .reducere {
    position: absolute;
    left: 25px;
    top: 25px;
    color: #fff;
    background-color: #ea1313;
    font-family: "Roboto", Roboto;
    font-size: 12px;
    font-weight: 600;
    padding: 1px 8px;
    letter-spacing: 0.5px;
    border-radius: 5px 0 0 0;
    line-height: 24px;
    margin: -10px;
}

#imgReduceriCard {
    object-fit: contain;
}

.colProdReduceriCard {
    background-image: url("/images/bile-1.png");

    background-position: center center;

    background-repeat: no-repeat;

    display: flex;
}

.boxExtraReduceri #text-extra-reduceri {
    margin: 0;

    position: absolute;

    top: 40px;

    right: -70px;

    text-align: center;

    width: 59%;

    color: #c76b33;

    font-weight: 400;

    font-size: 33px;

    font-family: "Roboto", "Roboto";

    letter-spacing: -1.6px;
}

.boxExtraReduceri #text-extra-reduceri span {
    font-weight: 900;
}

.boxReduceriFinale {
    margin: 0;
}

.colDreaptaReduceriFinale {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background: transparent;
    background-image: radial-gradient(
        at center center,
        #ffffff 0%,
        #c76b33 70%
    );
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    width: 100%;
    border-radius: 5px;
}

.colStangaReduceriFinale {
    padding-right: 4px;
}

.sectiuneOferta .produse {
    grid-template-columns: repeat(5, 1fr);
}

.sectiuneOferta .veziOferta {
    position: absolute;

    bottom: 40px;

    left: 27px;
}

.sectiuneOferta .veziOferta:hover {
    transform: scale(1.1);

    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.colReduceriFinale {
    padding-left: 0;
}

/* VIDEO */

.sectiuneVideo {
    background-image: url("/images/background-02.jpg");

    background-repeat: no-repeat;

    background-position: top center;

    padding: 0 0 50px 0;

    transition: background 0.3s, border 0.3s, border-radius 0.3s,
        box-shadow 0.3s;

    background-size: cover;
}

.sectiuneVideo .titlu_sectiune span {
    font-size: 36px;

    color: #222;
}

.sectiuneVideo > .parallax-overlay {
    background: rgba(0, 0, 0, 0.65);

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;
}

.cerc_gri {
    background: #7a7a7a;
}

.cerc_orange {
    background: #c76b33;
}

.submenu_search {
    color: #949998;
    font-size: 13px;
    font-weight: 600;
}

/* Stiluri pentru navbar-ul principal */
.navbar-nav {
    /* line-height: 24px; */
    line-height: 16px;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-direction: row;
    border-radius: 0 0 20px 20px;
    border-right: 1px solid var(--Light-Grey, #949998);
    border-bottom: 1px solid var(--Light-Grey, #949998);
    background: #f5f5f5;
    justify-content: space-between;
    align-items: center;
    /* padding-right: 20px; */
    position: relative;
}

.dropdown {
    position: unset !important;
}

.img-box-header {
    position: absolute;
    right: 0;
    bottom: -70px;
    height: calc(100% + 70px);
    opacity: 0;
    animation: slideIn 1s ease forwards 2s;
}

@keyframes slideIn {
    to {
        bottom: 0; /* Imaginea revine la poziția normală */
        opacity: 1;
    }
}

.navbar-nav .dropdown-menu {
    position: absolute !important;
}

.navbar-nav > li {
    position: relative;
    display: inline-block;
}

/* .navbar-nav .dropdown-menu .left-link::after { */
.navbar-nav .dropdown-menu .submenu-subcategorie::after {
    content: "›"; /* săgeata > */
    position: absolute;
    right: 15px; /* distanța de la marginea dreaptă */
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
    font-size: 36px;
    color: #636667; /* poți ajusta */
}

/* .navbar-nav .dropdown-menu .left-link:hover::after { */
.navbar-nav .dropdown-menu .submenu-subcategorie:hover::after {
    transform: translateY(-50%) rotate(180deg);
}

.dropdown-menu li .left-link-single::after {
    content: none !important;
}

.dropdown-menu .col-9.right-part {
    position: absolute;
    top: 0;
    right: 0;
    padding: 32px 60px 12px 60px;
    display: none;
}

.col-9.right-part .description-box span {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.dropdown-menu .col-9.right-part ul {
    list-style: none;
    padding: 0;
}

.dropdown-menu .col-9.right-part a:not(.subsubsub-link) {
    font-size: 15px;
    color: #488597 !important;
    font-weight: 700;
    text-transform: uppercase;
}

.lista-subsubsubcategorii a {
    text-transform: initial !important;
}

.subsubsub-link a {
    text-transform: uppercase;
}

.subsubsub-link a:hover {
    color: #488597 !important;
}

.dropdown-menu .col-9.right-part .subcat {
    padding-bottom: 30px;
}

.dropdown-menu .col-9.right-part .title-right a span {
    font-size: 24px;
    font-weight: 700;
    text-transform: none;
}

.dropdown-menu.first-dropdown {
    min-height: 650px;
}

.col-9.right-part .imagine-cat {
    height: 150px;
    width: 90%;
    margin-bottom: 10px;
}

.col-9.right-part .imagine-subcat {
    height: 100px;
    width: auto;
}

.col-9.right-part .imagine-cat img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

/* Stiluri pentru link-urile principale */
.navbar-nav > li > a {
    /* display: block; */
    padding: 15px 15px;
    color: #636667 !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    /* letter-spacing: 0.5px; */
    transition: all 0.3s ease;
    border: none;
    background: transparent;
    padding-top: 19px;
}

.navbar-nav > li:first-child > a {
    background-color: #488597;
    color: white !important;
    padding: 15px 0;
    padding-left: 12px;
    padding-right: 138px;
    border-radius: 0 0 0 20px;
    padding-top: 19px;
}

.navbar-nav > li:first-child {
    /* padding-top: 2px; */
}

.navbar-nav > li:first-child.has-children::after {
    /* content: "";
    position: absolute;
    top: 32%;
    right: 10px;
    width: 17px;
    height: 17px;
    margin-left: 6px;
    vertical-align: -0.1em;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'><path d='M5 7.5L10 12.5L15 7.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")
        no-repeat center;
    background-size: contain;
    transition: transform 0.25s ease;
    border: none; */
}

.navbar-nav > li:first-child > a::after {
    background: none;
}

.navbar-nav > li:not(:first-child) > a {
    border-bottom: 4px solid transparent; /* Border transparent inițial */
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    /* color: #636667 !important; */
    text-decoration: none;
}

/* Stiluri pentru caret/săgeată */
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 8px;
    vertical-align: middle;
    border-top: 4px solid white;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    transition: transform 0.3s ease;
}

.dropdown:hover .caret {
    transform: rotate(180deg);
}

/* Stiluri pentru dropdown menu principal */
.dropdown-menu {
    position: absolute;
    top: 3px !important;
    left: 0;
    z-index: 1000;
    padding: 20px;
    display: none;
    min-width: 220px;
    margin: 0;
    background-color: white;
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    list-style: none;
}

/* Afișare dropdown la focus */
/* .dropdown:focus .dropdown-menu {
    display: block;
} */

.navbar-nav .has-children > .dropdown-menu {
    display: none;
    /* display: block; */
}
.navbar-nav .has-children.open > .dropdown-menu {
    display: block;
    top: -1px !important;
}

/* Stiluri pentru elementele din dropdown */
.dropdown-menu > li > .left-link {
    position: relative;
}

.dropdown-menu li .left-link {
    display: contents;
    /* padding: 12px 220px 12px 10px;
    border-radius: 12px; */
    /* position: relative; */
}

.dropdown-menu .submenu-subcategorie {
    padding: 12px 0px 12px 12px;
}

.dropdown-menu li .left-link-single {
    padding: 12px;
}
.dropdown-menu img {
    width: 30px;
    height: auto;
}
.navbar-nav > li.dropdown.has-children > .dropdown-menu {
    left: 0;
    right: auto;
    top: 0px;
}

/* 🧠 Pentru ultimul elem: deschidere spre stânga */
.navbar-nav > li.dropdown.has-children:last-child > .dropdown-menu {
    left: auto !important;
    right: 0 !important;
}

.dropdown-menu li:not(.lista-subsubsubcategorii) a {
    display: flex;
    align-items: center;
    color: #636667 !important;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.dropdown-menu > li:last-child > a {
    border-bottom: none;
}

.dropdown-menu .left-link a:hover,
.dropdown-menu .left-link a:focus {
    color: #488597 !important;
    text-decoration: none;
}

.dropdown-menu .left-link:hover,
.dropdown-menu .left-link:focus {
    background: rgba(72, 133, 151, 0.1);
}

/* Stiluri pentru submeniu (dropdown-submenu) */
.dropdown-submenu {
    /* position: relative; */
}

.dropdown-submenu > a:after {
    /* content: "»"; */
    float: right;
    color: #666;
    font-weight: bold;
}

.dropdown-submenu:hover > a:after {
    color: #2e8b8b;
}

/* Submeniu dropdown */
.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0;
    margin-left: 0;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-menu > li > a > .icon {
    height: 36px;
    width: 36px;
}

.dropdown-menu > li > a > .icon > img {
    width: 100%;
    height: 100%;
    object-fit: none;
}

/* Responsive - ascunde pe mobile */
@media (max-width: 767px) {
    .d-none-mobile {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .d-none-tableta {
        display: none !important;
    }
}
@media (max-width: 1400px) {
    .fullw {
        max-width: 100% !important;
    }
}

/* Fix pentru Bootstrap conflicte */
.navbar-nav .dropdown-toggle::after {
    display: none;
}

/* Stiluri suplimentare pentru consistență */
.dropdown-menu li a {
    /* white-space: nowrap; */
}

.dropdown-submenu > .dropdown-menu {
    border-left: 1px solid #e0e0e0;
}

/* Animații pentru dropdown */
.dropdown-menu {
    /* DE COMENTAT CA SA POTI MODIFICA ELEMENTE DIN MENIU */
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    pointer-events: none;
    /* overflow-y: auto;
    overflow-x: hidden;
    height: 600px; */
}

.dropdown:hover .dropdown-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}

/* Stiluri pentru hover pe elementul principal când dropdown este deschis */
.dropdown:hover > a {
    /* Păstrează culoarea originală pentru a nu afecta layout-ul */
}

.navbar-nav > li:first-child.dropdown:hover > a {
    background-color: #147693;
    color: white !important;
    transition: all 0.3s ease;
}

.navbar-nav > li:not(:first-child).dropdown:hover > a {
    border-bottom: 4px solid #488597;
    /* padding-bottom: 12px; */
}

.submenu_search ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
}

.submenu_search li {
    position: relative;
}

.submenu_search li a {
    color: #949998;
}

.submenu_search li:not(:last-child)::after {
    content: "|";
    margin-left: 10px;
    /* color: #999;            */
}

.cerc {
    border-radius: 100%;

    padding: 30px;

    height: 500px;

    width: 500px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 auto !important;
}

.modalBox {
    height: 410px;

    width: 410px;

    background-repeat: no-repeat;

    background-position: center center;

    border-radius: 5%;

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: 0px 0px 50px -5px rgba(0, 0, 0, 0.45);

    cursor: pointer;

    background-size: cover;
}

.modalBox i {
    font-size: 100px;
}

.cerc_gri i {
    color: #c76b33;
}

.cerc_orange i {
    color: #7a7a7a;
}

.sectiuneVideo #titlu_video {
    color: #353535;

    font-size: 35px;

    font-weight: 600;

    margin-bottom: 0;
}

.sectiuneVideo #text_video {
    font-size: 18px;
}

.sectiuneVideo .modal {
    padding: 0;
}

.sectiuneVideo .modal .close {
    position: absolute;

    top: -15px;

    right: -15px;

    background: rgba(0, 0, 0, 0.75);

    height: 30px;

    z-index: 2;

    width: 30px;

    color: white;

    border-radius: 15px;

    box-shadow: 0px 0px 7px -4px rgba(0, 0, 0, 0.5);
}

.sectiuneVideo .modal .modal-body {
    padding: 40px;
}

.sectiuneVideo .modal .modal-dialog {
    max-width: 62%;
}

.sectiuneOferta {
    background-image: url("/images/bg_oferte.jpg");

    background-repeat: no-repeat;

    background-position: top center;

    padding: 45px 0 80px 0;

    transition: background 0.3s, border 0.3s, border-radius 0.3s,
        box-shadow 0.3s;

    background-size: cover;
}

.produseListateCate6 .produse {
    grid-template-columns: repeat(5, 1fr);
}

.sectiuneOferta .produseCuImg .produs:first-child {
    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    background: transparent;

    background-image: radial-gradient(
        at center center,
        #ffffff 0%,
        #c76b33 70%
    );

    display: flex;

    justify-content: center;

    align-items: center;

    padding-right: 0;

    width: 100%;

    border-radius: 5px;
}

.sectiuneOferta .produseCuImg .produs:first-child img {
    margin-bottom: 0;

    height: 185px;
}

.form-contact-home .form-contact {
    background-image: none;

    background: white;
}

.form-contact-home .form-control {
    background: #f29f2926;
}

.btnTrimitereForm {
    padding: 10px 20px !important;
}

/* CATEGORII */

.categoriiHomepage {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 45px;
    grid-row-gap: 30px;
}

.vezi-categorii {
    text-align: center;
}

.vezi-categorii-div a {
    display: flex;
    align-items: center;
    width: 330px;
    height: 60px;
    border-radius: 40px;
    background: linear-gradient(to right, #4885974d 100%, white 0);
    background-position: left;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-color: white; /* culoare inițială */
    transition: background-size 0.7s ease;
}

.vezi-categorii-div a:hover {
    background-size: 100% 100%; /* se extinde spre dreapta */
}

.vezi-categorii-div span {
    color: var(--Dark-Grey, #636667);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

.produse-row {
    background: #f5f5f5;
    padding: 90px;
    /* overflow-x: hidden; */
}

.proiecte-row {
    background: white;
    padding: 70px;
    /* overflow-x: hidden; */
}

.boxCategorie {
    background: white;

    display: flex;

    color: #222;

    font-weight: 500;

    text-align: left;

    position: relative;

    overflow: hidden;

    padding-top: 10px;

    border-radius: 5px;

    min-height: 250px;

    flex-direction: column;
    align-items: center;
}

.img_categorie {
    height: 165px;
    width: 165px;
    border-radius: 112px;
    transition: all 0.5s ease;
    background-position: center center;
    position: relative;
    background-size: contain;
    transition: all 0.8s ease;
    background-repeat: no-repeat;
}

.boxCategorie:hover .img_categorie {
    transform: scale(1.08);
}

.boxCategorie .nume_categorie span {
    line-height: 32px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.boxCategorie .nume_categorie {
    text-align: center;
    width: 90%;
}

.boxCategorie .vezi_produse {
    opacity: 0;

    position: absolute;
}

.boxCategorie:hover .vezi_produse {
    background: #c76b33;

    color: white;

    opacity: 1;
}

.boxCategorie:hover .nume_categorie {
    color: #000;
    text-decoration: underline;
}

.scrisMult h4 {
    font-size: 30px;
}

.scrisMult h5 {
    font-size: 36px;
}

.scrisMult a {
    font-size: 56px;

    color: #222;

    cursor: pointer;
}

.boxHartaHome {
    margin-bottom: -7px;
}

/* ---------------- CATEGORIE ------------- */

.header_categorie {
    /* padding: 25px 0; */
    padding: 25px 20px;

    padding-bottom: 0px;

    /* background-image: url(/images/background-cat.png); */

    background-position: center right;

    background-repeat: no-repeat;

    background-size: cover;

    margin-bottom: 35px;

    /* border-bottom: 2px solid var(--Dark-Orange, #C76B33); */
}

.header_categorie .bordered {
    border-bottom: 2px solid #488597;
    padding-top: 25px;
}

.header_categorie .titlu_cat {
    color: #488597;

    font-size: 30px;

    font-weight: 700;

    line-height: 30px;

    margin-bottom: 0;

    font-family: "Roboto", "Roboto";
}

.breadcrumps {
    color: #888;
}

.breadcrumps a {
    color: #888;

    font-size: 14px;

    font-weight: 600;

    font-family: "Roboto", "Roboto";
}

.breadcrumps span {
    color: #888;

    font-size: 14px;

    font-weight: 600;

    font-family: "Roboto", "Roboto";
}

.titlu_filtru {
    background: white;

    color: #222222;

    font-family: "Roboto", "Roboto";

    font-size: 13px;

    font-weight: 600;

    line-height: 26px;

    padding: 15px;

    border-top: solid 2px var(--Dark-Orange, #c76b33);
}

.search_produse {
    border: none !important;
}

.boxResetFiltre {
    background: white;

    color: #222;

    font-family: "Roboto", "Roboto";

    font-size: 13px;

    font-weight: 600;

    line-height: 26px;

    padding: 15px;
}

.resetFiltre {
    cursor: pointer;
}

.subcategorii_categorie {
    display: grid;

    grid-template-columns: repeat(6, 1fr);

    grid-column-gap: 10px;

    grid-row-gap: 10px;
}

.subcategorie_categorie {
    background: white;

    padding: 10px;

    min-height: 182px;
}

.subcategorie_categorie:hover {
    transform: scale(1.02);
}

.subcategorie_categorie img {
    height: 95px;

    margin-bottom: 10px;
}

.listaSubcat {
    background: #f3e0cf;
}

.listaSubcat a {
    color: #222;

    font-weight: 500;
}

.listaSubcat .bold {
    font-weight: 600;

    color: var(--Dark-Orange, #c76b33);
}

.listaSubcat .subsubcat {
    list-style: none;

    padding-left: 10px;
}

.subcategorie_categorie span {
    font-family: "Roboto", "Roboto";
    font-size: 13px;
    font-weight: 600;
    color: #222;
    display: block;
}

.produse_categorie_listare.proiecte {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 25px;
    grid-row-gap: 25px;
}
.produse_categorie_listare.produse {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.produse_categorie_listare .produs .icon-heart {
    left: 25px;
}

.desc_sectiune {
    font-size: 14px;
    /* min-height: 115px; */
}

.img_cat_featured {
    height: 110px;
    border-radius: 5px;
    float: left;
    margin: 0px 15px 5px 0px;
}

#amount {
    border: none;
    font-weight: bold;
    color: #c76b33;
    width: 100%;
}

select[name="sortare"] {
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
}

/* PAGINARE */

.pagination {
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 0px;
    flex-wrap: wrap;
}

.page-link {
    color: #c76b33;
    border-color: #f2f2f2;
}

.page-item.active .page-link {
    background: #c76b33;
    color: white;
    border-color: #d4d4d4;
}

.page-item.disabled .page-link {
    color: #ebe1e1;
}

.nr_prod_paginare {
    font-family: "Roboto";
    font-size: 14px;
}

.page-link:hover {
    color: #c76b33;

    background-color: #fef5e9;
}

/* FILTRE */

.filtru_specificatii {
    background: white;

    padding: 20px;

    margin-top: 10px;
}

.nume_specificatie {
    font-family: "Roboto", "Roboto";

    font-size: 15px;

    font-weight: 600;

    color: #333;
}

.box_valori_filtru {
    margin-top: 10px;

    max-height: 200px;

    overflow-y: auto;

    font-size: 13px;
}

.box_valori_filtru input {
    vertical-align: middle;
}

/* PRODUS */

/* reviews */

#xzoom-magnific {
    box-shadow: none !important;
}

.bgWhiteProdus {
    background: white;

    padding: 20px;
}

.serviciiProdus a {
    line-height: 22px;
}

.beneficii i {
    font-size: 18px;
}

.titlu_sectiune_categ {
    font-size: 22px;
    font-weight: 600;
    margin-top: 6px;
}

.beneficii li .spanDetalii {
    color: #7b7a7a;

    font-size: 14px;

    font-weight: 400;
}

.formReview .btn-alb {
    border: 1px solid #c76b33;
}

.stele_content_produs {
    height: 15px;
    margin-bottom: 15px;
}

.divScrollTo {
    margin-bottom: 15px;

    display: inline;

    font-size: 14px;

    color: #0056b3;
}

.divReviewProdus .nr_reviews {
    display: inline-block;

    margin-top: 5px;
}

.nota_review {
    margin-left: 5px;
}

.boxReview {
    margin-bottom: 30px;

    background: #f2f2f2;

    padding: 10px 20px;

    border-radius: 0 15px 15px 15px;
}

.boxReview .stele_date {
    display: inline-block;

    margin-right: 5px;
}

.boxReview .stele_date img {
    height: 16px;
}

.boxReview .data_review {
    font-size: 11px;

    font-style: italic;

    color: #979797;
}

.boxReview .nume_review {
    display: inline-block;

    font-weight: 600;
}

.boxReview .titlu_review {
    display: block;

    font-weight: 600;

    color: #222;

    margin-top: 10px;

    margin-bottom: 10px;
}

.boxReview .desc_review {
    margin-bottom: 0;
}

.content_taburi .titlu_pg_prod {
    font-size: 25px;

    color: #333 !important;

    font-family: inherit;

    font-weight: 600 !important;

    letter-spacing: -0.5px;

    margin-top: 10px;

    margin-bottom: 20px;
}

.content_taburi .produse {
    grid-template-columns: repeat(5, 1fr);
}

.formReview .card {
    box-shadow: none !important;

    padding: 0 !important;
}

.formReview {
    background: white;
}

.formReview .spanNota {
    margin-top: 5px;

    display: inline-block;
}

.formReview h5 {
    font-weight: 500 !important;

    margin-bottom: 10px;
}

.formReview .form-control {
    background: white !important;

    border-bottom: 1px solid #ddd !important;

    border-radius: 0;

    font-size: 14px;
}

.formReview .required {
    font-size: 15px;
}

.stele i {
    font-size: 16px;

    cursor: pointer;

    transition: all 0.3s ease;
}

.stele i:hover {
    color: #c76b33;
}

.formReview .form-control:focus ~ .floating-label,
.formReview .form-control:not(:focus):valid ~ .floating-label {
    top: -5px;

    left: 11px;

    font-size: 11px;

    opacity: 1;

    background: white;
}

.formReview textarea:focus ~ .floating-label,
.formReview textarea:not(:focus):valid ~ .floating-label {
    top: -10px !important;
}

.formReview .form-control:focus {
    background: transparent;

    box-shadow: none;
}

.formReview .floating-label {
    position: absolute;

    pointer-events: none;

    left: 20px;

    z-index: 999;

    top: 18px;

    transition: 0.2s ease all;
}

.containerContulMeu {
    background: white;
}

.font12 {
    font-size: 12px;
}

.icon_review_account i {
    font-size: 14px;

    margin-left: 10px;
}

.icon_review_account .orange {
    color: orange;

    cursor: pointer;
}

.icon_review_account .green {
    color: green;
}

.imgStea {
    margin-right: 3px;

    height: 12px !important;

    width: 12px !important;

    margin-bottom: 0 !important;
}

.detalii-produs .imgStea {
    margin-right: 5px;
    width: 26px !important;
    height: auto !important;
}

.boxReviews::-webkit-scrollbar {
    width: 2px;

    height: 8px;

    border-radius: 3px;
}

.boxReviews::-webkit-scrollbar-button {
    width: 0px;

    height: 0px;
}

.boxReviews::-webkit-scrollbar-thumb {
    background: #c76b33;

    border: 0px none #ffffff;

    border-radius: 50px;
}

.boxReviews::-webkit-scrollbar-track {
    background: #e1e1e1;

    border: 0px none #ffffff;

    border-radius: 50px;
}

.boxReviews::-webkit-scrollbar-corner {
    background: transparent;
}

.stele_content_produs span {
    font-size: 12px;
    color: #222;
    margin-left: 5px;
}

.rowReviews {
    display: flex;
    align-items: flex-start;
}
.specificatie {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
    position: relative;
}

.specificatie-detaliu {
    font-size: 12px;
    position: absolute;
    bottom: 0; /* mereu jos */
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.valori {
    display: inline-flex;
    align-items: baseline;
    gap: 2px; /* distanța dintre număr și 'mp' */
    white-space: nowrap; /* NU permite trecerea pe alt rând */
}

.nr_elemente,
.extra-detaliu {
    display: inline-block;
}
.proiect-bottom .buton-oferta,
.stire .buton-oferta {
    background-color: #488597;
    font-size: 16px;
    color: white;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.MultiCarousel-inner .produse .proiect {
    background: #f5f5f5;
    padding: 11px 12px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    text-align: center;
    width: 23%;
    /* width: auto; */
    /* height: 440px; */
    border-radius: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0px;
}

.formReview {
    position: sticky;

    top: 100px;
}

.formIntrebare {
    position: sticky;

    top: 100px;
}

#labelFile {
    justify-content: center;

    align-items: center;
}

/* comentarii */

.spanComentariu {
    cursor: pointer;

    color: #c76b33 !important;

    font-size: 12px;

    font-weight: 600;

    line-height: 16px;
}

.spanComentariu i {
    font-size: 14px;

    margin-right: 3px;
}

.boxFormComentariu {
    margin-top: 15px;

    display: none;
}

.boxFormComentariu .formReview {
    padding: 15px 10px 10px 10px !important;

    background: #f8f8f8;

    border-left: 1px solid #c76b33;
}

.boxComentarii {
    display: none;
}

.boxComentariu {
    padding: 10px;

    border-left: 1px solid #c76b33;

    margin-bottom: 20px;

    background: #f8f8f8;
}

.boxFormComentariu .form-control {
    background: #f8f8f8 !important;
}

.boxFormComentariu input:not([type="submit"]) {
    padding: 5px !important;

    height: calc(2.5em) !important;

    font-size: 12px;
}

.boxFormComentariu textarea {
    font-size: 12px;
}

.boxFormComentariu .floating-label {
    top: -2px !important;
}

.boxFormComentariu .form-control:focus ~ .floating-label,
.boxFormComentariu .form-control:not(:focus):valid ~ .floating-label {
    top: -15px !important;
}

.btnVeziOferte {
    background: transparent !important;

    border: 2px solid #c76b33;
}

.btnVeziOferte:hover {
    background: #c76b33 !important;

    border: 2px solid #c76b33;
}

.nume_review i {
    color: #c76b33;
}

.boxFormComentariu .form-control:focus ~ .floating-label,
.boxFormComentariu .form-control:not(:focus):valid ~ .floating-label {
    top: -5px;

    left: 11px;

    font-size: 11px;

    opacity: 1;

    background: #f8f8f8;
}

/* custom input file*/

.formReview .inputfile {
    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1;
}

.formReview .inputfile + label {
    font-size: 1.25em;

    font-weight: 700;

    color: #999;

    background-color: white;

    display: inline-block;

    width: 50px;

    border: 1px solid #999;

    height: 50px;

    line-height: 50px;

    text-align: center;

    cursor: pointer;

    border-style: dashed;
}

.formReview .inputfile:focus + label,
.formReview .inputfile + label:hover {
    border: 1px solid #c76b33;

    border-style: dashed;

    color: #c76b33;
}

.formReview .inputfile:focus + label {
    outline: 1px dotted #c76b33;

    outline: -webkit-focus-ring-color auto 5px;
}

.formReview #imgPreview {
    height: 51px;

    vertical-align: top;
}

.formReview textarea {
    padding-top: 10px;
}

#reviews .modal {
    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 1; /* Sit on top */

    padding-top: 100px; /* Location of the box */

    left: 0;

    top: 0;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

    background-color: rgb(0, 0, 0); /* Fallback color */

    background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
}

#reviews .modal-content {
    margin: auto;

    display: block;

    width: 80%;

    max-width: 700px;
}

#reviews .modal-content {
    -webkit-animation-name: zoom;

    -webkit-animation-duration: 0.6s;

    animation-name: zoom;

    animation-duration: 0.6s;
}

#reviews .close {
    position: absolute;

    top: 0;

    right: 35px;

    color: #f1f1f1;

    font-size: 40px;

    font-weight: bold;

    transition: 0.3s;
}

#reviews .close:hover,
#reviews .close:focus {
    color: #bbb;

    text-decoration: none;

    cursor: pointer;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@keyframes zoom {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@media only screen and (max-width: 700px) {
    #reviews .modal-content {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
}

.img_review {
    margin-top: 10px;

    height: 70px;

    width: 70px;

    object-fit: cover;

    cursor: zoom-in;

    margin-right: 10px;
}

#modalImgReview {
    cursor: zoom-out;
}

#imgsPreview img {
    height: 50px;

    margin-right: 5px;
}

#imgsPreview {
    display: inline-block;

    vertical-align: top;
}

.swal2-textarea {
    height: 4.75em !important;

    font-size: 14px !important;
}

.swal_reviews {
    text-align: left;
}

.swal_reviews .relative {
    display: inline-block;
}

.swal_reviews .img_review {
    cursor: default;
}

.swal_reviews .sterge_img_review {
    position: absolute;

    top: 13px;

    right: 12px;

    color: white;

    background: red;

    border-radius: 10px;

    height: 20px;

    width: 20px;

    line-height: 20px;

    text-align: center;

    font-size: 15px;

    cursor: pointer;
}

/* tabel note reviews */

.medie_nota .imgStea {
    height: 20px !important;

    width: 20px !important;
}

.medie_nota .nota_big {
    font-size: 40px;

    font-weight: 600;
}

.bg-grey {
    background: #f5f5f5;
}

.bg-orange {
    background: #ff7a00;
}

.bg-verdeGalben {
    background: #a0c823;
}

.nr_note {
    display: block;

    line-height: 12px;
}

.tabel_note_review {
    margin-bottom: 20px;
}

.tabel_note_review .progress {
    height: 12px;

    border-radius: 10px;
}

.tabel_note_review .nota {
    margin-bottom: 12px;
}

/* documentatii */

#documentatii .btn-alb:hover {
    background: transparent;

    color: #222 !important;
}

#documentatii .btn-alb {
    background: transparent;
}

#documentatii i {
    font-size: 16px;
}

#documentatii .odd {
    background: #f2f2f2;

    border-radius: 5px;
}

#documentatii .boxDoc {
    padding: 10px;
}

#breadcrumps_produs_scroll {
    color: #949998;
}

.breadcrumps_produs {
    font-size: 16px;

    font-weight: 600;

    padding: 30px 15px;
}

.breadcrumps_produs a {
    color: #949998;
}

.breadcrumps_produs span {
    color: #949998;
}

.bgWhiteProdus {
    background: white;

    padding: 20px;

    border-radius: 20px;
}

/* GALERIE produs */

.xzoom-thumbs {
    position: relative;

    display: flex;

    min-width: 82%;
}

.xzoom-thumbs .leftLst {
    /* left:-36px */
    left: 0;
}

.xzoom-thumbs .rightLst {
    /* right:-36px; */
    right: 0;
}

.xzoom-thumbs .leftLst.over,
.xzoom-thumbs .rightLst.over {
    pointer-events: none;
    background: transparent;
    color: #ccc;
}

.xzoom-thumbs .xzoom-gallery5 {
    margin-bottom: 0;
}

.xzoom-thumbs .btn:focus {
    box-shadow: none;
}

.galerieImagini .MultiCarousel-inner .item:first-child {
    margin-left: 0;
}

.galerieImagini .MultiCarousel-inner .item img:first-child {
    margin-left: 0;
}

.xzoom-thumbs img {
    /* width: 87px; */
    width: 125px;
}

.xzoom-gallery5 {
    margin-left: 0;

    margin-right: 5px;

    opacity: 0.5;

    transition: all ease-out 0.3s;
}

.xzoom-gallery5:hover {
    opacity: 1;
}

.xactive {
    box-shadow: none !important;

    border: 1px solid #c76b33 !important;

    opacity: 1;
}

.content_produs .left-part,
.planuri_sectiune .left-part,
.comparatie_sectiune .left-part {
    width: 55%;
}

.content_produs .right-part,
.planuri_sectiune .right-part,
.comparatie_sectiune .right-part {
    width: 45%;
    margin-left: 20px;
}

.nav-tabs {
    border: none;
}

.right-part {
    /* padding: 55px 35px; */
}

.right-part-proiect {
    padding: 32px 20px;
}

#nume_produs {
    color: var(--Dark-Orange, #c76b33);

    font-family: Sora;
    font-size: 36px;

    font-weight: 600;
    line-height: 140%; /* 50.4px */
}

#nume_proiect {
    font-family: "Sora";
    color: var(--Dark-Grey, #636667);
    font-size: 32px;
    font-weight: 700;
}

.btnSalveaza,
.btnShare {
    color: var(--Turcoaz, #488597);
    font-size: 16px;
    font-weight: 700;
}

.btnSalveaza:hover,
.btnShare:hover {
    color: var(--Turcoaz, #147693);
}

.btnSalveaza i,
.btnShare i {
    color: white;
    -webkit-text-stroke: 1px #488597;
    font-size: 20px;
}

.right-part-proiect .specificatiiAfisate .text-muted {
    color: #488597;
}

.colBtnFavorite .btnSalveaza.adauga_la_favorite i {
    color: white;
}

.colBtnFavorite .btnSalveaza.sterge_din_favorite i {
    color: #488597;
}

.btnSalveaza i:hover,
.btnShare i:hover {
    color: var(--Turcoaz, #147693) !important;
}

.desc_scurta_prod {
    color: #222222;

    font-family: "Roboto", "Roboto";

    font-size: 14px;
}

.specificatiiAfisate .despartitor {
    color: #488597;
    font-weight: 600;
}

.right-part .titlu-sectiune {
    color: var(--Turcoaz, #488597);
    font-size: 24px;
    font-weight: 700;
}

.infoTehnice .nume {
    color: var(--Dark-Grey, #636667);
    font-size: 18px;
    font-weight: 500;
}

.infoTehnice .valoare {
    color: var(--Turcoaz, #488597);
    font-size: 18px;
    font-weight: 500;
}

.infoPreturi .nume {
    color: var(--Dark-Grey, #636667);
    font-size: 20px;
    font-weight: 500;
}

.infoPreturi .pret {
    color: var(--Turcoaz, #488597);
    font-size: 24px;
    font-weight: 700;
}

.infoPreturi .pret .text-muted {
    color: var(--Dark-Grey, #636667);
    font-size: 16px;
    font-weight: 400;
}

.butoaneProiect .titlu {
    color: var(--Dark-Grey, #636667);
    font-size: 20px;
    font-weight: 500;
}

.btn_programeaza {
    border-radius: 8px;
    background: var(--Turcoaz, #488597);
    border: 1px solid var(--Turcoaz, #488597) !important;
    padding: 13px 23px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.btn_programeaza:hover {
    color: white !important;
    background-color: var(--Turcoaz, #147693) !important;
}

.detalii-produs .colBtnCos .btn_cos_produs.cere-oferta {
    background-color: white;
    color: #147693 !important;
}

.detalii-produs hr {
    margin-top: 30px;
    margin-bottom: 30px;
}

.butoaneTop .btn:focus {
    outline: none;
    box-shadow: none;
}

.nav-tabs .nav-link {
    color: var(--Turcoaz, #488597);
    background: #ededed;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 8px;
    background: #ededed;
    padding: 2px 50px;
}
.nav-tabs .nav-link.active {
    color: var(--White, #fff);
    background: var(--Turcoaz, #488597);
}

.desc_scurta_prod a {
    color: #c76b33;

    font-family: "Roboto", "Roboto";

    font-size: 14px;
}

.separator_prod {
    border-color: #7a7a7a;

    margin: 20px 0;
}

.subtitlu_produs {
    color: #222;

    font-family: "Roboto", "Roboto";

    font-size: 17px;

    font-weight: 500;

    letter-spacing: 0px;
}

.subtitlu_produs a {
    color: #c76b33;
}

.beneficii i {
    color: #c76b33;

    font-size: 18px;
}

.beneficii li {
    color: #54595f;

    font-size: 14px;

    font-family: "Roboto", "Roboto";

    margin-bottom: 10px;
}

.beneficii li .spanDetalii {
    color: #7b7a7a;

    font-size: 14px;

    font-weight: 400;
}

.pret_produs {
    height: 80px;
}

.pret_produs .pret_intreg {
    color: gray;

    font-family: "Roboto", "Roboto";

    font-size: 20px;

    font-weight: 600;

    text-decoration: line-through;

    margin-bottom: 0;
}

.detalii-produs .pret_produs .pret_intreg {
    font-family: inherit;
    font-size: 27px;
}

.detalii-produs .pret_produs .pret_final {
    font-family: inherit;
    font-size: 32px;
    font-weight: 600;
}

.detalii-produs .colBtnCos .btn_cos_produs,
.header_produs .btn_cos_produs {
    border-radius: 8px;
    background: var(--Turcoaz, #488597);
    border: 1px solid var(--Turcoaz, #488597) !important;
    padding: 20px 80px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    border: none;
}

.detalii-produs .colBtnCos .btn_cos_produs:hover,
.header_produs .btn_cos_produs:hover {
    background-color: #147693;
    color: white !important;
    border: 1px solid var(--Turcoaz, #488597) !important;
}

.detalii-produs .colBtnFavorite .btnFavorite {
    padding: 18px 80px;
    border-radius: 8px;
    border: 1px solid var(--Turcoaz, #488597) !important;
    font-size: 18px;
    font-weight: 400;
    color: #488597;
    background: #fff;
}

.header_produs .btnFavoriteHeaderProdus {
    color: #488597;
    border: 1px solid var(--Turcoaz, #488597) !important;
    background: #fff;
}

.header_produs .btnFavoriteHeaderProdus i {
    color: #488597;
}

.sectiune-taburi {
    border-radius: 20px;
    background: #fff;
    padding: 26px 28px;
}

.detalii-produs .colBtnFavorite .btnFavorite.sterge_din_favorite,
.header_produs .btnFavoriteHeaderProdus.sterge_din_favorite {
    color: #488597;
    background: #fff;
    border: 1px solid var(--Turcoaz, #488597) !important;
}

.detalii-produs .colBtnFavorite .btnFavorite:hover,
.header_produs .btnFavoriteHeaderProdus:hover {
    background-color: #147693;
    color: white !important;
    border: 1px solid var(--Turcoaz, #488597) !important;
}

.header_produs .btnFavoriteHeaderProdus i {
    color: inherit !important;
}

.pret_produs .pret_final {
    color: #c76b33;

    font-family: "Roboto", "Roboto";

    font-size: 25px;

    font-weight: 500;

    margin-bottom: 0;
}

.serviciiProdus a {
    color: #222;

    font-weight: 500;
}

/* + & - cantitate */

.value-button {
    display: inline-block;

    /* border: 1px solid #ddd; */

    margin: 0px;

    /* width: 32px;

   height:26px; */

    text-align: center;

    vertical-align: middle;

    padding: 0;

    background: #eee;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    padding: 14px;

    color: #000;

    font-weight: 600;
}

.value-button:hover {
    cursor: pointer;
}

#decrease,
.decrease {
    margin-right: -4px;

    border-radius: 0;

    /* margin-top: -1px; */

    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

#increase,
.increase {
    margin-left: -4px;

    border-radius: 0;

    /* margin-top: -1px; */

    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

#input-wrap {
    margin: 0px;

    padding: 0px;
}

input#number,
input.number {
    text-align: center;

    /* border: none;

   border-top: 1px solid #ddd;

   border-bottom: 1px solid #ddd; */

    /* margin: 0px; */

    /* width: 40px;

   height: 26px; */

    /* padding-top: 0px;

   padding-bottom: 3px; */
    background: #f5f5f5;

    padding: 14px;

    color: #000;

    font-weight: 600;
}

.produsCard .btnFavorite span {
    display: none;
}

.rand_prod_cos input.number {
    padding-top: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;

    margin: 0;
}

.value-button {
    border: none;

    color: #333;

    background: #f5f5f5;

    font-size: 18px;
}

input#number,
input.number {
    border: none !important;
}

/* stoc */

.clasa_in_stoc {
    background-color: #368a00;
}

.clasa_epuizat {
    background-color: #e5260a;
}

.clasa_precomanda {
    background-color: #f5a10d;
}

.clasa_furnizor {
    background-color: #19c6f3;
}

.clasa_fabricatie {
    background-color: #000;

    color: white;
}

.right-part .detalii-produs .subtitlu_produs {
    color: var(--Dark-Grey, #636667);
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
}

.right-part .detalii-produs .nota_review,
.right-part .detalii-produs .nr_reviews {
    color: var(--Turcoaz-hover, #147693);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}

.right-part .detalii-produs .pret_produs {
    height: auto;
}

.stoc {
    font-size: 16px;

    font-weight: 400;

    color: #ffffff;

    padding: 5px 10px;

    border-radius: 6px;
}

.colStoc {
    padding-left: 0;
}

.cant_in_stoc {
    color: green;

    border: 1px solid green;

    padding: 5px;

    position: absolute;

    bottom: 0;

    letter-spacing: 0.5px;

    font-family: "Roboto", "Roboto";

    font-size: 12px;

    font-weight: 600;
}

.col-dreapta-detalii-produs .btn-block i {
    margin-right: 30px;
}

.col-dreapta-detalii-produs .btn-block {
    font-size: 14px;

    border: 1px solid #c76b33;

    padding: 15px 30px;

    height: 100%;

    font-weight: 400;

    border-radius: 5px;

    letter-spacing: 0.5px;

    line-height: 15px;

    font-family: "Roboto", "Roboto";
}

.col-dreapta-detalii-produs .btn-alb {
    border: 1px solid #c76b33;
}

.spec_variatie {
    margin-bottom: 10px;

    display: block;

    width: 100%;
}

.spec_variatie .btn-alb {
    border: 1px solid #ff860d;

    color: #ff860d;

    margin-right: 5px;

    font-size: 12px;

    padding: 3px;
}

.spec_variatie .btn-alb:not(:disabled):hover {
    border: 1px solid #ff860d;

    color: #ff860d;

    margin-right: 5px;
}

.spec_variatie .btn-alb.disabled,
.spec_variatie .btn-alb:disabled {
    color: #b4afaf;

    border-color: #b4afaf;
}

/* .acceasi_variatie{

   background: #e7cbb0 !important;

   color:#5b565f !important;

} */

.variatie_selectata {
    background: #c76b33 !important;

    color: white !important;
}

/* modal cere oferta */

.swal_trimite_cerere label .required {
    color: red;
}

.swal_trimite_cerere .swal2-title {
    margin: 20px auto 30px auto;

    display: block !important;
}

.swal_trimite_cerere .swal2-modal {
    padding: 30px 40px;
}

/* swal adaugat in cos */

.swal2-actions.butoane-adauga-swal button {
    padding: 15px;

    border-radius: 0;

    font-size: 14px;

    font-family: "Roboto";

    font-weight: 600;
}

.swal2-actions.butoane-adauga-swal button a {
    color: white;
}

/* TABURI PRODUS */

.bg-gradient {
    background-color: transparent;

    background-image: linear-gradient(50deg, #c76b33 0%, #c76b33 100%);

    opacity: 0.95;

    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.taburi_produs {
    padding: 5px 0;
}

.taburi_produs .nav-tabs {
    border: none;
}

.taburi_produs .nav-item a {
    /* border:1px solid #6d6666;

   border-radius: 0;

   font-family: "Roboto", Roboto;

   font-size: 14px;

   font-weight: 600;

   letter-spacing: 0.5px;

   color: white;

   background-color: #C76B33;

   margin-right: 15px;

   transition: all 0.3s ease-out; */

    border-radius: 8px;

    border: 1px solid var(--Turcoaz, #488597);

    font-family: inherit;

    padding: 12px 32px;

    font-size: 16px;

    font-weight: 600;

    color: #488597;

    background: #fff;

    margin-right: 20px;

    transition: all 0.3s ease-out;
}

.taburi_produs .nav-item a:hover {
    /* background-color: white;

   color:#C76B33; */

    background-color: #147693;
    color: white !important;
}

.taburi_produs .nav-item .nav-link.active {
    background: var(--Turcoaz, #488597);
    color: white;
    border: 1px solid var(--Turcoaz, #488597);
}

.content_taburi {
    color: var(--Black, #000);

    font-family: inherit;

    font-size: 16px;

    font-weight: 400;

    line-height: 28px;
}

.content_taburi .tab-content {
    /* padding: 15px; */

    background: white;
}

.content_taburi .tab-pane {
    padding: 0;
}

.table_spec_produs td {
    padding: 8px;

    font-size: 14px;
}

.titlu_taburi {
    font-size: 18px;

    color: #333 !important;
}

.produse_similare {
    display: grid;

    grid-template-columns: repeat(5, 1fr);

    grid-column-gap: 10px;

    grid-row-gap: 10px;
}
.adauga_in_cos {
    padding: 0;
}

.box_similare .spanSimilare {
    color: var(--Turcoaz, #488597);
    font-family: inherit;
    font-size: 24px !important;
    font-weight: 700;
}

#descriere table {
    background-color: transparent;

    width: 100%;

    margin-bottom: 15px;

    font-size: 0.9em;

    border-spacing: 0;

    border-collapse: collapse;
}

#descriere table tbody > tr:nth-child(odd) > td,
#descriere table tbody > tr:nth-child(odd) > th {
    background: #f7f7f7;
}

#descriere table td,
#descriere table th {
    padding: 15px;

    line-height: 1.5;

    vertical-align: top;

    border: 1px solid #ccc;
}

/* documentatii */

#documentatii .btn-alb:hover {
    background: transparent;

    color: #222 !important;
}

#documentatii .btn-alb {
    background: transparent;
}

#documentatii i {
    font-size: 16px;
}

#documentatii .odd {
    background: #f2f2f2;

    border-radius: 5px;
}

#documentatii .boxDoc {
    padding: 10px;
}

/* ---------------- PAGINI ---------------------------*/

.boxFormular label {
    font-size: 1rem;
}

.boxFormular {
    border-radius: 20px;
}

.check-formular {
    font-size: 45px;
}

.info_pagini {
    color: #c76b33;

    font-size: 20px;

    font-weight: 700;

    font-family: "Roboto", "Roboto";

    border-top: 2px solid #c76b33;

    padding: 15px;

    background: #fff;
}

.lista_date_pagini li:not(:last-child) {
    margin-bottom: 10px;
}

.lista_date_pagini li {
    font-size: 14px;
}

.contentPagina {
    font-size: 14px;
}

.paginiAll a {
    color: #c76b33;
}

/* BLOG */

.pgPostari .divPostare {
    background: #f5f5f5;
    border: none;
    border-radius: 5px;
    display: block;
    padding: 20px;
    transition: all 0.3s ease;
}

.pgPostari .divPostare:hover {
    border: 2px solid var(--Dark-Orange, #c76b33);
}

.pgPostari .divPostare img {
    width: 100%;
    object-fit: contain;
    border-radius: 12px;
}

.pgPostari .divPostare .titluPostare {
    display: block;
}
/* 
/* CONTACT */

.pgContact img {
    width: 400px;
}

.form-contact {
    padding: 25px;

    background: white;

    box-shadow: 0px 0px 7px -4px rgba(0, 0, 0, 0.5);
}

.form-contact .form-control {
    background: #f29f2926;
}

.form-contact label {
    color: #222;

    font-size: 13px;

    font-weight: 600;

    font-family: "Roboto", Roboto;
}

.form-contact .form-group {
    margin-bottom: 0px;
}

.form-contact .form-control {
    border: 0;

    border-radius: 0;

    padding: 5px 20px;

    height: 55px;
}

.form-contact .required {
    color: red;
}

.divContactBoxs i:not(.iconMic) {
    color: #c76b33;

    font-size: 38px;

    margin-bottom: 10px;
}

.divContactBoxs h6 {
    font-family: "Roboto", Roboto;

    color: #222;

    font-size: 22px;

    font-weight: 600;
}

.divContactBoxs p {
    margin: 0;
}

.divContactBoxs span {
    font-family: "Roboto", Roboto;

    color: rgb(122, 122, 122);

    font-size: 16px;
}

.divContactBoxs a {
    color: #212563;

    font-size: 15px;
}

/* COS */

.produse_cos .rand_prod_cos .alert-danger,
.produse_cos .rand_prod_cos .alert-warning,
.produse_cos .rand_prod_cos .alert-primary {
    font-size: 12px;

    padding: 2px;

    background-color: transparent !important;

    margin-top: 10px;

    margin-bottom: 0;
}

.produse_cos .alert-danger {
    color: #cc1828;
}

.produse_cos .alert-warning {
    color: #ea8c27;

    border-color: #ea8c27;
}

.produse_cos .rand_prod_cos {
    background: white;

    padding: 15px;

    margin: 0 0 10px 0;

    min-height: 130px;
}

.produse_cos .rand_prod_cos:hover {
    transform: scale(1.01);
}

.rand_prod_cos img {
    height: 50px !important;
}

.produse_cos .nume_prod_cos {
    color: #222222;

    font-family: "Roboto", Roboto;

    font-size: 16px;

    font-weight: 400;

    line-height: 18px;
}

.produse_cos .buc {
    display: inline-block;

    margin-top: 20px;
}

.produse_cos .rand_prod_cos .spanFavorite,
.rand_prod_cos .sterge_din_cos,
.rand_prod_cos .sterge_din_favorite {
    font-size: 13px;

    cursor: pointer;

    display: inline-block;

    margin-right: 5px;
}

.produse_cos .rand_prod_cos .subtotal i {
    color: #c76b33;
}

.produse_cos .rand_prod_cos .subtotal i:hover,
.colDreapta .click-cart:hover {
    color: #c76b33;
}

.produse_cos .rand_prod_cos .pret_final {
    font-size: 15px;

    font-weight: 600;

    color: #222;
}

.produse_cos .rand_prod_cos .subtotal .pret_final {
    font-weight: 700;

    font-size: 17px;
}

.produse_cos .rand_prod_cos {
    font-family: "Roboto", Roboto-serif;
}

.produse_cos .cant_stoc,
.produse_cos .stoc {
    float: right;

    right: 0;
}

.produse_cos .cant_in_stoc,
.produse_cos .stoc {
    position: relative;

    float: none;

    right: unset;

    margin-top: 5px;

    padding: 3px;

    font-size: 10px;
}

.ultima_coloana_cos .spanFavorite {
    margin-right: 10px;
}

.sumar_comanda {
    background: white;

    padding: 25px;
}

.sumar_comanda h3 {
    color: #222;

    font-family: "Roboto";

    font-size: 24px;

    font-weight: 700;

    line-height: 18px;
}

.sumar_comanda .pret_intreg {
    margin-bottom: 0px !important;

    color: grey;

    font-size: 14px;

    font-family: "Roboto";

    font-weight: 600;

    text-decoration: line-through;
}

.sumar_comanda .pret_final {
    margin-bottom: 0px !important;

    color: #222;

    font-size: 19px;

    font-family: "Roboto";

    font-weight: 600;
}

.sumar_comanda .btn-albastru {
    color: white;

    font-size: 20px;

    font-family: "Roboto";

    font-weight: 400;

    padding: 15px 30px;

    font-size: 16px;
}

.sumar_comanda .btn-gri {
    color: white;

    font-size: 20px;

    font-family: "Roboto";

    font-weight: 400;

    border-radius: 5px;

    padding: 15px 30px;

    font-size: 16px;
}

.sumar_comanda .btn-gri:hover {
    color: #6c757d;

    background: white;
}

.sumar_comanda .btn-albastru:hover {
    color: white;
}

.total_comanda .row {
    margin: 0;
}

#totalComandaDePopulat {
    text-align: right;
}

#totalComandaDePopulat .fa-spinner {
    color: #c76b33;
}

/* FINALIZARE */

.colWhiteFinalizare {
    background: white;

    color: #999;

    padding: 0;
}

.colWhiteFinalizare ul {
    padding: 0 40px;
}

.colWhiteFinalizare h4 {
    color: #222;

    padding: 20px 20px 0px 20px;

    line-height: 30px;
}

.colWhiteFinalizare h4 .conexiune_securizata {
    padding: 0 4px;

    float: right;

    border-radius: 5px;

    background: #f2f2f2;

    font-size: 11px;
}

.colWhiteFinalizare h6 {
    color: #222;

    margin-top: 10px;

    font-size: 18px;
}

.colWhiteFinalizare .boxFinalizare {
    padding: 20px 40px 20px 40px;
}

.tipPersoane .pers {
    border: 1px solid #ddd;
}

.tabsFinalizare .nav-tabs {
    border-bottom: 1px solid #c76b33;
}

.tabsFinalizare .nav-tabs .nav-item.show .nav-link,
.tabsFinalizare .nav-tabs .nav-link.active {
    border-color: #C76B33#C76B33 #fff;
}

.tabsFinalizare .nav-tabs a {
    color: #222;
}

.tabsFinalizare li {
    width: 50%;
}

.boxFinalizare .boxRadio {
    display: inline-block;

    width: calc(50% - 10px);

    padding: 10px;

    border: 1px solid #cbbfda;

    border-radius: 3px;
}

.boxAdresaExistenta {
    padding-bottom: 10px;

    padding-top: 10px;

    border-bottom: 1px solid #f2f2f2;
}

.boxAdresaExistenta span {
    display: block;

    font-size: 12px;
}

.adresa_fizica .boxAdresaExistenta:last-child,
.adresa_juridica .boxAdresaExistenta:last-child,
.adrese_livrare .boxAdresaExistenta:last-child {
    border: 0;
}

.boxAdresaExistenta .radio_adresa {
    top: 3px;
}

.radio_adresa {
    position: absolute;

    left: -5px;

    top: 34px;
}

.boxRadio label {
    margin-bottom: 0;

    cursor: pointer;

    display: block;

    width: 100%;
}

.metode .boxRadio {
    cursor: pointer;
}

.steps_comanda li:after {
    content: "";

    width: 100%;

    height: 2px;

    background: lightgray;

    position: absolute;

    left: 0;

    top: 50px;

    z-index: -1;
}

.steps_comanda li {
    margin-bottom: 5px;
}

.steps_comanda {
    margin-bottom: 30px;

    overflow: hidden;

    color: lightgrey;
}

.steps_comanda .active {
    color: #c76b33;
}

.steps_comanda li {
    list-style-type: none;

    font-size: 15px;

    width: 33.3%;

    float: left;

    position: relative;

    font-weight: 400;
}

.steps_comanda .list-inline-item:not(:last-child) {
    margin: 0;
}

.steps_comanda li i {
    text-align: center;

    height: 100px;

    width: 100px;

    border-radius: 50px;

    font-size: 34px;

    background: #fff;

    line-height: 100px;
}

.steps_comanda li:before {
    width: 50px;

    height: 50px;

    line-height: 45px;

    display: block;

    font-size: 20px;

    color: #ffffff;

    background: lightgray;

    border-radius: 50%;

    margin: 0 auto 10px auto;

    padding: 2px;
}

.steps_comanda li:before,
.steps_comanda li:after {
    background: #c76b33;
}

.creareCont .boxRadio {
    width: 100%;
}

.box100 {
    width: 100% !important;

    display: flex !important;

    margin-bottom: 10px;

    margin-right: 0;

    margin-left: 0;
}

.metode {
    padding-bottom: 10px !important;
}

.metode .boxRadio span {
    font-size: 12px;

    display: block;

    line-height: 15px;

    color: #999 !important;

    font-weight: 500 !important;
}

.metode .boxRadio .pret_livrare {
    color: #555 !important;

    font-size: 15px;

    font-weight: 600 !important;
}

.butonPlaseaza {
    padding: 0 40px 40px 40px;
}

.butonPlaseaza p {
    display: inline-block;

    margin: 0;
}

.metode .boxRadio .nume_metoda {
    font-weight: 600;

    color: #444;

    font-size: 14px;
}

.boxComandaPlasata {
    padding: 20px;

    color: #54595f;

    font-size: 15px;
}

.colInputsCheck {
    font-size: 14px;

    margin-bottom: 15px;
}

.boxComandaPlasata i {
    font-size: 36px;

    color: green;
}

.comandaPlasataFaraStoc i {
    color: #57b0e4;
}

.boxComandaPlasata .detalii_plata {
    color: #666;

    font-size: 14px;
}

.fontMic {
    font-size: 12px;
}

/* ---------------- CONTUL MEU ------------------------ */

.detalii-cont .nav-pills .nav-link.active,
.detalii-con .nav-pills .show > .nav-link,
.detalii-cont .nav-pills .nav-link:hover {
    background-color: white;

    color: #c76b33;

    border-radius: 0;
}

.detalii-cont .nav-pills .nav-link {
    color: #fff;

    font-family: "Roboto", Roboto;

    font-size: 16px;

    padding: 18px;

    transition: background 0.3s, border 0.3s, border-radius 0.3s,
        box-shadow 0.3s;
}

.detalii-cont .nav-pills .active {
    color: white;

    border-radius: 0;
}

.detalii-cont .nav-pills {
    background: #c76b33;

    margin-bottom: 15px;

    box-shadow: 0px 0px 25px 0px rgba(154, 156, 202, 0.5);

    margin-bottom: 30px;
}

.detalii-cont .openMeniuCont i {
    color: #c76b33;

    font-size: 20px;

    margin-right: 10px;
}

.detalii-cont .openMeniuCont span {
    font-size: 15px;
}

.detalii-cont .openMeniuCont {
    background: white;

    padding: 8px 11px;
}

.divComenzi .randComanda {
    background: white;

    padding: 15px 10px;

    margin-bottom: 25px;

    color: #222;

    font-family: "Roboto";

    font-weight: 600;

    font-size: 15px;
}

.divComenzi .headerComenzi {
    color: #c9cbe1;

    margin-bottom: 15px;

    font-size: 15px;

    font-family: "Roboto";
}

.open-popup-comanda {
    cursor: pointer;

    color: #c76b33 !important;
}

.modalComanda .close {
    right: 3px;

    top: 3px;

    position: absolute;

    background: #161845;

    height: 30px;

    width: 30px;

    line-height: 16px;

    border-radius: 15px;

    padding: 5px;

    color: #ffff;
}

.modalComanda .boxCampValoare {
    margin-bottom: 0;

    padding: 0;
}

.modalComanda .valoareCamp,
.modalComanda .valoareCamp a {
    color: #54595f !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    display: block;

    font-family: "Roboto";

    letter-spacing: -0.5px;

    line-height: 19px;
}

.modalComanda .spanTotal {
    font-size: 20px;

    font-weight: 700;

    color: #c76b33;

    font-family: "Roboto";

    letter-spacing: -0.5px;
}

.modalComanda .divContulMeu h5 {
    font-weight: 600;
}

.modalComanda .divContulMeu {
    padding: 15px;
}

.modalComanda .modal-content {
    padding: 25px;
}

.modalComanda .rand_sumar_comanda {
    font-size: 14px;

    margin-bottom: 6px;

    font-family: "Roboto";

    letter-spacing: -0.5px;
}

.modalComanda .rand_sumar_comanda .pret_final {
    font-size: 12px !important;
}

.modalComanda .sumar_comanda {
    padding: 0 15px;
}

.modalComanda .labelCamp {
    color: #c9cbe1;

    font-size: 14px;

    font-family: "Roboto";
}

.modalComanda img {
    height: 25px;
}

.boxConectare textarea {
    border: 0;

    padding-top: 10px;
}

.boxConectare img {
    height: 21px;
}

.boxConectare .card {
    border: 0;

    background: #fff;

    box-shadow: 0px 0px 25px 0px rgba(154, 156, 202, 0.09);

    padding: 30px 30px 30px 30px;
}

.boxConectare .card-header {
    background-color: transparent;

    border: none;

    padding: 0;
}

.boxConectare .card-header h5 {
    font-size: 25px;

    color: #222;

    font-weight: 700;

    letter-spacing: -0.5px;

    font-family: "Roboto";
}

.boxConectare a,
.boxConectare label {
    font-size: 14px;

    line-height: 21px;

    font-weight: 500;

    font-family: "Roboto";

    color: #222;
}

.boxConectare .input-group-text {
    border: 0;

    color: #c9cbe1;
}

.boxConectare input:not([type="submit"]) {
    border: 0;

    padding: 25px 15px;

    background: #f2f2f2;
}

.boxConectare input::-webkit-input-placeholder {
    color: #c76b33;

    font-family: "Roboto", Roboto;

    font-size: 14px;

    font-weight: 600;
}

.boxConectare .bgGri {
    background: #fafafa;

    padding: 5px 30px;
}

.boxConectareFinalizare {
    padding: 0 24px 24px 24px;
}

.rowTermeni a,
.boxConectare .recuperareParola a {
    color: #c76b33;

    text-decoration: underline;

    line-height: 29px;
}

.containerContulMeu {
    padding: 50px;

    box-shadow: 0px 0px 25px 0px rgba(154, 156, 202, 0.09);

    background: white;
}

.divContulMeu {
    box-shadow: 0px 0px 25px 0px rgba(154, 156, 202, 0.09);

    padding: 30px;

    height: 100%;

    background: white;
}

.divContulMeu h5 {
    color: #222;

    font-family: "Roboto", Roboto;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: -0.5px;

    margin-bottom: 20px;
}

.boxCampValoare {
    background: white;

    font-family: "Roboto";

    font-size: 14px;

    padding: 15px;

    margin-bottom: 20px;
}

.box_cantitate_cos {
    margin-top: 5px;
}

.boxCampValoare img {
    height: 25px;
}

.boxCampValoare .labelCamp {
    display: block;

    color: #c9cbe1;
}

.boxCampValoare .valoareCamp {
    display: block;

    color: #222;

    font-size: 15px;

    font-weight: 400;

    font-family: "Roboto";
}

.boxCampValoare .fa-spinner {
    color: #c76b33;
}

.linkTabs {
    color: #c76b33 !important;

    font-size: 14px;

    font-family: "Roboto";

    font-weight: 600;

    cursor: pointer;
}

.linkTabs:hover {
    color: #c76b33 !important;
}

.swal_modifica_adresa .swal2-popup {
    width: 40em;
}

.swal_modifica_adresa .swal2-popup .swal2-input {
    margin-top: 5px;

    height: 2em;

    font-size: 14px;

    margin-bottom: 5px;
}

.swal_modifica_adresa .swal2-popup label {
    font-size: 14px;

    margin-bottom: 0;

    font-family: "Roboto";

    font-weight: 600;

    color: #222;
}

.swal_modifica_adresa .swal2-header {
    display: block;

    text-align: left;
}

.swal_modifica_adresa .swal2-title {
    font-size: 20px;

    color: #222;

    font-family: "Roboto";
}

.bullet_status_initiata {
    color: #b9b9b9;
}

.bullet_status_plasata {
    color: #00c4ff;
}

.bullet_status_platita {
    color: #5f38ad;
}

.bullet_status_finalizata {
    color: #38ad41;
}

.bullet_status_procesare {
    color: #e2c709;
}

.bullet_status_anulata {
    color: #e2091d;
}

.bullet_status_esuata {
    color: #222;
}

/* ---------------- GENERALE ------------------------ */

.col20 {
    width: 20%;

    padding-right: 0;

    max-width: 20%;

    flex: 0 0 20%;
}

.col80 {
    width: 80%;

    padding-left: 10px;

    max-width: 80%;

    flex: 0 0 80%;
}

.height100 {
    height: 100%;
}

.color-gray {
    color: #54595f;
}

.bgWhite {
    background: white;
}

.btn-mov {
    /* background: #C76B33; */
    background: #488597;

    color: white;

    /* border: 1px solid #C76B33; */

    border: 1px solid #488597;

    border-radius: 5px;

    padding: 7px 20px;

    font-size: 14px;

    transition: all 0.3s ease;
}

.btn-alb-border {
    border: 1px solid #c76b33;

    font-size: 12px;

    padding: 3px 8px;

    color: #c76b33 !important;

    font-weight: 600;
}

.btn-alb {
    background: white;

    color: #c76b33;

    letter-spacing: 1.1px;

    border-radius: 0;

    padding: 6px 12px;

    font-size: 13px;

    font-weight: 400;

    transition: all 0.3s ease;
}

.btn-alb-swal {
    background: white !important;

    color: #c76b33 !important;

    letter-spacing: 1.1px !important;

    border-radius: 0 !important;

    padding: 6px 12px !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    transition: all 0.3s ease !important;
}

.btn-mov-sm {
    font-size: 13px !important;

    padding: 10px 20px !important;

    letter-spacing: 0.5px !important;

    font-weight: 600 !important;
}

.btn-mov-swal {
    background: #c76b33 !important;

    color: white !important;

    border: 1px solid #c76b33;

    letter-spacing: 1.6px !important;

    border-radius: 0 !important;

    padding: 7px 20px !important;

    font-size: 14px !important;

    transition: all 0.3s ease !important;
}

.btn-mov-swal:hover {
    background: #c76b33 !important;

    color: white !important;

    border: 0 !important;
}

.btn-mov:hover {
    /* background: #C76B33; */
    background: #147693;

    color: white;

    /* border: 1px solid #C76B33 !important; */

    border: 1px solid #147693 !important;
}

.btn-alb:hover:not([disabled]) {
    background: #c76b33;

    color: white !important;
}

.btn-albastru {
    background: #c76b33;

    color: white;

    border: 1px solid #c76b33;

    border-radius: 5px;

    padding: 8px 13px;

    font-size: 13px;

    transition: all 0.3s ease;

    line-height: 13px;
}

.btn-gri {
    background: #6c757d;

    color: white;

    border: 1px solid #6c757d;

    border-radius: 0;

    padding: 8px 13px;

    font-size: 13px;

    transition: all 0.3s ease;

    line-height: 13px;
}

.btn-albastru:hover {
    background: #fff;

    color: #c76b33 !important;

    border: 1px solid #c76b33;
}

.btn-gri:hover {
    background: #6c757d;

    color: white;

    border: 1px solid #6c757d;
}

.margineSectiuni {
    margin-top: 75px;
}

.shadow-custom {
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.15);
}

.no-style {
    list-style-type: none;

    margin: 0;

    padding: 0;
}

.colorVerde {
    color: #1ca51c;
}

.i-block {
    display: inline-block;
}

.iconMov {
    color: #c76b33;
}

.footerJos {
    position: fixed;

    bottom: 0;
}

.page404 h2 {
    color: #c76b33;

    font-family: "Roboto", Roboto;

    font-size: 40px;

    font-weight: 700;
}

.page404 {
    min-height: calc(100vh - 400px);

    background-size: contain;

    background-repeat: no-repeat;

    margin-bottom: 40px !important;

    background-position: center;

    padding: 40px;

    border-radius: 20px;
}

.page404 a {
    font-size: 16px;

    font-family: "Roboto", Roboto;

    padding: 15px 30px;

    font-weight: 600;
}

.page404 img {
    height: 300px;

    width: 100%;

    object-fit: contain;
}

.produs .stoc_listare_prod {
    display: block;
    font-size: 15px;
    color: #999;
    line-height: 12px;
    text-align: left;
}

.tab_wrapper .content_wrapper .accordian_header.active {
    color: #222;
}

.tab_wrapper .content_wrapper .accordian_header.active .arrow {
    border-top: 3px solid #222;

    border-left: 3px solid #222;
}

.tab_wrapper .content_wrapper .accordian_header.active:after {
    display: none;
}

.image-wrapper-xzoom5 {
    border-radius: 12px;
    aspect-ratio: 11 / 8;
    overflow: hidden;
    margin-bottom: 15px;
}
.image-wrapper-xzoom5 .xzoom5 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.xzoom2,
.xzoom3,
.xzoom4,
.xzoom5 {
    box-shadow: none !important;
}

.xzoom-thumbs img {
    margin-right: 5px;

    max-width: 100%;

    max-height: 100%;

    border-radius: 12px;
}

/* header produs fixed */

.header_produs {
    background: white;

    padding-top: 25px;

    padding-bottom: 25px;

    font-size: 14px;

    z-index: 17;
}

.header_produs.fixed {
    animation: none;
}

.header_produs img {
    height: 50px;
}

.header_produs .nume_produs {
    font-size: 16px;

    max-height: 40px;

    overflow-y: hidden;

    line-height: 20px;

    display: block;
}

.header_produs .pret_intreg {
    font-size: 14px;
}

.header_produs .pret_final {
    font-size: 16px;

    line-height: 18px;
}

.header_produs .cere-oferta .fa-file-invoice {
    margin-left: 0;
}

.header_produs .cere-oferta {
    line-height: 34px !important;
}

.btnFavoriteHeaderProdus {
    border: 1px solid #c76b33;

    display: block;

    text-align: center;

    cursor: pointer;

    border-radius: 5px;
}

.header_produs .box_butoane .adauga_in_cos #boxRosu {
    height: 36px;
}

.header_produs .box_butoane .adauga_in_cos .triunghi {
    height: 30px;

    border-top: 18px solid transparent;

    border-bottom: 18px solid transparent;

    border-left: 18px solid #c76b33;
}

.header_produs .btn_cos_produs {
    line-height: 34px !important;

    padding: 0;
}

.header_produs .pret_produs {
    height: auto;
}

.header_produs .btn-block.cere-oferta {
    display: inline-block;

    border-top: 1px solid;

    border-bottom: 1px solid;
}

.btnFavoriteHeaderProdus i {
    font-size: 20px;

    color: #c76b33;

    line-height: 34px;
}

.header_produs .btn_cos_produs {
    width: 80%;
}

/* ------------------------------- RESPONSIVE ----------------------------------- */

/* mobile */

@media (max-width: 992px) {
    .content_produs {
        flex-direction: column;
    }

    .content_produs .right-part,
    .planuri_sectiune .right-part {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }

    .content_produs .left-part,
    .planuri_sectiune .left-part {
        width: 100%;
    }

    .flex-column-mobile {
        flex-direction: column;
    }

    .content_produs .MultiCarousel .MultiCarousel-inner {
        width: 100% !important;
    }
    .copyright-links {
        align-items: center;
        justify-content: center;
    }
}

@media all and (min-width: 0px) and (max-width: 767px) {
    .meniu.shadow-custom.meniu-large {
        left: -29px !important;
        /* top: 60px; */
    }
    .footerANPC img {
        width: 100%;
    }

    .mega-title .sub-link img {
        height: 26px;
    }

    .cta-section-content {
        padding: 20px !important;
    }

    .d-none-mobile-important {
        display: none !important;
    }

    .showBoxReview {
        margin-left: 10px;
    }

    .box_reviews_mobile {
        padding: 10px;
    }

    #descriere iframe {
        width: 100%;
    }

    .marginTopMinus30Mobile {
        margin-top: -30px;
    }

    .marginTop20Mobile {
        margin-top: 20px;
    }

    .page404 h2 {
        text-align: center;
    }

    #descriere img {
        width: 100% !important;

        height: auto !important;

        margin-bottom: 10px;
    }

    /* BLOG */

    .pgPostari .divPostare {
        padding: 15px;
    }

    .pgPostari .divPostare img {
        /* height: 160px; */
        width: 100%;
    }

    .pgPostari .divPostare {
        margin-bottom: 10px;
    }

    .pgPostari .divPostare .titluPostare {
        font-size: 12px;
    }

    .colImgCatDesc {
        margin: auto;

        text-align: center;
    }

    .colDescCat {
        text-align: center;
    }

    .img_cat_featured {
        height: 110px;

        margin-bottom: 10px;
    }

    .marginTop0 {
        margin-top: 0 !important;
    }

    /* .carouselProduse .produse{

      display: inline-block;

   } */

    .carouselProduse .produse .produs {
        margin-right: 10px;
    }

    .produse .produs {
        padding: 10px;
    }

    .produse .produs .cantitate-produs {
        /* display: none; */
    }

    .produse .produs .pret_intreg_new {
        font-size: 16px;
        bottom: 35px;
    }

    .marginTop40Mobile {
        margin-top: 40px !important;
    }

    .page404 .row {
        flex-direction: column-reverse;
    }

    .imgCoverBlog img {
        height: 200px;
    }

    .paddingLeft15Mobile {
        padding-left: 15px !important;
    }

    .paddingRight15Mobile {
        padding-right: 15px;
    }

    .paddingRight0Mobile {
        padding-right: 0;
    }

    .scrisMult a {
        font-size: 44px;
    }

    .scrisMult h5 {
        font-size: 30px;
    }

    .scrisMult h4 {
        font-size: 25px;
    }

    .scrisMult {
        margin-bottom: 30px !important;
    }

    .sectiuneOferta .produse .produs:last-child {
        display: none;
    }

    .sectiuneOferta .produse .produs:first-child img {
        height: 140px;
    }

    .sectiuneOferta {
        padding: 10px 0 60px 0;
    }

    .col20 {
        width: 100% !important;

        max-width: 100% !important;

        flex: 0 0 100% !important;

        padding-right: 15px;
    }

    .col80 {
        width: 100% !important;

        max-width: 100% !important;

        flex: 0 0 100% !important;
    }

    .header .header2 {
        margin-bottom: 7px;
    }

    .header2 input {
        border: none;
    }

    .header2 .input-group-text {
        border: none !important;
    }

    .searchGroup input::-webkit-input-placeholder {
        color: #54595f;
    }

    .searchGroup input:focus {
        background: transparent !important;
    }

    .header .logo_mare {
        /* height:26px; */
        height: 75px;
        /* width: 75px; */
    }

    .produse-row {
        padding: 40px 10px 40px 10px;
    }

    .proiecte-row {
        padding: 40px 10px 40px 10px;
    }

    .header .logo_mic {
        /* height: 25px; */
        height: 50px;
    }

    .descriere-sectiune span {
        font-size: 13px;
    }

    .searchGroup input {
        color: #222;

        background: none !important;
    }

    .searchGroup .input-group-text {
        background: none !important;
    }

    .colCard {
        margin-top: 5px;
    }

    .colCard .flip-card {
        height: auto;
    }

    .titlu-sectiune span {
        font-size: 30px;
    }

    .marginTop10Mobile {
        margin-top: 10px;
    }
    .marginTop40Mobile {
        margin-top: 40px;
    }

    .box-overlay-contact {
        padding: 20px;
    }

    .box-contact-home .inner-content {
        max-width: 100%;
    }

    .search_produse:focus {
        color: #222 !important;
    }

    .item_cautare .desc_prod,
    .vezi_tot {
        color: #54595f;
    }

    #nr_prod_cos {
        right: -12px;
    }

    .hiddenAjax {
        color: #222;
    }

    .btnVeziCos {
        padding: 10px;
    }

    .rand_prod_cos .pret_final {
        font-size: 12px;
    }

    .meniu {
        top: 95px;
    }

    .produse {
        grid-template-columns: 2fr 2fr;
    }

    #carousel-home .carousel-item img {
        object-fit: cover;

        height: auto;
    }

    #carousel-home .carousel-caption h3 {
        font-size: 18px;

        line-height: 33px;

        margin-bottom: 5px;
    }

    #carousel-home .carousel-caption {
        top: 0%;

        padding: 10px 20px;

        left: 0%;

        width: 100%;
    }

    #carousel-home .carousel-caption p {
        margin-bottom: 20px;

        font-size: 14px;
    }

    #carousel-home .carousel-indicators {
        z-index: 2;
    }

    #carousel-home .carousel-indicators {
        margin-bottom: 0;
    }

    .tab_wrapper.left_side .content_wrapper,
    .tab_wrapper.right_side .content_wrapper {
        width: 100% !important;
    }

    .sectiune-cards .col-6 {
        padding-bottom: 10px;
    }

    .sectiune-cards .col-6:nth-child(2n + 1) {
        padding-left: 15px;
    }

    .sectiune-cards .col-6:nth-child(2n + 2) {
        padding-right: 15px;
    }

    .flip-cards {
        display: grid;

        grid-template-columns: repeat(2, 1fr);

        grid-column-gap: 10px;

        grid-row-gap: 10px;
    }

    .flip-card {
        height: 115px;

        width: auto;

        margin-bottom: 0;
    }

    .flip-card h4 {
        font-size: 14px;
    }

    .sectiune-cards .colCard {
        padding: 5px;
    }

    .margineSectiuni {
        margin-top: 60px;
    }

    .categoriiHomepage {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 15px;
    }

    .boxCategorie {
        min-height: 160px;

        background-size: 100px !important;

        overflow: visible;
    }

    .border_img_categorie {
        width: 160px;
        height: 160px;
    }

    .categorie-div {
        width: auto;
        height: auto;
    }

    .boxCategorie .nume_categorie {
        /* height: 50px; */
        overflow-y: hidden;
        line-height: 1;
    }

    .img_categorie {
        /* height: 84px; */
        height: 150px;
        width: 150px;
    }

    .img-proiect {
        width: 290px;
    }

    .boxReduceriFinale .tab_wrapper .content_wrapper .accordian_header {
        color: #c76b33;

        text-transform: none;

        font-size: 15px;

        font-weight: 600;

        font-family: "Roboto";
    }

    .colStangaReduceriFinale {
        padding-left: 0;
    }

    .boxReduceriFinale .produse .produs {
        width: auto !important;
    }

    .titlu_categ_slider {
        font-size: 20px;
    }

    /* .carouselProduse .produse{

      grid-template-columns: repeat(6,1fr) !Important;

   } */

    .boxTextCateg {
        padding: 15px;
    }

    .boxReduceriFinale
        .tab_wrapper
        .content_wrapper
        .accordian_header.active:after {
        display: none;
    }

    .boxReduceriFinale
        .tab_wrapper
        .content_wrapper
        .accordian_header.active
        .arrow {
        border-top: 3px solid #c76b33;

        border-left: 3px solid #c76b33;
    }

    .boxReduceriFinale .tab_wrapper .content_wrapper .accordian_header.active {
        border-left: 0;

        border-right: 0;

        border-top: 0;
    }

    .colReduceriFinale {
        margin-bottom: 20px;

        padding-left: 0;
    }

    .tab_content .produse .produs:nth-child(5) {
        display: none;
    }

    .tab_wrapper .content_wrapper .accordian_header {
        font-size: 14px;
    }

    .boxExtraReduceri #imgReduceriCard {
        height: 230px;
    }

    .produse {
        grid-template-columns: 1fr 1fr;
        justify-items: center;
    }

    .colProdReduceriCard {
        display: flex;

        justify-content: center;

        align-items: center;
    }

    .sectiuneVideo #titlu_video {
        line-height: 35px;

        margin-bottom: 20px;
    }

    .modalVideo iframe {
        height: 300px;
    }

    .cerc {
        margin: 10px auto !important;

        height: 150px;

        width: 150px;

        padding: 15px;
    }

    .modalBox i {
        font-size: 50px;
    }

    .modalBox {
        height: 130px;

        width: 130px;
    }

    /* .boxCategorie .nume_categorie, */
    .boxCategorie .vezi_produse {
        font-size: 14px;
        margin-top: 10px;
    }

    .boxCategorie .nume_categorie span {
        line-height: 0;
        font-size: 14px;
    }

    .boxReduceriFinale .colDreaptaReduceriFinale {
        max-width: 100%;

        margin-bottom: 20px;

        margin-left: 0;
    }

    .sectiuneVideo .modal .modal-dialog {
        max-width: 100%;

        top: 20%;
    }

    .sectiuneVideo #text_video {
        font-size: 17px;
    }

    .colStangaReduceriFinale {
        padding-right: 0 !important;
    }

    .titlu_sectiune span {
        font-size: 18px !important;
    }

    /* #sumar-cos{

      min-width: calc(200% - 28px) !important;

      right: -95px !important;

      padding: 0 !important

   } */

    #sumar-cos:before {
        right: 103px;
    }

    #sumar-cos .rand_prod_cos:focus {
        background: transparent !important;
    }

    #sumar-cos .rand_prod_cos:active {
        background: transparent !important;
    }

    .rand_prod_cos img {
        height: 50px !important;
    }

    .padding0Mobile {
        padding: 0;
    }

    /* produs */

    .breadcrumps_produs {
        padding-top: 15px;

        padding-bottom: 15px;

        overflow-x: auto;

        margin-right: 15px;
    }

    #breadcrumps_produs_scroll {
        width: auto;

        height: 20px;

        white-space: nowrap;
    }

    #xzoom-magnific {
        height: 200px;

        width: 100% !important;
    }

    .xzoom-container {
        margin-right: 0;

        width: 100%;
    }

    .xzoom-thumbs {
        display: flex;

        min-width: 90%;
    }

    #nume_produs {
        font-size: 18px;

        color: #c76b33;

        font-weight: 600;

        line-height: 22px;

        margin-bottom: 15px;

        margin-top: 15px;
    }

    .searchGroup {
        max-width: 95%;
    }

    .beneficii li {
        float: left;

        margin-right: 15px;
    }

    .beneficii {
        margin-top: 0 !important;

        margin-bottom: 5px;
    }

    .separator_prod {
        display: none;
    }

    .box_cantitate {
        position: relative;
    }

    .taburi_produs .nav-item a {
        padding: 10px;

        font-size: 12px;

        margin-right: 10px;
    }

    .taburi_produs i {
        font-size: 20px;
    }

    /* .produse .produs img{
      width: 280px;
      height: 200px;
   } */

    /* .info-produs {
      width: 260px;
   } */

    /* .produse .produs .produs-bottom {
      width: 280px;
   } */

    .box_similare {
        padding: 0;
    }

    .col-dreapta-detalii-produs .btn-block {
        padding: 9px 2px;

        font-size: 11px;

        letter-spacing: 0;
    }

    .col-dreapta-detalii-produs .btn-block i {
        margin-right: 11px;
    }

    .col-dreapta-detalii-produs .pret_intreg {
        display: inline-block;

        margin-right: 10px;
    }

    .box-contact-home .inner-content {
        width: 100%;
    }

    .box-contact-home .text-big {
        font-size: 27px;
    }

    .col-dreapta-detalii-produs .pret_final {
        display: inline-block;
    }

    .custom-button {
        font-size: 14px;
    }

    .butoane-adauga-swal .swal2-confirm {
        padding-left: 27px !important;

        padding-right: 27px !important;
    }

    .livrare .subtitlu_produs {
        display: inline-block;
    }

    /* categoriii */

    .titlu_sectiune {
        margin-top: 10px;
    }

    .titlu_sectiune img {
        height: 35px;

        margin-right: 5px;
    }

    .nr_prod_paginare {
        margin-bottom: 5px;
    }

    .header_categorie .titlu_cat {
        display: none;
    }

    .header_categorie {
        padding: 15px;

        text-align: left !important;

        margin-bottom: 35px;

        border-bottom: 2px solid #488597;
    }

    .subcategorii_categorie {
        grid-template-columns: repeat(2, 1fr);

        margin-top: 10px;
    }

    .filtru_specificatii {
        padding: 12px;
    }

    .btnFiltreFixed {
        position: sticky;

        margin-bottom: 20px;

        margin-right: 20px;

        float: right;
    }

    /* #modalFiltre{

      top: calc(50vh - 50%);

   } */

    .butonBoxFiltre {
        border: 1px solid #f2f2f2;

        font-family: "Roboto";

        font-size: 14px;

        background: #f3e0cf;

        font-weight: 400;
    }

    select[name="sortare"] {
        background: #f3e0cf;
    }

    .butonBoxFiltre i {
        font-size: 11px;
    }

    .box_valori_filtru::-webkit-scrollbar {
        width: 2px;

        height: 8px;

        border-radius: 3px;
    }

    .box_valori_filtru::-webkit-scrollbar-button {
        width: 0px;

        height: 0px;
    }

    .box_valori_filtru::-webkit-scrollbar-thumb {
        background: #c76b33;

        border: 0px none #ffffff;

        border-radius: 50px;
    }

    .box_valori_filtru::-webkit-scrollbar-track {
        background: #e1e1e1;

        border: 0px none #ffffff;

        border-radius: 50px;
    }

    .box_valori_filtru::-webkit-scrollbar-corner {
        background: transparent;
    }

    /* favorite */

    .produse_cos .nume_prod_cos {
        line-height: 16px;

        display: block;
    }

    .textPretUnitar {
        display: none;
    }

    /* filtre */

    .btnFiltre {
        cursor: pointer;

        display: block;
    }

    .boxFiltre {
        max-height: 300px;

        overflow-y: auto;
    }

    .produse_cos .rand_prod_cos .spanFavorite,
    .rand_prod_cos .sterge_din_cos,
    .rand_prod_cos .sterge_din_favorite {
        display: inline-block;
    }

    .rand_prod_cos .spanSterge {
        float: right;

        margin-top: 3px;
    }

    .produse_cos .rand_prod_cos {
        padding: 10px 5px;
    }

    .separator {
        margin: 21px 0 4px 0;
    }

    .produse_favorite {
        padding: 0;
    }

    /* cos */

    .containerProduseCos {
        padding: 0;
    }

    .box_cantitate_cos {
        margin: 5px 0;
    }

    .total_comanda {
        padding: 0;
    }

    .sumar_comanda {
        padding: 15px;
    }

    .sumar_comanda .btn-albastru {
        padding: 10px;

        line-height: 18px;

        font-size: 14px;
    }

    .sumar_comanda .btn-gri {
        padding: 10px;

        line-height: 18px;

        font-size: 14px;
    }

    .produse_cos .rand_prod_cos .subtotal .pret_final {
        display: block;

        margin-top: 3px;
    }

    /* .subtotalCosTop:has(> .pret_intreg){ */

    .subtotalCosTop {
        margin-top: -60px !important;

        text-align: right;

        width: 50%;

        float: right;
    }

    .subtotalCosTop .pret_intreg {
        display: block;
    }

    /* finalizare */

    .steps_comanda {
        margin-bottom: 20px;
    }

    .steps_comanda li i {
        height: 50px;

        width: 50px;

        font-size: 23px;

        line-height: 50px;
    }

    .steps_comanda li:after {
        top: 25px;
    }

    .colWhiteFinalizare ul {
        padding: 0 20px !important;
    }

    .boxFinalizare {
        padding: 20px !important;

        font-size: 14px;
    }

    .boxFinalizare .boxRadio {
        margin-left: 0;

        width: 100%;
    }

    .tabsFinalizare .nav-tabs a {
        font-size: 12px;

        padding: 10px;

        font-weight: 600;
    }

    .boxAdresa .boxFinalizare {
        padding: 20px 20px 20px 30px !important;
    }

    #infoLivrareDiferite {
        padding: 0;
    }

    .metode .boxRadio {
        padding: 5px 0;
    }

    .metode .boxRadio .nume_metoda {
        font-size: 13px;
    }

    .rowMetodePlata {
        display: block;
    }

    .colWhiteFinalizare h4 {
        font-size: 20px;
    }

    .colWhiteFinalizare h4 .conexiune_securizata {
        padding: 0 10px;
    }

    #textConexiuneSecuriz {
        display: none;
    }

    .butonPlaseaza {
        padding: 0 20px 20px 20px;
    }

    .boxLivrare .boxFinalizare {
        padding-top: 0 !important;
    }

    /* contact */

    .pgContact img {
        width: 200px;

        margin-bottom: 20px;
    }

    .divContactBoxs i {
        font-size: 30px;
    }

    .divContactBoxs h6 {
        font-size: 17px;
    }

    .divContactBoxs {
        margin-top: 40px !important;

        margin-bottom: 40px !important;
    }

    /* autentificare  */

    .boxConectare .card {
        padding: 20px;
    }

    .formLogin {
        margin-top: 0 !important;
    }

    .boxConectare {
        padding: 0;
    }

    .boxConectare .form-group {
        margin-bottom: 10px;
    }

    .boxConectare .recuperareParola a {
        color: #c76b33;

        text-decoration: underline;

        line-height: 29px;
    }

    /* contul meu */

    .containerContulMeu {
        padding: 20px;
    }

    .detalii-cont .nav-pills .nav-link {
        padding: 9px;

        font-size: 12px;

        width: auto;

        font-weight: 600;

        border-bottom: 1px solid #d0d1d7;

        padding: 12px;

        color: #c76b33;
    }

    .detalii-cont .nav-pills {
        display: none;

        overflow-x: auto;

        flex-wrap: unset;

        position: absolute;

        z-index: 2;

        background: #fff;

        text-align: left;

        width: 90%;
    }

    #v-pills-home h5 {
        margin-bottom: 10px;
    }

    .divContulMeu {
        padding: 15px;
    }

    .divContulMeu h5 {
        margin-bottom: 0;

        font-size: 16px;
    }

    .boxCampValoare {
        padding: 10px;
    }

    .boxCampValoare img {
        height: 20px;
    }

    .linkTabs {
        line-height: 16px;

        display: block;
    }

    .divComenzi {
        overflow-x: scroll;

        display: inline-block;

        flex-wrap: unset;
    }

    .randComanda {
        display: table;

        width: 100%;
    }

    .adrese .btn {
        padding: 3px;

        width: 100%;

        font-size: 11px;
    }

    .divComenzi .randComanda {
        margin-bottom: 15px;

        font-size: 12px;
    }

    .modalComanda .boxCampValoare {
        padding: 10px !important;
    }

    .produse_categorie_listare .produs {
        width: calc(100% - 5px);
    }

    .faraProdCos a {
        color: #c76b33 !important;
    }

    /* footer */

    .paddingLeftMobile0 {
        padding-left: 0 !important;
    }

    .titlu_accordion {
        font-family: "Roboto", Roboto;

        color: #fff;

        font-weight: 700;

        font-size: 16px;

        line-height: 16px;

        padding: 12px 0;
    }

    .titlu_accordion .rotate-icon {
        margin-right: 5px;
    }

    .footerMobile {
        margin-bottom: 15px;
    }

    .copyright span {
        font-size: 11px;
    }

    .pay-icons .social-icons {
        width: 55px;
        height: 33px;
    }

    .box-overlay-home {
        padding: 20px;
    }
    .box-header-buttons {
        /* flex-direction: column; */
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .box-header-home .text-big {
        line-height: 45px;
        font-size: 30px;
        max-width: 100%;
        /* color: var(--Dark-Orange, #C76B33); */
        margin-bottom: 0;
    }

    .sectiune-cards .colCard {
        padding-right: 15px;
        padding-left: 15px;
    }

    .box-header-home .first-home-button {
        margin-top: 10px;
    }

    .box-header-home .text-small {
        max-width: 100%;
        /* color: #FFF;     */
    }

    .iconsFixedContact {
        position: fixed;

        bottom: 10px;

        width: 91%;
    }

    .iconsFixedContact .linkTelefon {
        background: green;

        animation: pulse 1s infinite;

        font-size: 32px;
    }

    .iconsFixedContact .linkContact {
        background: #00a1ff;
    }

    .copyright {
        flex-direction: column;
        padding: 0px;
        text-align: center;
    }

    .iconsFixedContact a {
        color: white;

        display: inline-block;

        height: 60px;

        width: 60px;

        text-align: center;

        line-height: 60px;

        border-radius: 30px;
    }

    .iconsFixedContact img {
        height: 27px;
    }

    .iconsFixedContact a:hover {
        animation-timing-function: linear;
    }

    /* generale */

    .paddingMobil0 {
        padding: 0;
    }

    .fontSize13 {
        font-size: 13px;
    }

    .d-none-mobile {
        display: none;
    }

    .d-inline-mobile {
        display: inline !important;
    }

    .d-inline-block-mobile {
        display: inline-block !important;
    }

    .d-block-mobile {
        display: block !important;
    }

    .d-flex-mobile {
        display: flex !important;
    }

    .marginBottom10Mobile {
        margin-bottom: 10px;
    }

    .paddingBottom30Mobile {
        padding-bottom: 30px !important;
    }

    .padding0TopMobile {
        padding-top: 0 !important;
    }

    .padding20TopMobile {
        padding-top: 20px !important;
    }

    .paddingLeftMobile0 {
        padding-left: 0 !important;
    }

    .paddingMobilRight15 {
        padding-right: 15px !important;
    }

    .paddingLeft5Mobile {
        padding-left: 5px !important;
    }

    .paddingRight5Mobile {
        padding-right: 5px !important;
    }

    .marginTop40Mobile {
        margin-top: 40px;
    }

    .box-contact-home {
        height: 300px;
    }

    .box-overlay-contact {
        height: 300px;
    }
    .searchGroup {
        overflow: visible;
    }

    .paddingMobilLeft15 {
        padding-left: 15px !important;
    }

    .margin10TopMobil {
        margin-top: 10px !important;
    }

    .margin30BottomMobil {
        margin-bottom: 30px !important;
    }

    .paddingMobilRight0 {
        padding-right: 0 !important;
    }

    .paddingMobile10 {
        padding: 10px;
    }

    .btn-albastru {
        padding: 8px 7px;
    }

    .padding5Lateral {
        padding: 0 5px;
    }

    .text-left-mobile {
        text-align: left !important;
    }

    .text-right-mobile {
        text-align: right !important;
    }

    .text-center-mobile {
        text-align: center !important;
    }

    .my-no-auto-mobile {
        margin: 0;
    }

    .footerJos {
        position: relative;

        bottom: 0;
    }
}

/* tablet */

/* --- Prima Pagina ---  */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .paddingLeftTablet0 {
        padding-left: 0;
    }

    .titlu_filtru {
        font-size: 11px;
    }

    .paddingRight15Mobile {
        padding-right: 15px !important;
    }

    .col80 {
        width: 70% !important;

        padding-left: 10px;

        padding-right: 0;

        max-width: 70% !important;

        flex: 0 0 70% !important;
    }

    .col20 {
        width: 30% !important;

        flex: 0 0 30% !important;

        max-width: 30% !important;
    }

    .paddingRight0Tablet {
        padding-right: 0px;
    }

    .container,
    .container-md,
    .container-sm {
        max-width: 100% !important;

        width: 100%;
    }

    .list-inline-item:not(:last-child) {
        margin-right: 4px;
    }

    .boxReduceriFinale .produse .produs {
        width: 100% !important;
    }

    .colDreaptaReduceriFinale img {
        height: 228px;
    }

    .colReduceriFinale {
        padding-left: 0px;
    }

    #imgReduceriCard {
        width: 220px;
    }

    .colProdReduceriCard {
        padding-top: 40px;

        padding-bottom: 40px;
    }

    .boxReduceriFinale .colDreaptaReduceriFinale {
        margin-left: 0;
    }

    .boxCategorie {
        height: 177px;
    }

    .cerc {
        margin: 10px auto !important;

        height: 300px;

        width: 300px;
    }

    .modalBox {
        height: 230px;

        width: 230px;
    }

    .text-center-tableta {
        text-align: center;
    }

    .scrisMult a {
        font-size: 43px;
    }

    .scrisMult h5 {
        font-size: 33px;
    }

    /* footer */

    footer .ultima_coloana {
        padding-left: 25px;
    }

    .marginBottom20Tablet {
        margin-bottom: 10px;
    }

    /* pagini */

    .info_pagini {
        font-size: 14px;
    }

    .header .logo_mare {
        /* height: 29px; */
        height: 78px;
        /* width: 78px; */
    }

    #sumar-cos {
        min-width: calc(200% - 28px) !important;

        right: -10px !important;
    }

    #sumar-cos:before {
        right: 30px;
    }

    .flip-cards {
        display: grid;

        grid-template-columns: repeat(4, 1fr);

        grid-column-gap: 10px;

        grid-row-gap: 10px;
    }

    .flip-card {
        width: auto;
    }

    .boxExtraReduceri .col-sm-5 {
        max-width: 100%;
    }

    #imgReduceriCard {
        width: 184px;
    }

    .colProdReduceriCard {
        padding-top: 80px;

        padding-bottom: 80px;
    }

    .colProdReduceriCard .produse {
        grid-template-columns: repeat(3, 2fr);
    }

    .boxReduceriFinale .colDreaptaReduceriFinale {
        background-position: left;
    }

    /* produse */

    #nume_produs {
        font-size: 18px;

        line-height: 26px;
    }

    .d-inline-tableta {
        display: inline-block !important;
    }

    .xzoom-thumbs {
        display: flex;

        overflow-x: auto;
    }

    .xzoom-container {
        width: 100%;
    }

    #xzoom-magnific {
        height: 300px;

        width: 100%;

        object-fit: contain;
    }

    .stoc {
        position: relative;
    }

    .box_cantitate {
        position: relative;

        background: #f5f5f5;
    }

    .pret_produs {
        margin-bottom: 10px;
    }

    /* categorii */

    .subcategorii_categorie {
        grid-template-columns: repeat(4, 2fr);
    }

    /* contact */

    .pgContact img {
        width: 300px;
    }

    /* cont */

    .detalii-cont .nav-pills .nav-link {
        padding: 12px;

        font-size: 15px;
    }

    .divContulMeu {
        padding: 20px;
    }

    .margin20TopTableta {
        margin-top: 20px;
    }

    .margin0BottomTableta {
        margin-bottom: 0 !important;
    }

    .boxConectare .btn {
        padding: 10px;
    }

    .boxConectare .form-group {
        margin-bottom: 10px !important;
    }

    .paddingTabletaRight15 {
        padding-right: 15px !important;
    }

    .margin10TopTableta {
        margin-top: 10px;
    }

    .paddingTabletaLeft15 {
        padding-left: 15px !important;
    }

    /* cos & favorite */

    .produse_cos .rand_prod_cos .subtotal .pret_final {
        font-size: 15px;
    }

    .produse_cos .rand_prod_cos .pret_final {
        font-size: 12px;
    }

    .produse_cos .rand_prod_cos .spanFavorite,
    .rand_prod_cos .sterge_din_cos,
    .rand_prod_cos .sterge_din_favorite {
        font-size: 12px;

        text-align: left;
    }

    /* finalizare */

    .steps_comanda li i {
        height: 80px;

        width: 80px;

        line-height: 80px;

        font-size: 27px;
    }

    .steps_comanda li:after {
        top: 40px;
    }

    .boxBtnRadio {
        padding: 20px !important;
    }

    .boxFinalizare .boxRadio {
        font-size: 12px;
    }

    .tabsFinalizare .nav-tabs a {
        font-size: 12px;

        font-weight: 600;
    }

    .colWhiteFinalizare {
        font-size: 14px;
    }

    .metode {
        padding: 20px !important;
    }

    .header_categorie .titlu_cat {
        font-size: 21px;
    }

    #colProdReduceriCard .produse {
        grid-template-columns: repeat(3, 2fr) !important;
    }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    .sectiune-top-vanzari .produse .produs:nth-child(5) {
        display: none;
    }

    .titlu_categ_slider {
        font-size: 23px;
    }

    .categoriiHomepage {
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 15px;
    }

    .colStangaReduceriFinale .produse {
        grid-template-columns: repeat(4, 2fr);
    }

    .sectiune-top-vanzari .produse .produs:nth-child(6) {
        display: none;
    }

    .produse {
        grid-template-columns: repeat(4, 2fr);
    }

    .colReduceriFinale {
        padding-left: 0px;
    }

    .boxExtraReduceri #text-extra-reduceri {
        background: #2b3189a6;

        top: 139px;

        right: 8px;

        color: white;

        width: 90%;

        font-size: 23px;
    }

    .colProdReduceriCard {
        padding-left: 0;
    }

    .colStangaReduceriFinale .produse {
        grid-template-columns: repeat(4, 2fr) !important;
    }

    .colDreaptaReduceriFinale {
        display: none !important;
    }

    .tabs_categorii .tab_content .produse {
        grid-template-columns: repeat(4, 2fr);
    }

    .tab_wrapper.left_side .content_wrapper {
        width: 100%;
    }

    .produseListateCate6 .produse .produs:nth-child(5) {
        display: none;
    }

    .produseListateCate6 .produse .produs:nth-child(6) {
        display: none;
    }

    .colBtnFavorite {
        margin-top: 10px;
    }

    .produse_categorie_listare {
        grid-template-columns: repeat(3, 2fr) !important;
    }

    .colDreaptaReduceriFinale {
        display: none !important;
    }

    .img_cat_featured {
        height: 120px;
    }
}

@media all and (min-width: 1024px) and (max-width: 1366px) {
    .img_cat_featured {
        height: 108px;
    }

    .col80 {
        width: 80% !important;

        flex: 0 0 80% !important;

        max-width: 80% !important;
    }

    .col20 {
        width: 20% !important;

        flex: 0 0 20%;

        max-width: 20% !important;
    }

    .cerc {
        height: 450px;

        width: 450px;
    }

    .modalBox {
        height: 380px;

        width: 380px;
    }

    .colReduceriFinale {
        padding-left: 20px;

        padding-right: 0px !important;
    }

    .boxExtraReduceri #text-extra-reduceri {
        background: #2b3189a6;

        top: 182px;

        right: -65px;

        color: white;

        width: 100%;
    }

    .colDreaptaReduceriFinale img {
        width: 100%;
    }

    .titlu_categ_slider {
        font-size: 25px;
    }

    .boxReduceriFinale .colDreaptaReduceriFinale {
        margin-left: 0;
    }

    .sectiune-top-vanzari .produse .produs:nth-child(6) {
        display: none;
    }

    .sectiune-top-vanzari .produse .produs:nth-child(5) {
        display: none;
    }

    .xzoom-thumbs {
        max-width: 267px;
    }

    #xzoom-magnific {
        width: calc(100% - 20px);
    }

    /* .produseListateCate6 .produse{

      grid-template-columns: repeat(5,2fr);

   } */

    .tab_content .produse .produs:nth-child(5) {
        display: none;
    }

    .flip-card h4 {
        font-size: 14px;
    }

    .produse {
        grid-template-columns: repeat(4, 2fr);
    }

    #colProdReduceriCard {
        padding-left: 170px;
    }

    .colBtnFavorite {
        margin-top: 0px;
    }

    .col-dreapta-detalii-produs .btn-block {
        padding: 15px 16px;
    }

    .produse_categorie_listare {
        grid-template-columns: repeat(4, 2fr);
    }
}

/* paddings */

.textMic {
    font-size: 11px;
}

.paddingTop0 {
    padding-top: 0px !important;
}

.paddingTop5 {
    padding-top: 5px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingTop20 {
    padding-top: 20px;
}

.paddingTop30 {
    padding-top: 30px;
}

.paddingTop40 {
    padding-top: 40px;
}

.paddingTop50 {
    padding-top: 50px;
}

.paddingTop60 {
    padding-top: 60px;
}

.paddingTop70 {
    padding-top: 70px;
}

.paddingTop80 {
    padding-top: 80px;
}

.paddingTop90 {
    padding-top: 90px;
}

.paddingTop100 {
    padding-top: 100px;
}

.paddingBottom0 {
    padding-bottom: 0px !important;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

.paddingBottom20 {
    padding-bottom: 20px !important;
}

.paddingBottom30 {
    padding-bottom: 30px;
}

.paddingBottom40 {
    padding-bottom: 40px;
}

.paddingBottom50 {
    padding-bottom: 50px;
}

.paddingBottom60 {
    padding-bottom: 60px;
}

.paddingBottom70 {
    padding-bottom: 70px;
}

.paddingBottom80 {
    padding-bottom: 80px;
}

.paddingBottom90 {
    padding-bottom: 90px;
}

.paddingBottom100 {
    padding-bottom: 100px;
}

.paddingLeft0 {
    padding-left: 0px;
}

.paddingLeft5 {
    padding-left: 5px;
}

.paddingLeft10 {
    padding-left: 10px;
}

.paddingLeft15 {
    padding-left: 15px;
}

.paddingLeft20 {
    padding-left: 20px;
}

.paddingLeft25 {
    padding-left: 25px;
}

.paddingLeft30 {
    padding-left: 30px;
}

.paddingLeft35 {
    padding-left: 35px;
}

.paddingLeft40 {
    padding-left: 40px;
}

.paddingLeft50 {
    padding-left: 50px;
}

.paddingLeft60 {
    padding-left: 60px;
}

.paddingLeft70 {
    padding-left: 70px;
}

.paddingLeft80 {
    padding-left: 80px;
}

.paddingLeft90 {
    padding-left: 90px;
}

.paddingLeft100 {
    padding-left: 100px;
}

.paddingRight0 {
    padding-right: 0px;
}

.paddingRight5 {
    padding-right: 5px;
}

.paddingRight10 {
    padding-right: 10px;
}

.paddingRight15 {
    padding-right: 15px;
}

.paddingRight20 {
    padding-right: 20px;
}

.paddingRight30 {
    padding-right: 30px;
}

.paddingRight40 {
    padding-right: 40px;
}

.paddingRight50 {
    padding-right: 50px;
}

.paddingRight60 {
    padding-right: 60px;
}

.paddingRight70 {
    padding-right: 70px;
}

.paddingRight80 {
    padding-right: 80px;
}

.paddingRight90 {
    padding-right: 90px;
}

.paddingRight100 {
    padding-right: 100px;
}

.padding0 {
    padding: 0;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding20 {
    padding: 20px !important;
}

.padding30 {
    padding: 30px;
}

.padding40 {
    padding: 40px;
}

.padding80 {
    padding: 80px;
}

/* margins */

.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop25 {
    margin-top: 25px;
}

.marginTop30 {
    margin-top: 30px;
}

.marginTop35 {
    margin-top: 35px;
}

.marginTop40 {
    margin-top: 40px;
}

.marginTop50 {
    margin-top: 50px;
}

.marginTop60 {
    margin-top: 60px;
}

.marginTop70 {
    margin-top: 70px;
}

.marginTop80 {
    margin-top: 80px;
}

.marginTop90 {
    margin-top: 90px;
}

.marginTop100 {
    margin-top: 100px;
}

.marginTop1_5rem {
    margin-top: 1.5rem;
}

.marginBottom0 {
    margin-bottom: 0px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom15 {
    margin-bottom: 15px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginBottom30 {
    margin-bottom: 30px;
}

.marginBottom40 {
    margin-bottom: 40px;
}

.marginBottom50 {
    margin-bottom: 50px;
}

.marginBottom60 {
    margin-bottom: 60px;
}

.marginBottom70 {
    margin-bottom: 70px;
}

.marginBottom80 {
    margin-bottom: 80px;
}

.marginBottom90 {
    margin-bottom: 90px;
}

.marginBottom100 {
    margin-bottom: 100px;
}

.marginLeft0 {
    margin-left: 0px;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft15 {
    margin-left: 15px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginLeft25 {
    margin-left: 25px;
}

.marginLeft30 {
    margin-left: 30px;
}

.marginLeft35 {
    margin-left: 35px;
}

.marginLeft40 {
    margin-left: 40px;
}

.marginLeft50 {
    margin-left: 50px;
}

.marginLeft60 {
    margin-left: 60px;
}

.marginLeft70 {
    margin-left: 70px;
}

.marginLeft80 {
    margin-left: 80px;
}

.marginLeft90 {
    margin-left: 90px;
}

.marginLeft100 {
    margin-left: 100px;
}

.marginRight0 {
    margin-right: 0px;
}

.marginRight5 {
    margin-right: 5px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight15 {
    margin-right: 15px;
}

.marginRight20 {
    margin-right: 20px;
}

.marginRight30 {
    margin-right: 30px;
}

.marginRight40 {
    margin-right: 40px;
}

.marginRight50 {
    margin-right: 50px;
}

.marginRight60 {
    margin-right: 60px;
}

.marginRight70 {
    margin-right: 70px;
}

.marginRight80 {
    margin-right: 80px;
}

.marginRight90 {
    margin-right: 90px;
}

.marginRight100 {
    margin-right: 100px;
}

.margin0 {
    margin: 0;
}

.margin10 {
    margin: 10px;
}

.margin20 {
    margin: 20px;
}

.mainbtn {
    padding: 20px 40px;
    background-color: #488597;
    border-radius: 12px;
    color: white;
    text-transform: uppercase;
    margin-right: 20px;
    font-weight: 600;
    text-align: center;
}
.secondarybtn {
    padding: 20px 40px;
    background-color: white !important;
    color: #c76b33 !important;
    border-radius: 12px;
    text-transform: uppercase;
    margin-right: 20px;
    font-weight: 600;
}
.custombtn {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 20px 40px;
    overflow: hidden;
    position: relative;
    /* border: 1px solid; */
    border-radius: 30px;
    cursor: pointer;
}
.custombtn span {
    font-size: 20px;
    line-height: 2em;
    font-weight: 400;
    color: rgba(99, 102, 103, 1);
    text-decoration: none;
}
.circle {
    height: 60px;
    background-color: rgba(72, 133, 151, 0.3);
    width: 60px;
    position: absolute;
    left: 0px;
    border-radius: 30px;
    z-index: 0;
    transition: 0.5s ease;
}
.custombtn:hover {
    text-decoration: none;
}
.custombtn:hover .circle {
    width: 100%;
}

/* ——— Base button ——— */
.circle-anim-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 0;
    border-radius: 12px;
    padding: 20px 40px;
    color: #ffffff;
    background: #488597;
    cursor: pointer;
    z-index: 1;
    transition: transform 0.3s ease;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.circle-anim-btn::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -200%;
    width: 150px;
    height: 150px;
    background-color: rgba(20, 118, 147, 1);
    border-radius: 999px;
    transform: translateX(-50%) scale(0.3);
    z-index: 0;
    pointer-events: none;
}

.secondarybtn::before {
    background-color: #c76b33;
}

.circle-anim-btn .btn-label,
.circle-anim-btn .btn-text-wrap {
    position: relative;
    z-index: 2;
}

.circle-anim-btn.animating::before {
    animation: dropIn 0.6s forwards;
}
.circle-anim-btn.animating-out::before {
    animation: fallOut 0.6s forwards;
}

.circle-anim-btn.animating {
    transform: scale(1.03);
}

/* Keyframes */
@keyframes dropIn {
    0% {
        top: -200%;
        transform: translateX(-50%) scale(0.3);
    }
    100% {
        top: 0%;
        transform: translateX(-50%) scale(3);
    }
}
@keyframes fallOut {
    0% {
        top: 0%;
        transform: translateX(-50%) scale(3);
    }
    100% {
        top: 200%;
        transform: translateX(-50%) scale(0.3);
    }
}

.btn-text-wrap {
    position: relative;
    display: block;
    height: 1.5em;
    line-height: 1.7em;
    overflow: hidden;
}
.btn-text {
    display: block;
    transition: transform 0.4s ease, opacity 0.4s ease;
}
.btn-text-wrap .hover {
    color: #fff;
    opacity: 0;
}
.btn-text-wrap .original {
    transform: translateY(0);
    opacity: 1;
}

.circle-anim-btn:hover .btn-text-wrap .original {
    transform: translateY(-3em);
    opacity: 0;
}
.circle-anim-btn:hover .btn-text-wrap .hover {
    transform: translateY(-1.7em);
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .circle-anim-btn,
    .btn-text {
        transition: none !important;
    }
    .circle-anim-btn::before {
        animation: none !important;
    }
}

.hero {
    background: linear-gradient(
        rgba(245, 245, 245, 1) 0%,
        rgba(237, 237, 237, 1) 100%
    );
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 24px;
    height: 570px;
}
.hero-content {
    width: 60%;
    padding-left: 60px;
    padding-top: 60px;
    opacity: 0;
    transform: translateY(50px);
}
.hero-content .text-title {
    font-size: clamp(2rem, 1.6296rem + 1.8519vw, 2.75rem);
    letter-spacing: -2px;
    text-transform: uppercase;
    line-height: 1.1em;
    color: #488597;
    /* padding-bottom: 16px; */ /*MODIFICARE*/
    font-family: "Sora";
    font-weight: 600;
}
.hero-content p {
    color: rgba(99, 102, 103, 1);
    padding-bottom: 16px;
    line-height: 1.6em;
    font-size: 20px;
    font-family: "Urbanist";
    font-weight: 600;
}
.hero-content a {
    color: white;
    font-family: "Sora";
    font-size: 18px;
}
.box-contact-home a {
    color: white;
    font-family: "Sora";
    font-size: 18px;
}
.highlight {
    color: #c76b33;
}
.hero-img {
    width: 50%;
    position: relative;
    height: 100%;
}
.hero-img img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 620px;
    object-fit: cover;
    border-radius: 32px 0px;
    width: 100%;
}
.customsection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1400px;
    margin: auto !important;
    box-sizing: border-box;
    margin-top: 60px !important;
}
.custombtn i {
    color: #636667;
}

.cta-section {
    background: linear-gradient(
        rgba(245, 245, 245, 1) 0%,
        rgba(237, 237, 237, 1) 100%
    );
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 24px;
    height: 370px;
    margin-top: 120px;
    margin-bottom: 120px;
    max-width: 1400px;
}
.cta-section-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    padding: 72px;
}
.cta-section-content h2 {
    font-size: clamp(2rem, 1.6296rem + 1.8519vw, 2.65rem);
    text-transform: none;
    font-family: "Sora";
    color: #c76b33;
    font-weight: 600;
}
.cta-section-img {
    display: flex;
    position: relative;
    width: 70%;
    height: 100%;
}
.cta-section-img img {
    position: absolute;
    right: 70px;
    bottom: -50px;
    max-height: 130%;
}
.cta-section a {
    color: white;
    font-family: "Sora";
    font-size: 18px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
    .hero {
        flex-direction: column;
        height: auto;
    }
    .hero-content h1 br {
        display: none;
    }
    .hero-content h1 {
        line-height: 1.3em;
    }
    .hero-content {
        width: 100%;
        padding: 20px;
    }
    .hero-img {
        width: 100%;
        height: auto;
        overflow: visible;
    }
    .hero-img img {
        height: 100%;
        position: relative;
        border-radius: 24px;
    }
    .customsection {
        margin-top: 20px !important;
    }
    .mainbtn {
        margin-right: 0px;
        width: 100%;
        text-align: center;
    }
    .secondarybtn {
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .circle-anim-btn {
        margin-bottom: 5px;
    }
    .sectiune-cards {
        margin-top: 20px;
    }
    .produse .produs:hover {
        transform: none !important;
    }
    .produse .proiect:hover {
        transform: none !important;
    }
    .cta-section {
        margin: 0px;
        height: auto;
        flex-direction: column;
    }
    .cta-section-img img {
        display: none;
    }
}

@media (max-width: 768px) {
    /* containerul care SCROLEAZĂ */
    .MultiCarousel .MultiCarousel-inner {
        display: block !important; /* bloc simplu, nu flex */
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity; /* mai “moale” decât mandatory */
        transform: none !important;
        white-space: nowrap; /* important pt. conținutul orizontal */
    }

    /* rândul de produse devine conținutul lat */
    .MultiCarousel .produse {
        display: inline-flex !important; /* ca să poată depăși lățimea părintelui */
        width: max-content !important; /* cheia pentru a depăși containerul */
        gap: 10px;
        white-space: normal; /* nu mai e nevoie aici */
    }
}

.nume_produs-div {
    /* margin-bottom: 20px; */
}
.info-produs .stars-stock {
    /* margin-top: -5px; */
}

.subcategorii-a {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.subcategorii-a a {
    color: #c76b33 !important;
    font-family: "Sora" !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}
.content-subpage p,
.content-subpage li {
    margin-bottom: 0 !important;
    font-family: "Urbanist";
    font-size: 18px;
    color: rgba(99, 102, 103, 1);
    font-weight: 600;
}
.content-subpage h3 {
    font-family: "Urbanist";
    font-size: 24px;
    font-weight: 700;
    color: #000;
}
.content-subpage h2 {
    font-family: "Sora";
    color: #c76b33;
    font-size: 44px;
    font-weight: 700;
}

.sweepbtn {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 20px 40px;
    overflow: hidden;
    position: relative;
    border-radius: 30px;
    cursor: pointer;
    width: fit-content;
    text-decoration: none;
    /* optional: tweak color variables */
    --bubble-bg: rgba(72, 133, 151, 0.3);
    --text-color: rgba(99, 102, 103, 1);
}

.sweepbtn span {
    font-size: 20px;
    line-height: 2em;
    font-weight: 400;
    color: var(--text-color);
    text-decoration: none;
    position: relative;
    z-index: 1;
}

.sweepbtn i {
    position: relative;
    z-index: 1;
}

/* the expanding “circle” bubble */
.sweepbtn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    width: 60px;
    background-color: var(--bubble-bg);
    border-radius: 30px;
    z-index: 0;
    transition: width 0.5s ease;
}

.sweepbtn:hover {
    text-decoration: none;
}

.sweepbtn:hover::before {
    width: 100%;
}

.sweepbtn::after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: auto;
    position: relative;
    z-index: 1;
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(99,102,103,1)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
}

/* titlu */
.faq > h3 {
    margin: 0 0 10px;
    font-weight: 700;
    color: #111;
}

/* fiecare card */
#actualizare .faq-item {
    background: #f6f6f7;
    border-radius: 16px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    overflow: clip;
}

/* ascunde markerul implicit */
.faq-item summary::-webkit-details-marker {
    display: none;
}
.faq-item summary {
    list-style: none;
}

/* bara de întrebare */
.faq-item > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 24px;
    min-height: 60px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: #1c1c1e;
    position: relative;
    outline: none;
}

/* semnul + la dreapta */
.faq-item > summary::after {
    content: "+";
    font-size: 22px;
    line-height: 1;
    color: #1c1c1e;
    margin-left: auto;
    transition: transform 0.2s ease;
}

/* când e deschis, devine minus */
.faq-item[open] > summary::after {
    content: "–";
}

/* conținutul răspunsului + animație fără JS */
.faq-content {
    padding: 0 24px 20px 24px;
    color: #555;
    font-size: 16px;

    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.25s ease;
}
.faq-item[open] .faq-content {
    grid-template-rows: 1fr;
}
.faq-content > * {
    overflow: hidden;
}

/* focus accesibil */
.faq-item > summary:focus-visible {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
}
html {
    scroll-behavior: smooth;
}
#intabulare {
    scroll-margin-top: 180px;
}
#formular {
    scroll-margin-top: 180px;
}

.subpage-left {
    position: sticky;
    top: 120px;
}

.subpage-right {
    --check-color: #488597;
}

.subpage-right ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.subpage-right ul li {
    position: relative;
    padding: 10px 0 10px 40px;
    font-size: 18px;
    line-height: 1.6;
    color: #6e6e73;
}

.subpage-right ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 24px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: no-repeat center/18px 18px
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23488597' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
}

.contentPagina {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contentPagina .hero {
    height: auto !important;
}
.contentPagina .hero img {
    height: 500px !important;
}
@media (max-width: 1024px) {
    .contentPagina .hero img {
        height: 300px !important;
    }
    .content-subpage {
        flex-direction: column !important;
        margin-bottom: 30px !important;
    }
    .subpage-left {
        position: relative;
        top: 0;
    }
    .contentPagina .hero {
        flex-direction: column !important;
        padding: 20px !important;
        gap: 20px !important;
    }
    .contentPagina .hero .hero-content {
        padding-right: 0px;
    }
    .contentPagina .hero .hero-content .mainbtn {
        width: 100% !important;
    }
    .sweepbtn span {
        font-size: 16px;
    }
    .sweepbtn {
        gap: 15px;
        padding: 10px 20px;
        width: 100%;
    }
    .nopad {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .header .header1 .ul-header {
        padding: 0;
        justify-content: end;
        gap: 15px; /* MODIFICARE : 20PX*/
    }
}

@media (min-width: 1024px) {
    .search-icon-mobile {
        display: none;
    }
}

.search-icon-mobile a svg {
    width: 30px;
    height: 30px;
}
.search-icon-mobile a {
    display: flex;
    flex-direction: column;
}

.search-dialog {
    position: fixed;
    inset: unset !important;
    top: 80px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: 90%;
    max-width: 450px;
    border: none;
    border-radius: 14px;
    padding: 20px;
    background: white;
}

.search-dialog::backdrop {
    background: rgba(0, 0, 0, 0.4);
}

.close-dialog {
    margin-top: 20px;
    background: #636667;
    color: white;
    border: none;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
}
.search-dialog .hiddenAjax {
    position: static !important;
    margin-top: 10px;
    width: 100%;
    z-index: 9999;
    background: white;
    border-radius: 12px;
    padding: 10px;
}
.close-x {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 26px;
    cursor: pointer;
    color: #333;
}
.search-dialog[open] {
    animation: slideDown 0.25s ease-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translate(-50%, -20px);
    }
    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

.product-gallery {
    width: 100%;
}

/* MAIN IMAGE */
.main-swiper img {
    width: 100%;
    height: 500px;
    border-radius: 12px;
    object-fit: cover;
    display: block;
}

/* THUMBNAILS */
.thumb-swiper {
    margin-top: 15px;
    position: relative;
}

/* EXACT 3 THUMBNAILS PER VIEW */
.thumb-swiper .swiper-slide {
    /* 3 per row, 10px gap between them */
    width: calc((100% - 20px) / 3) !important;
    margin-right: 10px !important;
    flex-shrink: 0;
}

.thumb-swiper .swiper-slide img {
    width: 100%;
    border-radius: 8px;
    display: block;
}

/* THUMBNAIL CONTROLS */
.thumb-button-prev,
.thumb-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 28px;
    height: 28px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumb-button-prev {
    left: -15px;
}
.thumb-button-next {
    right: -15px;
}
.swiper-slide-thumb-active img {
    transition: 0.2s ease;
}
/* OPTIONAL: highlight active thumbnail */
.thumb-swiper .swiper-slide-thumb-active img {
    opacity: 1;
    transform: scale(1.02);
}

/* MAIN ARROWS */
.swiper-button-next,
.swiper-button-prev {
    width: 48px !important;
    height: 48px !important;
    background: #f4f4f4; /* light gray bg */
    border-radius: 18px; /* soft rounding */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hide default arrow icons */
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 0 !important;
}

/* Custom arrow inside buttons */
.swiper-button-next::before,
.swiper-button-prev::before {
    content: "";
    width: 12px;
    height: 12px;
    border-right: 2px solid #8a8a8a;
    border-bottom: 2px solid #8a8a8a;
    transform: rotate(-45deg);
    display: block;
    margin-right: 5px;
}

/* Left arrow */
.swiper-button-prev::before {
    transform: rotate(135deg);
    margin-left: 5px;
    margin-right: 0px !important;
}

/* Hover */
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: #ececec;
}

/* ==== THUMBNAIL ARROWS (same design but smaller) ==== */

.thumb-button-next,
.thumb-button-prev {
    width: 30px;
    height: 30px;
    background: #f4f4f4;
    border-radius: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

/* Remove default styles */
.thumb-button-next::after,
.thumb-button-prev::after {
    display: none;
}

/* Custom arrows */
.thumb-button-next::before,
.thumb-button-prev::before {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #8a8a8a;
    border-bottom: 2px solid #8a8a8a;
    transform: rotate(-45deg);
    display: block;
    margin-right: 5px;
}

.thumb-button-prev::before {
    transform: rotate(135deg);
    margin-left: 5px !important;
}

.thumb-button-next:hover,
.thumb-button-prev:hover {
    background: #ececec;
}

/* Containerul inputului — vizual ca în schița ta */
.search-box-mobile {
    position: absolute;
    top: -30px;
    left: -45px;
    /* width: 100%; */
    /* padding: 10px 15px; */
    /* background: red; */
    z-index: 9999;

    display: flex;
    align-items: center;
    gap: 10px;

    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    box-sizing: border-box;
}

/* Input-ul „Caută...” */
#mobileSearchInput {
    height: 32px;
    padding: 0 40px 0 14px;
    width: 120px;
    flex: 1;
    border: 1px solid #d0d0d0;
    border-radius: 15px;
    padding: 10px 14px;
    font-size: 16px;
    outline: none;
}

/* Butonul cu lupa din dreapta */
#mobileSearchBtn {
    position: absolute;
    right: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    height: 32px;
    width: 32px;

    display: flex;
    align-items: center;
    justify-content: center;
}
.search-icon-mobile {
    position: relative;
    width: 155px;
}

/* Trigger-ul învelitor peste tot search-ul */
.search-trigger-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.descriere-sectiune {
    /* margin-top: 5px; */
}
/* ascunde la desktop */
.mobile-arrows {
    display: none;
}
.divDetaliiProdMobile {
    display: none;
}
.mobile-only {
    display: none;
}

.postare-bottom {
    border-radius: 12px;
    background: #fff;
    padding: 8px;
    width: 100%;
}

.detaliiPostare {
    /* background: #fff;
    border-radius: 12px;
    padding: 8px;
    margin-top: 15px;
    width: 100%; */
}
.pgPostari .col-sm-3 {
    display: flex;
}

.divPostare {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.detaliiPostare {
    flex-grow: 1;
}

.postare-bottom {
    margin-top: auto;
}

.titluPostare {
    min-height: 50px;
}

.detaliiPostare .descrierePostare {
    color: #636667;
}

.colCard:not(:first-child):not(:last-child) {
    padding-right: 9px;
    padding-left: 10px;
}
.specificatie-detaliu {
    font-size: 14px;
}
.specificatie:not(:first-child) {
    border-left: 1px solid #636667;
}
/* #carousel-produse1 .produse {
    display: flex;
    white-space: nowrap;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

#carousel-produse1 .produse > * {
    flex: 0 0 auto;
} */
.carouselProduse .produse {
    display: flex;
    transition: transform 0.4s ease;
}

.carouselProduse .produse > * {
    flex: 0 0 calc(20% - 10px); /* 5 carduri pe rând */
    margin-right: 10px;
}

.nav-link-flex {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.blog-tab {
    padding-right: 15px;
}

.carousel-dots {
    text-align: center;
    margin-top: 15px;
}

.carousel-dots .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background: #c4c4c4;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.carousel-dots .dot.active {
    background: #3a3a3a;
    transform: scale(1.2);
}

/* Săgețile laterale ca în poză */
.btnSageti {
    position: absolute;
    top: 40%;
    z-index: 10;
    border: none;
    font-size: 27px;
    height: 65px;
    width: 35px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}
.MultiCarousel-inner {
    overflow: hidden;
    position: relative;
}

.MultiCarousel-inner .produse {
    display: flex;
    transition: transform 0.4s ease;
}
.leftLst {
    left: 6px;
}
.rightLst {
    right: 6px;
}
.leftLst:hover,
.rightLst:hover {
    color: #c76b33;
}
.row.pgPostari {
    flex-wrap: nowrap !important;
}
.divPostare {
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .order2 {
        order: 2;
    }
    .order3 {
        order: 3;
    }
    .order1 {
        order: 1;
    }
    .hover-cos #sumar-cos {
        right: 0;
    }
    .main-swiper img {
        height: 360px;
    }
    .container.fullw {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .hero-content .text-dinamic-mobile {
        font-weight: 100;
        font-size: 19px;
        line-height: 2em;
    }
    .hero-content p {
        color: rgba(99, 102, 103, 1);
        padding-bottom: 16px;
        line-height: 1.2em;
        font-size: 16px;
        font-family: "Urbanist";
        font-weight: 500;
    }

    .sectiune-div .titlu-sectiune span {
        font-size: 25px;
    }
    .descriere-sectiune {
        margin-top: 0px !important;
    }
    .descriere-sectiune,
    .descriere-sectiune span {
        line-height: 1;
    }

    .marginTop70 {
        margin-top: 35px;
    }
    .marginTop80 {
        margin-top: 40px;
    }
    .border_img_categorie {
        border: none;
    }

    .btnSageti {
        display: none !important;
    }

    .mobile-arrows {
        display: block;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: 50;
        pointer-events: none;
    }

    /* SĂGEȚI FĂRĂ CERC – DOAR ICONIȚE */
    .mobile-left,
    .mobile-right {
        pointer-events: auto;
        position: absolute;
        background: transparent; /* FARA CIRCLE */
        border: none;
        padding: 0;
        cursor: pointer;
        font-size: 28px; /* MARE = ca în schiță */
        color: #636667; /* culoarea iconiței */
    }

    /* Poziționare mai în exterior, să NU intre peste card */
    .mobile-left {
        left: 0px; /* mută mai în exterior dacă trebuie */
    }

    .mobile-right {
        right: 0px;
    }

    /* Iconițele în sine */
    .mobile-left i,
    .mobile-right i {
        font-size: 28px;
    }

    .carouselProduse .MultiCarousel-inner,
    .MultiCarousel .MultiCarousel-inner {
        margin-left: 25px;
        margin-right: 25px;
    }
    .proiect.item.shadow-custom {
        width: 328px;
    }

    .proiect-bottom svg {
        height: 30px;
        width: 30px;
    }
    .circle {
        height: 45px;
        width: 45px;
    }

    .proiect-bottom {
        /* padding-left: 9px;
        padding-right: 9px;
        background: #fff;
        width: 90%;
        border-radius: 10px; */
    }
    .d-flex.mt-2 .specificatie.col-5 {
        border-right: 1px solid #e6e6e6;
    }
    .specif-proiect-div .mt-2 {
        margin-top: 0px !important;
    }
    .produs .icon-heart {
        right: 20px !important;
        left: auto;
    }
    .produse .produs .nume_produs {
        font-weight: 100;
    }
    .stele_content_produs span {
        font-size: 9px;
    }
    .stele_content_produs {
        margin-bottom: 0px;
        height: inherit;
    }
    .imgStea {
        margin-right: 1px;
        height: 9px !important;
        width: 9px !important;
    }
    .produse .produs .icon_adauga_in_cos {
        font-size: 60px;
    }

    .produse .produs .pret_intreg_new {
        position: inherit;
    }
    .produse .produs .pret_final_new {
        color: red;
        font-size: 30px;
        text-align: left;
    }
    .divDetaliiProdDesktop {
        display: none;
    }

    .divDetaliiProdMobile {
        display: flex;
    }
    .stars-stock {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .specificatie span {
        font-size: 12px;
    }
    .boxPasi .intaritor-text {
        line-height: 1.3;
        margin-top: 10px !important;
    }

    .boxPasi .pasi-title {
        line-height: 1.1;
    }
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: block;
    }
    .mobile-contact {
        font-size: 22px;
        color: #636667;
    }
    .cta-section-content {
        display: initial;
    }
    .cta-section-content h2 {
        margin-bottom: 0px;
    }
    .cta-section-content .mainbtn.circle-anim-btn {
        margin-top: 20px;
    }

    .stire.flip-card {
        height: 160px;
        border-radius: 10px;
    }
    .stiri-section {
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        gap: 10px;
        background: #f5f5f5;
        padding-bottom: 45px;
    }
    .stiri-section .nume_articol {
        font-size: 11px;
        line-height: 1;
        color: #488597;
    }

    .stire {
        flex: 1 1 0;
        max-width: 33.33%;
        text-align: center;
    }
    .stire-special .img-stiri {
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }

    .stire-special .img-stiri i {
        font-size: 35px;
        color: #1e626e;
        display: inline-block;
        margin-bottom: 0px;
    }
    .stire img,
    .stire svg {
        width: 100%;
        border-radius: 10px;
        margin: 0 auto 10px;
        display: block;
    }

    .text-stiri {
        font-size: 12px;
        line-height: 1;
    }
    .btn-stiri-link {
        padding: 5px 10px;
        background-color: #488597;
        border-radius: 7px;
        color: white;
        text-transform: uppercase;
        font-weight: 100;
        font-size: 12px;
        text-align: center;
    }
    .stiri-section .flip-card {
        padding: 10px;
    }
    .text-stiri {
        margin-bottom: 5px;
    }

    .proiect-bottom .proiect-bottom-pret {
        font-size: 14px;
        font-weight: bold;
    }
}

.dropdown-menu-right.row {
    display: flex !important;
    flex-wrap: wrap;
    /* justify-content: center; */
    align-items: flex-start;
}

.dropdown-menu-right .col-4.subcat {
    /* flex: 0 1 290px; */
    /* max-width: 300px; */
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dropdown-submenu .description-box {
    line-height: 1.3;
}
.proiecte-row .produse.proiecte {
    grid-column-gap: 25px !important;
}

.listaSubcat {
    background: #f7f7f7;
    padding: 20px 25px;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.listaSubcat .titlu_filtru {
    font-size: 18px;
    font-weight: 700;
    color: #488597;
    margin-bottom: 15px !important;
}

.listaSubcat ul li {
    margin-bottom: 10px;
}

.listaSubcat ul li a {
    font-size: 16px;
    text-decoration: none;
    color: #4b4b4b;
    padding: 6px 10px;
    border-radius: 6px;
    display: block;
    transition: 0.25s;
}

.listaSubcat ul li a.bold {
    font-weight: 700;
    color: #488597;
    background: #e8f3f6;
}

.listaSubcat ul li a:hover {
    background: #e8f3f6;
    color: #488597;
    padding-left: 14px;
}
.categorii-filtru {
    text-transform: uppercase;
    font-size: 20px;
    color: #636667;
}
/* Card modern */
.articole_recente {
    background: #f7f7f7;
    padding: 20px 25px;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #488597;
}

/* Lista */
.articole_recente ul {
    margin-top: 15px;
    padding-left: 0;
    list-style: none; /* scoate bulinele */
}

.articole_recente ul li {
    margin-bottom: 10px;
}

/* Link-urile */
.articole_recente ul li a {
    font-size: 16px;
    text-decoration: none;
    color: #4b4b4b;
    padding: 6px 10px;
    border-radius: 6px;
    display: block;
    transition: 0.25s;
}

/* Hover */
.articole_recente ul li a:hover {
    background: #e8f3f6;
    color: #488597;
    padding-left: 14px;
}

/* Selectat */
.articole_recente ul li a.active {
    background: #e8f3f6;
    color: #488597;
    font-weight: 700;
}

/* Container general */
.contentpostare {
    background: #ffffff;
    padding: 35px 40px;
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07);
}

/* Titlul articolului */
.contentpostare .titlu_cat {
    font-size: 32px;
    font-weight: 800;
    line-height: 1.25;
    color: #2b3a42;
    margin-bottom: 15px;
}

/* Data articolului */
.data_articol {
    font-size: 15px;
    color: #888;
    font-weight: 500;
}

/* Descrierea articolului */
.descPostare {
    font-size: 17px;
    line-height: 1.7;
    color: #444;
}

/* Stil pentru liste, paragraf etc. */
.descPostare p {
    margin-bottom: 18px;
}

.descPostare h2,
.descPostare h3 {
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
    color: #2b3a42;
}

/* Imagini din interiorul articolului */
.descPostare img {
    max-width: 100%;
    border-radius: 12px;
    margin: 20px 0;
}

/* Responsivitate */
@media (max-width: 768px) {
    .contentpostare {
        padding: 25px 20px;
    }
    .contentpostare .titlu_cat {
        font-size: 26px;
    }
}
/* Imaginea cover articol */

.imgCoverBlog img {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
    width: 100% !important;
    margin-bottom: 25px;
    /* height: 380px; */
    object-fit: cover;
    border-radius: 14px;
}
.listareCategorii .categorie-div {
    width: 150px;
    height: auto;
}
.listareCategorii .img_categorie {
    height: 75px;
    width: 75px;
    border-radius: 0px;
}
.listareCategorii .border_img_categorie {
    height: 121px;
    width: 121px;
}
.listareCategorii .boxCategorie .nume_categorie span {
    font-size: 12px;
    line-height: 1;
}
.listareCategorii .categorie-item:hover .nume_categorie span {
    font-size: 16px;
}
.listareCategorii .boxCategorie .nume_categorie {
    line-height: 1;
}
.boxCategorie.bold .nume_categorie span,
.boxCategorie.active-cat .nume_categorie span {
    color: #488597; /* albastrul tău */
    font-weight: 700;
    font-size: 16px;
}

.boxCategorie.bold .border_img_categorie,
.boxCategorie.active-cat .border_img_categorie {
    border-color: #488597;
    border: 1px solid #488597 !important;
}

.boxCategorie {
    position: relative;
}

.boxCategorie.active-cat::after,
.boxCategorie.bold::after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;

    position: absolute;
    top: 24px;
    right: 41px;
    width: 20px;
    height: 20px;

    background: #488597;
    color: #fff;

    border-radius: 50%;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.produse_categorie_listare .produse .proiect {
    width: 100% !important;
}

.produse_categorie_listare.proiecte a {
    background-color: #f5f5f5;
}
.produse_categorie_listare .img-proiect {
    width: 100%;
}

/* CARD MODERN */
.filtru_specificatii {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 18px;
    border: 1px solid #e8e8e8;
    transition: 0.25s ease;
}

.filtru_specificatii:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07);
}

/* HEADER FILTRU */
.filtru_specificatii .expandFiltru {
    cursor: pointer;
    align-items: center;
}

.filtru_specificatii .nume_specificatie {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

/* ICON PLUS / MINUS */
.filtru_specificatii .expandFiltru i {
    font-size: 14px;
    text-align: right;
    transition: 0.3s ease;
}

.filtru_specificatii.open .expandFiltru i {
    transform: rotate(45deg);
}

/* BOX VALORI */
.box_valori_filtru {
    margin-top: 14px;
    padding-left: 4px;
}

/* CHECKBOX  */
.checkbox_filtru {
    appearance: none;
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    border: 2px solid #488597;
    border-radius: 4px;
    margin-right: 8px;
    position: relative;
    cursor: pointer;
    transition: 0.15s ease;
}

.checkbox_filtru:checked {
    background-color: #488597;
    border-color: #488597;
}

.checkbox_filtru:checked::after {
    content: "✓";
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: -7px;
    left: 3px;
    font-weight: bold;
}

/* TEXT VALOARE FILTRU */
.box_valori_filtru label {
    font-size: 14px;
    color: #444;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
}

/* RESET FILTER LINK */
.reset_filtru_single {
    font-size: 14px;
    color: #d9534f;
    cursor: pointer;
    margin-top: 10px;
    display: inline-block;
}

#slider-range .ui-slider-range {
    background: #488597 !important;
}

#slider-range .ui-slider-handle {
    border-radius: 50%;
    background: white !important;
    border: 2px solid #488597 !important;
    width: 18px;
    height: 18px;
    top: -5px !important;
}

#amount,
.resetFiltre {
    border: none;
    font-weight: 600;
    color: #488597;
    margin-bottom: 10px;
    font-size: 14px;
}

.resetFiltre:hover {
    color: #488597;
    text-decoration: underline;
}

.colBtnProgramare,
.colBtnCos {
    width: 275px;
}
.section_produse_similare .MultiCarousel-inner .produse {
    grid-column-gap: 20px !important;
}
/* 
.section_produse_similare .MultiCarousel-inner .produse .item {
    width: 20% !important;
}
.section_produse_similare .MultiCarousel .produse > .proiect {
    margin-right: 6px;
} */

/* ZONA PROIECT - COMPARATIE */
.box-comparatie {
    background: #fff;
    border-radius: 16px;
    padding: 20px 0;
}

.box-left,
.box-right {
    padding: 30px;
}

/* Coloana stângă */
.box-left {
    background: #f5f5f5;
    border-radius: 16px;
}

.titlu-left {
    color: var(--Dark-Orange, #c76b33);
    font-size: 24px;
    font-weight: 700;
}

.subtitlu-left {
    color: #7b7b7b;
    margin-top: -10px;
    margin-bottom: 20px;
}

/*  stanga */
.comparatie_sectiune .lista-left li {
    list-style: none;
    margin-bottom: 10px;
    color: #333;
    font-size: 15px;
    display: flex;
    align-items: center;
}
.comparatie_sectiune .lista-left,
.comparatie_sectiune .lista-right {
    padding-left: 0px;
}

.comparatie_sectiune .box-left,
.comparatie_sectiune .box-left {
    padding: 15px;
}

.comparatie_sectiune .lista-left i {
    color: var(--Dark-Orange, #c76b33);
    margin-right: 10px;
    font-size: 18px;
}

/* Coloana dreapta */
.box-right {
    background: #f5f5f5;
    border-radius: 16px;
}

.titlu-right {
    color: #488597;
    font-size: 24px;
    font-weight: 700;
}

.subtitlu-right {
    color: #7b7b7b;
    margin-top: -10px;
    margin-bottom: 20px;
}

.comparatie_sectiune .lista-right li {
    list-style: none;
    margin-bottom: 10px;
    color: #333;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.comparatie_sectiune .lista-right i {
    color: #488597;
    margin-right: 10px;
    font-size: 18px;
}

.section_produse_similare .boxExtraReduceri {
    margin-left: 0px;
    margin-right: 0px;
}

.comparatie_sectiune {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.intrebari_sectiune {
    background-color: #f5f5f5;
    border-radius: 16px;
}
.intrebari_sectiune .faq {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.spanSimilare {
    font-family: "Sora";
    color: var(--Dark-Grey, #636667);
    font-weight: 700;
}

.spanSimilare .faq-item {
    border-radius: 0px;
}
.intrebari_sectiune .faq-content {
    padding: 0 24px 0px 24px;
}
.planuri_sectiune .titlu_sectiune span {
    color: #636667;
}
.sub-link img {
    height: 26px;
}
.subcat .elemente-subcategorie a {
    padding-left: 0px !important;
}
.dropdown-submenu .col-9 .title-box .a {
    padding-left: 0px !important;
}
.subcat .elemente-subcategorie {
    width: 100%;
}
.cta-section-content h2 {
    font-size: 32px;
}
.articol-centru .nume_articol {
    min-height: 60px;
}