/* Sakrij popust i MPC */
.price-percent-reduction,
.old-price {
    display: none;
}

/* PrestaShop: font na artiklima (naziv + cijena) */
.product-title,
.product-title a,
.product-name,
.product-name a,
.product-price,
.price,
.regular-price,
.current-price,
.product-price-and-shipping,
.product-price-and-shipping * {
  font-size: 15px !important;
  color: #000 !important;
}

/* Cijena artikla - listing (home/kategorija) */
.price.product-price {
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #e60000 !important;
}


@media (max-width: 768px) {

  :root { --g: 6px; } /* jedinstveni gutter */

  /* =======================
     0) WRAPPER
     ======================= */
  #advanced_cms_wrapper_1 .row-1{
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;

    /* OPCIJA B: flex samo za redoslijed BLOKOVA */
    display: flex !important;
    flex-wrap: wrap !important;
  }

  /* =======================
     A) BANER (PRVI)
     ======================= */
  #advanced_cms_wrapper_1 .row-1 .art-ban-vel{
    order: 1 !important;
    width: 100% !important;

    height: 220px !important;
    overflow: hidden !important;
    padding: var(--g) !important;
    position: relative !important;
    line-height: 0 !important;
    margin: 0 0 10px 0 !important;
    box-sizing: border-box !important;
  }

  #advanced_cms_wrapper_1 .row-1 .art-ban-vel > a{
    display: block !important;
    height: 220px !important;
    overflow: hidden !important;
    line-height: 0 !important;
  }

  #advanced_cms_wrapper_1 .row-1 .art-ban-vel img,
  #advanced_cms_wrapper_1 .row-1 .art-ban-vel img.img-responsive,
  #advanced_cms_wrapper_1 .row-1 .art-ban-vel > a img,
  #advanced_cms_wrapper_1 .row-1 .art-ban-vel > a img.img-responsive{
    width: 100% !important;
    height: 330px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: top !important;
    display: block !important;
    margin: 0 !important;
  }

  /* =======================
     B) GRID (3 proizvoda) - DRUGI BLOK
     ======================= */
  #advanced_cms_wrapper_1 .row-1 .row{
    order: 2 !important;
    width: 100% !important;

    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3 kolone proizvoda */
  #advanced_cms_wrapper_1 .row-1 .row > .col-xs-4{
    float: none !important; /* ugasi float */
    flex: 0 0 33.3333% !important;
    max-width: 33.3333% !important;
    width: 33.3333% !important;

    box-sizing: border-box !important;
    padding-left: var(--g) !important;
    padding-right: var(--g) !important;
    margin: 0 0 10px 0 !important;
  }

  /* =======================
     C) RESET LISTI
     ======================= */
  #advanced_cms_wrapper_1 .adcms-product ul,
  #advanced_cms_wrapper_1 .adcms-product li{
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* Kartica */
  #advanced_cms_wrapper_1 .row-1 .col-xs-4 .adcms-product li.product-box{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* =======================
     D) SLIKE proizvoda
     ======================= */
  #advanced_cms_wrapper_1 .row-1 .col-xs-4 .adcms-product a.lnk_img.product-image{
    display: flex !important;
    width: 100% !important;
    height: 110px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #advanced_cms_wrapper_1 .row-1 .col-xs-4 .adcms-product a.lnk_img.product-image img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 !important;
  }

  /* =======================
     E) NAZIV (3 reda)
     ======================= */
  #advanced_cms_wrapper_1 .row-1 .col-xs-4 .adcms-product .product-name{
    margin: 4px 0 0 !important;
    padding: 0 !important;
  }

  #advanced_cms_wrapper_1 .row-1 .col-xs-4 .adcms-product .product-name a{
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;

    margin: 0 2px 0 !important;
    font-size: 12px !important;

    line-height: 17px !important;
    min-height: 55px !important;
    max-height: 55px !important;
    padding-bottom: 3px !important;

    box-sizing: border-box !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  /* =======================
     F) CIJENA
     ======================= */
  #advanced_cms_wrapper_1 .row-1 .col-xs-4 .adcms-product .content_price{
    margin: 0 !important;
    padding: 4px 0 0 !important;
    text-align: center !important;
    width: 100% !important;
  }

  #advanced_cms_wrapper_1 .row-1 .col-xs-4 .adcms-product .price.product-price{
    display: block !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #advanced_cms_wrapper_1 .adcms-product .old-price,
  #advanced_cms_wrapper_1 .adcms-product .price-percent-reduction{
    display: none !important;
  }

  /* =======================
     G) KATEGORIJE (3 banera) - TREĆI BLOK
     ======================= */
  #advanced_cms_wrapper_1 .row-1 .akt-kat-row,
  #advanced_cms_wrapper_1 .row-1 .akt-kat-wrap,
  #advanced_cms_wrapper_1 .row-1 .akt-kat-container{
    order: 3 !important;
    width: 100% !important;

    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3 kolone kat banera */
  #advanced_cms_wrapper_1 .row-1 .akt-kat-1,
  #advanced_cms_wrapper_1 .row-1 .akt-kat-2,
  #advanced_cms_wrapper_1 .row-1 .akt-kat-3{
    float: none !important;
    flex: 0 0 33.3333% !important;
    max-width: 33.3333% !important;
    width: 33.3333% !important;

    box-sizing: border-box !important;
    padding-left: var(--g) !important;
    padding-right: var(--g) !important;
    margin: 0 0 10px 0 !important;
    height: 100px !important;
  }

  #advanced_cms_wrapper_1 .row-1 .akt-kat-1 a,
  #advanced_cms_wrapper_1 .row-1 .akt-kat-2 a,
  #advanced_cms_wrapper_1 .row-1 .akt-kat-3 a{
    display: block !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  #advanced_cms_wrapper_1 .row-1 .akt-kat-1 img,
  #advanced_cms_wrapper_1 .row-1 .akt-kat-2 img,
  #advanced_cms_wrapper_1 .row-1 .akt-kat-3 img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 6px 50% !important; /* pomjeri “rez” 6px udesno */
    display: block !important;
    max-width: none !important;
  }

  /* =======================
     H) MALI BANER - ZADNJI BLOK
     ======================= */
  #advanced_cms_wrapper_1 .row-1 .akt-ban-mal{
    order: 4 !important;
    width: 100% !important;
    display: block !important;
    margin-top: 6px !important;
    padding: 6px  !important;
  }

  /* VRAĆANJE BANERA NA POČETAK */
  #advanced_cms_wrapper_1 .row-1 .art-ban-vel {
    order: 0 !important; /* ili 1, ovisno o željenom redoslijedu */
  }

}

/* =========================================================
   FIX: isti broj redova naziva + cijena uvijek na dnu
   (Advanced CMS wrapper #4)
   ========================================================= */

/* Kartica kao flex kolona */
#advanced_cms_wrapper_1 .adcms-product li.product-box{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  height: 100% !important;
}

/* Slika neka ostane gore */
#advanced_cms_wrapper_1 .adcms-product a.lnk_img.product-image{
  flex: 0 0 auto !important;
}

/* NAZIV: zaključaš na 2 reda (promijeni 2 -> 3 ako želiš) */
#advanced_cms_wrapper_1 .adcms-product .product-name a{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;   /* 2 reda */
  overflow: hidden !important;

  line-height: 18px !important;
  min-height: calc(18px * 2) !important; /* ista visina svima */
  max-height: calc(18px * 2) !important;

  text-align: center !important;
}

/* CIJENA: uvijek na dnu kartice */
#advanced_cms_wrapper_1 .adcms-product .content_price{
  margin-top: auto !important; /* ključ */
  width: 100% !important;
  text-align: center !important;
  padding-top: 8px !important;
}

}