/*
*Theme Name : ThemeName
*Description : ThemeName Theme
*Version : 1.0
*/

/* =========================================================
   RELATED PRODUCTS — CARD GRID FIX
   Resets WooCommerce's default float/width layout so our
   grid actually takes effect, then styles the cards.
   ========================================================= */

.related.products{
  margin-top:50px;
  padding-top:40px;
  border-top:1px solid var(--cream-2,#eee);
}
.related.products h2{
  font-size:22px;
  color:var(--maroon-deep,#40151d);
  margin:0 0 24px;
  font-weight:700;
}

/* Kill WooCommerce's default float/width/columns layout completely */
.related.products ul.products{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:24px !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
}

/* Kill the theme's old clearfix pseudo-elements — with display:grid these
   ::before/::after boxes get treated as real grid items and eat a column,
   which is why one card was dropping to a new row. */
.related.products ul.products::before,
.related.products ul.products::after{
  content:none !important;
  display:none !important;
}
@media (max-width:1024px){ .related.products ul.products{ grid-template-columns:repeat(3,1fr) !important; } }
@media (max-width:768px){ .related.products ul.products{ grid-template-columns:repeat(2,1fr) !important; }
.product-section {
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 34px 11px 20px !important;
}}

.related.products ul.products li.product{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  clear:none !important;
  position:relative;
  display:flex !important;
  flex-direction:column;
  background:var(--white,#fff);
  border:1px solid var(--cream-2,#eee);
  border-radius:14px;
  overflow:hidden;
  padding:0 !important;
  text-align:left !important;
  list-style:none;
  transition:transform .2s ease, box-shadow .2s ease;
}
.related.products ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 28px rgba(0,0,0,.10);
}

.related.products ul.products li.product > a.woocommerce-LoopProduct-link{
  display:block;
  text-decoration:none;
  position:relative;
}
.related.products ul.products li.product img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
  margin:0 !important;
}
.related.products ul.products li.product .onsale{

  background:var(--marigold,#e0a233);
  color:#fff;
  font-size:11px;
  font-weight:700;
  padding:4px 10px;
  border-radius:999px;
  margin:0;
}
.related.products ul.products li.product .woocommerce-loop-product__title{
  font-size:14.5px;
  font-weight:700;
  color:var(--maroon-deep,#40151d);
  margin:14px 16px 4px !important;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.related.products ul.products li.product > a > .price{
  display:block;
  margin:0 16px 14px !important;
  font-size:14px;
}
.related.products ul.products li.product .price del{
  color:#a89586;
  font-size:12.5px;
  margin-right:6px;
}
.related.products ul.products li.product .price ins{
  text-decoration:none;
  color:var(--marigold-deep,#c0392b);
  font-weight:700;
}

.related.products ul.products li.product > a.add_to_cart_button,
.related.products ul.products li.product > a.button{
  display:block !important;
  margin:0 16px 16px !important;
  padding:11px 0 !important;
  text-align:center !important;
  background:var(--maroon-deep,#40151d);
  color:#fff !important;
  border-radius:8px;
  font-size:13.5px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
  transition:background .2s ease;
}
.related.products ul.products li.product > a.add_to_cart_button:hover,
.related.products ul.products li.product > a.button:hover{
  background:var(--marigold,#e0a233);
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #18235c !important;
    font-size: 1.25em;
}
nav.woocommerce-breadcrumb {
    display: none;
}