/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 16 2025 | 15:31:06 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

h1, h2, h3, h4, h5, h6 {
    font-family: "Optima", Cabin, sans-serif !important;
}

form.cart {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; /* optional spacing */
}



.accordion-toggle {
    display: block;
    width: 100%;
    background: none;
    border: none;
    font-size: 0.8rem;
    font-weight: 300;
    text-align: left;
    cursor: pointer;
    padding: 0.5rem 0;
    text-transform: none;
}

.accordion-toggle::after {
  content: "▼";
  float: right;
  transition: transform 0.2s ease;
}

.accordion-toggle[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

.product_meta {
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

.home-products .box-image {
	border: 1px solid #666666;
}

.home-products .amount {
	color: #c69c6d;
	font-size: 130%;
	font-weight: 400;
}

.home-products .name {
	font-size: 120%;
}