/*Add Css Custom Here*/
div.tshirtecommerce-btn-group{ 
	display: inline-block; 
	background-color: #ff3c20;
    border-radius: 3px;
    margin: 0 5px;
    padding: 0 10px;
   
    width: auto;
    vertical-align: top;
}
div.tshirtecommerce-btn-group > a{ color: white; text-transform: uppercase;}
/*====== Fix bugs Megamenu not showing icon font (26/1/2018) =====*/
@media (min-width: 992px)  {
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern:before,
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern:after{display: none;}
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical .vertical-wrapper{
      visibility: hidden;
      opacity: 0;
    }   
    .common-home .navbar-compact.typeheader-1 .container-megamenu.vertical:hover .vertical-wrapper{
      visibility: visible;
      opacity: 1;
      top: 40px; } 
}
@media (min-width: 992px){
	/*.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a {    padding: 9px 0; line-height: 24px; height: auto;}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i,
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a b {
	    display: inline-block;
	}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a:before{display: none;} */
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img{position: static; transform: inherit;}

}

.typeheader-12 .navbar-logo .logo{
	min-height: 40px;
}


header .container-megamenu.horizontal .menu-layouts .sub-menu ul li a{ line-height: 30px; padding: 0; }
header .container-megamenu.horizontal .shoppage .title-shoppage {
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    color: #222;
    font-size: 16px;
    line-height: 100%;
    padding-bottom: 12px;
    margin-bottom: 6px;
    border-bottom: 1px solid #eaeaea;
}
header .container-megamenu.horizontal .content-feature li a, 
header .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a, 
header .container-megamenu.horizontal ul.megamenu li .sub-menu .content .html a.subcategory_item, 
header .container-megamenu.horizontal ul.megamenu .sub-menu .content .hover-menu .menu ul a.main-menu{
	color: #666;
}
header .container-megamenu.horizontal .shoppage ul li:hover{ padding: 0; }
body .container-megamenu.vertical{ z-index: 99; }
header .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i.fa{ width: 30px; padding: 0; text-align: center; }
header .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore{ padding-left: 46px; }

.layout-17.common-home #content .module.so_newletter_custom_popup .modcontent{ border: none; }

body .container-megamenu.vertical {
    z-index: 99;
}
@media (max-width: 767px)  {
	.typeheader-1 .container-megamenu.vertical{
		z-index: 9;
	}	
}


/*Custom*/

.typeheader-35 .header-middle{
  padding: 22px 0 10px !important;
}

.common-home .slider-cates35.so-categories{
  margin-bottom: 0px !important;
}

.typeheader-35 .header-middle .logo{
  margin-top: -20px;
}

.refine-search__content .refine-search__subitem{
  width: 168px !important;
  min-height: 235px !important;
}

.layout-35.common-home #wrapper .box-advanced-search .search-boxes, .layout-35.common-home #wrapper .box-advanced-search .search-button{
  width: 25% !important;
}

.page-item.active .page-link{
  background-color: #fdb819 !important;
    border-color: #fdb819 !important;
}

.typeheader-35 .container-megamenu.horizontal ul.megamenu > li > a:before{
    bottom: 5px !important;
}

.listingtab-layout35 .col_left .col1 {
    padding: 32px 15px !important;
    width: 46% !important;
}

.listingtab-layout35 .col_left .cates h4{
  font-size: 20px !important;
}

.typeheader-35 .nav-menu .megamenu-style-dev{
  width: 300px !important;
}

.typefooter-35 .newsletter-footer22 .newsletter .title-block .page-heading{
  font-size: 24px !important;
}

.common-home .slider-cates35.so-categories .cat-wrap .content-box .cat-title a{
  word-wrap: break-word;
}

.products-list .product-grid .product-item-container .right-block h4{
      white-space: normal !important;
}

fieldset{
  padding: 20px;
  border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
    padding-block: 0.35em 0.625em;
    padding-inline: 0.75em;
}


.left_column .so_advanced_search .search-boxes, .left_column .so_advanced_search .search-button{
  width: 100%;
}

.left_column .so_advanced_search{
  margin-bottom: 20px;
}


.label-credit {
    text-align: center;
    background-color: #d9534f !important;
    right: -10px;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 400;
    min-width: 60px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 5px;
    text-transform: uppercase;
    z-index: 2;
    padding: 0 15px;
    margin-bottom: 5px;

  }

.layout-35 .products-list .product-grid .product-item-container{
  border: 1px solid #eaeaea;
    padding: 10px;
}

.products-list .product-layout{
  display: flex !important;
}

.product-credit-info {
  text-align: center;
}

.product-credit-info .monthly-payment strong {
  font-size: 18px;
  color: #18a931;
}

.layout-35 .products-list .product-grid .product-item-container .right-block{
  padding-bottom: 5px;
}

.box-label-image{
    left: -17px;
    width: 70px;
    display: block;
    min-width: 60px;
    position: absolute;
    top: 0px;
    z-index: 3;
    padding: 0 10px;
}
.attribute-icons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.attribute-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f4f4f4;
  border-radius: 6px;
  padding: 8px 10px;
  min-width: 60px;
  min-height: 60px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.attribute-box .attribute-line-1 {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 1.2;
}

.attribute-box .attribute-line-2 {
  font-size: 11px;
  text-transform: uppercase;
  color: #777;
  margin-top: 2px;
}


.promo-box {
      position: absolute;
      bottom: 10px;
      right: 10px;
      background-color: #18a931;
      color: white;
      display: flex;
      font-weight: bold;
      border-radius: 6px;
      overflow: hidden;
      font-size: 16px;
    }

    .promo-left {
      padding: 4px 5px;
      background-color: #18a931;
    }

    .promo-right {
      padding: 4px 5px;
      background-color: white;
      color: #18a931;
      border: 1px solid;
    }

.price .sale-custom{
  border-radius: 10px !important;
  text-align: center;
    background-color: #fbb81c;
    color: #fff;
    display: block;
    position: absolute;
    text-transform: uppercase;
    z-index: 2;
    padding: 5px;
    margin-bottom: 5px;
    right: 10px;
}


/* Iconițe stânga sus */
.badge-icons,
.badge-labels {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  z-index: 3;
  transition: opacity 1.7s ease;
}

.badge-icons {
  opacity: 1;
}

.badge-labels {
  opacity: 0;
}

.product-item-container:hover .badge-icons {
  opacity: 0;
}

.product-item-container:hover .badge-labels {
  opacity: 1;
}

.icon-badge {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  background-color: #18a931;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.icon-red { background-color: #fbb81c; }

.label-badge {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  white-space: nowrap;
  color: #fff;
}

.label-blue { background-color: #18a931; }
.label-orange { background-color: #fbb81c; color: #333; }


.attribute-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: start; /* sau center / space-between */
}

.attribute-box {
  flex: 1 1 calc(50% - 8px); /* două pe rând */
  min-width: 110px;
  background: #f5f5f5;
  border-radius: 6px;
  text-align: center;
  padding: 6px 10px;
  box-sizing: border-box;
}

.attribute-line-1 {
  font-weight: bold;
  font-size: 14px;
  color: #000;
}

.attribute-line-2 {
  font-size: 11px;
  color: #666;
}
.filters-panel {
    margin-bottom: 10px !important;
}

.label-success {
    background-color: #fbb81c;
        display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}


.credit-box {
  border: 1px solid #fbb81c;
  background: #fff4f4;
  border-radius: 8px;
  overflow: hidden;
  margin: 30px 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}

.credit-box__badge {
  background: #fbb81c;
  color: #fff;
  font-weight: 600;
  padding: 6px 14px;
  font-size: 14px;
}

.credit-box__body {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px;
  gap: 20px;
}

.credit-box__left {
  flex: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.credit-box__math {
  font-size: 20px;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  font-weight: 400;
}

.credit-box__math .sum,
.credit-box__math .months,
.credit-box__math .monthly {
  font-size: 20px;
  font-weight: 600;
}

.credit-box__math .unit {
  font-size: 14px;
  vertical-align: super;
}

.credit-box__math .sep {
  font-size: 20px;
  font-weight: 400;
  margin: 0 4px;
}

.credit-box__right {
  flex: 1;
  border-left: 1px solid #e0a7a7;
  padding-left: 20px;
  font-size: 14px;
}

.credit-box__right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.credit-box__right li {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.credit-box__right .dot {
  width: 8px;
  height: 8px;
  background: #b12222;
  border-radius: 50%;
  display: inline-block;
}


.attribute-groups-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.attribute-group-box {
  flex: 1 1 45%;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  padding: 20px;
  min-width: 280px;
}

.attribute-group-title {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
  color: #1a1a1a;
}

.attribute-table {
  width: 100%;
  border-collapse: collapse;
}

.attribute-table td {
  padding: 8px 12px;
  background: #f5f5f5;
  border-radius: 6px;
}

.attribute-table td.attr-name {
  font-weight: 500;
  color: #555;
  width: 50%;
}

.attribute-table td.attr-value {
  font-weight: 600;
  color: #000;
}

.promo-offer-box{
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin: 11px 0;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.promo-item{
  flex: 1; 
  min-width: 250px; 
  display: flex; 
  align-items: center;
}

.so-filter-options {
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
}

.module.so_filter_wrap .modcontent ul li.so-filter-options, .content-aside .module .modcontent{
  padding-right: 10px !important;
}


.chosen-container .chosen-results {
    max-height: 200px !important;
}

.chosen-container-single .chosen-single{
  height: 46px !important;
  line-height: 46px !important;
  font-size: 15px !important;
}

/* Centrare săgeată CHOSEN */
.chosen-container-single .chosen-single div b {
    margin-top: 50% !important;
    transform: translateY(0%) !important;
}


.typeheader-35 .header-middle .logo{
  margin-top: -15px;
}

.typeheader-35 .container-megamenu.horizontal ul.megamenu > li > a, 
.typeheader-35 .telephone,
.typeheader-35 .header-middle .wishlist i,
.typeheader-35 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_carts,
.typeheader-35 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .text-shopping-cart,
.typeheader-35 ul.top-link > li > a, .layout-35.common-home #wrapper .row-advanced .sas_inner-box-search .search-button button,
.listingtab-layout35 .so-listing-tabs .owl2-controls .owl2-nav > div:before,
.typefooter-35 .newsletter-footer22 .newsletter .title-block .page-heading,
.typefooter-35 .newsletter-footer22 .newsletter .title-block .promotext{
  color: #fff !important;
}

.typeheader-35 .container-megamenu.horizontal ul.megamenu > li > a:before{
  background-color: #fff !important;
}


.sub-menu a{
  color: #000 !important;
}

.price-new{
  color: #18a931 !important;
}

.typefooter-35 .footer-middle .fmiddle{
  background-color: #18a931 !important;
}
.typefooter-35 .modcontent  .home-email a{
  color: #18a931 !important;
  font-weight: bold;
}

.list-group-item.active{
  background-color: #18a931 !important;
  border-color: #18a931 !important;
}

.products-list .product-grid .product-item-container .right-block h4{
  white-space: normal !important;
}