.block-category {
    min-height: auto !important;
  
}

@media (max-width: 767px) {

  /* OVERRIDE Bootstrap grid */
  .js-product.product.col-xs-12 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

 
  /* container stabil */
  .products,
  .products.row {
    display: flex !important;
    flex-wrap: wrap !important;
  }
}

/* =========================
   GLOBAL STYLE
========================= */

html, body {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
        letter-spacing: 0.2px;
    color: #222;
    background-color: #fff;
}

/* =========================
   TYPOGRAPHY
========================= */

h1 {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 20px;
}

h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 16px;
}

h3 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 12px;
}

p {
    margin-bottom: 12px;
}

/* =========================
   LINKS & BUTTONS
========================= */

a {
    text-decoration: none;
    transition: 0.2s ease;
}

a:hover {
    opacity: 0.85;
}

.btn, button {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    border-radius: 6px;
    letter-spacing: 0.3px;
    transition: 0.2s ease;
}

/* =========================
   PRODUCT CARDS (IMPORTANT)
========================= */


.product-title {
    font-size: 1rem;
    font-weight: 500;
    margin-top: 8px;
    line-height: 1.4;
}

.price {
    
    font-weight: 600;
    color: #111;
}

/* =========================
   SPACING (FOARTE IMPORTANT)
========================= */

.container, .page-width {
    padding-left: 20px;
    padding-right: 20px;
}

/* reduce "crowded look" */
section, .section {
    margin-bottom: 40px;
}

/* =========================
   NAVIGATION CLEAN LOOK
========================= */

#header {
    border-bottom: 1px solid #eee;
}

#header a {
    font-weight: 500;
}
/* =========================
  linkuri din footer mobil
========================= */

@media (max-width: 767px) {
    .footer-container .links .h3 {
        font-weight: 600;
    }

    .footer-container .links ul>li a {
        font-weight: 400;
    }

}

/* TOP LINKS (cos, cont, contact) */
#header .header-nav a {
  font-size: 0.9rem;
  font-weight: 500;
  color: #444;
}
/* LINKURI SUS - HOVER CORECT */
#header .header-nav a:hover {
  color: #24b9d7;
  transition: 0.2s ease;
}

/* MENU PRINCIPAL */
#header .header-top a[data-depth="0"] {
  font-size: 1.00rem;
  font-weight: 500;
  color: #222;
}

@media (max-width: 767px) {
  .product-quantity {
    display: block !important;
  }
}
@media (max-width: 767px) {

  .product-quantity .add {
    margin-right: 8px;
  }

  .wishlist-button-add {
    margin-left: 4px;
    display: inline-flex;
    align-items: center;
  }

}


/* =========================
   FORM INPUTS - CLEAN UI
========================= */

input.form-control,
select.form-control,
textarea.form-control {
  border: 1px solid #ddd;
  border-radius: 6px;
  
  font-size: 0.95rem;
  font-family: inherit;
  box-shadow: none;
  transition: all 0.2s ease;
  background-color: #fff;
}

/* FOCUS STATE */
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
  border-color: #24b9d7;
  outline: none;
  box-shadow: 0 0 0 2px rgba(36, 185, 215, 0.15);
}

/* PLACEHOLDER */
input.form-control::placeholder,
textarea.form-control::placeholder {
  color: #999;
  font-weight: 400;
}

/* =========================
   FORM SPACING
========================= */

.form-group {
  margin-bottom: 16px;
}

/* =========================
   INPUT GROUPS (Bootstrap safe)
========================= */

.input-group .form-control {
  border-radius: 6px;
}

.input-group-addon,
.input-group-btn {
  border-radius: 6px;
}

/* =========================
   SMALL MOBILE IMPROVEMENT
========================= */

@media (max-width: 767px) {
  input.form-control,
  select.form-control,
  textarea.form-control {
    font-size: 0.9rem;
    padding: 9px 10px;
  }
}

.block_newsletter input[type="email"] {
  border: 1px solid #ddd !important;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 0.95rem;
  box-shadow: none;
}


@media (min-width: 768px) {
    #header .logo {
        max-width: 220px;
        height: auto;
    }
}
.product-quantity #quantity_wanted {
    border-radius:5px;
text-align:center;
}
.product-quantity .input-group-btn-vertical .btn {
border-radius:5px;
}


.product-prices .tax-shipping-delivery-label .delivery-information::before {
    content: none !important;
}


#mobile_top_menu_wrapper .top-menu .sub-menu li>a {
font-weight:400;
}


.banner-content h2 {
    font-family: 'Poppins', sans-serif;
    color: #24b9d7;
    margin: 0 0 20px;
    line-height: 1.2;
text-transform: uppercase;
font-size:21px;
}


@media (min-width: 768px) {
    .banner-content {
        position: relative;
        top: -90px; /* ajusteaza valoarea dupa nevoie */
    }
}


.btn-produse {
    display: inline-block;
    padding: 10px 25px;
    color: #24b9d7 !important;
    border: 2px solid #24b9d7;
    border-radius: 8px;
    text-decoration: none !important;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
}
@media (min-width: 768px) {
    .btn-produse {
        display: none !important;
    }
}

.btn-produse:hover {
    background: #24b9d7;
    color: #ff
}




@media (max-width: 767px){

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

    .ets_blog_content #content-wrapper.left-column{
        order:1;
    }

    .ets_blog_content #left-column{
        order:2;
    }

}

