/* BlixSam - Smaller product titles on mobile only */

@media (max-width: 767px) {

    .woocommerce ul.products li.product .woocommerce-loop-product__title,

    .wc-block-grid__product-title,

    .wc-block-components-product-name {

        font-size: 17px !important;

        line-height: 1.25 !important;

    }

}
/* BlixSam - Limit product titles to 3 lines on mobile */

@media (max-width: 767px) {

    .woocommerce ul.products li.product .woocommerce-loop-product__title,

    .wc-block-grid__product-title,

    .wc-block-components-product-name {

        display: -webkit-box !important;

        -webkit-box-orient: vertical !important;

        -webkit-line-clamp: 3 !important;

        overflow: hidden !important;

    }

}
/* Hide page title on Customer Reviews only */

.page-id-12718 .wp-block-post-title,

.page-id-12718 .entry-title {

    display: none !important;

}
/* BlixSam - Reduce large gap below header on all pages */

.wp-site-blocks > main {

    margin-top: 0 !important;

    padding-top: 0 !important;

}
@media (max-width: 781px) {
  .wp-block-columns.is-not-stacked-on-mobile {
    flex-wrap: nowrap !important;
  }

  .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
    flex-basis: 0 !important;
    flex-grow: 1 !important;
    min-width: 0 !important;
  }
}
body {

    background: #FCF8EE; url('https://blixsam.co.za/wp-content/uploads/2026/10/Little-Sam-Multiple-150x300-2.jpg');

    background-repeat: repeat;

    background-position: top center;

    background-size: auto;

    background-attachment: scroll;

}

body {

    background: #FCF8EE; url('https://blixsam.co.za/wp-content/uploads/2026/10/Little-Sam-Multiple-150x300-2.jpg');

    background-repeat: repeat;

    background-position: top center;

    background-size: auto;

    background-attachment: scroll;

}
/* BlixSam Mini-Cart Badge Visibility */

.wc-block-mini-cart__badge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #000000 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    min-width: 18px !important;
    min-height: 18px !important;
    border-radius: 50% !important;
    z-index: 10 !important;
}
/* Hide page titles on WordPress pages */

body.page .wp-block-post-title,

body.page .entry-title,

body.page .page-title {

    display: none !important;

}
/* Hide page titles only */

body.page .wp-block-post-title,

body.page .entry-header > .entry-title {

    display: none !important;

}
/* BlixSam product titles in WooCommerce product grids */

.wc-block-product-template .wp-block-post-title,

.wc-block-grid__products .wc-block-grid__product-title,

.woocommerce ul.products .woocommerce-loop-product__title {

  font-size: clamp(16px, 4.4vw, 20px) !important;

  line-height: 1.3;

  font-weight: 600;

}

.wc-block-product-template .wp-block-post-title a,

.wc-block-grid__products .wc-block-grid__product-title a,

.woocommerce ul.products .woocommerce-loop-product__title a {

  font-size: inherit !important;

  line-height: inherit;

  font-weight: inherit;

}
/* BlixSam WooCommerce product-grid titles */

.wc-block-product-template .wp-block-post-title,

.wc-block-grid__products .wc-block-grid__product-title,

.woocommerce ul.products .woocommerce-loop-product__title {

  font-size: clamp(16px, 4.4vw, 20px) !important;

  line-height: 1.3;

  font-weight: 600;

}

.wc-block-product-template .wp-block-post-title a,

.wc-block-grid__products .wc-block-grid__product-title a,

.woocommerce ul.products .woocommerce-loop-product__title a {

  font-size: inherit !important;

  line-height: inherit;

  font-weight: inherit;

}

/* Align prices and basket buttons in WooCommerce Product Collection grids */

.wc-block-product-template > li.wc-block-product {

  display: flex;

  flex-direction: column;

  align-self: stretch;

}

.wc-block-product-template > li.wc-block-product > .wp-block-woocommerce-product-price {

  margin-block-start: auto !important;

  padding-block-start: 10px;

}