.elementor-704 .elementor-element.elementor-element-b0f8537{--display:flex;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-704 .elementor-element.elementor-element-4cf9b9f{--display:flex;}.elementor-704 .elementor-element.elementor-element-4cf9b9f:not(.elementor-motion-effects-element-type-background), .elementor-704 .elementor-element.elementor-element-4cf9b9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF6ED;}.elementor-704 .elementor-element.elementor-element-eea509b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-704 .elementor-element.elementor-element-eea509b.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-704 .elementor-element.elementor-element-eea509b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-704 .elementor-element.elementor-element-4cf9b9f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-704 .elementor-element.elementor-element-eea509b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-4cf9b9f *//* --- PRODUCT CARD CONTAINER --- */
/* Sets the card background to Linen and adds a Sage border */
.elementor-704 .elementor-element.elementor-element-4cf9b9f ul.products li.product {
    background-color: #F6F5EF !important; /* Linen */
    border: 1px solid #D6D6BF !important; /* Sage */
    padding: 20px !important;
    text-align: center;
    transition: all 0.4s ease; /* Smooth animation */
    border-radius: 4px; /* Slight rounding */
}

/* --- HOVER EFFECTS --- */
/* Lifts the card and adds a shadow when you mouse over */
.elementor-704 .elementor-element.elementor-element-4cf9b9f ul.products li.product:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(79, 72, 63, 0.15); /* Latte shadow */
    border-color: #7E8961 !important; /* Changes border to Forest Green */
}

/* --- PRODUCT TITLE --- */
/* Uses Playfair Display in Latte color */
.elementor-704 .elementor-element.elementor-element-4cf9b9f ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Playfair Display', serif !important;
    color: #4F483F !important; /* Latte */
    font-size: 18px !important;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
    line-height: 1.2;
}

/* --- PRICE --- */
/* Uses Anonymous Pro in Forest Green */
.elementor-704 .elementor-element.elementor-element-4cf9b9f ul.products li.product .price {
    font-family: 'Anonymous Pro', monospace !important;
    color: #7E8961 !important; /* Forest Green */
    font-size: 16px !important;
    font-weight: normal;
    display: block;
    margin-bottom: 15px;
}

/* --- ADD TO CART BUTTON (Justified) --- */
/* Makes the button full width and Forest Green */
.elementor-704 .elementor-element.elementor-element-4cf9b9f ul.products li.product .button {
    display: block !important;
    width: 100% !important; /* Forces justification */
    background-color: #7E8961 !important; /* Forest Green */
    color: #FFF6ED !important; /* Nude text */
    font-family: 'Anonymous Pro', monospace !important;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 12px 0;
    border-radius: 0px; /* Modern square look */
    margin-top: auto; /* Pushes button to bottom if heights vary */
    transition: background-color 0.3s ease;
}

/* --- BUTTON HOVER --- */
/* Changes button to Latte on hover */
.elementor-704 .elementor-element.elementor-element-4cf9b9f ul.products li.product .button:hover {
    background-color: #4F483F !important; /* Latte */
    color: #FFFFFF !important;
    transform: none !important; /* Stops button from jumping */
}

/* --- FIX IMAGE SPACING --- */
.elementor-704 .elementor-element.elementor-element-4cf9b9f ul.products li.product a img {
    margin-bottom: 10px !important;
}

/* --- RESULTS COUNT & SORTING DROPDOWN --- */
/* "Showing 1-10 of 39 results" text */
.elementor-704 .elementor-element.elementor-element-4cf9b9f .woocommerce-result-count {
    font-family: 'Anonymous Pro', monospace !important;
    color: #4F483F !important; /* Latte */
    font-size: 14px;
    margin-top: 10px;
}

/* The Dropdown Box itself */
.elementor-704 .elementor-element.elementor-element-4cf9b9f .woocommerce-ordering select {
    background-color: #F6F5EF !important; /* Linen */
    border: 1px solid #D6D6BF !important; /* Sage */
    color: #4F483F !important; /* Latte */
    font-family: 'Anonymous Pro', monospace !important;
    padding: 10px 15px;
    border-radius: 0px; /* Sharp corners for modern look */
    outline: none;
    cursor: pointer;
}

/* --- PAGINATION (The 1 2 3 4 buttons) --- */
/* The container for the numbers */
.elementor-704 .elementor-element.elementor-element-4cf9b9f nav.woocommerce-pagination ul {
    border: none !important;
    display: flex;
    justify-content: center;
    gap: 5px; /* Space between buttons */
}

/* The individual number buttons */
.elementor-704 .elementor-element.elementor-element-4cf9b9f nav.woocommerce-pagination ul li a, 
.elementor-704 .elementor-element.elementor-element-4cf9b9f nav.woocommerce-pagination ul li span {
    background-color: #F6F5EF !important; /* Linen */
    color: #4F483F !important; /* Latte text */
    font-family: 'Anonymous Pro', monospace !important;
    border: 1px solid #D6D6BF !important; /* Sage border */
    border-radius: 0px !important; /* Sharp corners */
    padding: 10px 16px !important;
    font-size: 16px !important;
    font-weight: normal !important;
    transition: all 0.3s ease;
}

/* --- PAGINATION HOVER & ACTIVE STATE --- */
/* When you hover OR the current page you are on */
.elementor-704 .elementor-element.elementor-element-4cf9b9f nav.woocommerce-pagination ul li a:hover,
.elementor-704 .elementor-element.elementor-element-4cf9b9f nav.woocommerce-pagination ul li span.current {
    background-color: #7E8961 !important; /* Forest Green */
    color: #FFF6ED !important; /* Nude text */
    border-color: #7E8961 !important;
}

/* --- ARROW BUTTON (->) --- */
.elementor-704 .elementor-element.elementor-element-4cf9b9f nav.woocommerce-pagination ul li a.next, 
.elementor-704 .elementor-element.elementor-element-4cf9b9f nav.woocommerce-pagination ul li a.prev {
    font-family: 'Courier New', monospace !important; /* Keeps arrow looking classic */
    font-weight: bold;
}/* End custom CSS */