/* Kafelki produktów w artykule – reguły wyciągnięte ze style.css sklepu mebline.pl (lista kategorii),
   ograniczone do .vmproducts i wzmocnione, żeby nadpisać style treści artykułu w szablonie bloga. */

.vmproducts {font-family:'Exo 2',sans-serif;color:rgba(0,0,0,.8);margin-top:1.5rem;text-align:left}
.vmproducts .product a, .vmproducts .product a:hover, .vmproducts .product a:focus {color:rgba(0,0,0,.8) !important;text-decoration:none !important;outline:0;box-shadow:none}

/* Zdjęcie – bez ramek/zaokrągleń z szablonu bloga */
.vmproducts .product-categoru-img {text-align:center}
.vmproducts .product-categoru-img img {object-fit:scale-down;width:auto;max-width:100%;margin:0 auto !important;padding:0 !important;display:block;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:none !important}
@media (min-width:1200px) {.vmproducts .product-categoru-img img {height:234px}}
@media (min-width:992px) and (max-width:1199px) {.vmproducts .product-categoru-img img {height:220px}}
@media (min-width:768px) and (max-width:991px) {.vmproducts .product-categoru-img img {height:330px}}
@media (max-width:767px) {.vmproducts .product-categoru-img img {height:160px}}

/* Plakietka rabatu */
.vmproducts .discountpercent {position:absolute;right:7px;top:7px;z-index:1}
.vmproducts .discountpercent.badge {padding:.3em .5em;font-size:.8rem;font-weight:600}

/* Nazwa – nadpisuje h2 z artykułu bloga */
.vmproducts .product .product-title {margin-top:1rem}
.vmproducts .product .product-title h2 {font-size:14px !important;line-height:1.3 !important;margin:0 !important;padding:0 !important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;font-weight:400 !important;height:36px;border:none !important;text-align:left !important;text-transform:none !important;letter-spacing:0 !important}
.vmproducts .product .product-title h2 a {color:rgba(0,0,0,.8) !important;font-size:14px !important;font-weight:400 !important}

/* Ceny */
.vmproducts .product .product-price {font-weight:600;font-size:1rem;margin-top:.75rem}
.vmproducts .product .PricebasePriceWithTax, .vmproducts .product .PricesalesPrice {display:inline-block}
.vmproducts .product .product-discount {color:#e31519 !important;display:inline-block}
.vmproducts .product .product-discount .PricesalesPrice {color:#e31519 !important}
.vmproducts .product span.PricebasePriceWithTax {position:relative;margin-right:6px}
.vmproducts .product span.PricebasePriceWithTax:before {border-bottom:2px solid #e31519;position:absolute;content:"";-ms-transform:rotate(-12deg);-webkit-transform:rotate(-12deg);transform:rotate(-12deg);top:50%;left:0;width:100%}

/* Mobile – jak w sklepie: linia pod kafelkiem, bez kreski w ostatnim rzędzie (2 w rzędzie poniżej 992px) */
@media (max-width:991.98px) {
.vmproducts .product-container {border-bottom:2px solid #eee;padding-bottom:1.5rem}
.vmproducts > .product:last-child .product-container,
.vmproducts > .product:nth-last-child(2):nth-child(odd) .product-container {border-bottom:0;padding-bottom:0}
}

/* {vmimg} – zdjęcie produktu w tekście */
.vmimg {margin:1.5rem 0;text-align:center}
.vmimg img {max-width:100%;height:auto}
.vmimg-caption {font-size:.9rem;color:rgba(0,0,0,.6);margin-top:.5rem}
.vmimg-caption a {color:rgba(0,0,0,.8)}
.vmimg-price {font-weight:600}

/* Nadpisanie reguły szablonu bloga dla podpisów pod zdjęciami:
   .item-page div:not(.category-name, .caption) > a:only-child {position:relative;top:-40px;...}
   – nie może dotyczyć linków w kafelkach i w {vmimg} */
.item-page .vmproducts .product-categoru-img > a:only-child,
.item-page .vmproducts .product-container > a:only-child,
.item-page .vmproducts div > a:only-child,
.item-page .vmimg > a:only-child,
.item-page .vmimg div > a:only-child {position:static !important;top:auto !important;text-align:inherit;font-style:normal !important;display:block;width:auto}