:root{
  --main-first: #7bb700;
  --main-secondary: #395561;

  --body-color: #4B4B4B;
  --smoke-color: #F3F1F2;
  --smoke-color2: #F6F7F9;
  --black-color: #000000;
  --black-color-2: #4B4B4B;
  --gray-color: #D2D2D2;
  --white-color: #ffffff;

  --border-radius:4px;
}

html body * :not(input):not(textarea) {
  user-select: text !important;
  -webkit-touch-callout: text !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -khtml-user-select: text !important;
  -ms-user-select: text !important;
}

@media only screen and (max-width: 1230px) {
  .hide-custom-2{
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .hide-custom-1{
    display: none;
  }

  .header .location{
    display: none;
  }
}

/* hidde tax */
.product-container .productdetails .PricetaxAmount, .vm-product-container .PricetaxAmount {
  display: none;
}
/** HIDDE PRICES **/
/* hidde price before discount in cart product row */
tr.cart-p-list td.col-total span.line-through,
tr.cart-p-list td.col-total br {
    display: none !important;
}
/* hidde price before discount and dicount amount in category view */
.product-price .PricebasePriceWithTax, .product-price .PricetaxAmount {
  display: none !important;
}
/** HIDDE PRICES END **/

/*.homepage .container-banner .n2-ss-slider-2::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--main-secondary);
  opacity: 0.5;
}*/

.container-top-a .moduletable{
  display: flex;
  flex-direction: column;
}
/*.homepage .container-banner{
    background:#19264fff;
}*/

body.com_virtuemart:not(.view-category) .container-sidebar-left{
    display:none;
}

body.com_virtuemart:not(.view-category) .container-component{
    grid-column-start: main-start !important;
    grid-column-end: main-end !important;
}

body.com_virtuemart:not(.view-category) .mobile-filters-toggler{
    display:none !important;
}

.tag-outer{
  pointer-events: none;
}

/* module crossed price */
.vmgroup .vmproduct .product-container .product-price {
  flex-direction: column;
}
.price-crossed div.PricebasePriceWithTax .PricebasePriceWithTax {
  text-decoration: line-through;
  color: #6c6c6c;
}

.vmgroup .vmproduct .vm-price-value span.PricesalesPrice{
  font-size: 18px;
}

.vmproduct .product-container .spacer a:first-of-type img {
  height: auto !important;
  max-width: 90%;
  max-height: 90%;
}

/* header info */
a{
  text-decoration: none !important;
}

.info a,.social-message a,
.info svg,.social-message svg{white-space: nowrap;transition:all 0.15s linear;}

/*@media only screen and (min-width: 992px) {*/
  /*.info a, .info a:hover svg {color: #fff !important;fill: #fff !important;}*/
/*}*/

.vmCartModule .vm_cart_products{
  max-height: 80vh !important;
  overflow: auto;
}

@media only screen and (max-width: 992px) {

  .vmCartModule::before {
    filter: brightness(0);
  }
}

/*.info a:hover,
.info a:hover svg{color:#cccccc !important;fill: #e1e1e1 !important;}*/


/*.header .header-line1-left .info a:hover,
.header .header-line1-left .info a:hover svg{color:#e1e1e1;fill: #e1e1e1;}
*/
.page-header-inner a{
  color: #fff !important;
}
/* footer info */

.footer .footer-info a,
.footer .footer-info svg{color: #fff;fill:#fff;}
.footer .footer-info .info.phone span{display:inline;font-size: 1.1rem;letter-spacing: 0.65px;}

.footer .footer-info .info.location a{
  white-space: wrap;
}

.social-message a.messenger:hover,
.social-message a.messenger:hover svg{color:#0866ff !important;fill: #0866ff;}

.social-message a.viber:hover,
.social-message a.viber:hover svg{color:#553db6 !important;fill: #553db6;}

.social-message a.whatsapp:hover,
.social-message a.whatsapp:hover svg{color:#39ae41 !important;fill: #39ae41;}

.social-message .custom > div{
  display: flex;
  align-items: center;
  gap:15px;
}

.social-message .custom a{
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}

.message-us{
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}

@media only screen and (max-width: 992px) {
  .footer-info{
    text-align: center !important;
  }

  .footer-info .message-us{
    justify-content: center;
  }

  .footer-info .message-us .hide-custom-1{
    display: block;
  }

  .footer-info .info.location a{
    white-space: inherit !important;
  }

  .footer-after{text-align: center;}
}

.message-us a {
  display: flex;
  /*flex-direction: column;*/
  align-items: center;
  /*text-transform: uppercase;*/
  /*font-size: 0.8rem;*/
  gap: 8px !important;
}

.message-us a svg{
  height: 35px;
}
/*.footer .footer-info .social-message .custom > div{
  justify-content: flex-end;
}*/

.container-top-a{
  display: flex;
  flex-direction: column;
}


/* header */
.header{background: #fff;}
.header .logo{
  min-width: 50px;
}

.header .logo svg,
.header .logo img{
  max-width: 100%;
  transition: 0.15s linear all;

}

.header-before-outer{
  min-width: 15%;
}

.header-before-inner{
  display: flex;
  align-items: center;
}

.scrolled_header .header-before-outer .logo svg,
.scrolled_header .header-before-outer .logo img {
  width: auto;
  /*height: calc(var(--header-second-row-height) * 1px - 10px);*/
  /*transform: translateY(calc(var(--header-second-row-height) * 1px / 2 + 18px));*/
  transform: 
  scale(calc((var(--header-second-row-height) - 12) / var(--header-second-row-height)))
  translateY(calc(var(--header-second-row-height) * 1px / 2 + 4px));
}


.header-line1-outer{
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
}



.header-before-inner {
  padding: var(--header-before-padding);
  width: calc(100% + 50px);
  position: relative;
  height: 100%;
}

.header-before-inner:before{
border-bottom-right-radius: 2.5px;
  transform: skewX(-30deg);
  transform-origin: top right;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--header-before-bgcolor);
  right: -68px;
  top: 0;
  /*background: #fff;*/
}

.header-line2-right-inner{
  z-index: 1;
}

/*@media screen and (max-width: 380px),
       screen and (min-width: 993px) and (max-width: 1490px) {
  .header .logo-short{
    display: block;
  }
  .header .logo:not(.logo-short){
    display: none;
  }
}
*/
@media only screen and (min-width: 992px) {

  .header-line1-right{position: relative;}

  .header-line1-right::before {
    content: "";
    height: 200%;
    width: 2px;
    background-color: #dddddd;
    position: absolute;
    top: -50%;
    left: 0;
    transform: rotate(30deg);
    z-index: 1;
  }

  .header{ border-bottom: 4px solid #7bb700; }

  .header-line2-right-inner{
    padding-left: 120px;
  }

  .header-line1-inner{
    padding-left: 120px;
  }

  .header-line2-inner{
    padding-left: 60px;
  }

  .header-line2-right-inner{
    background: #7bb700;
    position: relative;
    margin: -15px;
    display: flex;
    height: 54px;
  }

  .header-line2-right-inner:before{
    position: absolute;
    content: "";
    top: 0;
    left: -0.5px;
    width: 25px;
    height: 100%;
    background-color: #fff;
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
    clip-path: polygon(100% 0, 0 0, 0 100%);
    z-index: 1;
  }

  .header-line2-right-inner svg{fill:#fff;}
  .close-header-search svg{fill:#595c5f;}

}

/* header menu */
.header .mod-elmenu.el-hor-megamenu {
  justify-content: flex-start;
}

@media only screen and (max-width: 992px) {
  .header .mod-elmenu.el-hor-megamenu {
    justify-content: flex-end;
  }
}

.header .mod-elmenu .el-main-list.depth-ul-0 > .list-item > .list-link > a,
.header .mod-elmenu .el-main-list .depth-ul-1 > .list-item > .list-link > a{position: relative;}

.header .mod-elmenu .el-main-list.depth-ul-0 > .list-item > .list-link > a::before,
.header .mod-elmenu .el-main-list .depth-ul-1 > .list-item > .list-link > a::before{
  position: absolute;
  content: "";
  left: auto;
  bottom: 1px;
  height: 3px;
  width: 0%;
  border-radius: 1px;
  background: var(--main-first);
  transition: 0.3s;
  margin-bottom: 0px;
  right: 4%;
}
.header .mod-elmenu .el-main-list.depth-ul-0 > .list-item > .list-link > a:hover::before,
.header .mod-elmenu .el-main-list .depth-ul-1 > .list-item > .list-link > a:hover::before{
  width: 92%;
  left: 4%; /* Change left to auto */
  right: auto; /* Align to the right */
}
.header .mod-elmenu .el-main-list .list-item >  .list-link > a:hover{
  color: var(--main-first);
}

.header .mod-elmenu .el-main-list .list-inner-wrapper.depth-ul-1-wrapper{
  border-bottom-width: 0 !important;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
}
.header .mod-elmenu .el-main-list .list-inner.depth-ul-1 {
  border-bottom: 3px solid var(--main-first) !important;
}

.header .mod-elmenu .el-main-list .depth-ul-1 > .list-item > .list-link > a{
  width: 95%;
  margin-bottom: 8px !important;
  align-items: center;
  justify-content: center;
}

.header .mod-elmenu .el-main-list .depth-li-1 > .list-link .link-name-img{
  margin-bottom: 5px;
}

.header .mod-elmenu .el-main-list .depth-li-1 > .list-link .link-name{
  font-size:0.75rem;
  white-space: normal;
  margin-top: auto !important;
}

.mod-elmenu.el-hor-megamenu .el-main-list .depth-li-0 .list-link {
  white-space: nowrap;
  display: flex;
  justify-content: center;
  height: 100%;
}

.mod-elmenu.el-hor-megamenu .el-main-list .depth-li-0 .list-link .link-name-outer {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.view-article .page-header-bg-overlay {
  background: #08173e5c;
}

.view-article .container-page-header {
  height: 350px;
}

/* cart module */



/*
 *
 *
 * FOOTER
 *
 *
 */

body .footer.full-width .grid-child.footer-main {
  max-width: 1600px;
}

div.grid-child.footer-main{ align-items: stretch;}
div.grid-child.footer-main > div { display: flex; flex-direction: column; }
div.grid-child.footer-main > div > div{ height: 100%; display: flex; flex-direction: column; justify-content: space-between;}

/* footer before shpape */
.footer-before::before{
    content: "";
    position: absolute;
    left: 0;
    z-index: 2;
    display: flex;
    width: 100%;
    height: 65px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*background-image: url("/images/shapes/shape_footer.svg");*/
    background-image: url("/media/templates/site/cassiopeia_easylogic/images/shape_top_fan_1.svg");

    top: 0px;
}

/* background image */
footer.footer{
    margin-top: 0;
    padding-top: 100px;
    position: relative;
    background-image: url("/images/headers/footer-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    z-index: 0;
    /*text-align: center;*/
}

div.grid-child.footer-main {
  background: unset;
  background: unset;
}

div.grid-child.footer-main *, div.grid-child.footer-after *{
  z-index: 1;
}

/* background overlay */
footer.footer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(57, 85, 97, 0.85);
}

.footer-title{
    position: relative;
    margin-bottom: 25px;
}

.footer-title::after{
    content: '';
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #748db1 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}

/* languages module */
.mod-languages{display: flex;flex-wrap: nowrap;}
.mod-languages .pretext{position: relative;color:#9e9e9e;}
.mod-languages .pretext p{margin: 0;}
.mod-languages button{padding: 0 10px;color:#fff;background: transparent;border: unset;}
.mod-languages button:hover,.mod-languages button:focus,.mod-languages button:active{background:#575e65;color:#fff;}
/*.mod-languages button img{display: none;}*/


/* banner bottom shape */
.container-banner{position: relative;overflow: hidden;}
.container-banner::after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 30px;
/*  background-image: url("/images/shapes/shape_bottom.svg");*/
  bottom: 0px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.35));
}

/* Middle banner Homepage */
div.mid-banner-home{
  margin-top:25px !important;
  margin-bottom: 25px !important;
}

.mid-banner-home .custom{
  position: relative;
  height: 550px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center;
  background-position: 50% 70%;
}

.mid-banner-home .custom:after{
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  pointer-events: none;
}

.mid-banner-home .banner-title,
.mid-banner-home .banner-subtitle{
  color: #fff;
  z-index: 1;
}

.mid-banner-home .banner-title{
  font-size: 2.3rem;
}

.mid-banner-home .banner-subtitle{
  font-size: 1.3rem;
}


/* footer */

.footer-main ul.mod-list {
  gap: 15px;
}

/* shapes classes */

.shape_bottom,.shape_top,.shape_top_2{position: relative;}
.shape_bottom:after,.shape_top:before,.shape_top_2:before{
  content: "";
  position: absolute;
  left: 0;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.shape_top:before{
  background-image: url("/media/templates/site/cassiopeia_easylogic/images/shape_top_fan_1.svg");
  top: 0px;
}
.shape_top_2:before{
  background-image: url("/media/templates/site/cassiopeia_easylogic/images/shape_top_center_internal.svg");
  top: 0px;
}
.shape_bottom:after{
  background-image: url("/media/templates/site/cassiopeia_easylogic/images/shape_bottom_fan_1.svg");
  bottom: 0px;
}
.shape_bottom_2:after{
  background-image: url("/media/templates/site/cassiopeia_easylogic/images/shape_bottom_center_external.svg");
  bottom: 0px;
}


/* Products prices */
.PricetaxAmount.vm-display.vm-price-value {
  font-size: 17px;
  color: #757575;
}

.vmgroup .vmproduct .PricebasePriceWithTax.vm-price-value .vm-price-desc,
.vmgroup .vmproduct .PricesalesPrice.vm-price-value .vm-price-desc{
  font-size: 17px;
}

.vmgroup .vmproduct .product-container{
  border:1px solid #d4d4d4;
  border-radius: var(--border-radius);
}

.vm-product-details-container .vm-price-value .PricesalesPrice {
  font-size: 20px;
  font-weight: 600;
  float: left;
  display: contents;
}


.lawtag-price{
  margin-top:10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap:2px;
  /*flex-direction: column;*/
}

body.com_virtuemart.view-productdetails .lawtag-price{
  justify-content: flex-start;
}


@media only screen and (max-width: 992px) {
  /*.lawtag-price{
    flex-direction: column;
  }*/
  body.com_virtuemart.view-productdetails .container-component{
    grid-column-start: full-start !important;
    grid-column-end: full-end !important;
    padding: 0 10px;
  }

  .productdetails-view .vm-product-container .product-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 5px;
  }

  .productdetails-view .lawtag-label-2nd,
  .productdetails-view .lawtag-price-desc{
    display: none;
  }

  .productdetails-view .lawtag-price{
    flex-wrap: nowrap;
  }

  .productdetails-view .vm-product-container .addtocart-bar {
    padding-right: 12px !important;
  }
}
/* styled row */

.styled-row.moduletable{
  position: relative;
}

.styled-row .custom::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--main-secondary);
  opacity: 0.6;
}
.styled-row .custom > div{
  padding: 25px 0;
}

.styled-row{
  color: white;
}

.styled-row > *{
  z-index: 1;
}

.styled-row .product-container{
  background: white;
  color: black;
}

/* styled row with image */

.tab-container .tab{
  gap:5px;
  white-space: nowrap;
  display: inline-flex;
  overflow-x: scroll;
  overflow-y: hidden;
  height: auto;
  width: 100%;
  padding: .5rem;

  /* Hide scrollbar */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.tab-container .tab::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.tab button {
  /*border-radius: var(--btn-radius);*/
  padding: 10px;
  color: #000;
}

.tab-container .tab button{
  transform: skewX(-8deg);
}

.tab-container .tab button div {
  transform: skewX(8deg);
}

.tab-container .tab button.active,
.tab-container .tab button:hover {
  color: white;
  background-color: var(--main-secondary);
}



.styled-row-image .row,
.styled-row-image-alt .row{
  align-items: center;
}

.styled-row-image-alt.moduletable .styled-image{
order: 1;
}

/*.styled-row-image-alt .styled-content,
.styled-row-image .styled-content{
  padding: 50px 0 35px 0;
}*/

.styled-row-image-alt.moduletable .styled-image-content,
.styled-row-image.moduletable .styled-image-content{
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
  height: 100%;
  z-index: 1;
  color: white;
  justify-content: center;
  padding-left: 50px;
}

.styled-row-image-alt.moduletable .styled-image-content{
  align-items: flex-end;
  padding-left: 0;
  padding-right: 50px;
  text-align: right;
}

.styled-row-image-alt.moduletable .styled-image,
.styled-row-image.moduletable .styled-image{
  padding: 0 !important;
  height: 600px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  /*clip-path: polygon(0% 0%, 100% 0%, 74% 100%, 0% 100%);*/
}


.styled-row-image.moduletable .styled-image{
  border-radius: 0 10px 10px 0;
}

.styled-row-image-alt.moduletable .styled-image{
  border-radius: 10px 0 0 10px;
}


.styled-row-image-alt.moduletable .styled-image:before,
.styled-row-image.moduletable .styled-image:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--main-secondary);
  opacity: 0.6;
}

.styled-row-image-alt.moduletable .styled-image img,
.styled-row-image.moduletable .styled-image img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.styled-row-image.moduletable .styled-image img{
  object-position: right;
}

.styled-row-image-alt .vmproduct.slider,
.styled-row-image .vmproduct.slider{
  overflow: visible;
}


/* module wall cateogies home */
.vm-categories-wall-catwrapper a{
  border: 1px solid #bdbdbd;
  border-radius: var(--border-radius);
  overflow: hidden;
  margin: 10px;
}

.vm-categories-wall-img{
  margin: 0 !important;
  width: 100%;
}

.vm-categories-wall-catname{
  margin: 10px 0;
}

/* manufacturers slider */
.manufacturers-slider img{
  object-fit: contain;
  padding: 10px;
  /*max-width: 90%;*/

}

/* hide manufacturer title on module */
.manufacturers-slider a > div{
  display: none;
}




/*.product-price {
  font-size: 18px;
}*/



/* category view*/
.category-view .vm-subcategory a {
  flex-direction: column !important;
  align-items: center;
  justify-content: center;
  font-size: 1.1em;
  color: #252525;
 box-shadow: none;
  background-color: #fff;
  display: flex;
  padding: 15px;
  width: 100%;
  text-transform: uppercase;
border: 1px solid #ddd;
}
.category-view .vm-subcategory a:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.category-view .vm-subcategory a img {
  margin-right: 5px;
  width: 400px !important;
  max-width: 100% !important;
  height: auto !important;
}

.vm-product-descr-container-1 > h2, .vm-product-descr-container-0 > h2 {
  font-size: 16px !important;
  line-height: 16px !important;
  height: 50px !important;
}
.product-container a{
  font-size: 16px !important;
  font-weight: 400  !important;
}
.category-view .product .b2b-cat-price {
  font-size: 14px;
}
.category-view .product .product-price {
  text-align: center;
  line-height: 18px;
  font-size: 18px !important;
}
.vm-product-descr-container-0 > h2 {
  font-size: 18px;
  line-height: 20px;
  margin: 15px 0 10px 0 !important;
  }
/*produst title details */
.productdetails-view h1 {
  font-size: 26px;
  font-weight: 600;
}

/* CUSTOM BUTTONS */

.proopc-column3 .proopc-btn i{display: none;}

/*
.proopc-column3 .proopc-btn,
.category-view .category .spacer a,
.custom-btn-slider a,
.custom-btn {
  font-family: var(--body-font);
  background: var(--main-first) !important;
  color: var(--white-color) !important;
  position: relative !important;
  padding: 17px 36px !important;
  font-weight: 600 !important;
  line-height: 26px !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden !important;
  border: none !important;
  transition: 0.4s !important;
}
*/
/*

.proopc-column3 .proopc-btn:before,.proopc-column3 .proopc-btn:after,
.category-view .category .spacer a:before,
.category-view .category .spacer a:after,
.custom-btn-slider a:before,.custom-btn-slider a:after,
.custom-btn:before, .custom-btn:after {
  content: '';
  display: block !important;
  position: absolute;
  z-index: -1;
  left: 100%;
  top: 0;
  width: 150%;
  height: 100%;
  background-color: var(--main-secondary);
  color: var(--white-color);
  -webkit-transform: skew(30deg) translate3d(0, 0, 0);
          transform: skew(30deg) translate3d(0, 0, 0);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.proopc-column3 .proopc-btn:before,
.category-view .category .spacer a:before,
.custom-btn-slider a:before,
.custom-btn:before {
  left: auto;
  right: 100%;
  -webkit-transform: skew(-30deg) translate3d(0, 0, 0);
          transform: skew(-30deg) translate3d(0, 0, 0);
}

.proopc-column3 .proopc-btn:after,
.category-view .category .spacer a:after,
.custom-btn-slider a:after,
.custom-btn:after {
  content: '' !important;
  position: absolute;
  z-index: -1;
  left: 100%;
  top: 0;
  width: 150%;
  height: 100%;
  background-color: var(--main-secondary);
  -webkit-transform: skew(30deg) translate3d(0, 0, 0);
          transform: skew(30deg) translate3d(0, 0, 0);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.proopc-column3 .proopc-btn:hover,
.category-view .category .spacer a:hover,
.custom-btn-slider a:hover,
.custom-btn:hover {
  color: var(--white-color);
}

.proopc-column3 .proopc-btn:hover:before,
.category-view .category .spacer a:hover:before,
.custom-btn-slider a:hover:before,
.custom-btn:hover:before {
  -webkit-transform: skew(-30deg) translate3d(70%, 0, 0);
          transform: skew(-30deg) translate3d(70%, 0, 0);
  opacity: 1;
}

.proopc-column3 .proopc-btn:hover:after,
.category-view .category .spacer a:hover:after,
.custom-btn-slider a:hover:after,
.custom-btn:hover:after {
  -webkit-transform: skew(30deg) translate3d(-70%, 0, 0);
          transform: skew(30deg) translate3d(-70%, 0, 0);
  opacity: 1;
}
*/


/*portokali f25900
mple #4594e1 !important*/

/* blue button */
.custom-btn-slider.blue a,
.custom-btn.blue{
  color: #fff !important;
  background-color: #4594e1 !important;
}
.custom-btn-slider.blue a:hover,
.custom-btn.blue:hover{
  color:#fff !important;
}

.custom-btn-slider.blue a:before,.custom-btn-slider.blue a:after,
.custom-btn.blue:before ,
.custom-btn.blue:after {
/*  background-color: #333;*/
  background-color: var(--main-secondary);
}

/* black button */
.plg_system_webauthn_login_button.proopc-btn,#proopc-task-savecoupon.proopc-btn,#proopc-coupon.proopc-btn,#proopc-task-registercheckout.proopc-btn,
.custom-btn-slider.black a,
.custom-btn.black{
  color: #fff !important;
  background: #333 !important;
}

.plg_system_webauthn_login_button.proopc-btn:hover,#proopc-task-savecoupon.proopc-btn:hover,#proopc-coupon.proopc-btn:hover,#proopc-task-registercheckout.proopc-btn:hover,
.custom-btn-slider.black a:hover,
.custom-btn.black:hover{
  color:#fff !important;
}

.plg_system_webauthn_login_button.proopc-btn:before,.plg_system_webauthn_login_button.proopc-btn:after,
#proopc-task-savecoupon.proopc-btn:before,#proopc-task-savecoupon.proopc-btn:after,
#proopc-coupon.proopc-btn:before,#proopc-coupon.proopc-btn:after,
#proopc-task-registercheckout.proopc-btn:before,#proopc-task-registercheckout.proopc-btn:after,
.custom-btn-slider.black a:before,.custom-btn-slider.black a:after,
.custom-btn.black:before ,
.custom-btn.black:after {
  background: #a8a8a8;
/*background-color: var(--main-first);*/
}

/* vm category btn style */


.plg_system_webauthn_login_button.proopc-btn svg path{fill:white;margin-right: 8px;}
.proopc-column3 .proopc-btn {height:30px;font-weight: normal !important;}
#proopc-order-submit.proopc-btn {height:40px;font-weight: bold;}
#proopc-task-savecoupon.proopc-btn {height: 28px;font-size: 0.8rem;padding: 0 20px !important;}
#proopc-task-registercheckout.proopc-btn{ height: 32px; font-size: 0.9rem;padding: 0 !important;}

/* style 2 */

/*.custom-btn.style2:before, .custom-btn.style2:after {
  background-color: var(--white-color);
}*/

/*.custom-btn.style2:after {
  background-color: var(--white-color);
}
*/
/*.custom-btn.style2:hover {
  color: var(--main-secondary);
}*/


/* SHOP FILTERS */


.cf_tag {
  display: inline-block;
  padding: 0 0.8em;
  margin: 0.5em;
  background-color: var(--main-first) !important;
  color: #fff !important;
  opacity: 0.85;
  text-decoration: none;
  border: 1px solid #cccccc;
}

.shop-filters.cf_wrapp_all {
/*  position: sticky;
  top: 150px;*/
  background: #fff;
  border-radius: 4px;
  padding: 15px;
  border: 1px solid #c4c4c4;
}

.shop-filters .cf_filters_list li {
  display: flex;
  align-items: center;
}

.shop-filters .cf_filters_list li .cf_option {
  margin: 2px 0 !important;
  display: inline-flex !important;
  align-items: center;
}

.shop-filters .cf_filters_list li .cf_option:hover {
  color: var(--main-first);
}

.shop-filters .cf_filters_list.cf_colorbtn_list{
  display: flex;
  flex-wrap: wrap;
}

.shop-filters .cf_filters_list.cf_colorbtn_list .cf_option.cf_color_btn:not(:last-child){
  margin-right: 4px !important;
}

.shop-filters .cf_colorbtn_list .cf_link{line-height: 0 !important;}

.shop-filters .cf_colorbtn_list .cf_li_clear{width: 100%;}

.shop-filters .cftooltip{line-height: 13px !important;}

.shop-filters .cf_filtering_knob::-moz-range-thumb {
  background-color: #020202 !important;
}

.shop-filters .cf_smart_search {
  width: 100% !important;
  line-height: 30px !important;
}

.shop-filters .cf_clear a.cf_option.cf_clear,
.shop-filters .cf_resetAll_link {
  border: 1px solid #4a4a4a;
  border-radius: 4px;
  width: 100%;
  display: flex;
  background-color: #d8d8d8;
  color: #333;
  padding: 5px 10px !important;
  justify-content: center;
  margin-bottom: 5px !important;
}

.shop-filters .cf_clear a.cf_option.cf_clear:hover,
.shop-filters .cf_resetAll_link:hover  {
  background-color:#c3c3c3;
}

.shop-filters input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  /*background-color: var(--main-first);*/
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: var(--main-first);
  width: 22px !important;
  height: 22px !important;
  border: 0.15em solid #cfcfcf;
  border-radius: 50%;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
  transition: 120ms all ease-in-out;
}

.shop-filters input[type="radio"]::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transform: scale(0);
  transition: 240ms transform ease-in-out;
  box-shadow: inset 1em 1em #fff;
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

/*.so-menutopping-onetopping:hover input[type="radio"]{
  border-color: var(--main-first);
}*/

.shop-filters input[type="radio"]:focus,
.shop-filters input[type="radio"]:checked {
  outline: none;
  border-color: var(--main-first) !important;
  background-color: var(--main-first);
}

.shop-filters input[type="radio"]:checked::before {
  transform: scale(1);
}

/*.shop-filters input[type="radio"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}*/


.shop-filters input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  /*background-color: var(--main-first);*/
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: var(--main-first);
  width: 22px !important;
  height: 22px !important;
  border: 0.15em solid #cfcfcf;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  transition: 120ms all ease-in-out;
  display: grid;
  place-content: center;
}

.shop-filters input[type="checkbox"]::before {
  content: "";
  width: 12px;
  height: 12px;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  /*transform-origin: bottom left;*/
  transform-origin: center center;
  transition: 240ms all ease-in-out;
  box-shadow: inset 1em 1em #fff;
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

/*.so-menutopping-onetopping:hover input[type="checkbox"]{
border-color: var(--main-first);
}*/

.shop-filters input[type="checkbox"]:focus,
.shop-filters input[type="checkbox"]:checked {
  outline: none;
  border-color: var(--main-first) !important;
  background-color: var(--main-first);
}

.shop-filters input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.shop-filters input[type="checkbox"]:disabled {
/*  --main-first: var(--main-first-disabled);*/
  color: #959495;
  background: rgba(32, 33, 37, 0.12);
  cursor: not-allowed;
}


/* Safari 9+, < 13.1 */
@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) { 
    
    .shop-filters input[type="checkbox"]:before {
      display: none;
    }

    .shop-filters input[type="checkbox"]:checked {
      border-color: var(--main-first);
      background-color: var(--main-first);
      accent-color: var(--main-first);

    }

    .shop-filters input[type="checkbox"] {
      -webkit-appearance: checkbox;
      appearance: checkbox;
    }
}


.shop-filters .cf_filters_list.cf_btn_list{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.shop-filters .cf_filters_list.cf_btn_list .cf_filters_list_li.cf_li_clear{
  width: 100%;
}

.cf_button.cf_sel_opt {
  color: #d13636 !important;
}

/*
.shop-filters input[type=radio] {
  position: absolute;
  opacity: 0;
}

.shop-filters input[type=radio] + label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  transition: all 250ms ease;
}
.shop-filters input[type=radio]:checked + label:before {
  background-color: var(--main-first);
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.shop-filters input[type=radio]:focus + label:before {
  outline: none;
  border-color: var(--main-first);
}
.shop-filters input[type=radio]:disabled + label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.shop-filters input[type=radio] + label:empty:before {
  margin-right: 0;
}*/

/* HIDE VM MANUFACTURER ORDER FILTER */

#vm-orderby-select-mf,
label[for="vm-orderby-select-mf"]{
  display: none;
}

.vm-pagination li > span.pagenav,
.vm-pagination .page-item.active .page-link {
  color: #fff;
  background-color: var(--main-first);
  border-color: var(--main-first);
}



.styled-header.center,
.styled-header.text-center{
  margin-left: auto;
  margin-right: auto;
}

.styled-header{
  position:relative;
  width: fit-content;
  font-size: 1.5rem;
  font-weight: 400;
  order: -1;
}
@media only screen and (min-width: 992px) {
  .styled-header::after {
    content: "";
    position: absolute;
    left: calc(100% + 15px);
    width: 150px;
    height: 3px;
    background: var(--main-first);
    display: flex;
    top: 50%;
    transform: translateY(-50%);
  }
  .styled-header::before {
    content: "";
    position: absolute;
    right: calc(100% + 15px);
    width: 150px;
    height: 3px;
    background: var(--main-first);
    display: flex;
    top: 50%;
    transform: translateY(-50%);
  }
}
/* select boxes */
select{
  height: 40px;
  font-size: 0.85rem !important;
  background-color: #f2f1f1;
  border-radius: 4px;
  border: 1px solid #cecece;
}

select#limit{
  text-align: center;
}


/* category product */

.browse-view h1 {
  font-weight: normal !important;
  font-size: 35px;
}

.featured-view h4, .discontinued-view h4, .latest-view h4, .topten-view h4, .recent-view h4, .related-products-view h4 {
  font-size: 20px;
  font-weight: normal;
}

.spacer.product-container .outer-effect-block{
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  pointer-events: none;
}

.spacer.product-container .inner-effect-block{
  display: block;
  position:absolute;
  width: 40%;
  height: 200%;
  background: rgba(255,255,255,.2);
  top: 0;
  filter: blur(5px);
  transform: rotate(45deg) translate(-450%, -40%);
  transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.spacer.product-container:hover .inner-effect-block{
  transform: rotate(45deg) translate(450%, 0);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.spacer.product-container:hover .outer-effect-block{
  margin-top: 0;
}
.spacer.product-container:hover {
  border: 1px solid var(--main-first);
  display: flex;
  flex-direction: column;
}
.spacer.product-container .availability {
  display: none;
}

.tag.discount {
  background:var(--main-first);
  color: #fff;
}

.tag.available {
  background: var(--main-secondary);
  color: white;
  padding: 5px 20px;
  opacity: 0.85;
}

.tag {
  display: flex;
  font-size: 14px;
  font-weight: bold;
/*  padding: 23px 14px;*/
  padding:5px 20px;
  margin-bottom: 7px;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

/* contact us section */
.contact-us-section{
  margin-bottom: -16px !important;
  color: #fff;
}

.contact-us-section .custom{
padding:50px 0;
}


/* ba form general css */

.ba-forms-lightbox-row{height:0px;    z-index: 9999999999999;
    position: relative;}

.ba-forms-lightbox-row .ba-icon-close{
 color: white !important;
  background: var(--main-secondary);
  border-radius: 50%;
  padding: 10px !important;
  margin: 10px !important;
  font-size: 1.24rem;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  right: 0;
}

.ba-forms-modal-wrapper .ba-form-page{
    border-width: 0 0 5px 0 !important;
    border-bottom: 5px var(--main-secondary) solid !important;
    /*border-radius: 27px;*/

}


/* acy mailing module */
.newsletter-module{
  margin-top: 20px !important;
  margin-bottom: 50px !important;
}
.newsletter-module .acym_module_form .acym_form{
  margin: 0 auto;
  position: relative;
}

.newsletter-module .acym_form::before {
  content: "";
  background-image: url("https://medi.el3.demosites.gr/images/icons/newsletter.svg");
  background-size: 100%;
  width: 146px;
  height: 146px;
  z-index: 1;
  position: absolute;
  top: -110px;
  left: -95px;
  background-repeat: no-repeat;
  opacity: 0.03;
  transform: rotate(-10deg);
}

.newsletter-module .acym_introtext{
  font-size: 18px;
  margin-bottom: 15px;
}

.newsletter-module .acym_module_form .onefield {
  flex: 1;
  min-width: 200px;
  padding: 0;
  border: none;
  position: relative;
}

.newsletter-module .acym_module_form .acysubbuttons input {
  width: 100%;
  max-width: 100%;
  height: 50px;
  display: flex;
  align-content: center;
  justify-content: center;
  border-radius: var(--border-radius);
}

.newsletter-module .acym_module_form .onefield input[type="text"],
.newsletter-module .acym_module_form .onefield input[type="email"] {
  width: 100%;
  height: 50px;
  padding: 18px 20px;
  border: none;
  border: 1px solid #e8e8e8;
  border-radius: var(--border-radius);
  font-size: 16px;
  color: #333;
  background: transparent;
  outline: none;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.newsletter-module .acym_module_form .onefield input[type="text"]:focus,
.newsletter-module .acym_module_form .onefield input[type="email"]:focus {
  background: #fafafa;
  border-right-color: #007aff;
}

.newsletter-module .acym_module_form .onefield input::placeholder {
  color: #999;
  font-weight: 400;
}

.vmgroup .vmproduct .product-container .vm-product-media-container{margin: 0 !important;}
.vmgroup .vmproduct .product-container .product_s_desc{display: none;}
.vm-product-descr-container-1 {min-height: auto;margin-top: 0px;}
.vmgroup .vmproduct .product-container .vm-product-media-container a:first-of-type:not(.notify):not(.ask-a-question) {
  min-height: 250px;
  height: 250px;
  max-height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*.homepage .site-grid {
  background-image: url("/images/general/bg-9.jpg");
  background-repeat: no-repeat;
  background-position: 100% 700px;
  background-size: 100% auto;
}*/


/* slider menus */

.slider-shop-menu ul {
  list-style: none;
  columns: 2;
  margin: 10px 0;
  padding: 0;
}

.slider-shop-menu li a {
  padding: 7px 0;
  display: block;
}

/*  */
@media only screen and (min-width: 1600px) {
  .products-slider-max-width{max-width: 80%;}
}
/* slider diafimiseon - katalogon*/
.mod-banners .banneritem a {
  display: flex;
  padding: 0 4px;
  width: 100%;
  height: 100%;
}

/*OPENHOURS*/
  .openinghours {
    margin: auto;
    width: 300px;
  }

@media only screen and (max-width: 768px) {
  .openinghours {
  width: 100% ;
  margin: 30px auto !important;
}
}
/* forma eggrafis */
.com_virtuemart.view-user #adminForm {
  display: flex;
  flex-direction: column;
  max-width: 1100px;
  margin: 0 auto;
}

/* vm custom fields */

body:not(.view-productdetails) .product-container .product-field {
  flex-direction: row;
}

.view-productdetails .product-container .product-field {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
/*  border: 1px solid #e1e1e1;
  padding: 15px 5px;*/
}

/*.view-productdetails .product-container .product-field:hover {
  border: 1px solid var(--main-first);
}*/

.view-productdetails .product-container .product-field .product-fields-title-wrapper{
  flex:0;
}

/*.view-productdetails .product-fields-title-wrapper::after {
  content: ":";
}*/
.view-productdetails .product-container .product-field .product-fields-title{
  width: max-content;
}

.view-productdetails .addtocart-bar > .row{
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}

.addtocart-bar .quantity-box > * {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*.addtocart-bar .vm-addtocart-button-col{
  margin: 0 !important;
}
*/
.productdetails-view .vm-product-container .addtocart-bar .addtocart-button{
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-header-bg-img.ontop { object-position: top; }
.page-header-bg-img.onbottom { object-position: bottom; }


.view-category .quantity-box.input-group{
  justify-content: center;
}

/*titloi arthrwn blog*/
@media (width >= 1200px) {
  h2, .h2 {
    font-size: 1.6rem;
    font-weight: 400 !important;
  }
}


.proopc-payments .vmpayment{
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}

/* product view table or iframe css */
.productdetails-view .product-description-outer iframe, .productdetails-view .product-description-outer img { margin: 5px 0; width: 640px; height: 430px; }
.productdetails-view .product-description-outer img {object-fit:contain;}
.productdetails-view .product-description-outer table { max-width:100% !important;width:100% !important; }

/* plugin hide message on payment error */
.task-pluginresponsereceived #system-message-container{display:none !important;}


/* SEARCH BAR */

.el-search-outer {
  height: calc(var(--header-second-row-height) * 1px + var(--header-first-row-height) * 1px) !important;
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100vw !important;
}

.vpajaxsearch-viewall{
  background: var(--main-secondary);
  color: #fff;
  border-radius: 2px;
  padding: 7px 15px;
}

.vpajaxsearch-viewall:hover{
 background: #333;
 color: #fff;
}

.vpajaxsearch-suggestion-header {
  border-top: 1px solid #e6e6e6;
}



/* custom buttons */
.btn{
  /* bootstrap disable border radius for all*/
  border-radius: 0px;
}

.addtocart-button-disabled{
  height: 40px;
  padding: 0 15px;
}
.btn.btn-primary, a.btn {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    background: linear-gradient(135deg, 
        var(--main-first) 0%, 
        color-mix(in srgb, var(--main-first) 80%, transparent) 100%);
    color: white;
    text-decoration: none;
    border: none;
    border-radius: 0;
    /*font-weight: 600;*/
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    overflow: hidden;
    transition: all 0.3s ease;
    transform: skewX(0deg);
    /*box-shadow: 0 4px 15px color-mix(in srgb, var(--main-first) 30%, transparent);*/
}

.btn.btn-primary:hover, a.btn:hover {
    color: white;
    text-decoration: none;
    transform: skewX(-0deg);
    /*box-shadow: 0 8px 25px color-mix(in srgb, var(--main-first) 40%, transparent);*/
}

/* Skewed pseudo-element that slides in from left */
.btn.btn-primary::after, a.btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -104%;
    width: 108%;
    height: 100%;
    background: linear-gradient(135deg, 
        color-mix(in srgb, var(--main-first) 90%, #000) 0%, 
        var(--main-first) 100%);
    transform: skewX(15deg);
    transition: left 0.5s ease;
    z-index: -1;
}

.btn.btn-primary:hover::after, a.btn:hover::after {
    left: -4%;
}


.btn.black {
    background: linear-gradient(135deg, 
        var(--main-secondary) 0%, 
        color-mix(in srgb, var(--main-secondary) 80%, transparent) 100%);
    color: white;
}

.btn.black:hover {
    color: white;
}

.btn.black::after {
    background: linear-gradient(135deg, 
        color-mix(in srgb, var(--main-secondary) 90%, #000) 0%, 
        var(--main-secondary) 100%);
}

/* cart  */

.vmshipment{
  display: flex;
  flex-direction: column;
}

.vmshipment_name,
.vmpayment_name{
  font-weight: bold !important;
}

/* snowflakes */

.snowflake__inner:before {
  background-color: #f4fbfb;
  border-radius: 100%;
}

.el-offcanvas-wrapper .open-hours-module,
.el-offcanvas-wrapper .info{display:none;}

.offcanvas-wrapper .mod-elmenu{overflow: hidden;}
@media screen and (max-width: 992px) {
/*    .footer-main{
        text-align:center;
    }
    
    .footer-main .footer-company{
        order:-1;
    }*/
    
    .el-offcanvas-wrapper .open-hours-module,
    .el-offcanvas-wrapper .info{display:block;}

    /*.footer-main .open-hours-module{
        order:5;
    }*/
    
    .el-offcanvas-wrapper .info.phone .hide-custom-2{
        display:inline;
    }
    
    .el-offcanvas-wrapper .info a,
    .el-offcanvas-wrapper .info a svg{
        color:black !important;
        fill:black !important;
    }
    
    .el-offcanvas-wrapper .logo svg{
        height: 60px;
    }
    
    .homepage .container-banner {
      margin: 0 0 0rem !important;
    }
    
    .vmproduct.mobile-items-2 .product-container .tag.available {
      padding: 9px 11px;
      opacity: 0.85;
      font-size: 0.6rem;
    }
    
    .vmproduct .product-container .spacer a:first-of-type:not(.notify):not(.ask-a-question) {
      min-height: 210px;
      height: 210px;
      max-height: 210px;
    }

  .productdetails-view .vm-product-container .addtocart-bar > .row{
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 3px;
    align-items: center;
    justify-content: center;
    margin-right:10px;
  }

  .productdetails-view .vm-product-container .addtocart-bar .col-auto{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
}


/* VIRTUEMART CSS - PREPEI NA MPEI EKEI ALLA DN FORTWNEI STA POPUP - TODO */
.manufacturer-details-view, .manufacturer-details-view .spacer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.manufacturer-details-view .manufacturer-image,
.manufacturer-details-view .manufacturer-url,
.manufacturer-details-view .manufacturer-description,
.manufacturer-details-view .manufacturer-product-link{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.manufacturer-details-view .manufacturer-image{order: 0;}
.manufacturer-details-view .manufacturer-product-link{order: 1;}
.manufacturer-details-view .manufacturer-description{order: 2;}
.manufacturer-details-view .manufacturer-url{order: 3;}

.manufacturer-details-view .manufacturer-image{
  height: 90px;
  max-width: 100%;
  width: auto;
}
.manufacturer-details-view a,
.ask-a-question-view .submit input{
  margin:10px 0;
  border:1px solid #6d757e;
  color: #6d757e;
  background-color: #fff;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .6rem 1rem;
  text-align: center;
  text-decoration: none;
  border-radius: 0;
  transition: all .15s ease-in-out;
}

.manufacturer-details-view a:hover,
.ask-a-question-view .submit input:hover{
  background-color: #6d757e;
  border-color: #6d757e;
  color: #fff;
}

.ask-a-question-view > h1{
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.ask-a-question-view .product-summary {
  display: flex;
  flex-direction: column;
}

.ask-a-question-view .product-summary > div{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.ask-a-question-view .product-summary .product-image{
  height: 200px;
}

.ask-a-question-view .askform{ border-collapse: separate;border-spacing: 0px 10px; }
.ask-a-question-view .askform td{position: relative;}
.ask-a-question-view .askform .formError{display: none !important;}
.ask-a-question-view .askform .formError + input,
.ask-a-question-view .askform .formError + textarea {
  border-color: red !important;
}
.ask-a-question-view .askform input,
.ask-a-question-view .askform textarea,
.ask-a-question-view .submit input{
  width: 100%;
}

.ask-a-question-view .submit input.counter{
  all: unset;
}

.ask-a-question-view .submit input.counter,
.ask-a-question-view .submit label[for='counter']{
  font-size: 14px;
  color: #6d757e;
}


#fancybox-outer {
  max-width: 1200px !important;
}

#fancybox-frame {
  width: 100% !important;
  height: 100% !important;
  border: none;
  display: block;
}
/* END OF VIRTUEMART CSS - PREPEI NA MPEI EKEI ALLA DN FORTWNEI STA POPUP */


/*iframe {
  border: 0;
  width: 100vw !important;
  height: 35vh !important;
}*/


/* custom tables */

/* Reset and base styles */


/*.product-description-content {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.6;
  color: #333;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}*/

/* Table styling */
.view-productdetails .product-container table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

/* Section headers */
.view-productdetails .product-container th[rowspan] {
  background: #395561;
  color: white;
  font-weight: 600;
  padding: 16px 7px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  width: 125px;
  min-width: 88px;
}
}

/* Property labels */
.view-productdetails .product-container td.ttl {
  background: #f8f9fa;
  padding: 12px 16px;
  font-weight: 500;
  color: #555;
  border-bottom: 1px solid #e9ecef;
  width: 140px;
  font-size: 14px;
}

/* Property values */
.view-productdetails .product-container td.nfo {
  padding: 12px 16px;
  color: #333;
  border-bottom: 1px solid #e9ecef;
  font-size: 14px;
}

/* Remove borders from last row in each table */
.view-productdetails .product-container tr:last-child td {
  border-bottom: none;
}

/* Links styling */
.view-productdetails .product-container td.ttl a,
.view-productdetails .product-container td.nfo a {
  color: #7bb700;
  text-decoration: none;
  transition: color 0.2s ease;
}

.view-productdetails .product-container td.ttl a:hover,
.view-productdetails .product-container td.nfo a:hover {
  color: #5a8a00;
  text-decoration: underline;
}

/* Hover effects for rows */
.view-productdetails .product-container tr.tr-hover:hover td {
  background-color: #f1f3f4;
}

/* Empty cells */
.view-productdetails .product-container td:empty,
.view-productdetails .product-container td[data-spec=""]:empty {
  padding: 8px 16px;
  background: #fafafa;
}

/* Responsive design */
@media (max-width: 768px) {
  
  .view-productdetails .product-container table {
    margin-bottom: 1rem;
  }
  
  .view-productdetails .product-container th[rowspan] {
    display: none;
    font-size: 11px;
    padding: 12px 8px;
  }
  
  .view-productdetails .product-container td.ttl,
  .view-productdetails .product-container td.nfo {
    padding: 8px 12px;
    font-size: 13px;
  }
  
  .view-productdetails .product-container td.ttl {
    width: 120px;
  }
}

/* Special styling for network bands */
.view-productdetails .product-container td.nfo[data-spec*="net"] {
  /*font-size: 13px;*/
  background: #f8f9fa;
}

/* Highlight important specs */
.view-productdetails .product-container td.nfo[data-spec="chipset"],
.view-productdetails .product-container td.nfo[data-spec="internalmemory"],
.view-productdetails .product-container td.nfo[data-spec="displaysize"] {
  font-weight: 600;
  color: #1a1a1a;
}

/* END OF TABLE */

/* CLASSIC TABLE CSS */
/* Technical Data Table Styling */
.view-productdetails .product-container table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

/* Header row with colspan */
.view-productdetails .product-container table tr.header td {
  background: #395561;
  color: white;
  font-weight: 600;
  padding: 16px 12px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* Property labels (first column) */
.view-productdetails .product-container table td.ttl {
  background: #f8f9fa;
  padding: 12px 16px;
  font-weight: 500;
  color: #555;
  border-bottom: 1px solid #e9ecef;
  width: 140px;
  font-size: 14px;
}

/* Property values (second column) */
.view-productdetails .product-container table td.nfo {
  padding: 12px 16px;
  color: #333;
  border-bottom: 1px solid #e9ecef;
  font-size: 14px;
}

/* Remove borders from last row */
.view-productdetails .product-container table tr:last-child td {
  border-bottom: none;
}

/* Links styling */
.view-productdetails .product-container table td a {
  color: #7bb700;
  text-decoration: none;
  transition: color 0.2s ease;
}

.view-productdetails .product-container table td a:hover {
  color: #5a8a00;
  text-decoration: underline;
}

/* Hover effects for rows (excluding header) */
.view-productdetails .product-container table tr:not(.header):hover td {
  background-color: #f1f3f4;
}

/* Empty cells */
.view-productdetails .product-container table td:empty {
  padding: 8px 16px;
  background: #fafafa;
}

/* Responsive design */
@media (max-width: 768px) {
  .view-productdetails .product-container table {
    margin-bottom: 1rem;
  }
  
  .view-productdetails .product-container table tr.header td {
    font-size: 11px;
    padding: 12px 8px;
  }
  
  .view-productdetails .product-container table td:first-child:not(.header td),
  .view-productdetails .product-container table td:last-child:not(.header td) {
    padding: 8px 12px;
    font-size: 13px;
  }
  
  .view-productdetails .product-container table td:first-child:not(.header td) {
    width: 120px;
  }
}

/* Highlight important specs (optional - customize as needed) */
.view-productdetails .product-container table tr:has(td:first-child:contains("Power")) td:last-child,
.view-productdetails .product-container table tr:has(td:first-child:contains("Capacity")) td:last-child,
.view-productdetails .product-container table tr:has(td:first-child:contains("Dimensions")) td:last-child {
  font-weight: 600;
  color: #1a1a1a;
}


/* END OF CLASSIC TABLE CSS */

/* specs sames as tables */
.specs-container {
  line-height: 1.6;
  color: #333;
  margin: 0 auto;
  padding: 20px;
}

.spec-groups {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.spec-details {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

/* Section headers */
.spec-details h3 {
  background: #395561;
  color: white;
  font-weight: 600;
  padding: 16px 20px;
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border: none;
}

/* Definition list styling */
.spec-details dl {
  margin: 0;
  padding: 0;
}

/* Definition terms (the specifications) */
.spec-details dt {
  background: #f8f9fa;
  padding: 12px 20px;
  margin: 0;
  color: #333;
  border-bottom: 1px solid #e9ecef;
  font-size: 14px;
  font-weight: normal;
}

/* Remove border from last item */
.spec-details dt:last-child {
  border-bottom: none;
}

/* Strong text styling */
.spec-details dt strong {
  color: #7bb700;
  font-weight: 600;
}

/* Hover effects */
.spec-details dt:hover {
  background-color: #f1f3f4;
  transition: background-color 0.2s ease;
}

/* Handle line breaks in content */
.spec-details dt br {
  content: "";
  display: block;
  margin: 8px 0;
}

/* Multi-line specifications */
.spec-details dt:has(br) {
  line-height: 1.8;
}

/* Responsive design */
@media (max-width: 768px) {
  .specs-container {
    padding: 10px;
  }
  
  .spec-groups {
    gap: 1rem;
  }
  
  .spec-details h3 {
    font-size: 12px;
    padding: 12px 16px;
  }
  
  .spec-details dt {
    padding: 10px 16px;
    font-size: 13px;
  }
}

/* Alternative: Grid layout for larger screens */
@media (min-width: 1024px) {
  .spec-groups {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  
  .spec-details {
    height: fit-content;
  }
}



/* colors */

/* diafano */
.cf_tag_inner[style^="background-color:#e1e1e0;"],
.cf_color_inner[style^="background-color:#e1e1e0;"],
.cf4all_inner_value[style^="background-color:#e1e1e0;"] {
  background-image: url('/images/icons/colors/diafano.jpg') !important;
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-shadow: unset !important;
  color: transparent !important;
}

.cf_tag_inner[style^="background-color:#c0c0c0;"],
.cf_color_inner[style^="background-color:#c0c0c0;"],
.cf4all_inner_value[style^="background-color:#c0c0c0;"] {
  background-image: url('/images/icons/colors/asimi.jpg') !important;
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-shadow: unset !important;
  color: transparent !important;
}

.cf_tag_inner[style^="background-color:#ffd700;"],
.cf_color_inner[style^="background-color:#ffd700;"],
.cf4all_inner_value[style^="background-color:#ffd700;"] {
  background-image: url('/images/icons/colors/xryso.jpg') !important;
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-shadow: unset !important;
  color: transparent !important;
}

.cf_tag_inner[style^="background-color:#d1b000;"],
.cf_color_inner[style^="background-color:#d1b000;"],
.cf4all_inner_value[style^="background-color:#d1b000;"] {
  background-image: url('/images/icons/colors/asimi-xryso.jpg') !important;
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-shadow: unset !important;
  color: transparent !important;
}

.cf_tag_inner[style^="background-color:#dfc167;"],
.cf_color_inner[style^="background-color:#dfc167;"],
.cf4all_inner_value[style^="background-color:#dfc167;"] {
  background-image: url('/images/icons/colors/xryso-bronze.jpg') !important;
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-shadow: unset !important;
  color: transparent !important;
}

.cf_tag_inner[style^="background-color:#e0bfb8;"],
.cf_color_inner[style^="background-color:#e0bfb8;"],
.cf4all_inner_value[style^="background-color:#e0bfb8;"] {
  background-image: url('/images/icons/colors/roz-xryso.jpg') !important;
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-shadow: unset !important;
  color: transparent !important;
}


/* MOBILE PHONES */

/* hide product description */
.view-productdetails .product_tab {
  display: none !important;
}
.view-productdetails .product_tab_content {
  display: none;
  width: 100%;
  padding: 6px 12px;
  border: 0px solid #ccc !important;
  border-top: none;
}

.mobile-filters-toggler{
  display: none;
  position: fixed;
  bottom: 15px;
  background: var(--main-first);
  right: 15px;
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  z-index: 11;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

@media screen and (max-width: 992px) {

  .mobile-filters-toggler{
    display: flex;
  }

  footer .footer-company{
    order: 1;
  }

  footer .footer-info{
    order: 2;
  }

  footer .open-hours-module{
    order: 3;
  }

  footer .footer-menu{
    order: 4;
  }

  .footer-main{
    text-align: center;
  }

  .tab-container .tab{
    justify-content: flex-start;
  }

  .styled-row-image.moduletable .styled-image-content,
  .styled-row-image-alt.moduletable .styled-image-content {
    text-align: center;
    padding: 0 15px !important;
    align-items: center;
  }

  .styled-row-image-alt.moduletable .styled-image,
  .styled-row-image.moduletable .styled-image {
    height: 140px;
    order: -1;
    margin-bottom: 50px;
    border-radius: 0;
  }

  .footer-main > div{
    margin-bottom: 30px;
  }
}


/* ΑΠΟΚΡΥΨΗ ΔΥΝΑΤΟΤΗΤΑΣ ΕΓΓΡΑΦΗΣ ΣΤΟ CHECKOUT */
input[type="radio"][name="proopc-method"][value="register"] {
    display: none;
}
.proopc-switch:has(input[value="register"]) {
    display: none !important;
}

/*ΦΟΡΜΑ ΕΓΓΡΑΦΗΣ */
/* Na me thimasai */
#com-form-login .col-12.mb-3 {
    display: flex;
    align-items: center;
    gap: 8px;
}
#com-form-login label {
  display: block ruby;
}
#com-form-login input[type="checkbox"] {
  margin: 0;
  width: auto;
}
.com_virtuemart.view-user #com-form-login {
  margin-bottom: 0px;
  border-bottom: 0px solid #f2f2f2;
  padding-bottom: 15px;
}

/* Κοινό πλάτος για ΟΛΑ τα πεδία της φόρμας */
#adminForm input.form-control,
#adminForm select.form-select {
    max-width: 400px;   
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* Κεντράρισμα labels */
#adminForm label {
    text-align: right;
    width: 100%;
}

/* ΜΟΝΟ για τη φόρμα εγγραφής */
#adminForm .vm-form-row .col-lg-6 {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

#adminForm fieldset {
    text-align: center;
}

#adminForm fieldset .mb-3 {
    text-align: center;
}

#adminForm fieldset input,
#adminForm fieldset select {
    margin-left: auto;
    margin-right: auto;
}

/* Κεντρικό card-style container */
.vm-login {
    max-width: 600px;
    margin: 0 auto;
    border-radius: 12px;
    background: #e3e3e3 !important; 
    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}

/* Κεντραρισμένος τίτλος */
.vm-login p.lead {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-bottom: .8rem;
    border-bottom: 2px solid #ddd;
    display: block;
}

/* Input fields styling */
.vm-login input.form-control {
    max-width: 320px;
    margin: 0 auto;
    border-radius: 8px;
}

/* Checkbox alignment */
.vm-login .form-check-input,
.vm-login .form-check-label {
    margin-left: 50%;
    transform: translateX(-50%);
}

/* Center the login button */
#com-form-login-remember button {
    width: 200px;
    margin: 0 auto;
    display: block;
    border-radius: 8px;
}

/* Links κάτω από τη φόρμα */
.vm-login .col-12.mb-3 a {
    display: block;
    text-align: center;
    margin-bottom: 6px;
}

#adminForm legend {
    font-size: 20px;
    display: block !important;
    border-bottom: 0px !important;
}

/* Για desktop - labels αριστερά - ΜΟΝΟ ΓΙΑ ΦΟΡΜΑ ΕΓΓΡΑΦΗΣ */
@media (min-width: 768px) {
    #adminForm .mb-3 {
        display: grid;
        grid-template-columns: 200px 1fr;
        gap: 15px;
        align-items: center;
    }
    
    #adminForm .mb-3 label {
        margin-bottom: 0;
        text-align: right;
        padding-right: 10px;
    }
    
    /* Τα πρώτα πεδία (πριν το fieldset) να έχουν margin αριστερά */
    #adminForm .vm-form-row > .mb-3 {
        margin-left: auto;
        margin-right: auto;
        max-width: 600px;
    }
    
    /* Ομοιόμορφο πλάτος για fieldsets */
    #adminForm fieldset .mb-3 {
        display: grid;
        grid-template-columns: 240px 1fr;
        gap: 15px;
        align-items: center;
    }
    
    #adminForm fieldset .mb-3 label {
        margin-bottom: 0;
        text-align: right;
        padding-right: 10px;
    }
}

/* Για mobile - labels πάνω από τα πεδία */
@media (max-width: 767px) {
    #adminForm .mb-3 {
        display: block;
    }
    
    #adminForm .mb-3 label {
        display: block;
        margin-bottom: 8px;
    }
}

/* Ομοιόμορφο πλάτος για όλα τα input/select - ΜΟΝΟ ΦΟΡΜΑ */
#adminForm .mb-3 input,
#adminForm .mb-3 select {
    width: 100%;
    max-width: 100%;
}

/* Αφαίρεση padding/margin που μπορεί να επηρεάζει το πλάτος */
#adminForm fieldset {
    box-sizing: border-box;
}

/* Σταθερό πλάτος για τα columns - ΜΟΝΟ ΦΟΡΜΑ */
#adminForm .col-lg-6 {
    width: 100%;
}

@media (min-width: 992px) {
    #adminForm .col-lg-6 {
        width: 50%;
    }
}
/*ΦΟΡΜΑ ΕΓΓΡΑΦΗΣ ΤΕΛΟΣ */