/* Purpilo Homepage: consistent four-product merchandising grids. */
.home-products-section .purpilo-home-four-grid,
.home-age-section .purpilo-home-four-grid,
.home-brands-section .purpilo-home-four-grid,
.home-outdoor-section .purpilo-home-four-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: clamp(12px,1.7vw,24px);
  margin-top: 24px;
}
.purpilo-home-four-grid .purpilo-home-product-card {min-width:0;height:100%;border-radius:18px;transform:none;}
.purpilo-home-four-grid .product-content h3{font-size:1rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;}
.purpilo-home-four-grid .product-img{height:190px;min-height:190px;padding:14px;}
.purpilo-home-four-grid .product-img img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;}
.purpilo-home-four-grid .product-content{padding:16px;}
.purpilo-home-four-grid .product-price{margin-top:auto;padding-top:12px;}
.purpilo-home-four-grid .product-price del{font-size:.75rem;color:#767184;margin-left:6px;}
.purpilo-home-four-grid .product-btn{width:100%;margin-top:12px;}
.purpilo-home-age{display:inline-flex;width:fit-content;padding:4px 10px;font-size:.75rem;border-radius:999px;background:#f0ebfb;color:#564593;}
.purpilo-home-showcase-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:35px;}
.purpilo-home-showcase-header h3{font-size:clamp(1.15rem,2vw,1.5rem);margin:0;color:#564593;}
.purpilo-home-showcase-header span{font-size:.875rem;color:#756c86;}
.purpilo-home-loading,.purpilo-home-empty{grid-column:1/-1;padding:28px 16px;text-align:center;color:#564593;background:#fff;border:1px solid #e8e3f0;border-radius:16px;}
.purpilo-home-empty a,.purpilo-home-empty button{color:#564593;font-weight:700;text-decoration:underline;background:none;border:0;cursor:pointer;}
.age-tab[role="button"],.age-card[role="button"]{cursor:pointer;}
.age-tab[role="button"]:focus-visible,.age-card[role="button"]:focus-visible{outline:3px solid #564593;outline-offset:4px;}
.home-age-section .age-card.active{outline:2px solid #564593;outline-offset:3px;}
@media(max-width:1050px){.home-products-section .purpilo-home-four-grid,.home-age-section .purpilo-home-four-grid,.home-brands-section .purpilo-home-four-grid,.home-outdoor-section .purpilo-home-four-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.purpilo-home-four-grid .product-img{height:146px;min-height:146px;}.purpilo-home-four-grid .product-content{padding:11px;}.purpilo-home-four-grid .product-content h3{font-size:.88rem;}.purpilo-home-four-grid .product-btn{font-size:.78rem;padding:9px 6px;}.purpilo-home-showcase-header span{display:none;}}

/* HOMEPAGE PRODUCT PHOTO FIX (15 October 2026)
   The previous 100%-sizing rule increased the HTML image BOX but not the
   visible product because many supplier photographs include internal white margins.
   Increase actual photo FRAME height for the 4-product showcases so the merchandise is rendered larger WITHOUT zooming or cropping.
   Do NOT change outdoor category tiles / illustrations or the MySQL product loader.
*/
.page-home .purpilo-home-four-grid .purpilo-home-product-card .product-img {
  position: relative !important;
  box-sizing: border-box !important;
  height: 300px !important;
  min-height: 300px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.page-home .purpilo-home-four-grid .purpilo-home-product-card .product-img > a {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.page-home .purpilo-home-four-grid .purpilo-home-product-card .product-img img {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: scale(1.09) !important;
  transform-origin: center !important;
  transition: transform .2s ease !important;
}
.page-home .purpilo-home-four-grid .purpilo-home-product-card:hover .product-img img {
  transform: scale(1.12) !important;
}
@media (max-width: 520px) {
  .page-home .purpilo-home-four-grid .purpilo-home-product-card .product-img {
    height: 195px !important;
    min-height: 195px !important;
  }
  .page-home .purpilo-home-four-grid .purpilo-home-product-card .product-img > a {padding: 0 !important;}
  .page-home .purpilo-home-four-grid .purpilo-home-product-card .product-img img {transform: scale(1.06) !important;}
  .page-home .purpilo-home-four-grid .purpilo-home-product-card:hover .product-img img {transform: scale(1.08) !important;}
}
@media (prefers-reduced-motion: reduce) {
  .page-home .purpilo-home-four-grid .purpilo-home-product-card .product-img img {transition: none !important;}
}


/* HOMEPAGE PRODUCT PHOTO STRETCH MORE FIX (15 October 2026, evening)
   Slightly increases the visible scale of homepage product photos so they occupy more
   of the image placeholder, while keeping object-fit: contain and avoiding heavy cropping. */