/* RESET */
body, h1, h2, h3, h4, h5, h6, ul, ol, li , dl, dd, dt {margin: 0; padding: 0;}
ul, ul li {list-style: none;}
img {border: 0 none;}
a {text-decoration: none; transition: all 0.5s;}
p {margin: 0; padding: 0; line-height: 1.5;}
.clear {clear: both;}
* {box-sizing: border-box; transition: all 0.5s;}
/* end reset */

@font-face {font-family: "pop100"; src: url("/wp-content/themes/endd/assets/fonts/Poppins/Poppins-Thin.ttf");}
@font-face {font-family: "pop200"; src: url("/wp-content/themes/endd/assets/fonts/Poppins/Poppins-ExtraLight.ttf");}
@font-face {font-family: "pop300"; src: url("/wp-content/themes/endd/assets/fonts/Poppins/Poppins-Light.ttf");}
@font-face {font-family: "pop400"; src: url("/wp-content/themes/endd/assets/fonts/Poppins/Poppins-Regular.ttf");}
@font-face {font-family: "pop500"; src: url("/wp-content/themes/endd/assets/fonts/Poppins/Poppins-Medium.ttf");}
@font-face {font-family: "pop600"; src: url("/wp-content/themes/endd/assets/fonts/Poppins/Poppins-SemiBold.ttf");}
@font-face {font-family: "pop700"; src: url("/wp-content/themes/endd/assets/fonts/Poppins/Poppins-Bold.ttf");}
@font-face {font-family: "pop800"; src: url("/wp-content/themes/endd/assets/fonts/Poppins/Poppins-ExtraBold.ttf");}
@font-face {font-family: "pop900"; src: url("/wp-content/themes/endd/assets/fonts/Poppins/Poppins-Black.ttf");}

:root {
    --negru: #232529;
    --rosu: #ea1b25;
    --rosu-deschis: #f0474f;
    --gri: #7e7e7e;
}


body {
    font: 16px/1.2 pop400;
    color: var(--negru);
}
a {color: var(--negru);}
.meniu-mobil-buton {display: none;}

@media (min-width: 576px) {
	.container {
		width: 100%; margin: auto;
		max-width: 540px; text-align: left;
	}
}
@media (min-width: 768px) {.container {max-width: 720px;}}
@media (min-width: 992px) {.container {max-width: 960px;}}
@media (min-width: 1200px) {.container {max-width: 1140px;}}
@media (min-width: 1400px) {.container {max-width: 1320px;}}
@media (min-width: 1600px) {.container {max-width: 1520px;}}


.site-header {
    position: sticky; top: 0px; z-index: 50;
    background: #fff;
    box-shadow: 0px 11px 21px 0 rgba(46, 51, 65, 0.13);
    transition: all 0.5s;
}
.admin-bar .site-header {top: 32px;}
.site-header.sticky .main-header {height: 50px;}
.site-header.sticky .minimenu {padding: 3px 0;}
.site-header .logo {width: 142px;}
.site-header .logo a {
    display: flex; flex-wrap: wrap;
}
.site-header .logo img {
    width: 100px; height: initial;
    margin: 0 0 3px 0;
}
.site-header .logo span {
    width: 100%;
    font: 9px/1 pop400;
    text-transform: uppercase;
}


.minimenu {
    display: none;
    background: var(--negru); color: #fff;
    text-align: right;
    padding: 7px 0;
}
.minimenu .container {display: flex; flex-wrap: wrap; justify-content: end; align-items: center;}
.minimenu li {display: inline-flex; position: relative;}
.minimenu a {
    font: 12px/1 pop400;
    color: #fff;
}
.minimenu .user {margin-left: 50px;}


li:hover .menu-drop-downs {display: block;}
.menu-drop-downs {
    display: none;
    position: absolute; top: 41px; left: 0;
    width: 370px;
    background: #fff;
    padding: 10px 30px 30px 30px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 22px 21px 0 rgba(46, 51, 65, 0.13);
}
.menu-drop-downs li {
    display: block;
    width: 100%;
}
.menu-drop-downs > ul > li > a {
    display: flex;
    font: 16px/1.2 pop700;
    color: var(--negru);
    border-bottom: 1px solid #bbb;
    padding: 7px 0;
}
.menu-drop-downs li li a {
    display: flex;
    font: 14px/1.2 pop500;
    color: var(--negru);
    border-bottom: 1px solid #bbb;
    padding: 7px 0;
    border: 0;
}
.menu-drop-downs li li li a {
    font: 14px/1.2 pop400;
}

.menu-drop-downs ul ul {
    padding: 0 0 0 30px;
}
.sageata-sus {
    content: "";
    display: block; width: 27px; height: 20px;
    position: absolute; top: 5px; right: 0; z-index: 1;
    background: url(/wp-content/themes/endd/assets/images/italia/angle-down-gri.svg) no-repeat right;
    background-size: 12px;
    cursor: pointer;
}

/* Google translate */
#gt_float_wrapper {top: 122px !important; right: 0 !important;}
.gt_float_switcher .gt-selected .gt-current-lang {
    display: flex;
    align-items: center;
    padding: 9px !important;
}
.gt_float_switcher img {width: 20px !important;}
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    font-size: 16px;
    margin: 0 8px 0 4px;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    height: 15px !important; width: 10px !important;
    background-size: 9px !important;
}
.gt_float_switcher .gt_options a {
    padding: 6px 9px !important;
    font-size: 16px;
}
.gt_float_switcher img {display: none !important;}
.gt_float_switcher {
    font-family: pop500 !important; font-size: 14px !important;
    box-shadow: none !important;
    border: 1px solid #aaa; border-right: 0;
    border-radius: 5px 0 0 5px !important;
}

/* end google translate */

header .main-menu ul {display: flex; flex-wrap: wrap;}
header .main-menu li {position: relative;}
header .main-menu > ul > li > a {
    font: 16px/1 pop400;
    color: var(--negru);
    padding: 20px 10px;
}
header .main-menu li a:hover {color: var(--rosu);}
header .main-menu > ul > li:hover > a {color: var(--rosu);}
.main-header {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    height: 64px;
}

.access-links {display: flex;}

.search-dropdown {
    position: relative;
    display: none;
    background: var(--negru);
}
.search-dropdown form {
    display: flex; flex-wrap: wrap;
    justify-content: center; align-items: center;
    padding: 20px 0;
}
.search-dropdown input {
    width: 30%;
    background: transparent;
    border: 0; outline: 0;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    font: 16px/1 pop400;
    color: #fff;
}
.search-dropdown input::placeholder {
    font: 16px/1 pop400;
    color: #fff;
}
.search-dropdown button {
    display: flex; justify-content: center; align-items: center;
    width: 35px; height: 35px;
    margin-left: 10px;
    cursor: pointer;
    background: transparent;
    border: 0; outline: 0;
    transition: all 0.5s;
}
.search-dropdown button:before {
    content: "";
    display: block; width: 30px; height: 30px;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(/wp-content/themes/endd/assets/images/senci/search_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg);
}
.search-dropdown .inchide {
    position: absolute; top: 5px; right: 10px;
    font: 35px/1 pop200;
    color: #fff;
    cursor: pointer;
}

.search-btn {
    display: flex; justify-content: center; align-items: center;
    width: 35px; height: 35px;
    margin-left: 30px;
    cursor: pointer;
}
.search-btn:before {
    content: "";
    display: block; width: 18px; height: 18px;
    background: var(--negru);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(/wp-content/themes/endd/assets/images/senci/search_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg);
}

.shop {display: flex; align-items: center;}
.shop a {
    font: 14px/1 pop400;
    color: var(--negru);
}
.shop a strong {
    font-family: pop400;
}
.shop a span {
    color: var(--rosu);
    margin: 0 0 0 7px;
     font-family: pop600;
}


ul li {
    list-style-type: disc;
    margin: 0 0 10px 20px;
}
header li, 
.left-meniu li, 
.beneficii li, 
.entity-select li, 
footer li {list-style: none; margin: 0;}

.pagina-standard a {
    font-family: pop600;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
}
.pagina-standard a:hover {color: var(--rosu);}
.page-template-default .pagina-standard h3 {margin: 50px 0 25px 0;}


/* Start Home */
.slider-home-sus {
    height: 435px;
    background: url(/wp-content/themes/endd/assets/images/senci/slide-bg.webp) no-repeat center / cover;
}
.slider-home-sus .swiper-slide {position: relative; height: 435px;}
.slider-fulger {
    position: absolute; top: 50%; right: 260px; z-index: 5;
    transform: translateY(-50%);
    width: 300px; height: 350px; 
    object-fit: cover; object-position: center;
}
.slider-poza-produs {
    position: absolute; top: 50%; right: 60px; z-index: 10;
    transform: translateY(-50%);
    width: 300px; height: 300px; 
    object-fit: cover; object-position: center;
}
.cadru {
    position: relative; z-index: 10;
    display: flex; flex-wrap: wrap; align-items: center;
    width: 50%; height: 100%;
    padding: 0 0 0 60px;
}
.cadru h3 {
    font: 24px/1.2 pop700;
    color: var(--rosu);
    margin: 0 0 20px 0;
}
.cadru h3:before {content: "// "; margin: 0 10px 0 0;}
.cadru p {
    font: 18px/1.7 pop700;
    margin: 0 0 50px 39px;
}
.cadru .vezi {
    display: inline-flex;
    font: 16px/1 pop400;
    background: var(--rosu); color: #fff;
    border-radius: 5px;
    padding: 15px 20px; margin: 0 0 0 39px;
    transition: all 0.5s;
}
.cadru .vezi:hover {box-shadow: inset 0 -100px 0 0 rgba(0 0 0 / 30%);}

.slider-home-sus .swiper-button-prev {left: 0;}
.slider-home-sus .swiper-button-next {right: 0;}

.slider-home-sus .swiper-button-prev, 
.slider-home-sus .swiper-button-next {
    width: 30px; height: 30px;
    background: var(--negru); color: #fff;
    border-radius: 100px;
    font-size: 20px;
}
.slider-home-sus .swiper-button-prev:hover, 
.slider-home-sus .swiper-button-next:hover {background: var(--rosu);}
.slider-home-sus .swiper-navigation-icon {height: 19px;}
.slider-home-sus .swiper-pagination-bullet {
    width: 18px; height: 18px;
    background: var(--rosu);
}


.info-sub-slider {background: var(--rosu); padding: 35px 0; margin: 0 0 70px 0;}
.info-sub-slider .container {display: flex; flex-wrap: wrap; gap: 30px;}
.info-sub-slider .info {
    flex: 1;
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}
.info-sub-slider h4 {
    font: 16px/1.2 pop700;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.info-sub-slider .icon {
    display: flex; justify-content: center; align-items: center;
    width: 45px; height: 45px;
    background: var(--negru); border-radius: 100px;
}
.info-sub-slider .icon-semn {
    display: block; width: 30px; height: 30px;
    background:#fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}
.info-sub-slider img {width: 45px; height: 45px; object-fit: contain;}
.info-sub-slider .text {width: calc(100% - 70px);}

h2 {
    font: 24px/1.5 pop700;
    margin: 0 0 60px 0;
    text-align: center;
}
h2 strong {display: block; color: var(--rosu);}
.categorii-home-repeater {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 140px;
}
.chr-categorie {position: relative;}
.chr-categorie img {
    width: 100%; height: 310px;
    object-fit: cover; object-position: center;
    border-radius: 10px;
}
.chr-categorie strong {
    position: absolute; top: 30px; left: 30px;
    color: #fff;
    font: 20px/1.2 pop700;
    text-transform: uppercase;
}
.chr-categorie span {
    position: absolute; bottom: 30px; left: 30px;
    display: inline-flex;
    font: 16px/1 pop500;
    color: #fff; background: var(--rosu);
    padding: 15px 20px;
    border-radius: 5px;
    transition: all 0.5s;
}
.chr-categorie strong.titlu-negru {color: var(--negru);}
.chr-categorie span.rosu-inchis {background: #9c0008;}
.chr-categorie:hover span {background: var(--negru) !important;}

.cele-bune-oferte {position: relative; padding: 0 10%;}
.swiper-button-next.swiper-button-next-cele-vandute {
    top: calc(50% + 50px);
    right: 100px;
    background: var(--negru);
    border-radius: 100px;
}
.swiper-button-prev.swiper-button-prev-cele-vandute {
    top: calc(50% + 50px);
    left: 100px;
    background: var(--negru);
    border-radius: 100px;
}
.swiper-button-next-cele-vandute svg, 
.swiper-button-prev-cele-vandute svg {
    width: 20px;
    height: 20px;
    color: #fff;
}

/* End Home */


.breadcrumbs {margin: 10px auto 35px auto;}
.breadcrumbs a {
    font: 14px/1 pop400;
    color: var(--rosu);
}
.breadcrumbs span {
    font: 14px/1 pop400;
}
h1 {
    font: 24px/1.2 pop700;
    margin: 0 0 50px 0; padding: 0 0 30px 0;
    border-bottom: 1px solid #c2c2c2;
    color: var(--rosu);
    text-align: center;
}



/* Produse */
.page-header-produse h1 {
    border: 0; 
    padding: 0; margin: 0 0 70px 0;
}
.lista-produse {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.left-meniu {width: 21%; padding: 9px 0 0 0;}
.left-meniu h2 {
    text-align: left;
    font: 24px/1.2 pop600;
    color: var(--rosu);
    border-bottom: 1px solid #ccc;
    padding: 0 0 18px 0; margin: 0 0 20px 0;
}
.left-meniu ul {position: relative;}
.left-meniu ul ul {
    display: none;
    margin: 0 0 20px 0;
    animation-name: apare;
    animation-duration: 0.6s;
}
.left-meniu ul li.open ul {display: block;}

.left-meniu li {position: relative; }
.left-meniu li a {
    display: flex; align-items: center;
    color: var(--negru);
    font: 15px/1.2 pop500;
    padding: 7px 0;
}
.left-meniu > ul > li.stop > a {
    font-family: pop700;
}
.left-meniu > ul > li.stop > a:before {
    content: "";
    display: inline-block; width: 16px; height: 16px;
    background: url(/wp-content/themes/endd/assets/images/italia/arrow_forward.svg) no-repeat 0 center;
    background-size: 16px;
    margin: 0 7px 0 0;
}
.left-meniu ul li.stop ul {display: block;}
.left-meniu ul li.stop ul ul {display: block;}



.left-meniu li a:hover {opacity: 0.7;}
.left-meniu li li {padding: 0px 0 0px 20px;}
.left-meniu li li a {font-size: 14px; padding: 5px 0;}
.left-meniu li li.stop a {color: var(--rosu); font: 15px/1.2 pop600;}
.left-meniu ul ul ul {border-left: 1px solid #ddd;}
.left-meniu li li li a {font-size: 12px; padding: 3px 0;}

.main-menu .sageata {display: none;}

.sageata {
    content: "";
    display: block; width: 27px; height: 20px;
    position: absolute; top: 5px; right: 0; z-index: 1;
    background: url(/wp-content/themes/endd/assets/images/italia/angle-down-gri.svg) no-repeat right;
    background-size: 12px;
    cursor: pointer;
}
.open > .sageata {transform: rotate(180deg); right: -15px;}

.menu-item-has-children.open > ul {
	display: block;
}
  
.image-back {display: none;}


.subcateg.cap-categorie-template {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.subcateg .categ-div {transition: all 0.5s;  position: relative;}
.subcateg .categ-div img {
    width: 100%; height: 300px;
    object-fit: contain;
}
.subcateg .cap-categorie-titlu {
    display: flex; justify-content: center; align-items: center;
    width: 100%; height: 60px;
    padding: 0px 10px; 
    font: 16px/1.2 pop500;
    letter-spacing: 0.01em;
    background: var(--negru); color: #fff;
}
.subcateg .categ-div:hover {
    box-shadow: 0px 3px 24px 0 rgba(206, 206, 206, 0.6);
}
.subcateg .cap-categorie-titlu:hover {background: var(--rosu);}

.archive .lista-produse {margin-bottom: 100px; padding: 130px 0 0 0;}

.term-motopompe .lista-produse {
    padding: 0;
}
.page-template-default h3.h3-cap-categ {
    font: 20px/1.2 pop500;
    text-align: center;
    margin: -33px 0 47px 0;
}
.toate-categ.cap-categorie-template {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}
.toate-categ .categ-div {transition: all 0.5s; position: relative;}
.toate-categ .cap-categorie {position: relative; transition: all 0.5;}
.toate-categ .categ-div img {
    width: 100%; height: 400px;
    object-fit: cover;
    filter: brightness(65%) contrast(1.2);
}
.toate-categ .cap-categorie-titlu {
    display: flex; align-items: flex-end;
    position: absolute; bottom: 40px; left: 40px; z-index: 20;
    font: 24px/1.2 pop700;
    text-transform: uppercase;
    color: #fff;
    padding: 0 40px 0 0;
}
.toate-categ .categ-div:hover {
    box-shadow: 0px 3px 24px 0 rgba(206, 206, 206, 0.6);
}
.toate-categ .cap-categorie:before {
    content: "";
    opacity: 0;
    position: absolute; bottom: 0; left: 0; z-index: 10;
    display: block; width: 100%; height: 12vw;
    background: linear-gradient(transparent, var(--negru));
    border-bottom: 15px solid var(--rosu-deschis);
    transition: all 0.5s;
}
.toate-categ .cap-categorie:hover:before {opacity: 1;}


.producatori {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 20px;
}
.producatori a {
    text-align: center;
    transition: all 0.5s; padding: 0 0 10px 0;
}
.producatori a img {
    width: 90%; height: 150px;
    object-fit: contain;
}
.producatori a strong {
    display: flex; justify-content: center;  align-items: center;
    width: 100%; height: 60px;
    padding: 0px 10px; margin: 5px 0;
    font: 16px/1.2 pop400;
    background: var(--negru);
    color: #fff;
    transition: all 0.5s;
}
.producatori a:hover strong {background: var(--rosu);}
.producatori a em {
    display: block;
    font: 14px/1.2 pop500;
    color: var(--negru);
    text-align: center;
}
.producatori a:hover {
    box-shadow: 0px 3px 24px 0 rgba(206, 206, 206, 0.6);
}


.listare-produse {width: 76%;}

.form-filtre {
    position: absolute; left: 0; top: 0;
    width: 100%;
}
.filtre {
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0; margin: 0 0 20px 0;
    color: var(--gri);
    font: 15px/1.2 pop500;
}
.filtre > div {width: 32%;}
.filtre label {margin: 0 20px 0 0;}
.filtre select {
    font: 14px/1.2 pop700;
    color: var(--negru);
    border: none;
    padding: 5px 10px;
}

.cate-pagini {
    position: absolute; left: 0; top: 70px;
    width: 100%;
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 30px 0;
    font: 15px/1.2 pop500;
    color: var(--gri);
}
.cate-pagini > div {width: 49%;}
.cate-pagini > nav {width: 49%; text-align: right;}
.paginare-jos > nav {margin: 20px 0;}
.cate-pagini strong {font-family: pop700; color: var(--negru);}

.afisare {
    display: flex; flex-wrap: wrap;
    justify-content: end;
    align-items: center;
}
.afisare span {
    display: flex; justify-content: center; align-items: center;
    width: 36px; height: 36px;
    margin: 0 0 0 10px; 
    cursor: pointer;
    border: 1px solid transparent; border-radius: 3px;
}
.afisare span.af3 {display: none;} /* ascundere Afisare Multipla */
.afisare span.active {border: 1px solid var(--negru);}
.afisare span:hover { opacity: 0.7;}
.afisare img {width: 22px;}

h2.screen-reader-text {display: none;}
.nav-links {
    display: flex; flex-wrap: wrap;
    justify-content: end; align-items: center;
}
.nav-links a, 
.nav-links span {
    display: flex; justify-content: center; align-items: center;
    width: 37px; height: 37px;
    border-radius: 100px; border: 1px solid #c2c2c2;
    font: 15px/1.2 pop500;
    color: #c2c2c2;
    margin: 0 0 0 7px;
}
.nav-links span {
    color: var(--negru);
    border-color: var(--negru);
    font-family: pop700;
}
.nav-links a.next, .nav-links a.prev {
    background: url(/wp-content/themes/endd/assets/images/senci/arrow_forward.svg) no-repeat center;
    background-size: 16px;
}
.nav-links a.next:hover, .nav-links a.prev:hover {
    background: url(/wp-content/themes/endd/assets/images/senci/arrow_forward_hover.svg) no-repeat center;
    background-size: 16px;
}
.nav-links a.prev {transform: rotate(180deg);}
.nav-links a:hover {border-color: var(--rosu); color: var(--rosu);}

.produsele form {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 0px;
}
.produsele article footer {display: none;}

.produsele a img {
    width: 100%; height: 180px;
    object-fit: contain;
}
.resigilate-lichidare-stoc {
    position: absolute; right: 7px; bottom: 75px;
    width: 100px; z-index: 10;
}
.afisare-lista .resigilate-lichidare-stoc {bottom: 20px;}
.produsele article {
    position: relative;
    padding: 20px 20px 120px 20px; margin: 0;
    border-radius: 3px;
    transition: all 0.5s;
    border: 1px solid transparent;
    width: initial; height: initial;
    overflow: visible; margin: 0;
    float: none;
}
.produsele article.fara-pret {padding-bottom: 80px;}
.produsele .stoc {display: none;}

.produsele article:before {
    content: "";
    display: block; width: 1px; height: 84%;
    background: #e9e9e9;
    position: absolute; top: 50%; right: 0;
    transform: translateY(-50%);
}
.produsele article:hover:before {display: none;}
.produsele article:hover {
    box-shadow: 0px 3px 24px 0 rgba(206, 206, 206, 0.6);
    border: 1px solid var(--rosu);
}
.produsele.afisare-lista article:hover {border-color: var(--rosu);}
.produsele .code {
    color: var(--gri);
    text-transform: uppercase;
    font: 16px/1.2 pop500;
}
.produsele h2 {text-align: left; margin: 0 0 20px 0;}
.produsele h2 a {
    display: block; min-height: 87px;
    font: 16px/1.06 pop700;
    color: var(--negru);
    padding: 16px 0 0px 0; margin: 0
}
.produsele .pret {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.produsele .pret-nou {order: 10;}
.produsele .preturi-old {
    position: absolute;
    right: 0; top: 0;
    order: 20; text-align: right;
}
.produsele .pret .preturi-old strong {
    text-decoration: line-through;
    color: #555;
    font-size: 17px;
}
.produsele .pret strong {
    display: block;
    font: 17px/1 pop600;
    color: var(--rosu);
    margin: 20px 0 3px 0;
    letter-spacing: -0.3px;
}

.produsele .pret em {
    display: block;
    font: 11px/1.2 pop500;
    text-transform: uppercase;
    color: var(--rosu);
    margin: 0 0 10px 0;
}
.produsele .preturi-old em {color: #555;}

.pret-cart {
    position: absolute; bottom: 21px; left: 20px;
    display: flex; flex-wrap: wrap;
    align-items: end; justify-content: start;
    min-height: 106px;
    width: calc(100% - 40px);
}
.fara-pret .pret-cart {min-height: initial;}

.produsele.afisare-lista .pret-cart {
    position: relative; bottom: initial; left: initial;
    width: initial;
}
.produsele .add-to-cart {margin: 0;}
.produsele .masca-imagine {display: flex; flex-wrap: wrap;}

.precomanda {
    display: flex; justify-content: center; align-items: center;
    width: 100%; height: 34px;
    border-radius: 100px;
    background: aliceblue;
    border: 1px solid;
    cursor: pointer;
}
.produs-categ-int {display: none;}
.produsele.afisare-grid .descri {display: none;}

.produsele.afisare-lista form {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
}
.produsele.afisare-lista article {
    padding: 30px 240px 30px 220px;
    border-bottom: 1px solid #e9e9e9;
    min-height: 223px;
}
.produsele.afisare-lista .masca-imagine {
    position: absolute; top: 50%; left: 20px;
    transform: translateY(-50%);
}
.produsele.afisare-lista .masca-imagine img {width: 180px;}
.descri {height: 84px; overflow: hidden;}
.descri > div {font-size: 14px;}
.produsele.afisare-lista .pret-cart {
    position: absolute; top: 50%; right: 20px;
    transform: translateY(-50%);
    width: 200px;
}
.produsele.afisare-lista h2 a {
    padding: 16px 0 14px 0;
    height: initial; min-height: initial;
    overflow: visible;
}
.produsele.afisare-lista article:before {display: none;}
.produsele.afisare-multipla article:before {display: none;}

.produsele.afisare-multipla form {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
}
.ascuns, 
.produsele.afisare-grid .ascuns, 
.produsele.afisare-lista .ascuns {display: none;}

.div-input-number {display: none;}
.cap-tabel {display: none;}
.expand {display: none;}

.totala {display: none;}
.produsele.afisare-multipla .totala {
    width: 100%; height: 81px;
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    padding: 0 40px 0 0;
    background: #eff9fe;
    border-radius: 0 0 5px 5px;
    border-top: 2px solid;
}
.t-left {
    display: flex; justify-content: end; align-items: center;
    width: 70%;
    padding: 0 50px 0 0;
}
.t-left span {
    margin: 0 36px 0 0;
    font-size: 22px;
}
.t-left strong {font: 22px/1 pop700;}
.produsele.afisare-multipla .pret-cart .add-to-cart {display: none;}
.produsele .totala button {width: 28%;}

/* End Produse */




.c-inside {display: none;}



/* Detaliu produs */

.produs-general {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
}
.pg {
    width: 32%;
}
.pg1 {width: 40%;}
.pg2 {width: 38%;}
.pg3 {width: 16%;}

.pg .swiper-galerie {width: 100%;}
.pg .swiper-slide img {
    display: block; width: 100%; height: 500px;
    object-fit: contain;
    padding: 15px;
}
.pg .swiper-button-next:after, 
.pg .swiper-button-prev:after {
    font-size: 14px; font-weight: 700;
    color: var(--negru);
}
.pg .swiper-button-prev {
    left: 0;
    background: #fff;
    border-radius: 100px;
    width: 35px; height: 35px;
    border: 1px solid var(--negru);
}
.pg .swiper-button-next {
    right: 0;
    background: transparent;
    border-radius: 100px;
    width: 35px; height: 35px;
    border: 1px solid var(--negru);
}
.pg .swiper-button-prev svg, 
.pg .swiper-button-next svg {
    width: 15px; height: 15px;
    color: var(--negru);
}
.pg .swiper-button-prev:hover, 
.pg .swiper-button-next:hover {border-color: var(--rosu);}
.pg .swiper-button-prev:hover svg, 
.pg .swiper-button-next:hover svg {color: var(--rosu);}

.pg .swiper-thumb {
    width: 100%; height: 135px; 
    margin: 20px 0 0 0; padding: 0 4px 0 0;
}
.pg .swiper-thumb .swiper-slide {
    width: 25%; height: 100px;
    cursor: pointer;
}
.pg .swiper-thumb .swiper-slide img {
    height: 110px;
    object-fit: contain;
    border: 1px solid transparent;
    padding: 5px;
}

.pg .swiper-thumb .swiper-slide-thumb-active img {
    border: 1px solid var(--negru);
}

.cod {
    font: 13px/1.2 pop400;
    text-transform: uppercase;
    color: var(--gri);
    margin: 0 0 30px 0;
}
.pretnormal span {
    display: block;
    font: 16px/1 pop400;
    color: var(--gri);
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.pretnormal strong {
    display: block;
    font: 22px/1 pop700;
    color: var(--rosu);
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.pretnormal em {
    display: block;
    font: italic 13px/1 pop400;
    color: var(--rosu);
    margin: 0 0 15px 0;
}
.resigilate-lichidare-stoc-detaliu {margin: 0 0 20px 0;}

.add-to-cart, 
.contacteaza-ne-btn {
    display: flex; justify-content: center; align-items: center;
    width: 100%; height: 37px;
    font: 14px/1 pop400;
    color: #2b2a29; background: #fff;
    border: 1px solid #2b2a29;
    border-radius: 4px;
    padding: 10px; margin: 0;
    cursor: pointer; transition: all 0.5s;
}
.add-to-cart:hover, .add-to-cart.loaded, 
.contacteaza-ne-btn:hover {
    background: var(--negru); border-color: var(--negru);
    color: #fff;
}
.pg .add-to-cart, .pg .contacteaza-ne-btn {margin: 0 0 20px 0;}
.add-to-cart img {display: none;}
.single .add-to-cart {margin-bottom: 30px;}
.pg .imagini-predefinite img {
    width: 42%; height: initial;
    margin: 0 10px 10px 0;
}
.pg .vezi-produse {
    display: flex; flex-wrap: wrap;
    justify-content: center; align-items: center;
    width: 100%; height: 130px;
    border: solid 1px #dfe0e7;
    font: 16px/1.2 pop400;
    margin: 0 0 35px 0;
    color: var(--negru);
    transition: all 0.5s;
}
.pg .vezi-produse .centrare {
     display: flex; flex-wrap: wrap;
    justify-content: center;
}
.pg .vezi-produse img {
    width: 128px; height: initial;
    margin: 0 0 10px 0;
}
.pg .vezi-produse:hover {border-color: var(--negru);}
.incredere {
    font: 16px/1.2 pop500;
    padding: 0 15px;
}


.btn-share-facebook {
    display: inline-flex; align-items: center;
    font: 12px/1 pop400;
    color: var(--negru);
    transition: all 0.5s;
}
.btn-share-facebook:before {
    content: "";
    display: block; width: 20px; height: 20px;
    margin: 0 7px 0 0;
    background: var(--negru);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(/wp-content/themes/endd/assets/images/senci/square-facebook-brands-solid-full.svg);
}
.btn-share-facebook:hover {color: var(--rosu);}
.btn-share-facebook:hover:before {background: var(--rosu);}
.anumite-caracteristici {
    margin: 0 0 45px 0;
    padding: 15px 0 10px 0px;
    border-top: 1px solid rgba(39, 71, 99, 0.3);
    border-bottom: 1px solid rgba(39, 71, 99, 0.3);
}
.anumite-caracteristici li {
    display: flex; justify-content: space-between;
    margin: 0 0 10px 0;
}
.anumite-caracteristici li strong {width: 60%; font: 16px/1.2 pop500;}
.anumite-caracteristici li span {width: 36%;}

.beneficii h3 {
    font: 24px/1.2 pop500;
    margin: 0 0 25px 0;
}
.beneficii li {
    display: block;
    position: relative;
    padding: 0 0 12px 30px;
}
.beneficii li:before {
    content: "";
    display: block; width: 25px; height: 25px;
    background: url(/wp-content/themes/endd/assets/images/senci/angle-down-gri.svg) no-repeat right;
    background-size: 12px;
    transform: rotate(-90deg);
    /*background-size: 25px !important;*/
    position: absolute; top: 4px; left: 0;
}




.meniu-produs {
    position: sticky; top: 0px; z-index: 40;
    background: var(--negru);
    margin: 30px 0 30px 0;
}
.admin-bar .meniu-produs {top: 30px;}
.meniu-produs a {
    display: inline-block;
    text-transform: uppercase;
    font: 16px/1.2 pop500;
    color: rgba(255 255 255 / 0.5);
    border: 1px solid transparent;
    padding: 6px 20px; margin: 7px 5px;
    transition: all 0.5s;
    border-radius: 5px;
}
.meniu-produs a.active {color: #fff; background: #424347;}
.meniu-produs a:hover {color: #fff;}
.ancore {display: block; height: 100px;}

.single-vshop_product h2 {
    position: relative;
    font: 24px/1.2 pop500;
    color: var(--negru);
    text-align: left;
    border-bottom: 1px solid var(--gri);
    padding: 10px 0; margin: 50px 0 30px 0;
}


.descriere h4 {
    font: 22px/1.2 pop500;
    margin: 0 0 20px 0;
}
.descriere ul {margin: 20px 0;}
.descriere li {
    position: relative;
    display: block;
    padding: 0 0 9px 24px;
}
.descriere li:before {
    content: "";
    display: inline-block; width: 20px; height: 20px;
    background: url(/wp-content/themes/endd/assets/images/italia/angle-down-gri.svg) no-repeat 0 0;
    background-size: 12px;
    position: absolute; top: -5px; left: 0px;
    transform: rotate(270deg);
}
.descriere b, .descriere strong {font-family: pop700;}
.desc > div {
    position: relative;
    display: block;
    padding: 0 0 5px 24px;
}
.desc > div:before {
    content: "";
    display: inline-block; width: 5px; height: 5px;
    border-radius: 100px;
    background: var(--gri);
    position: absolute; top: 10px; left: 0px;
}
.desc > div.div-gol:before {display: none;}
.desc > div.div-titlu:before {display: none;}
.desc > div.div-titlu {
    font: 20px/1.2 pop700;
    padding: 0;
}


.caracteristici h3 {
    font: 34px/1.2 pop400;
    margin: 50px 0 25px 0;
}
.cara-tabel p {
    display: block;
    padding: 8px 10px;
    min-height: 36px;
}
.cara-tabel p:nth-child(even) {background: #f1f1f2;}
.cara-tabel p span {
    float: right; width: 50%;
}

.docuteh {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.docuteh div {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 49px;
    overflow: hidden;
}
.documentatie h4 {
    display: flex; align-items: center; justify-content: start;   
    margin: 0px 0 5px 0;
    text-transform: uppercase;
    cursor: pointer;
}
.docuteh h4 em {
    font: 14px/1.2 pop500;
}
.docuteh h4:before {
    content: "";
    display: inline-block; width: 30px; height: 30px;
    background: url(/wp-content/themes/endd/assets/images/senci/file.svg) no-repeat center;
    background-size: 30px;
    margin: 0 7px 0 0;
}
.docuteh a {display: none;}

.docuteh span {
    font: 14px/1.2 pop700;
    color: var(--negru);
    transition: all 0.5s;
    word-break: break-word;
}
.docuteh a:hover span {color: var(--gri);}
.docuteh button {
    border: none; outline: none;
    background: var(--gri); color: #fff;
    font: 14px/1.2 pop500;
    border-radius: 5px;
    padding: 9px 17px; margin: 7px 0;
    cursor: pointer; transition: all 0.5s;
}
.docuteh button:hover {background: var(--negru);}

.docuteh div.active {
    height: initial;
    animation-name: aparedoc;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
@keyframes aparedoc {
    0%  {height: 49px; }
    100% {height: initial; }
}
.docuteh .active a {
    display: block;
    line-height: 1;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #ccc;
}
.docuteh .active a:nth-child(2) {border-top: 1px dashed #ccc; padding: 10px 0; margin: 8px 0 10px 0;}
.docuteh .active a:last-child {border-bottom: none; padding: 10px 0 0 0;}
.docuteh .active a:hover {color: var(--gri);}

.video-content {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
}
.video div div {width: 49%;}
.video iframe {width: 100%; height: 357px;}


.produse-similare {position: relative; padding: 0 10%;}
.carusele-produs h2 {
    font: 24px/1.2 pop700;
    text-align: center;
    border: 0; padding: 0;
    margin: 100px 0 40px 0;
}
.carusele-produs img {
    width: 100%; height: 180px;
    object-fit: contain;
    margin: 15px 0;
}
.carusele-produs .swiper-wrapper {
    padding: 20px 0;
}
.carusele-produs .swiper-slide {
    position: relative;
    padding: 20px;
    border-radius: 3px;
}
.carusele-produs .swiper-slide:before {
    content: "";
    display: block; width: 1px; height: 84%;
    background: #e9e9e9;
    position: absolute; top: 50%; right: 0;
    transform: translateY(-50%);
}
.carusele-produs .swiper-slide:hover:before {display: none;}
.carusele-produs .swiper-slide:hover {
    box-shadow: 0px 3px 24px 0 rgba(206, 206, 206, 0.6);
}
.swiper-button-next.swiper-button-next-similare {top: calc(50% + 50px); right: 100px;} 
.swiper-button-prev.swiper-button-prev-similare {top: calc(50% + 50px); left: 100px;}
.swiper-button-next-similare, 
.swiper-button-prev-similare {
    background: var(--negru);
    border-radius: 100px;
}
.swiper-button-next-similare svg, 
.swiper-button-prev-similare svg {
    width: 20px; height: 20px;
    color: #fff;
}
.carusele-produs .code {
    color: var(--gri);
    text-transform: uppercase;
    font: 16px/1.2 pop500;
}
.carusele-produs .title a {
    display: block;
    font: 16px/1.06 pop700;
    color: var(--negru);
    padding: 16px 0 0px 0;
    height: 68px;
    overflow: hidden;
}
.carusele-produs .price span {
    display: block;
    font: 22px/1 pop600;
    color: var(--rosu);
    margin: 0px 0 5px 0;
}
.carusele-produs .price em {
    display: block;
    font: italic 13px/1 pop400;
    color: var(--rosu);
    margin: 0px 0 5px 0;
}
.carusele-contact {
    position: relative;
    display: flex; justify-content: center; align-items: center;
    height: 34px;
    background: var(--negru); color: var(--gri);
    border-radius: 100px;
    transition: all 0.2s;
}
.carusele-contact div {
    display: flex; justify-content: center; align-items: center;
    width: 34px; height: 34px;
    background: var(--gri);
    border-radius: 100px;
}
.carusele-contact div img {
    width: 17px; height: 17px; 
    border: 1px solid var(--negru); border-radius: 100px;
    padding: 1px;
    box-sizing: border-box;
}
.carusele-contact span {
    width: calc(100% - 34px);
    text-align: center;
    font: 18px/1 pop500;
}
.carusele-contact:hover {
    background: var(--gri); color: var(--negru);
}

.iframe-contact {margin-bottom: 100px;}


.formular {
    width: 800px; margin: auto;
}
.formular p br {display: none;}
.formular label {
    display: block;
    margin: 0 0 30px 0;
}
.formular strong {
    display: block;
    font: 17px/1.2 pop600;
    margin: 0 0 7px 0;
}
.formular input[type="text"], 
.formular input[type="email"], 
.formular textarea {
    width: 100%; height: 50px;
    border: 1px solid var(--gri);
    border-radius: 10px;
    font: 16px/1 pop500;
    color: var(--negru);
    padding: 0 20px;
}
.formular textarea {height: 150px; padding: 20px;}
.formular input[type="text"]::placeholder, 
.formular input[type="email"]::placeholder, 
.formular textarea::placeholder {
    color: var(--gri);
}
.formular input[type="text"]:focus, 
.formular input[type="email"]:focus, 
.formular textarea:focus {
    outline: 2px solid var(--rosu);
}
.formular .acceptare input {top: 8px;}
.screen-reader-response {display: none;}
.wpcf7-not-valid-tip {
    display: block;
    font-size: 14px;
    color: var(--rosu);
    margin: 5px 0;
}
.buton-trimite {text-align: center;}
.formular input[type="submit"] {
    width: 30%;
    position: relative;
    font: 22px/1 pop500;
    text-transform: uppercase;
    color: var(--rosu);
    margin: 30px 0;
    padding: 20px 0;
    border: 1px solid;
    border-radius: 100px;
    background: #fff;
    cursor: pointer;
    transition: all 0.5s;
}
.formular input[type="submit"]:disabled {
    background: #fff;
    color: #999;
    border: 1px solid #999;
    cursor: not-allowed;
}

.wpcf7-response-output {
    color: green;
    text-align: center;
}


.preturi_inchiriere {
    margin: 20px 0; padding: 20px 0 0 0;
}
.preturi_inchiriere h3 {
    color: var(--gri);
    font: 26px/1.2 pop600;
    margin: 0 0 20px 0;
}
.preturi_inchiriere h3 span {
    display: block;
    font: 16px/1.2 pop500;
}
.pi {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
}
.pi th {
    font: 14px/1.2 pop700;
    border-bottom: 3px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 15px;
    background: aliceblue;
}
.pi th:last-child {
    background: var(--rosu); color: #fff;
    border-right: none;
}
.pi td {
    font: 14px/1.2 pop700;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 10px;
}
.pi td:last-child {
    width: 65px;
    background: var(--rosu); color: #fff;
    border-right: none;
}


.t-conexe {width: 100%; border-collapse: collapse;}
.t-conexe th {
    font: 16px/1.2 pop700;
    padding: 10px;
    color: var(--gri);
}
.t-conexe td {
    font: 16px/1.2 pop700;
    padding: 10px;
}
.t-conexe tr:nth-child(odd) td {
    background: #f1f1f2;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.t-conexe td:last-child {color: var(--rosu);}
.t-conexe tr:first-child td {border-top: none;}

.produse-similare .div-input-number {display: none;}

/* End Detaliu produs */



.titlu-tara h1 {
    font: 20px/1.2 pop600;
    margin: 0 0 40px 0;
    padding: 0 0 10px 0;
    color: var(--negru);
    text-align: left;
}
.magazine {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.magazine h2 {
    margin: 0 0 20px 0;
    text-align: left;
    font-size: 20px;
}
.magazine p a {
    color: var(--negru);
}
.magazin {
    position: relative;
    padding: 20px 20px 70px 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.magazine p a.mag-web {
    position: absolute; bottom: 30px; left: 50%;
    transform: translateX(-50%);
    display: inline-flex; align-items: center;
    white-space: nowrap;
    padding: 5px 20px;
    font: 14px/1.6 pop500;
    color: var(--rosu);
    border: 1px solid;
    border-radius: 100px;
    transition: all 0.5s;
}
.magazine p a.mag-web:hover {
    background: var(--rosu); color: #fff;
}
.select-tara-judet select {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 20px;
    font: 18px/1 pop500;
    margin: 30px 0;
}

.mag-icon {
    position: relative;
    padding: 0 0 0 30px;
}
.mag-icon:before {
    position: absolute; top: 4px; left: 0;
    content: "";
    display: block; width: 14px; height: 14px;
    background: var(--negru);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;    
}
.mag-tel:before {
    -webkit-mask-image: url(/wp-content/themes/endd/assets/images/senci/mobile_24dp_1F1F1F_FILL1_wght400_GRAD0_opsz24.svg);
}
.mag-fix:before {
    -webkit-mask-image: url(/wp-content/themes/endd/assets/images/senci/phone_enabled_24dp_1F1F1F_FILL1_wght400_GRAD0_opsz24.svg);
}
.mag-email:before {
    -webkit-mask-image: url(/wp-content/themes/endd/assets/images/senci/mail_24dp_1F1F1F_FILL1_wght400_GRAD0_opsz24.svg);
}



/* Contact */

.contact-date1 {background: var(--negru); padding: 0 0 60px 0;}
.contact-date1 .container {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0 35px 0;
    color: #fff;
}
.page-template-default .contact-date1 p {
    position: relative;
    font: 14px/1.7 pop500;
    padding: 0 0 4px 20px; margin: 0;
}
.cd1-col1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: calc(72% - 20px);
    border: 1px solid var(--gri);
    padding: 20px;
}
.cd1-col2 {
    width: 28%;
    border: 1px solid var(--gri);
    padding: 20px;
}
.page-template-default .contact-date1 h3 {
    color: var(--rosu-deschis);
    font: 15px/1.2 pop700;
    margin: 25px 0 7px 0;
}
.contact-date1 a {
    color: #fff;
}

.contact-date2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;   
    margin-top: -60px; margin-bottom: 100px;
}
.cd2 {
    border-radius: 5px;
    padding: 0px 20px 20px 20px;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.page-template-default .contact-date2 h3 {
    font: 17px/1.2 pop700; 
    color: var(--negru);
    margin: 25px 0 15px 0;
}
.page-template-default .contact-date2 p {
    font: 15px/1.2 pop500; 
    color: var(--negru);
    padding: 0 0 7px 0; margin: 0;
}
.page-template-default .contact-date2 a {
    color: var(--negru);
}

.vanzatori {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 100px;
}

.vanzatori .titlu-tara {
    grid-column: 1/-1;
    margin: 50px 0 0 0;
}
.vanzatori img {
    width: 100%; height: 250px;
    object-fit: contain;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    filter: saturate(0);
}
.vanzator {
    background: var(--negru); color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px; overflow: hidden;
    padding: 0 0px 30px 0px;
}
.page-template-default .vanzatori h3 {
    color: var(--rosu-deschis);
    font: 17px/1.2 pop700;
    margin: 25px 0 7px 0; padding: 0 20px;
}
.vanzatori h4 {
    font: 14px/1.7 pop700;
    margin: 0 20px 20px 20px;
}
.page-template-default .vanzatori p {
    position: relative;
    color: #fff;
    font: 14px/1.7 pop500;
    padding: 0 0px 0px 20px; margin: 0 20px;
}
.vanzatori a {
    color: #fff;
}

.c-tel:before {
    position: absolute; top: -4px; left: 0;
    content: "";
    display: inline-block; width: 30px; height: 30px;
    background: url(/wp-content/themes/endd/assets/images/italia/phone-volume.svg) no-repeat 0 0;
    background-size: 14px;
    transform: rotate(-45deg);
    opacity: 0.7;
}
.c-email:before {
    position: absolute; top: 5px; left: -4px;
    content: "";
    display: inline-block; width: 30px; height: 30px;
    background: url(/wp-content/themes/endd/assets/images/italia/envelope.svg) no-repeat 0 0;
    background-size: 14px;
    opacity: 0.7;
}



.cataloage {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 20px;
}
.cataloage img {width: 100%;}
.cataloage a {transition: all 0.5s; padding: 30px 0 0 0;}
.cataloage a strong {
    display: flex; justify-content: space-between;  align-items: center;
    width: 100%; height: 50px;
    padding: 0px 20px; margin: 25px 0 0 0;
    font: 18px/1.2 pop400;
    background: var(--negru);
    color: #fff;
    transition: all 0.5s;
}
.cataloage a strong:after {
    content: "";
    display: inline-block; width: 30px; height: 30px;
    background: url(/wp-content/themes/horeca/assets/images/italia/download.svg) no-repeat center;
    background-size: 30px;
    margin: 0 0 0 5px;
    transition: all 0.5s;
}
.cataloage a:hover strong {
    background: var(--rosu-deschis); color: var(--negru);
}
.cataloage a:hover strong:after {
    background: url(/wp-content/themes/horeca/assets/images/italia/download-h.svg) no-repeat center;
    background-size: 30px;
}
.cataloage a:hover {
    box-shadow: 0px 3px 24px 0 rgba(206, 206, 206, 0.6);
}




/* COS */
.vshop-cart-product {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    margin: 0 0 20px 0; padding: 0 0 20px 0;
    border-bottom: 1px solid #ddd;
}
.vshop-cart-product .image {width: 14%;}
.vshop-cart-product .image img {width: 100%; height: 150px; object-fit: contain;}
.vshop-cart-product .title {width: 40%; font: 14px/1.2 pop500;}
.vshop-cart-product .quantity2 {
    position: relative;
    display: flex; flex-wrap: wrap;
    justify-content: space-between; align-items: center;
    width: 32%;
}
.vshop-cart-product .price {
    width: 12%; font: 20px/1.2 pop700; text-align: right;
    color: var(--rosu);
}
.vshop-cart-product .price em {
    display: block;
    font: 14px/1.2 pop500;
    margin: 3px 0;
}
.vshop-cart-product .delete {
    position: absolute; top: 0; right: 0;
}
.vshop-cart-product .delete button {
    width: 30px; height: 30px;
    background-color: #fff;
    border: 1px solid; border-radius: 50%;
    cursor: pointer;
    padding: 0;
    color: #8b8b8b;
    font-size: 25px; font-weight: bold;
    transition: all 0.5s;
}
.vshop-cart-product .delete button:hover {
    color: var(--negru); background: var(--gri);
}

.vshop-cart-product .title a {
    display: block;
    font: 16px/1.2 pop700;
    margin: 0 0 10px 0;
    color: var(--negru);
}
.vshop-cart-product .quantity-info {width: 58%;}
.vshop-cart-product .quantity-info .single-price {
    display: block;
    font: 20px pop700;
    color: var(--gri);
}
.vshop-cart-product .quantity-info .info-text {
    display: block;
    font-size: 14px;
    color: #8b8b8b;
    padding-left: 19px;
}

.vshop-cart-product .pt_Quantity {
    position: relative;
    height: 35px; width: 38%; 
    border: 1px solid var(--negru); border-radius: 100px;
    overflow: hidden;
    margin: 0;
}
.vshop-cart-product input {
    width: 100%;
    font: 14px/33px pop500;
    color: var(--negru);
    border: none; outline: none;
    background: #fff;
    transition: all 0.5s;
    text-align: center;
}
input[type="number"] {-moz-appearance: textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.vshop-cart-product .pt_QuantityButton {
    position: absolute; top: 50%;
    transform: translateY(-50%);
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
    font: 18px/24px pop500;
    width: 36px; height: 48px;
    color: var(--negru);
    cursor: pointer;
}
.vshop-cart-product .pt_QuantityUp {
    right: 0;
    border-left: 1px solid var(--negru);
}
.vshop-cart-product .pt_QuantityDown {
    left: 0;
    border-right: 1px solid var(--negru);
}

.vshop-cart-footer {
    display: flex; justify-content: space-between; align-items: center;
    height: 61px;
    background-color: #ddd;
    color: var(--negru);
    padding: 0 0 0 20px;
    font: 20px/1.2 pop700;
}
.vshop-cart-footer .right {
    display: flex; align-items: center;
    background: var(--rosu); color: #fff;
    height: 100%;
    padding: 0 2% 0 7%;
}

.pret-subtotal {margin: 0 10px;}

h2.vshop-cart-info-header {
    text-align: center;
    font: 28px/1.2 pop700;
    margin: 60px 0 30px 0;
}
.page-template-default h3 {
    font: 24px/1.2 pop500;
    margin: 25px 0;
}
.page-template-default p {
    margin: 0 0 20px 0;
}

#vshop-cart-client-data {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
}
#vshop-cart-client-data > div {
    width: 50%;
    margin: 0 0 40px 0;
}
#vshop-cart-client-data > div.cart-footer {
    width: 100%;
}
#vshop-cart-client-data > div.send-order {
    width: 100%;
}
.pagina-standard .entry-footer {display: none;}
.order-subtitle {
    font: 18px/1.2 pop700;
}

.h2-cos {
    text-align: center;
    margin: 0 0 20px 0;
}

.vrei {
    border: 2px solid var(--negru);
    padding: 30px 5%; margin: 50px 15%;
    text-align: center;
}
.page-template-default .vrei p {
    font: 20px/1.6 pop700;
}
.vrei .vshop-show-login-box {
    display: inline-block;
    background: var(--gri); color: var(--negru);
    padding: 2px 10px; margin: 0 15px;
    transition: all 0.5s;
}
.vrei .vshop-show-login-box:hover {
    background: var(--negru); color: var(--gri);
}

.order-padding > div {
    margin: 0 0 7px 0;
}
.fields-different-address.hidden {display: none;}
.hidden {display: none;}
.fields-different-address {
    display: flex; flex-wrap: wrap;  justify-content: space-between;
    border: 1px dashed  #ccc; border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 0 20px 15px 20px;
    animation-name: apare;
    animation-duration: 0.6s;
}
.fields-different-address > div {width: 48%;}
.vshop-cart-different-address-checkbox label {
    display: inline-block;
    position: relative;
    background: #eee;
    padding: 10px 20px 10px 45px;
    margin: 5px 0 20px 0;
    border-radius: 10px;
}
.vshop-cart-different-address-checkbox input[type="checkbox"] {
    position: absolute; top: 50%; left: 10px; transform: translateY(-50%);
    width: 20px; height: 20px;
    margin: 0;
}
.fields label {
    display: block;
    font: 16px/1.2 pop500;
    margin: 0 0 5px 0;
}
.fields br {display: none;}
.fields input, .fields select {
    width: 100%;
    font: 16px/1.2 pop500;
    border: 1px solid #ddd; border-radius: 5px;
    padding: 8px 14px; margin: 0 0 20px 0;
    color: var(--negru);
}
.entity-select {
    display: flex; flex-wrap: wrap;  justify-content: space-between;
}
.entity-select li {
    position: relative;
    width: 48%;
}
.entity-select li input {
    appearance: none;
    position: absolute;
}
.entity-select li label {
    display: block;
    border: 1px solid var(--negru);
    padding: 15px 25px;
    border-radius: 5px;
    font: 18px/1.2 pop600;
    cursor: pointer;
}
.entity-select li input:checked + label {
    width: 100%; height: 100%;
    background: #eee;
}
.entity-select li input:checked + label:after {
    position: absolute; top: 50%; right: 20px; transform: translateY(-50%);
    content: "";
    display: block; width: 30px; height: 30px;
    background: url(/wp-content/themes/endd/assets/images/italia/done.svg) no-repeat 0 0;
    background-size: 30px;
}

.cart-footer {display: flex; /*display: none;*/}
.cart-footer .first {
    width: 50%;
    text-align: right;
    padding: 30px 10px 10px 0;
    background-color: var(--negru);
    color: #fff;
}

.cart-footer .last {
    width: 50%;
    background-color: #ddd;
    padding: 30px 0 10px 35px;
}
.cart-footer .order-cost {
    color: #fff;
    font-size: 18px; text-transform: uppercase;
    text-align: left;
    padding: 0 0 10px 48%;
}

.cart-footer .transport-cost {
    font-size: 14px;
    color: #d4bf77;
}
.total-topay p {display: none;}

#vshop-down-info .down-info {
    text-transform: uppercase;
    display: block;
    font: 18px pop500;
    color: var(--negru);
}
#total-order-dispaly-down {
    font: 24px/42px pop700;
    color: var(--negru);
}
.cart-footer .last .conditions {
    position: relative;
    color: #211e1f;
    font-size: 14px;
    display: flex;
    line-height: 1.3;
   padding: 0 0 10px 40px;
}
.conditions #terms-checkbox, 
.conditions #policy-checkbox {
    position: absolute; top: 0px; left: 0;
    width: 20px; height: 20px;
}
.cart-footer .last .conditions label {
    margin: 0;
    color: var(--negru);
    font-size: 14px;
}
.cart-footer .last .conditions label a {
    color: var(--negru);
    font-size: 14px;
    text-decoration: underline;
    font-weight: normal;
}
.send-order {/*display: none;*/ text-align: center;}

.send-order button {
    width: 30%; position: relative; 
    font: 22px/24px pop500;
    text-transform: uppercase;
    color: var(--rosu);
    margin: 30px 0; padding: 20px 0;
    border: 1px solid; border-radius: 100px;
    background: #fff;
    cursor: pointer; transition: all 0.5s;
}
.send-order button:hover {background: var(--rosu); border-color: var(--rosu); color: #fff;}
.send-order button:focus {background: var(--gri); color: var(--negru);}
.send-order button:disabled {
    background: #fff; color: #999; border: 1px solid #999;
    cursor: default;
}
.send-order button:hover:disabled {
    background: #fff; color: #999; border: 1px solid #999;
    cursor: not-allowed;
}
.send-order button:hover:disabled:after {
    content: "Trebuie sa acceptati atat Termenii si Conditiile, cat si Stocarea datelor";
    display: flex; width: 250px; height: 65px;
    justify-content: center; align-items: center;
    position: absolute; top: 76px; left: 50%;
    transform: translateX(-50%);
    border-radius: 5px; padding: 5px 20px;
    background: var(--negru); color: #fff;
    font: 14px/20px pop500; text-transform: none;
    animation-name: apare;
    animation-duration: 0.6s;
}
/* end cos */


.error404 .widget {display: none;}
.error404 .page-content {text-align: center;}
.error404 .page-content .search-form {
    display: inline-flex; align-items: center;
    border: 1px solid var(--gri); border-radius: 10px;
    overflow: hidden;
    margin: 20px 0;
}
.error404 .page-content .search-form label {
    flex: 4;
}
.error404 .page-content .search-form input[type="search"] {
   
    height: 100%;
    border: 0; outline: 0;
    padding: 10px 20px;
    font: 18px/1 pop500;
    background: #fff;
}
.error404 .page-content .search-form input[type="submit"] {
    flex: 1;
    height: 100%;
    border: 0; outline: 0;
    padding: 20px;
    font: 18px/1 pop500;
    background: var(--rosu); color: #fff;
}
.error404 .screen-reader-text {display: none;}

.listare-produse100 {width: 100%;}
.produse-search {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 0px;
}
.h4-search {
    font: 20px/1.2 pop600;
    margin: 0 0 20px 0;
}
.h4-search strong {color: var(--rosu);}
.search .descri {display: none;}

iframe {width: 100%; height: 450px;}
p.has-text-align-center {text-align: center !important; justify-content: center !important;}


/* Login popup Intra in cont */
#vshop-login {
    display: none;
    position: fixed; top: 0; left: 0; z-index: 20;
    width: 100%; height: 100%;
    background: rgba(0,0,0,.5);
    text-align: center;
}
#login-inner {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    background:#fff; z-index: 10;
    padding: 0px;
    border: 2px solid var(--gri); border-radius: 10px;
    animation-name: apare;
    animation-duration: 1s;
}
.logare-close {
    position: absolute; top: 0px; right: 16px;
    display: block; padding: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
}
#login-inner h3 {
    width: 100%;
    background: var(--negru); color: #fff;
    font: 27px/20px pop700;
    padding: 30px 0; margin: 0 0 20px 0;
}
#login-inner label {
    width: 100%;
    font: 18px/20px pop500;
    margin: 0 0 10px 0;
}
#login-inner input {
    width: 80%;
    text-align: center;
    font: 18px/20px pop500;
    padding: 10px 0; margin: 0 auto 20px auto;
    border: 1px solid rgba(0,0,0,0.3); border-radius: 100px;
    outline: 0; 
}
#login-inner p {
    width: 100%;
}
#vshop_login_btn {
    display: inline-block;
    font: 20px/20px pop500;
    color: var(--negru); background: #fff;
    border: 1px solid; border-radius: 100px;
    padding: 10px 50px; margin: 0 5px;
    cursor: pointer; transition: all 0.5s;
}
#vshop_login_close_btn {
    display: inline-block;
    font: 20px/20px pop500;
    color: #999; background: #fff;
    border: 1px solid; border-radius: 100px;
    padding: 10px 20px; margin: 0 5px;
    cursor: pointer; transition: all 0.5s;
}
#vshop_login_btn:hover {
    background: var(--negru); color: #fff;
}
#vshop_login_close_btn:hover {opacity: 0.7;}
#login-inner p a {
    margin: 10px 20px;
}
/* End Login popup Intra in cont */


footer {
    background: var(--negru); color: #fff;
    padding: 30px 0; margin-top: 100px;
    font: 14px/1.7 pop400;
}
footer .container {
    display: flex; flex-wrap: wrap;
}
.fi-left {flex: 1;}
.fi-right {
    flex: 1;
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
}
.fi-col {flex: 1;}
footer h3 {
    font: 18px/1.2 pop500;
    margin: 20px 0 50px 0;
}
.footer-text-sub-sigla {padding: 0 20% 20px 0;}
.footer-newsletter {width: 100%;}
footer a {color: #fff;}
footer a:hover {color: var(--rosu);}
.sigla-footer img {width: 180px; margin: 0 0 50px 0;}
fieldset {border: 0; padding: 0;}
.footer-tel {
    position: relative;
    padding: 0 0 0 100px;
}
.footer-tel p {width: 100%; padding: 20px 0 5px 0;}
.footer-tel a {
    display: inline-block;
    font: 22px/1 pop700;
}
.footer-tel a:last-of-type {
    border-left: 3px solid #fff;
    padding: 0 0 0 10px;
    margin: 0 0 0 5px;
}
.ft-bulina {
    position: absolute; top: 0; left: 0;
    display: flex; justify-content: center; align-items: center;
    width: 85px; height: 85px;
    background: var(--rosu); border-radius: 200px;
}
.ft-bulina:before {
    content: "";
    display: block; width: 45px; height: 45px;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(/wp-content/themes/endd/assets/images/senci/mobile_3_24dp_E31E24_FILL0_wght400_GRAD0_opsz24.svg);
}
footer li {
    position: relative;
    padding: 0 0 10px 20px;
    font-size: 12px;
}
footer li:before {
    position: absolute; top: 4px; left: 0;
    content: "";
    display: block; width: 14px; height: 14px;
    background: var(--rosu);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(/wp-content/themes/endd/assets/images/senci/arrow_right_alt_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg);
}

.sociale {margin-bottom: 20px;}
.sociala {
    display: inline-flex; justify-content: center; align-items: center;
    width: 30px; height: 30px;
    background: #fff;
    margin: 0 5px 5px 0;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}

.add-point {color: #fff;}
.upp-class {text-transform: capitalize !important;}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    background-color: var(--rosu) !important;
    border: 1px solid var(--rosu) !important;
    color: #fff !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before {
    background-color: var(--rosu) !important;
}


.newsletter-input-submit, .f-n2 {
    position: relative; max-width: 80%;
}
footer .footer-newsletter h3 {margin: 20px 0 8px 0;}
.footer-newsletter form {position: relative;}
.footer-newsletter input[type="email"]::placeholder, 
.footer-newsletter input[type="text"]::placeholder {
    color: #acb5c1;
}
.footer-newsletter label[for="input_0"] {display: none;}
.footer-newsletter .MailAgentContainer:nth-of-type(2) {position: relative; padding: 5px 5px 5px 35px;}

.footer-newsletter input[type="email"], 
.footer-newsletter input[type="text"] {
    background: #333538; color: #fff;
    width: 100%; height: 35px; padding: 0 15px;
    border: 0; border-radius: 6px;
    font: italic 12px/1 pop300;
    outline: 0;
}
.footer-newsletter input[type="submit"] {
    position: absolute; top: 5px; right: 0;
    font: 14px/1 pop400 !important; text-shadow: none !important;
    background: var(--rosu) !important; color: #fff;
    height: 35px; padding: 0 30px;
    border: 0; border-radius: 6px;
    outline: 0;
    cursor: pointer;
    transition: all 0.5s;
}
.footer-newsletter input[type="submit"]:hover {box-shadow: inset 0 -50px 0px 0 rgba(0 0 0 / 35%);}
.footer-newsletter p {font: 12px/1.2 pop400; margin: 0 0 15px 0;}
.acceptare {position: relative; padding: 10px 0 0 35px;}
.acceptare input, 
.footer-newsletter input[type="checkbox"] {
    position: absolute; top: 4px; left: 0;
    width: 20px; height: 20px;
}
.footer-newsletter .MailAgentLabel {font: 12px/1.2 pop400;}

.site-info {
    background: var(--negru); color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 25px 0;
    border-top: 1px solid #3b444d;
}
.site-info .container {text-align: center;}
.site-info a {color: #fff;}
.site-info a:hover {color: var(--rosu);}