/* =========================
   STICKY MOBILE NAV
========================= */

.tr-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 64px;
  background: #fff;
  border-top: 1px solid #eee;
  display: none;
  justify-content: space-around;
  align-items: center;
  z-index: 9999;
}

.tr-bottom-nav a {
  flex: 1;
  text-align: center;
  text-decoration: none;
  color: #333;
  font-size: 12px;
  position: relative;
}

.tr-bottom-nav span {
  display: block;
  font-size: 20px;
  line-height: 1;
}

/* Cart badge */

.tr-cart-count {
  position: absolute;
  top: 2px;
  right: 28%;
  background: #ff3b30;
  color: #fff;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 999px;
}

/* Show only on mobile */

@media (max-width: 768px) {

  .tr-bottom-nav {
    display: flex;
  }

  body {
    padding-bottom: 70px; /* prevent content hidden */
  }

}
@media (max-width: 768px) {

  .products {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .product img {
    height: 180px;
  }

}
@media (max-width: 768px) {

  .tr-card-image img {
    height: 180px;
  }

  .tr-card-title {
    font-size: 14px;
  }

}
@media (max-width: 768px) {

  .tr-card-image img {
    height: 190px;
  }

  .tr-card-title {
    font-size: 14px;
  }

}
@media (max-width: 768px) {

  .tr-product-wrap {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .tr-product-title {
    font-size: 22px;
  }

  .tr-product-price {
    font-size: 22px;
  }

}
@media (max-width: 768px) {

  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

}
/* ===== MOBILE BOTTOM NAV ===== */

.tr-bottom-nav{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:60px;
  background:#0b0f14;
  display:flex;
  justify-content:space-around;
  align-items:center;
  border-top:1px solid #1f2937;
  z-index:9999;
}

.tr-bottom-nav a{
  color:#cfd6df;
  text-decoration:none;
  font-size:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
}

.tr-bottom-nav span{
  font-size:20px;
}

.tr-bottom-nav small{
  margin-top:2px;
}

/* Cart badge */

.tr-cart-count{
  position:absolute;
  top:-4px;
  right:-8px;
  background:#ff3b30;
  color:#fff;
  font-size:11px;
  padding:2px 5px;
  border-radius:10px;
}

/* Hide on desktop */

@media(min-width:768px){
  .tr-bottom-nav{
    display:none;
  }
}

/* Prevent footer overlap */

@media(max-width:767px){
  body{
    padding-bottom:70px;
  }
}
/* ===============================
   REMOVE EXTRA WHITE SPACE
   =============================== */

/* Remove page side padding on mobile */
.tr-home,
.tr-container {
  padding-left: 12px;
  padding-right: 12px;
}

/* Remove top gap below header */
.tr-home {
  margin-top: 0;
}

/* Category section spacing */
.tr-categories {
  margin: 8px 0 0;
  padding: 0;
}

/* Grid spacing */
.tr-categories-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin: 0;
  padding: 0;
}

/* Category card */
.tr-category-card {
  padding: 16px 10px;
  border-radius: 12px;
  background: #f1f2f4;
  text-align: center;
  margin: 0;
}
.tr-category-card {
  padding: 12px 6px;
  font-size: 14px;
}