.elementor-284 .elementor-element.elementor-element-943cf36{--display:flex;--min-height:60vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-284 .elementor-element.elementor-element-943cf36:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-943cf36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://soldbyraffi.com/a/wp-content/uploads/2026/06/squash_product-page-edited-1.webp");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-284 .elementor-element.elementor-element-943cf36::before, .elementor-284 .elementor-element.elementor-element-943cf36 > .elementor-background-video-container::before, .elementor-284 .elementor-element.elementor-element-943cf36 > .e-con-inner > .elementor-background-video-container::before, .elementor-284 .elementor-element.elementor-element-943cf36 > .elementor-background-slideshow::before, .elementor-284 .elementor-element.elementor-element-943cf36 > .e-con-inner > .elementor-background-slideshow::before, .elementor-284 .elementor-element.elementor-element-943cf36 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-284 .elementor-element.elementor-element-eee32d2{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-284 .elementor-element.elementor-element-9c3dd13{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-284 .elementor-element.elementor-element-9c3dd13 p{margin-block-end:0px;}.elementor-284 .elementor-element.elementor-element-671f65e{width:var( --container-widget-width, 56% );max-width:56%;--container-widget-width:56%;--container-widget-flex-grow:0;}.elementor-284 .elementor-element.elementor-element-671f65e.elementor-element{--align-self:flex-start;}.elementor-284 .elementor-element.elementor-element-671f65e .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:50px;font-weight:600;line-height:1.2em;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-284 .elementor-element.elementor-element-edba20a{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;font-family:"Plus Jakarta Sans", Sans-serif;font-weight:500;color:var( --e-global-color-4f4c6d3 );}.elementor-284 .elementor-element.elementor-element-edba20a.elementor-element{--align-self:flex-start;}.elementor-284 .elementor-element.elementor-element-edba20a p{margin-block-end:0px;}.elementor-284 .elementor-element.elementor-element-b793241{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-284 .elementor-element.elementor-element-d36613f{--display:flex;}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px;padding:20px 20px 50px 20px;}.elementor-284 .elementor-element.elementor-element-6947011{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products  ul.products{grid-column-gap:30px;grid-row-gap:30px;}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-secondary );margin-bottom:15px;}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-secondary );margin-bottom:15px;}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products ul.products li.product .star-rating{color:#FCCC42;font-size:0.7em;margin-bottom:15px;}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products ul.products li.product .star-rating::before{color:#252932;}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-text );}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-text );}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-accent );background-color:var( --e-global-color-text );border-color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:5px 18px 5px 18px;margin-top:20px;}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products ul.products li.product .button:hover{color:var( --e-global-color-accent );background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products .added_to_cart{color:var( --e-global-color-secondary );}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products ul.products li.product:hover{border-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products ul.products li.product span.onsale{display:block;color:var( --e-global-color-accent );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;border-radius:0px;min-width:59px;min-height:34px;line-height:34px;right:auto;left:0;margin:-20px;}@media(min-width:768px){.elementor-284 .elementor-element.elementor-element-b793241{--content-width:1200px;}}@media(max-width:1024px){.elementor-284 .elementor-element.elementor-element-eee32d2{--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-284 .elementor-element.elementor-element-671f65e.elementor-element{--align-self:center;}.elementor-284 .elementor-element.elementor-element-671f65e{text-align:center;}.elementor-284 .elementor-element.elementor-element-edba20a.elementor-element{--align-self:center;}.elementor-284 .elementor-element.elementor-element-edba20a{text-align:center;}.elementor-284 .elementor-element.elementor-element-b793241{--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-284 .elementor-element.elementor-element-943cf36{--min-height:40vh;--overlay-opacity:0.47;}.elementor-284 .elementor-element.elementor-element-943cf36:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-943cf36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-284 .elementor-element.elementor-element-eee32d2{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-284 .elementor-element.elementor-element-9c3dd13{text-align:center;font-size:14px;}.elementor-284 .elementor-element.elementor-element-671f65e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-284 .elementor-element.elementor-element-671f65e .elementor-heading-title{font-size:26px;}.elementor-284 .elementor-element.elementor-element-edba20a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;line-height:1.3em;}.elementor-284 .elementor-element.elementor-element-edba20a.elementor-element{--align-self:center;}.elementor-284 .elementor-element.elementor-element-b793241{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-284 .elementor-element.elementor-element-6947011.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for heading, class: .elementor-element-671f65e */.title-heading{
    background: linear-gradient(135deg, #005DCC 0%, #7A3FF2 50%, #12B8A6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-6947011 *//* =======================================================
   Premium Archive Product Grid - High-Priority Style Overrides
   ======================================================= */

/* 1. Shop Top Bar (Result Count & Ordering Dropdown) Styling */
.elementor-widget-wc-archive-products .woocommerce-result-count {
    font-size: 0.95rem !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
}

.elementor-widget-wc-archive-products .woocommerce-ordering select {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    padding: 10px 36px 10px 16px !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: #374151 !important;
    outline: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234b5563'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
}

.elementor-widget-wc-archive-products .woocommerce-ordering select:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

/* 2. Main Grid Base */
.elementor-widget-wc-archive-products ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    padding: 20px 0 !important;
}

/* 3. Premium Card Styling (Clean & Solid) */
.elementor-widget-wc-archive-products ul.products li.product {
    background: #ffffff !important;
    border-radius: 20px !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
    overflow: hidden !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 0 20px 0 !important; /* Fixed natural padding */
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Card Hover Elevation */
.elementor-widget-wc-archive-products ul.products li.product:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(37, 99, 235, 0.15) !important;
    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.06), 0 8px 16px rgba(0, 0, 0, 0.02) !important;
}

/* 4. Link Wrapper */
.elementor-widget-wc-archive-products ul.products li.product a.woocommerce-LoopProduct-link {
    text-decoration: none !important;
    color: inherit !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* 5. Product Image Zoom Effect */
.elementor-widget-wc-archive-products ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 20px 20px 0 0 !important;
    margin-bottom: 16px !important;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-widget-wc-archive-products ul.products li.product:hover img {
    transform: scale(1.03) !important;
}

/* 6. Typography */
.elementor-widget-wc-archive-products ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    color: #0A2342 !important;
    margin: 0 20px 8px !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

.elementor-widget-wc-archive-products ul.products li.product .price {
    display: block !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #005DCC !important;
    margin: 0 20px 0 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

.elementor-widget-wc-archive-products ul.products li.product:hover .price {
    color: #2563eb !important;
}

/* 7. Smart Flex Slide-In Add To Cart Button (No Overlap - No Empty Space) */
.elementor-widget-wc-archive-products ul.products li.product .add_to_cart_button {
    position: relative !important;
    display: block !important;
    margin: 0px 20px 0 20px !important;
    
    /* Initially fully hidden and takes 0px space */
    max-height: 0px !important;
    padding: 0px 20px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    
    background-color: #2563eb !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    text-align: center !important;
    border-radius: 12px !important;
    border: none !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15) !important;
    transition: max-height 0.35s ease, 
                padding 0.35s ease, 
                opacity 0.3s ease, 
                margin 0.35s ease,
                background-color 0.2s ease !important;
}

/* Smooth expansion on hover without overlapping anything */
.elementor-widget-wc-archive-products ul.products li.product:hover .add_to_cart_button {
    max-height: 50px !important;
    padding: 12px 20px !important;
    margin-top: 14px !important; /* Pushes away from price naturally */
    opacity: 1 !important;
}

.elementor-widget-wc-archive-products ul.products li.product .add_to_cart_button:hover {
    background-color: #1d4ed8 !important;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.35) !important;
}

/* =======================================================
   AJAX Loading & "View Cart" Archive States
   ======================================================= */

.elementor-widget-wc-archive-products ul.products li.product .add_to_cart_button.loading {
    opacity: 0.6 !important;
    background-color: #1d4ed8 !important;
}

.elementor-widget-wc-archive-products ul.products li.product .add_to_cart_button.loading::after {
    margin-left: 8px !important;
    content: "..." !important;
    display: inline-block !important;
    animation: archiveBtnPulse 1s infinite alternate !important;
}

@keyframes archiveBtnPulse {
    0% { opacity: 0.3; }
    100% { opacity: 1; }
}

.elementor-widget-wc-archive-products ul.products li.product .add_to_cart_button.added {
    display: none !important;
}

/* Modern "View Cart" Button (Follows same smart layout) */
.elementor-widget-wc-archive-products ul.products li.product .added_to_cart {
    position: relative !important;
    display: block !important;
    margin: 0px 20px 0 20px !important;
    
    max-height: 0px !important;
    padding: 0px 20px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    
    background-color: #111827 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    text-align: center !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.15) !important;
    transition: max-height 0.35s ease, 
                padding 0.35s ease, 
                opacity 0.3s ease, 
                margin 0.35s ease,
                background-color 0.2s ease !important;
}

.elementor-widget-wc-archive-products ul.products li.product:hover .added_to_cart {
    max-height: 50px !important;
    padding: 12px 20px !important;
    margin-top: 14px !important;
    opacity: 1 !important;
}

.elementor-widget-wc-archive-products ul.products li.product .added_to_cart:hover {
    background-color: #2563eb !important;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.35) !important;
}

.elementor-widget-wc-archive-products .screen-reader-text {
    display: none !important;
}

/* =======================================================
   Responsive Grid Framework
   ======================================================= */

/* Desktop Layout (Screens wider than 1024px) */
@media (min-width: 1025px) {
    .elementor-widget-wc-archive-products ul.products,
    .elementor-widget-woocommerce-products ul.products {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 30px !important;
    }

    .elementor-widget-wc-archive-products ul.products li.product,
    .elementor-widget-woocommerce-products ul.products li.product {
        width: calc(25% - 22.5px) !important;
        max-width: calc(25% - 22.5px) !important;
        flex: 1 0 calc(25% - 22.5px) !important;
    }
}

/* Tablet Layout (Screens between 768px and 1024px) - 3 Columns */
@media (max-width: 1024px) and (min-width: 768px) {
    .elementor-widget-wc-archive-products ul.products,
    .elementor-widget-woocommerce-products ul.products {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
    }

    .elementor-widget-wc-archive-products ul.products li.product,
    .elementor-widget-woocommerce-products ul.products li.product {
        width: calc(33.333% - 13.4px) !important;
        max-width: calc(33.333% - 13.4px) !important;
        flex: 1 0 calc(33.333% - 13.4px) !important;
    }
}

/* Mobile Layout (Screens below 767px) - 2 Columns & Compact Styles */
@media (max-width: 767px) {
    .elementor-widget-wc-archive-products ul.products,
    .elementor-widget-woocommerce-products ul.products {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    .elementor-widget-wc-archive-products ul.products li.product,
    .elementor-widget-woocommerce-products ul.products li.product {
        width: calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
        flex: 1 0 calc(50% - 6px) !important;
        border-radius: 12px !important;
        padding: 0 0 14px 0 !important; /* Clean bottom spacing */
    }

    /* Mobile Typography */
    .elementor-widget-wc-archive-products ul.products li.product .woocommerce-loop-product__title {
        font-size: 0.9rem !important;
        margin: 0 10px 4px !important;
    }

    .elementor-widget-wc-archive-products ul.products li.product .price {
        font-size: 1rem !important;
        margin: 0 10px 0 !important;
    }

    .elementor-widget-wc-archive-products ul.products li.product img {
        border-radius: 12px 12px 0 0 !important;
        margin-bottom: 10px !important;
    }

    /* Mobile: Force button to be static, visible and perfectly aligned under the price */
    .elementor-widget-wc-archive-products ul.products li.product .add_to_cart_button,
    .elementor-widget-wc-archive-products ul.products li.product .added_to_cart {
        position: relative !important;
        max-height: none !important;
        opacity: 1 !important;
        overflow: visible !important;
        padding: 8px 10px !important;
        margin: 10px 10px 0 10px !important;
        font-size: 0.8rem !important;
        border-radius: 8px !important;
    }
}/* End custom CSS */