/*
Theme Name: TT25
Template: twentytwentyfive
*/
/*
body {
    background-color: rgb(13, 241, 47);
}
*/

div.star-container {
  margin-left: 15px;
  font-size: 24px;
  color: #ff6600;
}

.wc-block-components-product-image {
    /* transition: transform 0.3s ease; */
    transition: transform 0.3s cubic-bezier(0.4,0,0.2,1), box-shadow 0.3s;
  will-change: transform;
  filter: grayscale(100%);
  transition: filter 0.3s, transform 0.3s;
}

.wc-block-components-product-image:hover {
    /* transform: scale(1.05) rotate(0.5deg);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); */
    transform: scale(1.07);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  z-index: 2;
  filter: grayscale(0%);
  transform: scale(1.07);
}


/* CSS for an Awesome Gradient Text Headline */
.wp-block-heading {
    font-size: 3rem; /* Adjust size as needed */
    font-weight: bold;
    text-transform: uppercase; /* Makes the text uppercase for impact */
    text-align: center; /* Centers the headline */
    background: linear-gradient(90deg, #ff6600, #ff9900, #ffcc00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block; /* Ensures proper clipping */
    margin: 20px auto; /* Adds spacing around the headline */
  }