.cart-icon {
    position: relative;
    text-decoration: none;
    color: black;
    font-size: 24px;
}

.cart-count {
    position: absolute;
    top: -8px;
    right: -10px;
    background: red;
    color: white;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 50%;
}	
/* Cart form styling */
#add-to-cart {
    margin-top: 20px;
    max-width: 300px; /* keeps it neat on desktop */
}

#add-to-cart label {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 1.1em;
}

#add-to-cart input[type="number"] {
    display: block;
    width: 100%;
    padding: 12px 14px;
    font-size: 1.2em;
    border: 2px solid #ccc;
    border-radius: 6px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

#add-to-cart button {
    display: block;
    width: 100%;
    padding: 14px;
    font-size: 1.1em;
    font-weight: bold;
    border: none;
    border-radius: 6px;
    background: rgba(121, 166, 17, 1);
    color: white;
    cursor: pointer;
    transition: background 0.2s ease;
}

#add-to-cart button:hover {
    background: rgba(121, 166, 17, 0.8);
}
p#product-description{
	font-family: "Oswald", sans-serif;
	font-size: 1.4rem;
}
#hero-store  .product-container .sticker-bg-container h2.text-left{
	color: #FFF!important;
	margin-bottom:1rem;
}
#hero-store  .product-container .sticker-bg-container h4.text-left{
	color: #79a611!important;
	font-size: 1.4rem;
}
#hero-store  .product-container .sticker-bg-container {
	padding: 7rem 6rem;
}
p#currently-in-cart{
	font-family: "Oswald", sans-serif;
	font-size: 1.2rem;
	color: #79a611!important;
	margin-top:1rem;
	margin-bottom:1rem;
}
@media (max-width: 990px) {
	.cart-icon i{
		font-size:20px!important;
	}
	.cart-count {
		position:relative;
	}
}
@media (max-width: 768px) {
  #hero-store.product-details,
  #hero-store {
    background-size: 75%; /* make it smaller on tablet */
  }
  #hero-store.product-details {
  background-position: top right;
  background-image: url("/mainpics/store-bg.webp");	  
  }
}

@media (max-width: 480px) {
  #hero-store.product-details,
  #hero-store {
    background-size: 70%; /* or even hide it */
  }
	#hero-store .product-container .sticker-bg-container {
	  padding: 7rem 4rem;
	}
}
@media (max-width: 400px) {
  #hero-store {
    background-size: 60%; /* or even hide it */
  }
	#hero-store .product-container .sticker-bg-container {
	  padding: 7rem 3rem;
	}
}