:root {
  --cassiopeia-color-primary: #0059B8;
  --cassiopeia-color-link: #30638d;
  --link-color: #30638d;
  --link-color-rgb: 48, 99, 141;
  --cassiopeia-color-hover: #0059B8;
  --link-hover-color: #0059B8;
  --link-hover-color-rgb: 149, 75, 86;
}
.default_cart_module_text{
  color: #ffFFFF;
}

h1, .h1{
  color: #ff6600;
}




/* Move back to top button from right to left */

.back-to-top-link {
  z-index: 10000;
  color: var(--cassiopeia-color-primary, #112855);
  pointer-events: all;
  background-color: var(--white, #fff);
  border: 1px solid var(--cassiopeia-color-primary, #112855);
  opacity: 0;
  inset-inline-end: 1rem;
  border-radius: .25rem;
  padding: .5em;
  transition: opacity .2s ease-in;
  position: fixed;
  right: 200px; /* Adjust this value to your preference */
}

.back-to-top-link.visible {
  opacity: 1;
}

.back-to-top-link:hover, .back-to-top-link:focus {
  color: var(--white, #fff);
  background-color: var(--cassiopeia-color-hover);
  border-color: var(--white, #fff);
}




 

 

/* Bulletproof Ice Pop Grid Styling */
.ice-pop-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important; /* Always 4 across on desktop */
  gap: 20px !important;
  text-align: center !important;
}

@media (max-width: 1024px) {
  .ice-pop-grid {
    grid-template-columns: repeat(2, 1fr) !important; /* 2 across on tablets */
  }
}

@media (max-width: 600px) {
  .ice-pop-grid {
    grid-template-columns: 1fr !important; /* 1 across on phones */
  }
}

.ice-pop-grid .product {
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  padding: 10px !important;
  background: #fff !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

.ice-pop-grid .product img {
  height: 125px !important;
  width: auto !important;
  display: block !important;
  margin: 0 auto 10px auto !important;
}

.ice-pop-grid .product-title {
  font-weight: bold !important;
  font-size: 1.1rem !important;
  margin-bottom: 5px !important;
}

.ice-pop-grid .product-title a {
  text-decoration: none !important;
  color: inherit !important;
}

.ice-pop-grid .product-title a:hover {
  color: #e67e22 !important;
}

.ice-pop-grid .add-to-cart {
  margin-top: 10px !important;
}
