/* =========================================
   STARTPAGE TOP PRODUCTS – MOBILE 2 COL GRID
   ========================================= */

@media (max-width: 767px) {

  /* Grid wrapper */
  #startpage_top_products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-left: 0;
    margin-right: 0;
  }

  /* Hide row clearfix pseudo-elements in grid */
  #startpage_top_products::before,
  #startpage_top_products::after {
    display: none;
  }

  /* Ignore bootstrap columns */
  #startpage_top_products > div[class*="col-"] {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }

  /* Product card reset */
  #startpage_top_products .products_item {
    max-width: none;
    height: auto;
    position: relative;
  }

  /* Image */
  #startpage_top_products .products_item_image {
    max-width: none;
    margin-bottom: 8px;
  }

  #startpage_top_products .products_item_image img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* Content */
  #startpage_top_products .products_item_content {
    height: auto;
    padding: 0;
    border: 0;
  }

  /* Title clamp */
  #startpage_top_products .products_item_title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.6em;
  }

  /* Footer – no absolute positioning */
  #startpage_top_products .products_item_footer {
    position: static;
    padding: 0;
    margin-top: 8px;
  }

  /* Hide spinner and premium buttons on startpage mobile */
  #startpage_top_products .products_item_counter,
  #startpage_top_products .spinner,
  #startpage_top_products .product-type {
    display: none !important;
  }

  /* Full width button when spinner hidden */
  #startpage_top_products .products_item_btn {
    width: 100%;
    float: none;
  }

  /* Reduce gap between reviews and about-text on mobile */
  .reviews-slider {
    margin-bottom: 20px;
  }
  
  .about-text {
    margin-top: 25px;
  }

}

/* =========================================
   LOGO SIZE ADJUSTMENT
   ========================================= */

.logo img {
  max-width: 200px;
  height: auto;
}

.header-container.min .logo img {
  max-width: 180px;
  height: auto;
}