/* ============================================================
   Zibayar shop infusion — front-end fixes
   (theme stays untouched; these rules layer on top)
   ============================================================ */

/* --- Fix Bootstrap .container clearfix breaking display:grid ---
   .container adds ::before/::after (clearfix) which become phantom
   grid items on grid containers, leaving the first cell empty. */
.categories::before, .categories::after,
.testimonials::before, .testimonials::after,
.services::before, .services::after,
.brands::before, .brands::after,
.magazine::before, .magazine::after {
    display: none !important;
    content: none !important;
}

/* --- Product card image: full, square, no zoom/crop --- */
.product__media {
    height: auto !important;
    aspect-ratio: 1 / 1;
}
.product__media img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center;
    transform: none !important;
    padding: 16px;
}

/* --- Product detail image: full, no crop --- */
.product-detail__media img {
    object-fit: contain !important;
    transform: none !important;
    max-width: 100%;
}