Exception: Error: Could not call route common/header! in /var/www/sunshinediamonds.com/htdocs/system/engine/action.php:70
Stack trace:
#0 /var/www/sunshinediamonds.com/htdocs/system/engine/loader.php(76): Opencart\System\Engine\Action->execute()
#1 /var/www/sunshinediamonds.com/htdocs/catalog/controller/product/category.php(3110): Opencart\System\Engine\Loader->controller()
#2 [internal function]: Opencart\Catalog\Controller\Product\Category->index()
#3 /var/www/sunshinediamonds.com/htdocs/system/engine/action.php(74): call_user_func_array()
#4 /var/www/sunshinediamonds.com/htdocs/system/framework.php(241): Opencart\System\Engine\Action->execute()
#5 /var/www/sunshinediamonds.com/htdocs/system/startup.php(66): require_once('...')
#6 /var/www/sunshinediamonds.com/htdocs/index.php(34): require_once('...')
#7 {main}




<style>


.slider-price-range .ui-slider-handle{
    top: -10px !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 50% !important;
    background-color: #ec8951 !important;
    cursor: pointer !important;
    border: 2px solid #ec8951 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
    
    &:hover{
        background-color: #d67a3f !important;
        border: 2px solid #d67a3f !important;
        transform: scale(1.1) !important;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
    }
    
    &:active{
        background-color: #c16a2f !important;
        border: 2px solid #c16a2f !important;
        transform: scale(0.95) !important;
    }
    
    &:focus{
        background-color: #d67a3f !important;
        border: 2px solid #ec8951 !important;
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.3) !important;
    }
    
    &:disabled{
        background-color: #cccccc !important;
        border: 2px solid #cccccc !important;
        cursor: not-allowed !important;
        opacity: 0.6 !important;
    }
    
    &:focus-visible{
        background-color: #d67a3f !important;
        border: 2px solid #ec8951 !important;
        box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.3) !important;
    }
}

.slider-price-range .ui-slider-range{
    background: #ec8951 !important;
    border: 2px solid #ec8951 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}




@media (min-width: 992px) {
    .custom-dropdown {
        position: relative;
        display: inline-block;
        width: 200px;
        cursor: pointer;
        user-select: none;
    }

    .selected-option {
        background-color: white;
        border: 1px solid #eee;
        padding: 10px;
    }

    .dropdown-options {
        display: none;
        position: absolute;
        width: 100%;
        background-color: white;
        border: 1px solid #eee;
        margin-top: -1px;
        z-index: 999;
    }

    .dropdown-options li {
        padding: 5px;
        border: 1px solid #eee;
        cursor: pointer;
    }

    .dropdown-options li:hover, .dropdown-options li.selected {
        background-color: var(--theme-color) !important;
        color: white !important;
    }

    .custom-dropdown:hover .dropdown-options {
        display: block;
    }
}



.breadcrumb-left{
    background: 0 0;
    padding: 0 !important;
    margin-bottom: 10px !important;
    justify-content: left !important;
    text-transform: capitalize !important;
}
.category_h1 h1{
    font-size: 38px !important;
    text-transform: capitalize !important;
    font-weight: 500 !important;
}

.breadcrumb-left-section{
    background-color: unset !important;
    padding: unset !important;
}
.sale-badge{
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #ec8951;
    color: #fff;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 2;
}

.category-style-item {
    flex: 0 0 auto;
    text-align: center;
}

.category-slider-style-section .product-category-slider .category-box:hover img, .category-slider-style-section .product-category-slider .category-box.selected img{
    -webkit-filter: unset !important;
    filter: unset !important;
}

.category-a-box {
    display: block !important;
    border: 2px solid transparent !important;
    border-radius: 6px !important;
    transition: border-color 0.3s ease !important;
    padding: 5px !important;
}

.category-a-box img {
    object-fit: cover;
    border-radius: 4px;
    background: #fff;
}

.category-a-box.selected {
    border-color: #008080; 
}

.category-title {
    font-size: 12px;
    margin-top: 8px;
    color: #333;
}

.category-slider-style-section .product-category-slider .category-box img{
    width: unset !important;
}

.category-slider-section .slick-prev{
    z-index: 99 !important;
}

.read-more-container {
    position: relative;
    width: 75%;
    margin: 0 auto; 
    text-align: center; 
    font-size: 16px;
    color: black;
}

.read-more-content {
    display: block !important;
    overflow: hidden !important;
    max-height: 60px !important;
    transition: max-height 0.4s ease;
}

.read-more-container.expanded .read-more-content {
    overflow: visible !important;
    max-height: none !important;
}

.read-more-content p{
    margin-bottom: 15px;
    color: #575757;
}

.read-more-content ul{
    margin-bottom: 15px !important;
    color: #575757;
}

.read-more-toggle {
    background: none;
    border: none;
    color: #ec8951;
    cursor: pointer;
    font-size: 14px;
    padding: 5px;
    margin-top: 7px;
    display: inline-block;
    font-weight: 600;
}

.category-top-content{
    background: #f5f0e6;
}

.category-top-content h2{
    font-size: 28px !important;
    text-transform: capitalize !important;
    font-weight: 400 !important;
}

.category-top-content h1{
    font-size: 30px !important;
    text-transform: capitalize !important;
    font-weight: 500 !important;
    text-align: center;
    line-height: 36px;
}

.category-top-content h3{
    font-size: 30px !important;
    text-transform: capitalize !important;
    font-weight: 500 !important;
}
.category-top-content a{
    color: #000;
    font-weight: 600;
    text-decoration: underline;
}
.category-top-content a:hover{
    color: #ec8951;
    font-weight: 600;
}

.category_bottom_content h3{
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    text-transform: capitalize;
  }

  .category_bottom_content h2{
    font-size: 24px !important;
    font-weight: 500 !important;
    text-transform: capitalize;
  }

  .category_bottom_content ul{
    margin-left: 25px;
  }

  .category_bottom_content ul li{
    margin-bottom: 15px;
  }

  .category_bottom_content ul li {
    list-style-type: disc; 
    margin-left: 20px; 
    font-size: 16px; 
    display: list-item;
    color: #6d6d6d !important;
  }
  tbody, td, tfoot, th, thead, tr{
    color: #6d6d6d;
  }
  .category_bottom_content p {
    margin-bottom: 15px !important;
    line-height: 18px;
    color: #6d6d6d;
  }

.category-style-scroll {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding: 0 24px;
}

.category-style-scroll::-webkit-scrollbar {
    display: none;
}

.category-style-item {
    flex: 0 0 auto;
    width: 90px;
    text-align: center;
}

.category-a-box {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-a-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-arrow {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    cursor: pointer;
    z-index: 2;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
}

.left-arrow { left: 5px; }
.right-arrow { right: 5px;left: unset; }

.category-a-box.selected {
    border: 2px solid #c9a34d;
    padding: 3px;
}

@media (min-width: 992px) {
    .category-style-item {
        width: 110px;
    }

    .category-a-box {
        width: 100px;
        height: 100px;
    }
}
.category-a-box.selected img {
    border: 2px solid #ec8951; 
    padding: 3px;
}
body{
  overflow-x: hidden !important;
}

/* Active filter highlighting */
.js_filter_option.active {
    color: white !important;
    font-weight: bold !important;
}

.category-box.selected {
    border: 2px solid #ec8951 !important;
    background-color: rgba(236, 137, 81, 0.1) !important;
}

.category-a-box.selected {
    border: 2px solid #ec8951 !important;
    background-color: rgba(236, 137, 81, 0.1) !important;
}

/* Highlight checked filter checkboxes */
.filter-checkbox:checked {
    background-color: #ec8951 !important;
    border-color: #ec8951 !important;
}

.category_bottom_content a{
    color: #111;
    text-decoration: underline;
    font-weight: 400;
}
.category_bottom_content a:hover{
    color: #403a35;
    text-decoration: underline;
    font-weight: 400;
}

.category_bottom_content ul {
    margin-bottom: 15px !important;
    line-height: 18px;
    color: #6d6d6d;
}
.custom-wishlist-btn{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
    background: #fff;
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.product-title {
    height: 75px !important;
}
.landing_banner-description {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 700px;
    transform: translateY(-50%);
    padding: 0;
    text-align: left;
}
.landing_banner-description h1 {
    font-size: 27px;
    letter-spacing: 1.41px;
    line-height: 60px;
    margin-bottom: 36px;
    font-weight: 400;
    text-align: center;
    text-transform: capitalize;
}
@media screen and (max-width: 769px) {
    .landing_category-description {
        position: absolute;
        top: 300px;
        left: 16px;
    }
}

.shape-slider-section .category-box img{
    width:95px !important;
    height:95px !important;
    object-fit:contain;
    background:#f7f7f7;
    padding:8px;
}

.shape-slider-section .category-box h5{
    font-size:14px;
}

/* Product listing hover / wishlist icon alignment fix */
.basic-product .img-wrapper {
    position: relative !important;
}

.basic-product .custom-wishlist-btn {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 10 !important;
    width: 36px !important;
    height: 36px !important;
    background: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}

.basic-product .custom-wishlist-btn form,
.basic-product .custom-wishlist-btn button,
.basic-product .custom-wishlist-btn a {
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.basic-product .custom-wishlist-btn i {
    font-size: 18px !important;
    line-height: 1 !important;
    color: #111 !important;
}

@media(max-width: 767px) {
    .basic-product .custom-wishlist-btn {
        top: 8px !important;
        right: 8px !important;
        width: 32px !important;
        height: 32px !important;
    }

    .basic-product .custom-wishlist-btn form,
    .basic-product .custom-wishlist-btn button,
    .basic-product .custom-wishlist-btn a {
        width: 32px !important;
        height: 32px !important;
    }

    .basic-product .custom-wishlist-btn i {
        font-size: 16px !important;
    }
}


/* LEFT SIDEBAR ICON FILTER ALIGNMENT FIX
   Applies to Shape / Style / Setting Type image filters only */
.collection-grid-left-filter .filter-style-list {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.collection-grid-left-filter .filter-style-list .filter-style {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.collection-grid-left-filter .filter-style-list .custom-control-a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    color: #000 !important;
    text-decoration: none !important;
}

.collection-grid-left-filter .filter-style-list .filter-thumbnail {
    width: 52px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    overflow: visible !important;
}

.collection-grid-left-filter .filter-style-list .filter-thumbnail img {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

.collection-grid-left-filter .filter-style-list .min-h28em {
    display: block !important;
    width: 100% !important;
    max-width: 78px !important;
    min-height: 34px !important;
    margin: 0 auto !important;
    font-size: 14px !important;
    line-height: 17px !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* Make selected filter clear without breaking alignment */
.collection-grid-left-filter .filter-style-list .filter-style.active .custom-control-a,
.collection-grid-left-filter .filter-style-list .filter-style:hover .custom-control-a {
    color: #ec8951 !important;
}



/* ORANGE ROUND HOVER / ACTIVE FIX FOR LEFT FILTER ICONS
   Removes broken orange side brackets from theme CSS and uses one clean circle */
.collection-grid-left-filter .filter-style-list .filter-style,
.collection-grid-left-filter .filter-style-list .filter-style .custom-control-a,
.collection-grid-left-filter .filter-style-list .filter-style .filter-thumbnail {
    position: relative !important;
}

.collection-grid-left-filter .filter-style-list .filter-style::before,
.collection-grid-left-filter .filter-style-list .filter-style::after,
.collection-grid-left-filter .filter-style-list .filter-style .custom-control-a::before,
.collection-grid-left-filter .filter-style-list .filter-style .custom-control-a::after,
.collection-grid-left-filter .filter-style-list .filter-style .filter-thumbnail::before,
.collection-grid-left-filter .filter-style-list .filter-style .filter-thumbnail::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
}

.collection-grid-left-filter .filter-style-list .filter-thumbnail {
    width: 58px !important;
    height: 58px !important;
    padding: 5px !important;
    border: 2px solid transparent !important;
    border-radius: 50% !important;
    background: #fff !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.collection-grid-left-filter .filter-style-list .filter-thumbnail img {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.collection-grid-left-filter .filter-style-list .filter-style:hover .filter-thumbnail,
.collection-grid-left-filter .filter-style-list .filter-style.active .filter-thumbnail {
    border-color: #ec8951 !important;
    box-shadow: 0 0 0 3px rgba(236, 137, 81, 0.12) !important;
}

.collection-grid-left-filter .filter-style-list .filter-style:hover .min-h28em,
.collection-grid-left-filter .filter-style-list .filter-style.active .min-h28em {
    color: #ec8951 !important;
    font-weight: 500 !important;
}

/* Mobile filter drawer: keep 4 icons per row */
@media (max-width: 991px) {
    .collection-grid-left-filter .filter-style-list {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .collection-grid-left-filter .filter-style-list .min-h28em {
        font-size: 13px !important;
        line-height: 16px !important;
        max-width: 72px !important;
    }
}

.left_side_filter_heading{
    font-size: 36px;
    color: #222;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
}

.faq-section {
    background: #f7f2e9;
}

.faq-accordion {
    max-width: 900px;
}

.faq-item {
    border-top: 1px solid #e4ddd2;
}

.faq-item:last-child {
    border-bottom: 1px solid #e4ddd2;
}

.faq-btn {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    font-size: 32px;
    font-weight: 600;
    color: #1f2937;
    cursor: pointer;
}

.faq-btn:hover,
.faq-btn:focus {
    text-decoration: none;
    color: #1f2937;
    outline: none;
}

.faq-icon {
    font-size: 24px;
    width: 30px;
    text-align: center;
}

.faq-body {
    padding: 0 0 24px;
    font-size: 18px;
    line-height: 1.7;
    color: #4b5563;
}

.faq-btn[aria-expanded="true"] .fa {
    transform: rotate(45deg);
    transition: .3s ease;
}

.faq-btn .fa {
    transition: .3s ease;
}

@media (max-width: 767px) {

    .faq-btn {
        font-size: 20px;
        padding: 18px 0;
    }

    .faq-body {
        font-size: 15px;
    }

    .faq-icon {
        font-size: 18px;
    }
}


/* =========================================================
   LAZYLOAD SAFETY FIX - Category/Product listing images
   Prevents blank images when lazyload JS/plugin does not fire.
   Keeps hover image hidden until product card hover.
   ========================================================= */
img.lazy-load,
img.lazyloaded,
.product-image-container img:not(.hover-image),
.product-image-container .main-image {
    opacity: 1 !important;
    visibility: visible !important;
}

.product-image-container .hover-image {
    visibility: visible !important;
    opacity: 0 !important;
}

.product-image-container:hover .hover-image {
    opacity: 1 !important;
}

.product-image-container:hover .main-image {
    opacity: 0 !important;
}


/* =========================================================
   ABELINI STYLE FILTER: NO INNER SCROLL + FIRST 5 OPTIONS
   Shows only first 5 filter options, then See More / See Less.
   ========================================================= */
.collection-grid-left-filter,
.collection-grid-left-filter .collection-filter-block,
.collection-grid-left-filter .collection-collapse-block,
.collection-grid-left-filter .accordion,
.collection-grid-left-filter .accordion-item,
.collection-grid-left-filter .accordion-collapse,
.collection-grid-left-filter .accordion-body,
.collection-grid-left-filter .collection-listing,
.collection-grid-left-filter .filter-style-list {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
}

.collection-grid-left-filter .accordion-body::-webkit-scrollbar,
.collection-grid-left-filter .collection-listing::-webkit-scrollbar,
.collection-grid-left-filter .filter-style-list::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.collection-grid-left-filter .accordion-body,
.collection-grid-left-filter .collection-listing,
.collection-grid-left-filter .filter-style-list {
    scrollbar-width: none !important;
}

/* Hide options after first 5 until See More is clicked */
.sd-filter-extra {
    display: none !important;
}

.sd-filter-expanded .sd-filter-extra {
    display: block !important;
}

/* See More link design */
.sd-filter-see-more {
    display: inline-block !important;
    margin-top: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #ec8951 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.sd-filter-see-more:hover,
.sd-filter-see-more:focus {
    color: #d67a3f !important;
    text-decoration: underline !important;
    outline: none !important;
}

/* Abelini style left filter layout: vertical list instead of inner-scroll grid */
.collection-grid-left-filter .filter-style-list {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.collection-grid-left-filter .filter-style-list .filter-style {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    text-align: left !important;
}

.collection-grid-left-filter .filter-style-list .custom-control-a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    color: #222 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    line-height: 20px !important;
}

.collection-grid-left-filter .filter-style-list .custom-control-a::before {
    content: '' !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    border: 1px solid #9b9b9b !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

.collection-grid-left-filter .filter-style-list .filter-style.active .custom-control-a::before {
    border-color: #ec8951 !important;
    background: radial-gradient(circle, #ec8951 0 45%, #fff 48% 100%) !important;
}

.collection-grid-left-filter .filter-style-list .filter-thumbnail {
    width: 42px !important;
    height: 22px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

.collection-grid-left-filter .filter-style-list .filter-thumbnail img {
    width: 42px !important;
    height: 22px !important;
    max-width: 42px !important;
    max-height: 22px !important;
    object-fit: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.collection-grid-left-filter .filter-style-list .min-h28em {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    color: #222 !important;
    font-weight: 400 !important;
}

.collection-grid-left-filter .filter-style-list .filter-style:hover .min-h28em,
.collection-grid-left-filter .filter-style-list .filter-style.active .min-h28em {
    color: #ec8951 !important;
    font-weight: 500 !important;
}

.collection-grid-left-filter .accordion-item {
    border-bottom: 1px solid #eeeeee !important;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
}

.collection-grid-left-filter .accordion-body {
    padding-top: 8px !important;
    padding-bottom: 0 !important;
}

.collection-grid-left-filter .accordion-button {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #222 !important;
    text-transform: capitalize !important;
    background: transparent !important;
    box-shadow: none !important;
}

.collection-grid-left-filter .form-check {
    margin-bottom: 10px !important;
}

.collection-grid-left-filter .form-check-label {
    font-size: 15px !important;
    color: #222 !important;
    line-height: 20px !important;
}

.collection-grid-left-filter .form-check-input:checked {
    background-color: #ec8951 !important;
    border-color: #ec8951 !important;
}

@media (max-width: 991px) {
    .collection-grid-left-filter .filter-style-list {
        display: block !important;
    }
}

/* =========================================================
   FIX SEE MORE / SEE LESS FOR ALL FILTER TYPES
   Must stay at bottom of first style block
   ========================================================= */

/* Hide extra checkbox filters after first 5 */
.collection-grid-left-filter .collection-listing > li.sd-filter-extra,
.collection-grid-top-filter .collection-listing > li.sd-filter-extra {
    display: none !important;
}

/* Hide extra icon/image filters after first 5 */
.collection-grid-left-filter .filter-style-list > li.filter-style.sd-filter-extra,
.collection-grid-top-filter .filter-top-style-list > li.filter-top-style.sd-filter-extra {
    display: none !important;
}

/* Show extra checkbox filters after See More */
.collection-grid-left-filter .collection-listing.sd-filter-expanded > li.sd-filter-extra,
.collection-grid-top-filter .collection-listing.sd-filter-expanded > li.sd-filter-extra {
    display: block !important;
}

/* Show extra icon/image filters after See More */
.collection-grid-left-filter .filter-style-list.sd-filter-expanded > li.filter-style.sd-filter-extra,
.collection-grid-top-filter .filter-top-style-list.sd-filter-expanded > li.filter-top-style.sd-filter-extra {
    display: block !important;
}

/* If row/col class exists in top filter */
.collection-grid-top-filter .collection-listing.sd-filter-expanded > li.col-3.sd-filter-extra {
    display: block !important;
}

.collection-grid-left-filter input[type="checkbox"],
.collection-grid-top-filter input[type="checkbox"],
.collection-filter input[type="checkbox"],
.collection-filter-block input[type="checkbox"],
.product-top-filter input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;

    border: 2px solid #000000 !important;
    outline: 0 !important;
    box-shadow: inset 0 0 0 1px #000000 !important;

    background-color: #ffffff !important;
    background-image: none !important;
    border-radius: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;

    cursor: pointer !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* Checked checkbox orange with white tick */
.collection-grid-left-filter input[type="checkbox"]:checked,
.collection-grid-top-filter input[type="checkbox"]:checked,
.collection-filter input[type="checkbox"]:checked,
.collection-filter-block input[type="checkbox"]:checked,
.product-top-filter input[type="checkbox"]:checked {
    border: 2px solid #000000 !important;
    background-color: #ec8951 !important;
    box-shadow: inset 0 0 0 1px #000000 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10.5L8.2 13.7L15 6.5' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
}

/* Label alignment */
.collection-grid-left-filter .form-check,
.collection-grid-top-filter .form-check,
.collection-filter .form-check,
.collection-filter-block .form-check,
.product-top-filter .form-check {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

.collection-grid-left-filter .form-check-label,
.collection-grid-top-filter .form-check-label,
.collection-filter .form-check-label,
.collection-filter-block .form-check-label,
.product-top-filter .form-check-label {
    margin-left: 0 !important;
    cursor: pointer !important;
}
@media (min-width: 992px) {
    .collection-wrapper,
    .collection-wrapper .container-fluid,
    .collection-wrapper .row {
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }

    .collection-grid-left-filter,
    .collection-grid-left-filter.collection-filter,
    .collection-grid-left-filter .collection-filter-block,
    .collection-grid-left-filter .collection-collapse-block,
    .collection-grid-left-filter .collection-accordion,
    .collection-grid-left-filter .accordion,
    .collection-grid-left-filter .accordion-item,
    .collection-grid-left-filter .accordion-collapse,
    .collection-grid-left-filter .accordion-body {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        overflow-y: visible !important;
        z-index: auto !important;
    }

    .collection-grid-left-filter.sticky,
    .collection-grid-left-filter.sticky-top,
    .collection-grid-left-filter.fixed,
    .collection-grid-left-filter.fixed-top,
    .collection-grid-left-filter.position-sticky,
    .collection-grid-left-filter.is-sticky,
    .collection-grid-left-filter.is_stuck,
    .collection-grid-left-filter.affix,
    .collection-filter-block.sticky,
    .collection-filter-block.sticky-top,
    .collection-filter-block.fixed,
    .collection-filter-block.fixed-top,
    .collection-filter-block.position-sticky,
    .collection-filter-block.is-sticky,
    .collection-filter-block.is_stuck,
    .collection-filter-block.affix {
        position: relative !important;
        top: auto !important;
        transform: none !important;
    }

    .collection-content {
        position: relative !important;
        top: auto !important;
        transform: none !important;
    }
}


.collection-grid-left-filter input[type="checkbox"],
.collection-grid-top-filter input[type="checkbox"],
.collection-filter input[type="checkbox"],
.collection-filter-block input[type="checkbox"],
.product-top-filter input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;

    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;

    border: 2px solid #000000 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;

    border-radius: 0 !important;
    opacity: 1 !important;
    display: inline-block !important;
    visibility: visible !important;

    cursor: pointer !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Checked state */
.collection-grid-left-filter input[type="checkbox"]:checked,
.collection-grid-top-filter input[type="checkbox"]:checked,
.collection-filter input[type="checkbox"]:checked,
.collection-filter-block input[type="checkbox"]:checked,
.product-top-filter input[type="checkbox"]:checked {
    border: 2px solid #000000 !important;
    background-color: #ec8951 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10.5L8.2 13.7L15 6.5' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
}

/* Form row alignment */
.collection-grid-left-filter .form-check,
.collection-grid-top-filter .form-check,
.collection-filter .form-check,
.collection-filter-block .form-check,
.product-top-filter .form-check {
    display: flex !important;
    align-items: center !important;
}

.collection-grid-left-filter .form-check-label,
.collection-grid-top-filter .form-check-label,
.collection-filter .form-check-label,
.collection-filter-block .form-check-label,
.product-top-filter .form-check-label {
    margin-left: 0 !important;
    cursor: pointer !important;
}

/* =========================================================
   DIAMOND TYPE TOGGLE BUTTONS - Natural / Lab Grown
   Works as exclusive stone type selector.
   ========================================================= */
.sd-diamond-type-toggle {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid #eeeeee !important;
}

.sd-diamond-type-btn {
    flex: 1 1 0 !important;
    min-height: 38px !important;
    padding: 9px 10px !important;
    border: 1px solid #111111 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    color: #111111 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.sd-diamond-type-btn:hover,
.sd-diamond-type-btn:focus,
.sd-diamond-type-btn.active {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    outline: none !important;
}

@media (max-width: 991px) {
    .sd-diamond-type-toggle {
        padding: 12px 14px 14px !important;
        margin-bottom: 12px !important;
    }

    .sd-diamond-type-btn {
        font-size: 13px !important;
        min-height: 36px !important;
        padding: 8px 8px !important;
    }
}

</style>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.min.css" type="text/css" as="style" onload="this.onload=null; this.rel='stylesheet';" async="">
<!-- breadcrumb start -->
    <div class="breadcrumb-section breadcrumb-left-section">
        <div class="container pl-1 m-0">
            <nav class="theme-breadcrumb">
                <ul class="breadcrumb breadcrumb-left">
                                            <li class="breadcrumb-item">
                        <a href="https://www.sunshinediamonds.com">Home</a>
                        </li>
                                            <li class="breadcrumb-item">
                        <a href="https://www.sunshinediamonds.com/engagement-rings">3 Prong Heart Engagement Rings</a>
                        </li>
                                            <li class="breadcrumb-item">
                        <a href="https://www.sunshinediamonds.com/engagement-rings/heart">Heart</a>
                        </li>
                                            <li class="breadcrumb-item active">
                        <a href="https://www.sunshinediamonds.com/engagement-rings?filter_param=6.107">3 Prong</a>
                        </li>
                                    </ul>
            </nav>
        </div>
    </div>
    <!-- breadcrumb end -->

    
                    <div class="row mb-1 category-top-content">
                    <div class="col-12 d-flex justify-content-center mt-4 mb-2">
                            <h1 class="d-flex text-center product_title color-181818 leter-spacing-05 font-weight-400 mb-2">3 Prong Heart Engagement Rings</h1>                            
                    </div>
                                        </div>

                




    <!-- Category Slider Start -->
        <!-- Category Slider End -->

<!-- Category Slider Start -->
<section class="category-slider-section category-slider-style-section py-4">
    <div class="container-fluid px-2 position-relative">

        <!-- LEFT ARROW -->
        <button class="slider-arrow left-arrow" type="button">&#10094;</button>

        <!-- SLIDER -->
        <div class="category-style-scroll" id="categoryStyleSlider">
                            <div class="category-style-item text-center">
                    <a href="https://www.sunshinediamonds.com/engagement-rings/gemstone-engagement-rings"
                       class="category-a-box "
                       title="Gemstone Engagement Rings">
                        <img src="image/cache/upload_images_manual/style/Emerald Diamond Ring.png?v=791" alt="Gemstone Engagement Rings">
                    </a>
                    <div class="category-title">Gemstone Engagement Rings</div>
                </div>
                            <div class="category-style-item text-center">
                    <a href="https://www.sunshinediamonds.com/engagement-rings/classic-solitaire"
                       class="category-a-box "
                       title="Solitaire">
                        <img src="image/cache/upload_images_manual/style/solitaire-icon.jpg?v=791" alt="Solitaire">
                    </a>
                    <div class="category-title">Solitaire</div>
                </div>
                            <div class="category-style-item text-center">
                    <a href="https://www.sunshinediamonds.com/engagement-rings/halo-rings"
                       class="category-a-box "
                       title="Halo">
                        <img src="image/cache/upload_images_manual/style/halo-ring-icon.jpg?v=791" alt="Halo">
                    </a>
                    <div class="category-title">Halo</div>
                </div>
                            <div class="category-style-item text-center">
                    <a href="https://www.sunshinediamonds.com/engagement-rings/vintage-ring"
                       class="category-a-box "
                       title="Vintage">
                        <img src="image/cache/upload_images_manual/style/vintage-icon.jpg?v=791" alt="Vintage">
                    </a>
                    <div class="category-title">Vintage</div>
                </div>
                            <div class="category-style-item text-center">
                    <a href="https://www.sunshinediamonds.com/engagement-rings/side-stone-rings"
                       class="category-a-box "
                       title="Side Stone">
                        <img src="image/cache/upload_images_manual/style/side-stone-icon.jpg?v=791" alt="Side Stone">
                    </a>
                    <div class="category-title">Side Stone</div>
                </div>
                            <div class="category-style-item text-center">
                    <a href="https://www.sunshinediamonds.com/engagement-rings/trilogy-rings"
                       class="category-a-box "
                       title="Trilogy">
                        <img src="image/cache/upload_images_manual/style/three-stone-icon.jpg?v=791" alt="Trilogy">
                    </a>
                    <div class="category-title">Trilogy</div>
                </div>
                            <div class="category-style-item text-center">
                    <a href="https://www.sunshinediamonds.com/engagement-rings/engagement-cluster-rings"
                       class="category-a-box "
                       title="Cluster">
                        <img src="image/cache/upload_images_manual/style/cluster-ring-icon.jpg?v=791" alt="Cluster">
                    </a>
                    <div class="category-title">Cluster</div>
                </div>
                            <div class="category-style-item text-center">
                    <a href="https://www.sunshinediamonds.com/engagement-rings/yellow-diamond-engagement-rings"
                       class="category-a-box "
                       title="Yellow diamond engagement rings">
                        <img src="image/cache/upload_images_manual/style/Yellow Diamond Ring.png?v=791" alt="Yellow diamond engagement rings">
                    </a>
                    <div class="category-title">Yellow diamond engagement rings</div>
                </div>
                            <div class="category-style-item text-center">
                    <a href="https://www.sunshinediamonds.com/engagement-rings/moissanite-rings"
                       class="category-a-box "
                       title="Moissanite Engagement Rings">
                        <img src="image/cache/upload_images_manual/style/solitaire-icon.jpg?v=791" alt="Moissanite Engagement Rings">
                    </a>
                    <div class="category-title">Moissanite Engagement Rings</div>
                </div>
                    </div>

        <!-- RIGHT ARROW -->
        <button class="slider-arrow right-arrow" type="button">&#10095;</button>

    </div>
</section>


<!-- Category Slider End -->


            
                    
                    
                    
                    
                                    
                                            
                                            
                                                
                    
                    
                    
                    
            




            
                    
                    
                    
                    
                    
                            
                                                        
                                                                
                                                        
                                                                
                                                
                    
                    
                    
                    
            
    


    <!-- section start -->
    <section class="section-b-space ratio_asos">
        <div class="collection-wrapper">
            <div class="container-fluid">
                <div class="row">

<div class="col-12 collection-grid-top-filter"  style="display: none;" >
	<div class="page-main-content">
		<button class="filter-btn btn mt-0">
			<i class="ri-filter-fill"></i>
			Filter
		</button>
		<div class="collection-product-wrapper">
			<div class="product-top-filter sidebar-top-filter mt-0" id="accordionFilter">

								    				    					<div class="popup-filter">
						<div class="sidebar-popup">
							<a class="btn popup-btn" data-bs-toggle="collapse" href="#top-filter-5" role="button" aria-expanded="false" aria-controls="top-filter-5">
								Style
							</a>
						</div>
						<div class="collapse collection-top-filter collection-collapse-block pb-0" id="top-filter-5" data-bs-parent="#accordionFilter">

							<div class="card card-body top-filter-card-body">
                                <div class="accordion collection-accordion top-filter-accordion">
                                    <div class="accordion-item">
                                        <div id="panelsStayOpen-collapse5" class="accordion-collapse collapse show">
                                            <div class="accordion-body">
                                                <ul class="collection-listing row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-3  filter-top-style-list ">
                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/gemstone-engagement-rings" data-filter-id="534" data-filter-param="5.534" data-text="Gemstone Engagement Rings" class="js_filter_option filter-top-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/gemstone-engagement-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Gemstone Engagement Rings">
                                                                        </div>
                                                                        <span class="min-h28em">Gemstone Engagement Rings</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/classic-solitaire" data-filter-id="58" data-filter-param="5.58" data-text="Solitaire" class="js_filter_option filter-top-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/classic-solitaire" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Solitaire">
                                                                        </div>
                                                                        <span class="min-h28em">Solitaire</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/halo-rings" data-filter-id="518" data-filter-param="5.518" data-text="Halo" class="js_filter_option filter-top-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/halo-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Halo">
                                                                        </div>
                                                                        <span class="min-h28em">Halo</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/vintage-ring" data-filter-id="6278" data-filter-param="5.6278" data-text="Vintage" class="js_filter_option filter-top-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/vintage-ring" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Vintage">
                                                                        </div>
                                                                        <span class="min-h28em">Vintage</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/side-stone-rings" data-filter-id="60" data-filter-param="5.60" data-text="Side Stone" class="js_filter_option filter-top-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/side-stone-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Side Stone">
                                                                        </div>
                                                                        <span class="min-h28em">Side Stone</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/trilogy-rings" data-filter-id="101" data-filter-param="5.101" data-text="Trilogy" class="js_filter_option filter-top-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/trilogy-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Trilogy">
                                                                        </div>
                                                                        <span class="min-h28em">Trilogy</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/engagement-cluster-rings" data-filter-id="149" data-filter-param="5.149" data-text="Cluster" class="js_filter_option filter-top-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/engagement-cluster-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Cluster">
                                                                        </div>
                                                                        <span class="min-h28em">Cluster</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/yellow-diamond-engagement-rings" data-filter-id="969" data-filter-param="5.969" data-text="Yellow diamond engagement rings" class="js_filter_option filter-top-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/yellow-diamond-engagement-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Yellow diamond engagement rings">
                                                                        </div>
                                                                        <span class="min-h28em">Yellow diamond engagement rings</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/moissanite-rings" data-filter-id="646" data-filter-param="5.646" data-text="Moissanite Engagement Rings" class="js_filter_option filter-top-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/moissanite-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Moissanite Engagement Rings">
                                                                        </div>
                                                                        <span class="min-h28em">Moissanite Engagement Rings</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                                                                    </ul>
                                                                                                    <button type="button" class="sd-filter-see-more" data-sd-filter-toggle>See More</button>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
						</div>
					</div>
				    								    				    					<div class="popup-filter">
						<div class="sidebar-popup">
							<a class="btn popup-btn" data-bs-toggle="collapse" href="#top-filter-1" role="button" aria-expanded="false" aria-controls="top-filter-1">
								Metal
							</a>
						</div>
						<div class="collapse collection-top-filter collection-collapse-block pb-0" id="top-filter-1" data-bs-parent="#accordionFilter">

							<div class="card card-body top-filter-card-body">
                                <div class="accordion collection-accordion top-filter-accordion">
                                    <div class="accordion-item">
                                        <div id="panelsStayOpen-collapse1" class="accordion-collapse collapse show">
                                            <div class="accordion-body">
                                                <ul class="collection-listing row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-3 ">
                                                    
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/white-gold?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="1.4" type="checkbox" value="" id="checkbox4" >
                                                                <label class="form-check-label" for="checkbox4">
                                                                    White Gold
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/yellow-gold?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="1.5" type="checkbox" value="" id="checkbox5" >
                                                                <label class="form-check-label" for="checkbox5">
                                                                    Yellow Gold
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/rose-gold?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="1.6" type="checkbox" value="" id="checkbox6" >
                                                                <label class="form-check-label" for="checkbox6">
                                                                    Rose Gold
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/platinum?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="1.7" type="checkbox" value="" id="checkbox7" >
                                                                <label class="form-check-label" for="checkbox7">
                                                                    Platinum
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/silver-metal?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="1.122" type="checkbox" value="" id="checkbox122" >
                                                                <label class="form-check-label" for="checkbox122">
                                                                    Sterling Silver
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                                                                </ul>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
						</div>
					</div>
				    								    				    					<div class="popup-filter">
						<div class="sidebar-popup">
							<a class="btn popup-btn" data-bs-toggle="collapse" href="#top-filter-4" role="button" aria-expanded="false" aria-controls="top-filter-4">
								Shape
							</a>
						</div>
						<div class="collapse collection-top-filter collection-collapse-block pb-0" id="top-filter-4" data-bs-parent="#accordionFilter">

							<div class="card card-body top-filter-card-body">
                                <div class="accordion collection-accordion top-filter-accordion">
                                    <div class="accordion-item">
                                        <div id="panelsStayOpen-collapse4" class="accordion-collapse collapse show">
                                            <div class="accordion-body">
                                                <ul class="collection-listing row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-3  filter-top-style-list ">
                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/round?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="48" data-filter-param="4.48" data-text="Round" class="js_filter_option filter-top-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/round?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Round">
                                                                        </div>
                                                                        <span class="min-h28em">Round</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/princess?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="49" data-filter-param="4.49" data-text="Princess" class="js_filter_option filter-top-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/princess?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Princess">
                                                                        </div>
                                                                        <span class="min-h28em">Princess</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/emerald?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="50" data-filter-param="4.50" data-text="Emerald" class="js_filter_option filter-top-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/emerald?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Emerald">
                                                                        </div>
                                                                        <span class="min-h28em">Emerald</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/asscher?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="51" data-filter-param="4.51" data-text="Asscher" class="js_filter_option filter-top-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/asscher?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Asscher">
                                                                        </div>
                                                                        <span class="min-h28em">Asscher</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/oval?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="52" data-filter-param="4.52" data-text="Oval" class="js_filter_option filter-top-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/oval?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Oval">
                                                                        </div>
                                                                        <span class="min-h28em">Oval</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/pear?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="53" data-filter-param="4.53" data-text="Pear" class="js_filter_option filter-top-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/pear?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Pear">
                                                                        </div>
                                                                        <span class="min-h28em">Pear</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings?filter_param=6.109_6.114_6.108_6.115_6.107" data-filter-id="54" data-filter-param="4.54" data-text="Heart" class="js_filter_option filter-top-style  active   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings?filter_param=6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Heart">
                                                                        </div>
                                                                        <span class="min-h28em">Heart</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/marquise?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="55" data-filter-param="4.55" data-text="Marquise" class="js_filter_option filter-top-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/marquise?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Marquise">
                                                                        </div>
                                                                        <span class="min-h28em">Marquise</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/cushion?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="56" data-filter-param="4.56" data-text="Cushion" class="js_filter_option filter-top-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/cushion?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Cushion">
                                                                        </div>
                                                                        <span class="min-h28em">Cushion</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/radiant?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="57" data-filter-param="4.57" data-text="Radiant" class="js_filter_option filter-top-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/radiant?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Radiant">
                                                                        </div>
                                                                        <span class="min-h28em">Radiant</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                    
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/baguette?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="116" data-filter-param="4.116" data-text="Baguette" class="js_filter_option filter-top-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/baguette?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="//css.brilliantearth.com/static/img/fillter/wedding-ring-style/womens-style/Open_v1.jpg" alt="Baguette">
                                                                        </div>
                                                                        <span class="min-h28em">Baguette</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                                                                    </ul>
                                                                                                    <button type="button" class="sd-filter-see-more" data-sd-filter-toggle>See More</button>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
						</div>
					</div>
				    								    				    					<div class="popup-filter">
						<div class="sidebar-popup">
							<a class="btn popup-btn" data-bs-toggle="collapse" href="#top-filter-6" role="button" aria-expanded="false" aria-controls="top-filter-6">
								Setting Type
							</a>
						</div>
						<div class="collapse collection-top-filter collection-collapse-block pb-0" id="top-filter-6" data-bs-parent="#accordionFilter">

							<div class="card card-body top-filter-card-body">
                                <div class="accordion collection-accordion top-filter-accordion">
                                    <div class="accordion-item">
                                        <div id="panelsStayOpen-collapse6" class="accordion-collapse collapse show">
                                            <div class="accordion-body">
                                                <ul class="collection-listing row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-3 ">
                                                    
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.108_6.115" data-filter-param="6.107" type="checkbox" value="" id="checkbox107"  checked >
                                                                <label class="form-check-label" for="checkbox107">
                                                                    3 Prong
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.115_6.107" data-filter-param="6.108" type="checkbox" value="" id="checkbox108"  checked >
                                                                <label class="form-check-label" for="checkbox108">
                                                                    4 Prong
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.114_6.108_6.115_6.107" data-filter-param="6.109" type="checkbox" value="" id="checkbox109"  checked >
                                                                <label class="form-check-label" for="checkbox109">
                                                                    6 Prong
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.108_6.115_6.107" data-filter-param="6.114" type="checkbox" value="" id="checkbox114"  checked >
                                                                <label class="form-check-label" for="checkbox114">
                                                                    Bezel Setting
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.108_6.107" data-filter-param="6.115" type="checkbox" value="" id="checkbox115"  checked >
                                                                <label class="form-check-label" for="checkbox115">
                                                                    Tension Setting
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                                                                </ul>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
						</div>
					</div>
				    								    				    					<div class="popup-filter">
						<div class="sidebar-popup">
							<a class="btn popup-btn" data-bs-toggle="collapse" href="#top-filter-3" role="button" aria-expanded="false" aria-controls="top-filter-3">
								Stone Type
							</a>
						</div>
						<div class="collapse collection-top-filter collection-collapse-block pb-0" id="top-filter-3" data-bs-parent="#accordionFilter">

							<div class="card card-body top-filter-card-body">
                                <div class="accordion collection-accordion top-filter-accordion">
                                    <div class="accordion-item">
                                        <div id="panelsStayOpen-collapse3" class="accordion-collapse collapse show">
                                            <div class="accordion-body">
                                                <ul class="collection-listing row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-3 ">
                                                    
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/diamond?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="3.565" type="checkbox" value="" id="checkbox565" >
                                                                <label class="form-check-label" for="checkbox565">
                                                                    Natural
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/lab-diamond?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="3.566" type="checkbox" value="" id="checkbox566" >
                                                                <label class="form-check-label" for="checkbox566">
                                                                    Lab Diamond
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/ruby-filter?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="3.6319" type="checkbox" value="" id="checkbox6319" >
                                                                <label class="form-check-label" for="checkbox6319">
                                                                    Ruby
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                                                                </ul>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
						</div>
					</div>
				    								    				    					<div class="popup-filter">
						<div class="sidebar-popup">
							<a class="btn popup-btn" data-bs-toggle="collapse" href="#top-filter-17" role="button" aria-expanded="false" aria-controls="top-filter-17">
								Carat
							</a>
						</div>
						<div class="collapse collection-top-filter collection-collapse-block pb-0" id="top-filter-17" data-bs-parent="#accordionFilter">

							<div class="card card-body top-filter-card-body">
                                <div class="accordion collection-accordion top-filter-accordion">
                                    <div class="accordion-item">
                                        <div id="panelsStayOpen-collapse17" class="accordion-collapse collapse show">
                                            <div class="accordion-body">
                                                <ul class="collection-listing row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-3 ">
                                                    
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.389_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.389" type="checkbox" value="" id="checkbox389" >
                                                                <label class="form-check-label" for="checkbox389">
                                                                    0.20
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.394_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.394" type="checkbox" value="" id="checkbox394" >
                                                                <label class="form-check-label" for="checkbox394">
                                                                    0.40
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.398_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.398" type="checkbox" value="" id="checkbox398" >
                                                                <label class="form-check-label" for="checkbox398">
                                                                    0.60
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.402_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.402" type="checkbox" value="" id="checkbox402" >
                                                                <label class="form-check-label" for="checkbox402">
                                                                    0.80
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3 ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.407_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.407" type="checkbox" value="" id="checkbox407" >
                                                                <label class="form-check-label" for="checkbox407">
                                                                    1.00
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3  sd-filter-extra ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.411_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.411" type="checkbox" value="" id="checkbox411" >
                                                                <label class="form-check-label" for="checkbox411">
                                                                    1.20
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3  sd-filter-extra ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.428_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.428" type="checkbox" value="" id="checkbox428" >
                                                                <label class="form-check-label" for="checkbox428">
                                                                    2.00
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3  sd-filter-extra ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.432_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.432" type="checkbox" value="" id="checkbox432" >
                                                                <label class="form-check-label" for="checkbox432">
                                                                    2.25
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3  sd-filter-extra ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.437_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.437" type="checkbox" value="" id="checkbox437" >
                                                                <label class="form-check-label" for="checkbox437">
                                                                    2.50
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3  sd-filter-extra ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.449_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.449" type="checkbox" value="" id="checkbox449" >
                                                                <label class="form-check-label" for="checkbox449">
                                                                    3.00
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3  sd-filter-extra ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.447_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.447" type="checkbox" value="" id="checkbox447" >
                                                                <label class="form-check-label" for="checkbox447">
                                                                    3.50
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3  sd-filter-extra ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.451_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.451" type="checkbox" value="" id="checkbox451" >
                                                                <label class="form-check-label" for="checkbox451">
                                                                    4.00
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3  sd-filter-extra ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.452_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.452" type="checkbox" value="" id="checkbox452" >
                                                                <label class="form-check-label" for="checkbox452">
                                                                    5.00
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3  sd-filter-extra ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.453_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.453" type="checkbox" value="" id="checkbox453" >
                                                                <label class="form-check-label" for="checkbox453">
                                                                    6.00
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3  sd-filter-extra ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.454_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.454" type="checkbox" value="" id="checkbox454" >
                                                                <label class="form-check-label" for="checkbox454">
                                                                    7.00
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3  sd-filter-extra ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.455_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.455" type="checkbox" value="" id="checkbox455" >
                                                                <label class="form-check-label" for="checkbox455">
                                                                    8.00
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3  sd-filter-extra ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.456_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.456" type="checkbox" value="" id="checkbox456" >
                                                                <label class="form-check-label" for="checkbox456">
                                                                    9.00
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                
                                                        
                                                            
                                                        <li class="col-3  sd-filter-extra ">
                                                            <div class="form-check">
                                                                <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.457_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.457" type="checkbox" value="" id="checkbox457" >
                                                                <label class="form-check-label" for="checkbox457">
                                                                    10.00
                                                                </label>
                                                            </div>
                                                        </li>
                                                                                                                                                                                                                </ul>
                                                                                                    <button type="button" class="sd-filter-see-more" data-sd-filter-toggle>See More</button>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
						</div>
					</div>
				    								    				    								    				    								    				    								    				    				
			</div>
		</div>
	</div>
</div>



                                    <div class="col-lg-3 collection-filter collection-grid-left-filter"  style="display: none;" >
                        <!-- side-bar collapse block stat -->
                        <div class="collection-filter-block">
                            <!-- brand filter start -->
                            <button class="collection-mobile-back filter-back">
                                <i class="ri-arrow-left-s-line"></i>
                                <span>back</span>
                            </button>
                                                            <div class="sd-diamond-type-toggle" data-sd-stone-group="3">
                                                                            <a href="https://www.sunshinediamonds.com/engagement-rings/lab-diamond?filter_param=4.54_6.109_6.114_6.108_6.115_6.107"
                                           class="sd-diamond-type-btn "
                                           data-sd-stone-toggle="lab"
                                           data-sd-filter-param="3.566">
                                            Lab Grown Diamond
                                        </a>
                                    
                                                                            <a href="https://www.sunshinediamonds.com/engagement-rings/diamond?filter_param=4.54_6.109_6.114_6.108_6.115_6.107"
                                           class="sd-diamond-type-btn active"
                                           data-sd-stone-toggle="natural"
                                           data-sd-filter-param="3.565">
                                            Natural Diamond
                                        </a>
                                                                    </div>
                                                        <div class="collection-collapse-block open">
                                <div class="accordion collection-accordion" id="accordionPanelsStayOpenExample">
                                                                                                                    
                                        <div class="accordion-item">
                                            <span class="accordion-header left_side_filter_heading">
                                                <button class="accordion-button pt-0" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#left-filter-5"
                                                    aria-expanded="true" aria-controls="left-filter-5">
                                                    Style </button>
                                            </span>
                                            <div id="left-filter-5" class="accordion-collapse collapse show">
                                                <div class="accordion-body">
                                                    <ul class="collection-listing  filter-style-list filter-style-list-5 ">
                                                        
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/gemstone-engagement-rings" data-filter-id="534" data-filter-param="5.534" data-text="Gemstone Engagement Rings" class="js_filter_option filter-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/gemstone-engagement-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/style/Emerald Diamond Ring.png?v=791" alt="Gemstone Engagement Rings">
                                                                        </div>
                                                                        <span class="min-h28em">Gemstone Engagement Rings</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/classic-solitaire" data-filter-id="58" data-filter-param="5.58" data-text="Solitaire" class="js_filter_option filter-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/classic-solitaire" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/style/solitaire-icon.jpg?v=791" alt="Solitaire">
                                                                        </div>
                                                                        <span class="min-h28em">Solitaire</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/halo-rings" data-filter-id="518" data-filter-param="5.518" data-text="Halo" class="js_filter_option filter-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/halo-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/style/halo-ring-icon.jpg?v=791" alt="Halo">
                                                                        </div>
                                                                        <span class="min-h28em">Halo</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/vintage-ring" data-filter-id="6278" data-filter-param="5.6278" data-text="Vintage" class="js_filter_option filter-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/vintage-ring" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/style/vintage-icon.jpg?v=791" alt="Vintage">
                                                                        </div>
                                                                        <span class="min-h28em">Vintage</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/side-stone-rings" data-filter-id="60" data-filter-param="5.60" data-text="Side Stone" class="js_filter_option filter-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/side-stone-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/style/side-stone-icon.jpg?v=791" alt="Side Stone">
                                                                        </div>
                                                                        <span class="min-h28em">Side Stone</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/trilogy-rings" data-filter-id="101" data-filter-param="5.101" data-text="Trilogy" class="js_filter_option filter-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/trilogy-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/style/three-stone-icon.jpg?v=791" alt="Trilogy">
                                                                        </div>
                                                                        <span class="min-h28em">Trilogy</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/engagement-cluster-rings" data-filter-id="149" data-filter-param="5.149" data-text="Cluster" class="js_filter_option filter-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/engagement-cluster-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/style/cluster-ring-icon.jpg?v=791" alt="Cluster">
                                                                        </div>
                                                                        <span class="min-h28em">Cluster</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/yellow-diamond-engagement-rings" data-filter-id="969" data-filter-param="5.969" data-text="Yellow diamond engagement rings" class="js_filter_option filter-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/yellow-diamond-engagement-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/style/Yellow Diamond Ring.png?v=791" alt="Yellow diamond engagement rings">
                                                                        </div>
                                                                        <span class="min-h28em">Yellow diamond engagement rings</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/moissanite-rings" data-filter-id="646" data-filter-param="5.646" data-text="Moissanite Engagement Rings" class="js_filter_option filter-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/moissanite-rings" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/style/solitaire-icon.jpg?v=791" alt="Moissanite Engagement Rings">
                                                                        </div>
                                                                        <span class="min-h28em">Moissanite Engagement Rings</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                                                                                </ul>
                                                                                                            <button type="button" class="sd-filter-see-more" data-sd-filter-toggle>See More</button>
                                                                                                    </div>
                                            </div>
                                        </div>
                                                                                                                                                            
                                        <div class="accordion-item">
                                            <span class="accordion-header left_side_filter_heading">
                                                <button class="accordion-button pt-0" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#left-filter-1"
                                                    aria-expanded="true" aria-controls="left-filter-1">
                                                    Metal </button>
                                            </span>
                                            <div id="left-filter-1" class="accordion-collapse collapse show">
                                                <div class="accordion-body">
                                                    <ul class="collection-listing ">
                                                        
                                                        
                                                                                                                            <li class="">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/white-gold?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="1.4" type="checkbox" value="" id="checkbox4" >
                                                                        <label class="form-check-label" for="checkbox4">
                                                                            White Gold
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class="">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/yellow-gold?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="1.5" type="checkbox" value="" id="checkbox5" >
                                                                        <label class="form-check-label" for="checkbox5">
                                                                            Yellow Gold
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class="">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/rose-gold?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="1.6" type="checkbox" value="" id="checkbox6" >
                                                                        <label class="form-check-label" for="checkbox6">
                                                                            Rose Gold
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class="">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/platinum?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="1.7" type="checkbox" value="" id="checkbox7" >
                                                                        <label class="form-check-label" for="checkbox7">
                                                                            Platinum
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class="">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/silver-metal?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="1.122" type="checkbox" value="" id="checkbox122" >
                                                                        <label class="form-check-label" for="checkbox122">
                                                                            Sterling Silver
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                                                                                </ul>
                                                                                                    </div>
                                            </div>
                                        </div>
                                                                                                                                                            
                                        <div class="accordion-item">
                                            <span class="accordion-header left_side_filter_heading">
                                                <button class="accordion-button pt-0" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#left-filter-4"
                                                    aria-expanded="true" aria-controls="left-filter-4">
                                                    Shape </button>
                                            </span>
                                            <div id="left-filter-4" class="accordion-collapse collapse show">
                                                <div class="accordion-body">
                                                    <ul class="collection-listing  filter-style-list filter-style-list-4 ">
                                                        
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/round?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="48" data-filter-param="4.48" data-text="Round" class="js_filter_option filter-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/round?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Shape/Round1.png?v=791" alt="Round">
                                                                        </div>
                                                                        <span class="min-h28em">Round</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/princess?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="49" data-filter-param="4.49" data-text="Princess" class="js_filter_option filter-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/princess?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Shape/Princess1.png?v=791" alt="Princess">
                                                                        </div>
                                                                        <span class="min-h28em">Princess</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/emerald?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="50" data-filter-param="4.50" data-text="Emerald" class="js_filter_option filter-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/emerald?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Shape/Emerald.png?v=791" alt="Emerald">
                                                                        </div>
                                                                        <span class="min-h28em">Emerald</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/asscher?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="51" data-filter-param="4.51" data-text="Asscher" class="js_filter_option filter-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/asscher?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Shape/Asscher.png?v=791" alt="Asscher">
                                                                        </div>
                                                                        <span class="min-h28em">Asscher</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/oval?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="52" data-filter-param="4.52" data-text="Oval" class="js_filter_option filter-style  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/oval?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Shape/Oval.png?v=791" alt="Oval">
                                                                        </div>
                                                                        <span class="min-h28em">Oval</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/pear?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="53" data-filter-param="4.53" data-text="Pear" class="js_filter_option filter-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/pear?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Shape/Pear.png?v=791" alt="Pear">
                                                                        </div>
                                                                        <span class="min-h28em">Pear</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings?filter_param=6.109_6.114_6.108_6.115_6.107" data-filter-id="54" data-filter-param="4.54" data-text="Heart" class="js_filter_option filter-style  active   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings?filter_param=6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Shape/Heart.png?v=791" alt="Heart">
                                                                        </div>
                                                                        <span class="min-h28em">Heart</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/marquise?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="55" data-filter-param="4.55" data-text="Marquise" class="js_filter_option filter-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/marquise?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Shape/Marquise.png?v=791" alt="Marquise">
                                                                        </div>
                                                                        <span class="min-h28em">Marquise</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/cushion?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="56" data-filter-param="4.56" data-text="Cushion" class="js_filter_option filter-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/cushion?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Shape/Cushion.png?v=791" alt="Cushion">
                                                                        </div>
                                                                        <span class="min-h28em">Cushion</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/radiant?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="57" data-filter-param="4.57" data-text="Radiant" class="js_filter_option filter-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/radiant?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Shape/radiant.png?v=791" alt="Radiant">
                                                                        </div>
                                                                        <span class="min-h28em">Radiant</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/baguette?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-id="116" data-filter-param="4.116" data-text="Baguette" class="js_filter_option filter-style   sd-filter-extra ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/baguette?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Shape/Baguette.png?v=791" alt="Baguette">
                                                                        </div>
                                                                        <span class="min-h28em">Baguette</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                                                                                </ul>
                                                                                                            <button type="button" class="sd-filter-see-more" data-sd-filter-toggle>See More</button>
                                                                                                    </div>
                                            </div>
                                        </div>
                                                                                                                                                            
                                        <div class="accordion-item">
                                            <span class="accordion-header left_side_filter_heading">
                                                <button class="accordion-button pt-0" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#left-filter-6"
                                                    aria-expanded="true" aria-controls="left-filter-6">
                                                    Setting Type </button>
                                            </span>
                                            <div id="left-filter-6" class="accordion-collapse collapse show">
                                                <div class="accordion-body">
                                                    <ul class="collection-listing  filter-style-list filter-style-list-6 ">
                                                        
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.108_6.115" data-filter-id="107" data-filter-param="6.107" data-text="3 Prong" class="js_filter_option filter-style  active  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.108_6.115" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Setting/3 prong.jpg?v=791" alt="3 Prong">
                                                                        </div>
                                                                        <span class="min-h28em">3 Prong</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.115_6.107" data-filter-id="108" data-filter-param="6.108" data-text="4 Prong" class="js_filter_option filter-style  active  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Setting/4 prong.jpg?v=791" alt="4 Prong">
                                                                        </div>
                                                                        <span class="min-h28em">4 Prong</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.114_6.108_6.115_6.107" data-filter-id="109" data-filter-param="6.109" data-text="6 Prong" class="js_filter_option filter-style  active  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.114_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Setting/6 prong.jpg?v=791" alt="6 Prong">
                                                                        </div>
                                                                        <span class="min-h28em">6 Prong</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.108_6.115_6.107" data-filter-id="114" data-filter-param="6.114" data-text="Bezel Setting" class="js_filter_option filter-style  active  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.108_6.115_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Setting/Full Bezel.jpg?v=791" alt="Bezel Setting">
                                                                        </div>
                                                                        <span class="min-h28em">Bezel Setting</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                            
                                                        
                                                            
                                                                <li data-value="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.108_6.107" data-filter-id="115" data-filter-param="6.115" data-text="Tension Setting" class="js_filter_option filter-style  active  ">
                                                                    <a href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.108_6.107" class="custom-control-a">
                                                                        <div class="filter-thumbnail">
                                                                            <img width="40" src="image/cache/upload_images_manual/Setting/Tension Set.jpg?v=791" alt="Tension Setting">
                                                                        </div>
                                                                        <span class="min-h28em">Tension Setting</span>
                                                                    </a>
                                                                </li>

                                                                                                                                                                                                                                </ul>
                                                                                                    </div>
                                            </div>
                                        </div>
                                                                                                                                                            
                                        <div class="accordion-item">
                                            <span class="accordion-header left_side_filter_heading">
                                                <button class="accordion-button pt-0" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#left-filter-3"
                                                    aria-expanded="true" aria-controls="left-filter-3">
                                                    Stone Type </button>
                                            </span>
                                            <div id="left-filter-3" class="accordion-collapse collapse show">
                                                <div class="accordion-body">
                                                    <ul class="collection-listing ">
                                                        
                                                        
                                                                                                                            <li class="">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/diamond?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="3.565" type="checkbox" value="" id="checkbox565" >
                                                                        <label class="form-check-label" for="checkbox565">
                                                                            Natural
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class="">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/lab-diamond?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="3.566" type="checkbox" value="" id="checkbox566" >
                                                                        <label class="form-check-label" for="checkbox566">
                                                                            Lab Diamond
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class="">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/ruby-filter?filter_param=4.54_6.109_6.114_6.108_6.115_6.107" data-filter-param="3.6319" type="checkbox" value="" id="checkbox6319" >
                                                                        <label class="form-check-label" for="checkbox6319">
                                                                            Ruby
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                                                                                </ul>
                                                                                                    </div>
                                            </div>
                                        </div>
                                                                                                                                                            
                                        <div class="accordion-item">
                                            <span class="accordion-header left_side_filter_heading">
                                                <button class="accordion-button pt-0" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#left-filter-17"
                                                    aria-expanded="true" aria-controls="left-filter-17">
                                                    Carat </button>
                                            </span>
                                            <div id="left-filter-17" class="accordion-collapse collapse show">
                                                <div class="accordion-body">
                                                    <ul class="collection-listing ">
                                                        
                                                        
                                                                                                                            <li class="">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.389_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.389" type="checkbox" value="" id="checkbox389" >
                                                                        <label class="form-check-label" for="checkbox389">
                                                                            0.20
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class="">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.394_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.394" type="checkbox" value="" id="checkbox394" >
                                                                        <label class="form-check-label" for="checkbox394">
                                                                            0.40
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class="">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.398_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.398" type="checkbox" value="" id="checkbox398" >
                                                                        <label class="form-check-label" for="checkbox398">
                                                                            0.60
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class="">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.402_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.402" type="checkbox" value="" id="checkbox402" >
                                                                        <label class="form-check-label" for="checkbox402">
                                                                            0.80
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class="">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.407_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.407" type="checkbox" value="" id="checkbox407" >
                                                                        <label class="form-check-label" for="checkbox407">
                                                                            1.00
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class=" sd-filter-extra ">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.411_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.411" type="checkbox" value="" id="checkbox411" >
                                                                        <label class="form-check-label" for="checkbox411">
                                                                            1.20
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class=" sd-filter-extra ">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.428_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.428" type="checkbox" value="" id="checkbox428" >
                                                                        <label class="form-check-label" for="checkbox428">
                                                                            2.00
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class=" sd-filter-extra ">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.432_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.432" type="checkbox" value="" id="checkbox432" >
                                                                        <label class="form-check-label" for="checkbox432">
                                                                            2.25
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class=" sd-filter-extra ">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.437_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.437" type="checkbox" value="" id="checkbox437" >
                                                                        <label class="form-check-label" for="checkbox437">
                                                                            2.50
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class=" sd-filter-extra ">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.449_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.449" type="checkbox" value="" id="checkbox449" >
                                                                        <label class="form-check-label" for="checkbox449">
                                                                            3.00
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class=" sd-filter-extra ">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.447_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.447" type="checkbox" value="" id="checkbox447" >
                                                                        <label class="form-check-label" for="checkbox447">
                                                                            3.50
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class=" sd-filter-extra ">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.451_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.451" type="checkbox" value="" id="checkbox451" >
                                                                        <label class="form-check-label" for="checkbox451">
                                                                            4.00
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class=" sd-filter-extra ">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.452_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.452" type="checkbox" value="" id="checkbox452" >
                                                                        <label class="form-check-label" for="checkbox452">
                                                                            5.00
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class=" sd-filter-extra ">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.453_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.453" type="checkbox" value="" id="checkbox453" >
                                                                        <label class="form-check-label" for="checkbox453">
                                                                            6.00
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class=" sd-filter-extra ">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.454_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.454" type="checkbox" value="" id="checkbox454" >
                                                                        <label class="form-check-label" for="checkbox454">
                                                                            7.00
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class=" sd-filter-extra ">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.455_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.455" type="checkbox" value="" id="checkbox455" >
                                                                        <label class="form-check-label" for="checkbox455">
                                                                            8.00
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class=" sd-filter-extra ">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.456_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.456" type="checkbox" value="" id="checkbox456" >
                                                                        <label class="form-check-label" for="checkbox456">
                                                                            9.00
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                            
                                                        
                                                                                                                            <li class=" sd-filter-extra ">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input filter-checkbox" data-filter-href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=17.457_6.109_6.114_6.108_6.115_6.107" data-filter-param="17.457" type="checkbox" value="" id="checkbox457" >
                                                                        <label class="form-check-label" for="checkbox457">
                                                                            10.00
                                                                        </label>
                                                                    </div>
                                                                </li>
                                                                                                                                                                                                                                </ul>
                                                                                                            <button type="button" class="sd-filter-see-more" data-sd-filter-toggle>See More</button>
                                                                                                    </div>
                                            </div>
                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                    <div class="accordion-item">
                                        <div class="accordion-header">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                Price Filter
                                            </button>
                                        </div>
                                    </div>
                                    <div class="accordion-collapse collapse show" id="collapseOne" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <div class="filter-popup-dropdown w-100" aria-labelledby="style-filter-10">
                                                <div class="row rangeslider my-3 justify-content-center align-items-center">

                                                    <div class="col-12 slider-price-range">
                                                        <input type="hidden" id="stone_price_min" class="stone_price_min" name="stone_price_min" value="0"/>
                                                        <input type="hidden" id="stone_price_max" class="stone_price_max" name="stone_price_max" value="50000"/>
                                                    </div>

                                                    <div class="col-12 d-flex justify-content-between mt-3 p-0">
                                                        <span class="slider_minvalue span_stone_price_min col-auto">£0</span>
                                                        <span class="slider_maxvalue span_stone_price_max col-auto">£50000</span>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <!-- side-bar collapse block end here -->
                    </div>
                                        <div class="collection-content  col-lg-9 ">
                        <div class="page-main-content">
                            <button class="filter-btn btn mt-0">
                                <i class="ri-filter-fill"></i>
                                Filter
                            </button>
                            <div class="collection-product-wrapper">

                                <div class="product-top-filter sidebar-top-filter mt-0">

                                    <div class="product-filter-content sidebar-popup-filter-content">

                                        <div class="collection-grid-view ms-auto">
                                            <ul>
                                                <li class="collection-grid-left-list-icon grid-icon active">
                                                    <img src="catalog/view/theme/default/assets/images/inner-page/icon/4.png" alt="Grid view" class="img-fluid">
                                                </li>
                                                <li class="collection-grid-top-list-icon grid-icon">
                                                    <img src="catalog/view/theme/default/assets/images/inner-page/icon/list.png" alt="List view" class="img-fluid">
                                                </li>
                                            </ul>
                                        </div>


                                        <div class="d-flex align-items-center gap-3">

                                                                                            <select class="sort-order-dropdown form-select d-block d-lg-none" onchange="location = this.value;">
                                                                                                                                                                        <option value="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.108_6.115_6.107">Best Seller</option>
                                                                                                                                                                                                                                <option value="https://www.sunshinediamonds.com/engagement-rings/heart?sort=p.product_id&amp;order=DESC&amp;filter_param=6.109_6.114_6.108_6.115_6.107">New Arrivals</option>
                                                                                                                                                                                                                                <option value="https://www.sunshinediamonds.com/engagement-rings/heart?sort=p.sort_order&amp;order=ASC&amp;filter_param=6.109_6.114_6.108_6.115_6.107" selected>Most Recommended</option>
                                                                                                                                                                                                                                <option value="https://www.sunshinediamonds.com/engagement-rings/heart?sort=p.viewed&amp;order=DESC&amp;filter_param=6.109_6.114_6.108_6.115_6.107">Most Viewed</option>
                                                                                                                                                                                                                                <option value="https://www.sunshinediamonds.com/engagement-rings/heart?sort=p.price&amp;order=ASC&amp;filter_param=6.109_6.114_6.108_6.115_6.107">Price (Low &gt; High)</option>
                                                                                                                                                                                                                                <option value="https://www.sunshinediamonds.com/engagement-rings/heart?sort=p.price&amp;order=DESC&amp;filter_param=6.109_6.114_6.108_6.115_6.107">Price (High &gt; Low)</option>
                                                                                                                                                            </select>
                                            
                                                <div class="custom-dropdown d-none d-lg-block">
                                                    <div class="selected-option">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            Most Recommended
                                                    </div>
                                                    <ul class="dropdown-options">
                                                                                                                    <li onclick="location.href='https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.108_6.115_6.107'" 
                                                                class=" w-100">
                                                                Best Seller
                                                            </li>
                                                                                                                    <li onclick="location.href='https://www.sunshinediamonds.com/engagement-rings/heart?sort=p.product_id&amp;order=DESC&amp;filter_param=6.109_6.114_6.108_6.115_6.107'" 
                                                                class=" w-100">
                                                                New Arrivals
                                                            </li>
                                                                                                                    <li onclick="location.href='https://www.sunshinediamonds.com/engagement-rings/heart?sort=p.sort_order&amp;order=ASC&amp;filter_param=6.109_6.114_6.108_6.115_6.107'" 
                                                                class="selected w-100">
                                                                Most Recommended
                                                            </li>
                                                                                                                    <li onclick="location.href='https://www.sunshinediamonds.com/engagement-rings/heart?sort=p.viewed&amp;order=DESC&amp;filter_param=6.109_6.114_6.108_6.115_6.107'" 
                                                                class=" w-100">
                                                                Most Viewed
                                                            </li>
                                                                                                                    <li onclick="location.href='https://www.sunshinediamonds.com/engagement-rings/heart?sort=p.price&amp;order=ASC&amp;filter_param=6.109_6.114_6.108_6.115_6.107'" 
                                                                class=" w-100">
                                                                Price (Low &gt; High)
                                                            </li>
                                                                                                                    <li onclick="location.href='https://www.sunshinediamonds.com/engagement-rings/heart?sort=p.price&amp;order=DESC&amp;filter_param=6.109_6.114_6.108_6.115_6.107'" 
                                                                class=" w-100">
                                                                Price (High &gt; Low)
                                                            </li>
                                                                                                            </ul>
                                                </div>
                                            
                                        </div>

                                        <div class="limit_bar d-flex p-2 w-75 justify-content-between">
                                            <span class="limit_barSpan d-lg-block d-none">
                                                                                                   <span>22 Products</span>
                                                                                            </span>

                                                                                            <div class="active-filters">
                                                                                                            <u><a class="filter-tag me-2 color-111111" href="https://www.sunshinediamonds.com/engagement-rings?filter_param=6.109_6.114_6.108_6.115_6.107">Heart &times;</a></u>
                                                                                                            <u><a class="filter-tag me-2 color-111111" href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.108_6.115">3 Prong &times;</a></u>
                                                                                                            <u><a class="filter-tag me-2 color-111111" href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.115_6.107">4 Prong &times;</a></u>
                                                                                                            <u><a class="filter-tag me-2 color-111111" href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.114_6.108_6.115_6.107">6 Prong &times;</a></u>
                                                                                                            <u><a class="filter-tag me-2 color-111111" href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.108_6.115_6.107">Bezel Setting &times;</a></u>
                                                                                                            <u><a class="filter-tag me-2 color-111111" href="https://www.sunshinediamonds.com/engagement-rings/heart?filter_param=6.109_6.114_6.108_6.107">Tension Setting &times;</a></u>
                                                                                                                                                                <u>
                                                            <a class="clear-all color-111111" href="https://www.sunshinediamonds.com/engagement-rings/view-all">Clear All</a>
                                                        </u>
                                                                                                    </div>
                                                                                    </div>


                                        <div class="collection-grid-view ms-auto" id="style-view-toggle">
                                            <ul>
                                                <li class="product-2-layout-view grid-icon" data-style-view="2">
                                                    <img src="catalog/view/theme/default/assets/images/inner-page/icon/2.png" alt="2 column grid view" class="img-fluid">
                                                </li>
                                                <li class="product-3-layout-view grid-icon active" data-style-view="3">
                                                    <img src="catalog/view/theme/default/assets/images/inner-page/icon/3.png" alt="3 column grid view" class="img-fluid">
                                                </li>
                                                <li class="product-4-layout-view grid-icon" data-style-view="4">
                                                    <img src="catalog/view/theme/default/assets/images/inner-page/icon/4.png" alt="4 column grid view" class="img-fluid">
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                                

                                <div class="product-wrapper-grid">

                                                                                                            
                                    <div class="row g-3 g-sm-4 product-wrapper-grid-row">
                                            
                                                
                                                
                                                



                                                                                                
                                                <div class="col-xl-4 col-6 col-grid-box">
                                                    <div class="basic-product theme-product-1">
                                                        <div class="overflow-hidden">
                                                            <div class="img-wrapper">
                                                                <a href="https://www.sunshinediamonds.com/product/0.1-3-carat-black-diamond-heart-3-prong-black-diamond-mens-ring-engagement-rings-in-silver-925-shsr04al?&shape=HRT">
                                                                                                                                        <div class="product-image-container thumb-img-15953">
                                                                        <img src="https://www.sunshinediamonds.com/image/products/shsr04al/asd_qwe_ww_bd_hrt_image_0001.jpg?v=791" data-src="https://www.sunshinediamonds.com/image/products/shsr04al/asd_qwe_ww_bd_hrt_image_0001.jpg?v=791" class="w-100 img-fluid blur-up lazyload  main-image " loading="lazy" decoding="async" alt="Zeonna 3 Prong Black Mens Diamond Ring">
                                                                                                                                                                                                                            <img src="https://www.sunshinediamonds.com/image/products/shsr04al/asd_qwe_ww_bd_hrt_image_0002.jpg?v=791"
                                                                                data-src="https://www.sunshinediamonds.com/image/products/shsr04al/asd_qwe_ww_bd_hrt_image_0002.jpg?v=791"
                                                                                class="w-100 img-fluid blur-up lazyload hover-image"
                                                                                loading="lazy"
                                                                                decoding="async"
                                                                                alt="Zeonna 3 Prong Black Mens Diamond Ring | Sunshine Diamonds">
                                                                                                                                            </div>

                                                                                                                                    </a>
                                                                <div class="custom-wishlist-btn">
                                                                                                                                    <a href="/index.php?route=account/login_popup" title="" class="loginpopup text-dark color-2f2f2f" data-toggle="dropdown">
                                                                    <i class="ri-heart-line"></i>
                                                                    </a>
                                                                                                                                </div>
                                                            </div>
                                                            <div class="product-detail">
                                                                <div class="row d-flex justify-content-between align-items-center">
                                                                    <div class="col-8">
                                                                        <a class="product-title" href="https://www.sunshinediamonds.com/product/0.1-3-carat-black-diamond-heart-3-prong-black-diamond-mens-ring-engagement-rings-in-silver-925-shsr04al?&shape=HRT">
                                                                            SHSR04Al<br/>
                                                                            Zeonna 3 Prong Black Mens Diamond Ring
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-4">
                                                                        <h5 class="price d-flex justify-content-end mb-1">From</h5>
                                                                        <h4 class="price justify-content-end">£174</h4>
                                                                    </div>
                                                                    <div class="col-12 mt-3">
                                                                        <div class="brand-w-color">
                                                                            <div class="color-panel">
                                                                                <ul>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="15953" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="yy" data-product-id="15953" style="background: linear-gradient(135deg, #f5d776, #fff1b8);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="rr" data-product-id="15953" style="background: linear-gradient(135deg, #f9b28c, #ffe0d0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="15953" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            
                                                
                                                
                                                



                                                                                                
                                                <div class="col-xl-4 col-6 col-grid-box">
                                                    <div class="basic-product theme-product-1">
                                                        <div class="overflow-hidden">
                                                            <div class="img-wrapper">
                                                                <a href="https://www.sunshinediamonds.com/product/0.5-3-carat-black-diamond-heart-3-prong-black-diamond-mens-ring-engagement-rings-in-silver-925-shsr111al?&shape=HRT">
                                                                                                                                        <div class="product-image-container thumb-img-15961">
                                                                        <img src="https://www.sunshinediamonds.com/image/products/shsr111al/asd_qwe_ww_bd_hrt_image_0001.jpg?v=791" data-src="https://www.sunshinediamonds.com/image/products/shsr111al/asd_qwe_ww_bd_hrt_image_0001.jpg?v=791" class="w-100 img-fluid blur-up lazyload  main-image " loading="lazy" decoding="async" alt="Filomina 3 Prong Engagement Halo Diamond Ring">
                                                                                                                                                                                                                            <img src="https://www.sunshinediamonds.com/image/products/shsr111al/asd_qwe_ww_bd_hrt_image_0002.jpg?v=791"
                                                                                data-src="https://www.sunshinediamonds.com/image/products/shsr111al/asd_qwe_ww_bd_hrt_image_0002.jpg?v=791"
                                                                                class="w-100 img-fluid blur-up lazyload hover-image"
                                                                                loading="lazy"
                                                                                decoding="async"
                                                                                alt="Filomina 3 Prong Engagement Halo Diamond Ring | Sunshine Diamonds">
                                                                                                                                            </div>

                                                                                                                                    </a>
                                                                <div class="custom-wishlist-btn">
                                                                                                                                    <a href="/index.php?route=account/login_popup" title="" class="loginpopup text-dark color-2f2f2f" data-toggle="dropdown">
                                                                    <i class="ri-heart-line"></i>
                                                                    </a>
                                                                                                                                </div>
                                                            </div>
                                                            <div class="product-detail">
                                                                <div class="row d-flex justify-content-between align-items-center">
                                                                    <div class="col-8">
                                                                        <a class="product-title" href="https://www.sunshinediamonds.com/product/0.5-3-carat-black-diamond-heart-3-prong-black-diamond-mens-ring-engagement-rings-in-silver-925-shsr111al?&shape=HRT">
                                                                            SHSR111Al<br/>
                                                                            Filomina 3 Prong Engagement Halo Diamond Ring
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-4">
                                                                        <h5 class="price d-flex justify-content-end mb-1">From</h5>
                                                                        <h4 class="price justify-content-end">£665</h4>
                                                                    </div>
                                                                    <div class="col-12 mt-3">
                                                                        <div class="brand-w-color">
                                                                            <div class="color-panel">
                                                                                <ul>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="15961" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="yy" data-product-id="15961" style="background: linear-gradient(135deg, #f5d776, #fff1b8);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="rr" data-product-id="15961" style="background: linear-gradient(135deg, #f9b28c, #ffe0d0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="15961" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            
                                                
                                                
                                                



                                                                                                
                                                <div class="col-xl-4 col-6 col-grid-box">
                                                    <div class="basic-product theme-product-1">
                                                        <div class="overflow-hidden">
                                                            <div class="img-wrapper">
                                                                <a href="https://www.sunshinediamonds.com/product/jenny-heart-shaped-halo-engagement-ring-from-0-20-3-00-carat-sr14296?&shape=HRT">
                                                                                                                                        <div class="product-image-container thumb-img-4307">
                                                                        <img src="https://www.sunshinediamonds.com/image/products/sr14296/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" data-src="https://www.sunshinediamonds.com/image/products/sr14296/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" class="w-100 img-fluid blur-up lazyload  main-image " loading="lazy" decoding="async" alt="Eisley 3 Prong Everyday Diamond Ring">
                                                                                                                                                                                                                            <img src="https://www.sunshinediamonds.com/image/products/sr14296/asd_qwe_ww_di_hrt_image_0002.jpg?v=791"
                                                                                data-src="https://www.sunshinediamonds.com/image/products/sr14296/asd_qwe_ww_di_hrt_image_0002.jpg?v=791"
                                                                                class="w-100 img-fluid blur-up lazyload hover-image"
                                                                                loading="lazy"
                                                                                decoding="async"
                                                                                alt="Eisley 3 Prong Everyday Diamond Ring | Sunshine Diamonds">
                                                                                                                                            </div>

                                                                                                                                    </a>
                                                                <div class="custom-wishlist-btn">
                                                                                                                                    <a href="/index.php?route=account/login_popup" title="" class="loginpopup text-dark color-2f2f2f" data-toggle="dropdown">
                                                                    <i class="ri-heart-line"></i>
                                                                    </a>
                                                                                                                                </div>
                                                            </div>
                                                            <div class="product-detail">
                                                                <div class="row d-flex justify-content-between align-items-center">
                                                                    <div class="col-8">
                                                                        <a class="product-title" href="https://www.sunshinediamonds.com/product/jenny-heart-shaped-halo-engagement-ring-from-0-20-3-00-carat-sr14296?&shape=HRT">
                                                                            SR_14296<br/>
                                                                            Eisley 3 Prong Everyday Diamond Ring
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-4">
                                                                        <h5 class="price d-flex justify-content-end mb-1">From</h5>
                                                                        <h4 class="price justify-content-end">£295</h4>
                                                                    </div>
                                                                    <div class="col-12 mt-3">
                                                                        <div class="brand-w-color">
                                                                            <div class="color-panel">
                                                                                <ul>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="4307" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="yy" data-product-id="4307" style="background: linear-gradient(135deg, #f5d776, #fff1b8);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="rr" data-product-id="4307" style="background: linear-gradient(135deg, #f9b28c, #ffe0d0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="4307" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            
                                                
                                                
                                                



                                                                                                
                                                <div class="col-xl-4 col-6 col-grid-box">
                                                    <div class="basic-product theme-product-1">
                                                        <div class="overflow-hidden">
                                                            <div class="img-wrapper">
                                                                <a href="https://www.sunshinediamonds.com/product/0-20-3-00-carat-heart-shaped-solitaire-engagement-ring-sr14108?&shape=HRT">
                                                                                                                                        <div class="product-image-container thumb-img-4119">
                                                                        <img src="https://www.sunshinediamonds.com/image/products/sr14108/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" data-src="https://www.sunshinediamonds.com/image/products/sr14108/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" class="w-100 img-fluid blur-up lazyload  main-image " loading="lazy" decoding="async" alt="Betsi 3 Prong Classic Solitaire Diamond Ring">
                                                                                                                                                                                                                            <img src="https://www.sunshinediamonds.com/image/products/sr14108/asd_qwe_ww_di_hrt_image_0002.jpg?v=791"
                                                                                data-src="https://www.sunshinediamonds.com/image/products/sr14108/asd_qwe_ww_di_hrt_image_0002.jpg?v=791"
                                                                                class="w-100 img-fluid blur-up lazyload hover-image"
                                                                                loading="lazy"
                                                                                decoding="async"
                                                                                alt="Betsi 3 Prong Classic Solitaire Diamond Ring | Sunshine Diamonds">
                                                                                                                                            </div>

                                                                                                                                    </a>
                                                                <div class="custom-wishlist-btn">
                                                                                                                                    <a href="/index.php?route=account/login_popup" title="" class="loginpopup text-dark color-2f2f2f" data-toggle="dropdown">
                                                                    <i class="ri-heart-line"></i>
                                                                    </a>
                                                                                                                                </div>
                                                            </div>
                                                            <div class="product-detail">
                                                                <div class="row d-flex justify-content-between align-items-center">
                                                                    <div class="col-8">
                                                                        <a class="product-title" href="https://www.sunshinediamonds.com/product/0-20-3-00-carat-heart-shaped-solitaire-engagement-ring-sr14108?&shape=HRT">
                                                                            SR_14108<br/>
                                                                            Betsi 3 Prong Classic Solitaire Diamond Ring
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-4">
                                                                        <h5 class="price d-flex justify-content-end mb-1">From</h5>
                                                                        <h4 class="price justify-content-end">£386</h4>
                                                                    </div>
                                                                    <div class="col-12 mt-3">
                                                                        <div class="brand-w-color">
                                                                            <div class="color-panel">
                                                                                <ul>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="4119" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="yy" data-product-id="4119" style="background: linear-gradient(135deg, #f5d776, #fff1b8);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="rr" data-product-id="4119" style="background: linear-gradient(135deg, #f9b28c, #ffe0d0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="4119" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            
                                                
                                                
                                                



                                                                                                
                                                <div class="col-xl-4 col-6 col-grid-box">
                                                    <div class="basic-product theme-product-1">
                                                        <div class="overflow-hidden">
                                                            <div class="img-wrapper">
                                                                <a href="https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-3-prong-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr08?&shape=HRT">
                                                                                                                                        <div class="product-image-container thumb-img-16822">
                                                                        <img src="https://www.sunshinediamonds.com/image/products/sralhr08/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" data-src="https://www.sunshinediamonds.com/image/products/sralhr08/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" class="w-100 img-fluid blur-up lazyload " loading="lazy" decoding="async" alt="Shernia 3 Prong Classic Solitaire Diamond Ring">
                                                                                                                                                                                                                            <img src=""
                                                                                data-src=""
                                                                                class="w-100 img-fluid blur-up lazyload hover-image"
                                                                                loading="lazy"
                                                                                decoding="async"
                                                                                alt="Shernia 3 Prong Classic Solitaire Diamond Ring | Sunshine Diamonds">
                                                                                                                                            </div>

                                                                                                                                    </a>
                                                                <div class="custom-wishlist-btn">
                                                                                                                                    <a href="/index.php?route=account/login_popup" title="" class="loginpopup text-dark color-2f2f2f" data-toggle="dropdown">
                                                                    <i class="ri-heart-line"></i>
                                                                    </a>
                                                                                                                                </div>
                                                            </div>
                                                            <div class="product-detail">
                                                                <div class="row d-flex justify-content-between align-items-center">
                                                                    <div class="col-8">
                                                                        <a class="product-title" href="https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-3-prong-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr08?&shape=HRT">
                                                                            SR_ALHR08<br/>
                                                                            Shernia 3 Prong Classic Solitaire Diamond Ring
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-4">
                                                                        <h5 class="price d-flex justify-content-end mb-1">From</h5>
                                                                        <h4 class="price justify-content-end">£238</h4>
                                                                    </div>
                                                                    <div class="col-12 mt-3">
                                                                        <div class="brand-w-color">
                                                                            <div class="color-panel">
                                                                                <ul>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="16822" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="yy" data-product-id="16822" style="background: linear-gradient(135deg, #f5d776, #fff1b8);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="rr" data-product-id="16822" style="background: linear-gradient(135deg, #f9b28c, #ffe0d0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="16822" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            
                                                
                                                
                                                



                                                                                                
                                                <div class="col-xl-4 col-6 col-grid-box">
                                                    <div class="basic-product theme-product-1">
                                                        <div class="overflow-hidden">
                                                            <div class="img-wrapper">
                                                                <a href="https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-3-prong-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr01?&shape=HRT">
                                                                                                                                        <div class="product-image-container thumb-img-16815">
                                                                        <img src="https://www.sunshinediamonds.com/image/products/sralhr01/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" data-src="https://www.sunshinediamonds.com/image/products/sralhr01/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" class="w-100 img-fluid blur-up lazyload  main-image " loading="lazy" decoding="async" alt="Alcya 3 Prong Classic Solitaire Diamond Ring">
                                                                                                                                                                                                                            <img src="https://www.sunshinediamonds.com/image/products/sralhr01/asd_qwe_ww_di_hrt_image_0002.jpg?v=791"
                                                                                data-src="https://www.sunshinediamonds.com/image/products/sralhr01/asd_qwe_ww_di_hrt_image_0002.jpg?v=791"
                                                                                class="w-100 img-fluid blur-up lazyload hover-image"
                                                                                loading="lazy"
                                                                                decoding="async"
                                                                                alt="Alcya 3 Prong Classic Solitaire Diamond Ring | Sunshine Diamonds">
                                                                                                                                            </div>

                                                                                                                                    </a>
                                                                <div class="custom-wishlist-btn">
                                                                                                                                    <a href="/index.php?route=account/login_popup" title="" class="loginpopup text-dark color-2f2f2f" data-toggle="dropdown">
                                                                    <i class="ri-heart-line"></i>
                                                                    </a>
                                                                                                                                </div>
                                                            </div>
                                                            <div class="product-detail">
                                                                <div class="row d-flex justify-content-between align-items-center">
                                                                    <div class="col-8">
                                                                        <a class="product-title" href="https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-3-prong-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr01?&shape=HRT">
                                                                            SR_ALHR01<br/>
                                                                            Alcya 3 Prong Classic Solitaire Diamond Ring
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-4">
                                                                        <h5 class="price d-flex justify-content-end mb-1">From</h5>
                                                                        <h4 class="price justify-content-end">£265</h4>
                                                                    </div>
                                                                    <div class="col-12 mt-3">
                                                                        <div class="brand-w-color">
                                                                            <div class="color-panel">
                                                                                <ul>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="16815" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="yy" data-product-id="16815" style="background: linear-gradient(135deg, #f5d776, #fff1b8);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="rr" data-product-id="16815" style="background: linear-gradient(135deg, #f9b28c, #ffe0d0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="16815" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            
                                                
                                                
                                                



                                                                                                
                                                <div class="col-xl-4 col-6 col-grid-box">
                                                    <div class="basic-product theme-product-1">
                                                        <div class="overflow-hidden">
                                                            <div class="img-wrapper">
                                                                <a href="https://www.sunshinediamonds.com/product/srovf1625-srovf1625?&shape=HRT">
                                                                                                                                        <div class="product-image-container thumb-img-13297">
                                                                        <img src="https://www.sunshinediamonds.com/image/products/srovf1625/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" data-src="https://www.sunshinediamonds.com/image/products/srovf1625/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" class="w-100 img-fluid blur-up lazyload  main-image " loading="lazy" decoding="async" alt="Donia 4 Prong Classic Solitaire Diamond Ring">
                                                                                                                                                                                                                            <img src="https://www.sunshinediamonds.com/image/products/srovf1625/asd_qwe_ww_di_hrt_image_0002.jpg?v=791"
                                                                                data-src="https://www.sunshinediamonds.com/image/products/srovf1625/asd_qwe_ww_di_hrt_image_0002.jpg?v=791"
                                                                                class="w-100 img-fluid blur-up lazyload hover-image"
                                                                                loading="lazy"
                                                                                decoding="async"
                                                                                alt="Donia 4 Prong Classic Solitaire Diamond Ring | Sunshine Diamonds">
                                                                                                                                            </div>

                                                                                                                                    </a>
                                                                <div class="custom-wishlist-btn">
                                                                                                                                    <a href="/index.php?route=account/login_popup" title="" class="loginpopup text-dark color-2f2f2f" data-toggle="dropdown">
                                                                    <i class="ri-heart-line"></i>
                                                                    </a>
                                                                                                                                </div>
                                                            </div>
                                                            <div class="product-detail">
                                                                <div class="row d-flex justify-content-between align-items-center">
                                                                    <div class="col-8">
                                                                        <a class="product-title" href="https://www.sunshinediamonds.com/product/srovf1625-srovf1625?&shape=HRT">
                                                                            SR_OVF1625<br/>
                                                                            Donia 4 Prong Classic Solitaire Diamond Ring
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-4">
                                                                        <h5 class="price d-flex justify-content-end mb-1">From</h5>
                                                                        <h4 class="price justify-content-end">£419</h4>
                                                                    </div>
                                                                    <div class="col-12 mt-3">
                                                                        <div class="brand-w-color">
                                                                            <div class="color-panel">
                                                                                <ul>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="13297" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="yy" data-product-id="13297" style="background: linear-gradient(135deg, #f5d776, #fff1b8);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="rr" data-product-id="13297" style="background: linear-gradient(135deg, #f9b28c, #ffe0d0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="13297" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            
                                                
                                                
                                                



                                                                                                
                                                <div class="col-xl-4 col-6 col-grid-box">
                                                    <div class="basic-product theme-product-1">
                                                        <div class="overflow-hidden">
                                                            <div class="img-wrapper">
                                                                <a href="https://www.sunshinediamonds.com/product/heart-shaped-solitaire-engagement-ring-sr14107?&shape=HRT">
                                                                                                                                        <div class="product-image-container thumb-img-4118">
                                                                        <img src="https://www.sunshinediamonds.com/image/products/sr14107/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" data-src="https://www.sunshinediamonds.com/image/products/sr14107/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" class="w-100 img-fluid blur-up lazyload  main-image " loading="lazy" decoding="async" alt="Camlyn 4 Prong Classic Solitaire Diamond Ring">
                                                                                                                                                                                                                            <img src="https://www.sunshinediamonds.com/image/products/sr14107/asd_qwe_ww_di_hrt_image_0002.jpg?v=791"
                                                                                data-src="https://www.sunshinediamonds.com/image/products/sr14107/asd_qwe_ww_di_hrt_image_0002.jpg?v=791"
                                                                                class="w-100 img-fluid blur-up lazyload hover-image"
                                                                                loading="lazy"
                                                                                decoding="async"
                                                                                alt="Camlyn 4 Prong Classic Solitaire Diamond Ring | Sunshine Diamonds">
                                                                                                                                            </div>

                                                                                                                                    </a>
                                                                <div class="custom-wishlist-btn">
                                                                                                                                    <a href="/index.php?route=account/login_popup" title="" class="loginpopup text-dark color-2f2f2f" data-toggle="dropdown">
                                                                    <i class="ri-heart-line"></i>
                                                                    </a>
                                                                                                                                </div>
                                                            </div>
                                                            <div class="product-detail">
                                                                <div class="row d-flex justify-content-between align-items-center">
                                                                    <div class="col-8">
                                                                        <a class="product-title" href="https://www.sunshinediamonds.com/product/heart-shaped-solitaire-engagement-ring-sr14107?&shape=HRT">
                                                                            SR_14107<br/>
                                                                            Camlyn 4 Prong Classic Solitaire Diamond Ring
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-4">
                                                                        <h5 class="price d-flex justify-content-end mb-1">From</h5>
                                                                        <h4 class="price justify-content-end">£478</h4>
                                                                    </div>
                                                                    <div class="col-12 mt-3">
                                                                        <div class="brand-w-color">
                                                                            <div class="color-panel">
                                                                                <ul>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="4118" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="yy" data-product-id="4118" style="background: linear-gradient(135deg, #f5d776, #fff1b8);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="rr" data-product-id="4118" style="background: linear-gradient(135deg, #f9b28c, #ffe0d0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="4118" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            
                                                
                                                
                                                



                                                                                                
                                                <div class="col-xl-4 col-6 col-grid-box">
                                                    <div class="basic-product theme-product-1">
                                                        <div class="overflow-hidden">
                                                            <div class="img-wrapper">
                                                                <a href="https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-4-prong-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr010?&shape=HRT">
                                                                                                                                        <div class="product-image-container thumb-img-16845">
                                                                        <img src="https://www.sunshinediamonds.com/image/products/sralhr010/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" data-src="https://www.sunshinediamonds.com/image/products/sralhr010/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" class="w-100 img-fluid blur-up lazyload " loading="lazy" decoding="async" alt="Medona 4 Prong Classic Solitaire Diamond Ring">
                                                                                                                                                                                                                            <img src=""
                                                                                data-src=""
                                                                                class="w-100 img-fluid blur-up lazyload hover-image"
                                                                                loading="lazy"
                                                                                decoding="async"
                                                                                alt="Medona 4 Prong Classic Solitaire Diamond Ring | Sunshine Diamonds">
                                                                                                                                            </div>

                                                                                                                                    </a>
                                                                <div class="custom-wishlist-btn">
                                                                                                                                    <a href="/index.php?route=account/login_popup" title="" class="loginpopup text-dark color-2f2f2f" data-toggle="dropdown">
                                                                    <i class="ri-heart-line"></i>
                                                                    </a>
                                                                                                                                </div>
                                                            </div>
                                                            <div class="product-detail">
                                                                <div class="row d-flex justify-content-between align-items-center">
                                                                    <div class="col-8">
                                                                        <a class="product-title" href="https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-4-prong-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr010?&shape=HRT">
                                                                            SR_ALHR010<br/>
                                                                            Medona 4 Prong Classic Solitaire Diamond Ring
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-4">
                                                                        <h5 class="price d-flex justify-content-end mb-1">From</h5>
                                                                        <h4 class="price justify-content-end">£238</h4>
                                                                    </div>
                                                                    <div class="col-12 mt-3">
                                                                        <div class="brand-w-color">
                                                                            <div class="color-panel">
                                                                                <ul>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="16845" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="yy" data-product-id="16845" style="background: linear-gradient(135deg, #f5d776, #fff1b8);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="rr" data-product-id="16845" style="background: linear-gradient(135deg, #f9b28c, #ffe0d0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="16845" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            
                                                
                                                
                                                



                                                                                                
                                                <div class="col-xl-4 col-6 col-grid-box">
                                                    <div class="basic-product theme-product-1">
                                                        <div class="overflow-hidden">
                                                            <div class="img-wrapper">
                                                                <a href="https://www.sunshinediamonds.com/product/natalia-heart-shaped-centre-and-round-side-stone-engagement-ring-from-0-20-3-00-carat-sr14196?&shape=HRT">
                                                                                                                                        <div class="product-image-container thumb-img-4207">
                                                                        <img src="https://www.sunshinediamonds.com/image/products/sr14196/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" data-src="https://www.sunshinediamonds.com/image/products/sr14196/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" class="w-100 img-fluid blur-up lazyload  main-image " loading="lazy" decoding="async" alt="Natalia 3 Prong Side Stone Diamond Ring">
                                                                                                                                                                                                                            <img src="https://www.sunshinediamonds.com/image/products/sr14196/asd_qwe_ww_di_hrt_image_0002.jpg?v=791"
                                                                                data-src="https://www.sunshinediamonds.com/image/products/sr14196/asd_qwe_ww_di_hrt_image_0002.jpg?v=791"
                                                                                class="w-100 img-fluid blur-up lazyload hover-image"
                                                                                loading="lazy"
                                                                                decoding="async"
                                                                                alt="Natalia 3 Prong Side Stone Diamond Ring | Sunshine Diamonds">
                                                                                                                                            </div>

                                                                                                                                    </a>
                                                                <div class="custom-wishlist-btn">
                                                                                                                                    <a href="/index.php?route=account/login_popup" title="" class="loginpopup text-dark color-2f2f2f" data-toggle="dropdown">
                                                                    <i class="ri-heart-line"></i>
                                                                    </a>
                                                                                                                                </div>
                                                            </div>
                                                            <div class="product-detail">
                                                                <div class="row d-flex justify-content-between align-items-center">
                                                                    <div class="col-8">
                                                                        <a class="product-title" href="https://www.sunshinediamonds.com/product/natalia-heart-shaped-centre-and-round-side-stone-engagement-ring-from-0-20-3-00-carat-sr14196?&shape=HRT">
                                                                            SR_14196<br/>
                                                                            Natalia 3 Prong Side Stone Diamond Ring
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-4">
                                                                        <h5 class="price d-flex justify-content-end mb-1">From</h5>
                                                                        <h4 class="price justify-content-end">£274</h4>
                                                                    </div>
                                                                    <div class="col-12 mt-3">
                                                                        <div class="brand-w-color">
                                                                            <div class="color-panel">
                                                                                <ul>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="4207" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="yy" data-product-id="4207" style="background: linear-gradient(135deg, #f5d776, #fff1b8);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="rr" data-product-id="4207" style="background: linear-gradient(135deg, #f9b28c, #ffe0d0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="4207" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            
                                                
                                                
                                                



                                                                                                
                                                <div class="col-xl-4 col-6 col-grid-box">
                                                    <div class="basic-product theme-product-1">
                                                        <div class="overflow-hidden">
                                                            <div class="img-wrapper">
                                                                <a href="https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-3-prong-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr03?&shape=HRT">
                                                                                                                                        <div class="product-image-container thumb-img-16817">
                                                                        <img src="https://www.sunshinediamonds.com/image/products/sralhr03/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" data-src="https://www.sunshinediamonds.com/image/products/sralhr03/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" class="w-100 img-fluid blur-up lazyload " loading="lazy" decoding="async" alt="Alexandra 3 Prong Classic Solitaire Diamond Ring">
                                                                                                                                                                                                                            <img src=""
                                                                                data-src=""
                                                                                class="w-100 img-fluid blur-up lazyload hover-image"
                                                                                loading="lazy"
                                                                                decoding="async"
                                                                                alt="Alexandra 3 Prong Classic Solitaire Diamond Ring | Sunshine Diamonds">
                                                                                                                                            </div>

                                                                                                                                    </a>
                                                                <div class="custom-wishlist-btn">
                                                                                                                                    <a href="/index.php?route=account/login_popup" title="" class="loginpopup text-dark color-2f2f2f" data-toggle="dropdown">
                                                                    <i class="ri-heart-line"></i>
                                                                    </a>
                                                                                                                                </div>
                                                            </div>
                                                            <div class="product-detail">
                                                                <div class="row d-flex justify-content-between align-items-center">
                                                                    <div class="col-8">
                                                                        <a class="product-title" href="https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-3-prong-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr03?&shape=HRT">
                                                                            SR_ALHR03<br/>
                                                                            Alexandra 3 Prong Classic Solitaire Diamond Ring
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-4">
                                                                        <h5 class="price d-flex justify-content-end mb-1">From</h5>
                                                                        <h4 class="price justify-content-end">£238</h4>
                                                                    </div>
                                                                    <div class="col-12 mt-3">
                                                                        <div class="brand-w-color">
                                                                            <div class="color-panel">
                                                                                <ul>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="16817" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="yy" data-product-id="16817" style="background: linear-gradient(135deg, #f5d776, #fff1b8);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="rr" data-product-id="16817" style="background: linear-gradient(135deg, #f9b28c, #ffe0d0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="16817" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            
                                                
                                                
                                                



                                                                                                
                                                <div class="col-xl-4 col-6 col-grid-box">
                                                    <div class="basic-product theme-product-1">
                                                        <div class="overflow-hidden">
                                                            <div class="img-wrapper">
                                                                <a href="https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-bezel-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr05?&shape=HRT">
                                                                                                                                        <div class="product-image-container thumb-img-16819">
                                                                        <img src="https://www.sunshinediamonds.com/image/products/sralhr05/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" data-src="https://www.sunshinediamonds.com/image/products/sralhr05/asd_qwe_ww_di_hrt_image_0001.jpg?v=791" class="w-100 img-fluid blur-up lazyload " loading="lazy" decoding="async" alt="Blusya Bezel Set Classic Solitaire Diamond Ring">
                                                                                                                                                                                                                            <img src=""
                                                                                data-src=""
                                                                                class="w-100 img-fluid blur-up lazyload hover-image"
                                                                                loading="lazy"
                                                                                decoding="async"
                                                                                alt="Blusya Bezel Set Classic Solitaire Diamond Ring | Sunshine Diamonds">
                                                                                                                                            </div>

                                                                                                                                    </a>
                                                                <div class="custom-wishlist-btn">
                                                                                                                                    <a href="/index.php?route=account/login_popup" title="" class="loginpopup text-dark color-2f2f2f" data-toggle="dropdown">
                                                                    <i class="ri-heart-line"></i>
                                                                    </a>
                                                                                                                                </div>
                                                            </div>
                                                            <div class="product-detail">
                                                                <div class="row d-flex justify-content-between align-items-center">
                                                                    <div class="col-8">
                                                                        <a class="product-title" href="https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-bezel-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr05?&shape=HRT">
                                                                            SR_ALHR05<br/>
                                                                            Blusya Bezel Set Classic Solitaire Diamond Ring
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-4">
                                                                        <h5 class="price d-flex justify-content-end mb-1">From</h5>
                                                                        <h4 class="price justify-content-end">£238</h4>
                                                                    </div>
                                                                    <div class="col-12 mt-3">
                                                                        <div class="brand-w-color">
                                                                            <div class="color-panel">
                                                                                <ul>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="16819" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="yy" data-product-id="16819" style="background: linear-gradient(135deg, #f5d776, #fff1b8);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="rr" data-product-id="16819" style="background: linear-gradient(135deg, #f9b28c, #ffe0d0);"></li>
                                                                                    <li class="color-panel-item me-3" data-color="ww" data-product-id="16819" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                                                    
                                    </div>
                                </div>

                                <div id="load-more-trigger"></div>
                                
                                <!-- Infinite Scroll Loading Indicator -->
                                <div id="infinite-scroll-loader" class="text-center py-4" style="display: none;">
                                    <div class="spinner-border text-primary" role="status">
                                        <span class="visually-hidden">Loading...</span>
                                    </div>
                                    <p class="mt-2">Loading more products...</p>
                                </div>
                                
                                <!-- End of Products Message -->
                                <div id="end-of-products" class="text-center py-4" style="display: none;">
                                    <p class="text-muted">You've reached the end of all products.</p>
                                </div>
                                
                                <!-- Fallback Pagination (hidden by default) -->
                                <div id="fallback-pagination" style="display: none;">
                                    <div class="product-pagination">
	<div class="theme-paggination-block">
		<nav>
			<ul class="pagination">

				

															<li class="page-item active">
							<a class="page-link" href="#!">1</a>
						</li>
																				<li class="page-item">
							<a class="page-link" href="https://www.sunshinediamonds.com/engagement-rings/heart?page=2&amp;amp;filter_param=6.109_6.114_6.108_6.115_6.107">2</a>
						</li>
									
				
					<li class="page-item">
						<a class="page-link" href="https://www.sunshinediamonds.com/engagement-rings/heart?page=2&amp;amp;filter_param=6.109_6.114_6.108_6.115_6.107" aria-label="Next">
							<span>
								<i class="ri-arrow-right-s-line"></i>
							</span>
							<span class="sr-only">Next</span>
						</a>
					</li>

				

			</ul>
		</nav>
	</div>
</div>


                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>

    
<style type="text/css">

/* Product Image Container - Equal Height Solution */
.product-image-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    background-color: #f8f9fa;
}

.product-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

/* Hover effect for images */
.product-image-container:hover img {
    transform: scale(1.05);
}

/* Sale badge positioning */
.sale-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #ec8951;
    color: #fff;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 3;
}

/* Hover image positioning */
.product-image-container .hover-image {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-image-container:hover .hover-image {
    opacity: 1;
}

.product-image-container:hover .main-image {
    opacity: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .product-image-container {
        padding-bottom: 120%;
    }
}

@media (max-width: 576px) {
    .product-image-container {
        padding-bottom: 110%;
    }
    
    .sale-badge {
        font-size: 10px;
        padding: 3px 8px;
    }
}



.accordion .card-header {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 0.75rem 1.25rem;
}

.accordion .btn-link {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    width: 100%;
    text-align: left;
    padding: 0;
    border: none;
    background: none;
}

.accordion .btn-link:hover {
    text-decoration: none;
    color: #007bff;
}

.accordion .btn-link:focus {
    box-shadow: none;
    outline: none;
}

.accordion .card-body {
    padding: 1.25rem;
    border-top: 1px solid #dee2e6;
}

.accordion .fa {
    transition: transform 0.3s ease;
}

.accordion .btn-link:not(.collapsed) .fa {
    transform: rotate(45deg);
}

/* Infinite Scroll Styles */
#infinite-scroll-loader {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    margin: 20px 0;
}

#infinite-scroll-loader .spinner-border {
    width: 2rem;
    height: 2rem;
}

#end-of-products {
    background: #f8f9fa;
    border-radius: 8px;
    margin: 20px 0;
    padding: 20px;
}

#end-of-products p {
    margin: 0;
    font-size: 1.1rem;
    color: #6c757d;
}

/* Smooth transition for new products */
.product-wrapper-grid .row .col-grid-box {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Loading state for products */
.product-wrapper-grid.loading {
    pointer-events: none;
}

.product-wrapper-grid.loading .col-grid-box {
    opacity: 0.7;
}

/* View Mode Toggle Styles */
.view-mode-toggle .btn-group {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.view-mode-toggle .btn {
    border-radius: 6px;
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
    transition: all 0.3s ease;
}

.view-mode-toggle .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.view-mode-toggle .btn.active {
    font-weight: 600;
}

.view-mode-toggle .btn i {
    margin-right: 0.25rem;
}
</style>





    <!-- section End -->

	<!-- Popular Search Block End -->
	<input type="hidden" name="category_page_no" id="category_page_no" value="1" />
	<input type="hidden" name="category_path" id="category_path" value="1" />
	<input type="hidden" name="filter_param" id="filter_param" value="4.54_6.109_6.114_6.108_6.115_6.107" />
	<input type="hidden" name="filter" id="filter" value="54,109,114,108,115,107" />
    <input type="hidden" name="sort" id="sort" value="p.sort_order" />
    <input type="hidden" name="order" id="order" value="ASC" />
	<input type="hidden" name="category_limit" id="category_limit" value="12" />
	<input type="hidden" name="category_product_total" id="category_product_total" value="22" />
	<input type="hidden" name="category_page_limit" id="category_page_limit" value="12" />
	<input type="hidden" id="fb_category" value="Engagement Rings" />
	<input type="hidden" id="category_id" value='1' />
	<input type="hidden" id="prodid" value='' />
	<input type="hidden" id="currency_symbol" value='£' />
	<input type="hidden" id="hidden_scroll_360_page" value='0' />
	<input type="hidden" name="hidden_scroll_category_page" id="hidden_scroll_category_page" value="0" />
	<input type="hidden" name="hidden_view_type" id="hidden_view_type" value="front" />
	<input type="hidden" name="hidden_show_top_filter" id="hidden_show_top_filter" value="1" />
</main>
<!-- End Main -->

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "name": "3 Prong Heart Engagement Rings",
  "itemListElement": [
        {
      "@type": "ListItem",
      "position": 1,
      "url": "https://www.sunshinediamonds.com/product/0.1-3-carat-black-diamond-heart-3-prong-black-diamond-mens-ring-engagement-rings-in-silver-925-shsr04al?&shape=HRT"
    },        {
      "@type": "ListItem",
      "position": 2,
      "url": "https://www.sunshinediamonds.com/product/0.5-3-carat-black-diamond-heart-3-prong-black-diamond-mens-ring-engagement-rings-in-silver-925-shsr111al?&shape=HRT"
    },        {
      "@type": "ListItem",
      "position": 3,
      "url": "https://www.sunshinediamonds.com/product/jenny-heart-shaped-halo-engagement-ring-from-0-20-3-00-carat-sr14296?&shape=HRT"
    },        {
      "@type": "ListItem",
      "position": 4,
      "url": "https://www.sunshinediamonds.com/product/0-20-3-00-carat-heart-shaped-solitaire-engagement-ring-sr14108?&shape=HRT"
    },        {
      "@type": "ListItem",
      "position": 5,
      "url": "https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-3-prong-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr08?&shape=HRT"
    },        {
      "@type": "ListItem",
      "position": 6,
      "url": "https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-3-prong-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr01?&shape=HRT"
    },        {
      "@type": "ListItem",
      "position": 7,
      "url": "https://www.sunshinediamonds.com/product/srovf1625-srovf1625?&shape=HRT"
    },        {
      "@type": "ListItem",
      "position": 8,
      "url": "https://www.sunshinediamonds.com/product/heart-shaped-solitaire-engagement-ring-sr14107?&shape=HRT"
    },        {
      "@type": "ListItem",
      "position": 9,
      "url": "https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-4-prong-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr010?&shape=HRT"
    },        {
      "@type": "ListItem",
      "position": 10,
      "url": "https://www.sunshinediamonds.com/product/natalia-heart-shaped-centre-and-round-side-stone-engagement-ring-from-0-20-3-00-carat-sr14196?&shape=HRT"
    },        {
      "@type": "ListItem",
      "position": 11,
      "url": "https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-3-prong-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr03?&shape=HRT"
    },        {
      "@type": "ListItem",
      "position": 12,
      "url": "https://www.sunshinediamonds.com/product/0.2-3-carat-natural-diamond-heart-bezel-diamond-solitaire-rings-engagement-rings-in-silver-925-sralhr05?&shape=HRT"
    }      ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
        {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://www.sunshinediamonds.com"
    },        {
      "@type": "ListItem",
      "position": 2,
      "name": "3 Prong Heart Engagement Rings",
      "item": "https://www.sunshinediamonds.com/engagement-rings"
    },        {
      "@type": "ListItem",
      "position": 3,
      "name": "Heart",
      "item": "https://www.sunshinediamonds.com/engagement-rings/heart"
    },        {
      "@type": "ListItem",
      "position": 4,
      "name": "3 Prong",
      "item": "https://www.sunshinediamonds.com/engagement-rings?filter_param=6.107"
    }      ]
}
</script>


<script>
/* Lazyload fallback for category page and AJAX-loaded product cards */
(function () {
    function loadLazyImage(img) {
        if (!img) return;

        var dataSrc = img.getAttribute('data-src');
        var dataSrcset = img.getAttribute('data-srcset');

        if (dataSrc && img.getAttribute('src') !== dataSrc) {
            img.setAttribute('src', dataSrc);
        }

        if (dataSrcset && img.getAttribute('srcset') !== dataSrcset) {
            img.setAttribute('srcset', dataSrcset);
        }

        img.classList.remove('lazyloading');
        img.classList.add('lazyloaded');
    }

    window.sdInitLazyImages = function (root) {
        root = root || document;

        var images = root.querySelectorAll('img.lazyload, img.lazy-load, img[data-src]');
        if (!images.length) return;

        if ('IntersectionObserver' in window) {
            var observer = new IntersectionObserver(function (entries, obs) {
                entries.forEach(function (entry) {
                    if (entry.isIntersecting) {
                        loadLazyImage(entry.target);
                        obs.unobserve(entry.target);
                    }
                });
            }, {
                rootMargin: '300px 0px',
                threshold: 0
            });

            images.forEach(function (img) {
                if (!img.dataset.sdLazyObserved) {
                    img.dataset.sdLazyObserved = '1';
                    observer.observe(img);
                }
            });
        } else {
            images.forEach(loadLazyImage);
        }
    };

    document.addEventListener('DOMContentLoaded', function () {
        window.sdInitLazyImages(document);
    });
})();
</script>

<script>
(function () {
    var STORAGE_KEY = 'sd_carry_filters';

    function collectSelectedFilters() {
        var selected = [];

        // Icon/image filters (shape, style, setting)
        document.querySelectorAll('.js_filter_option.active').forEach(function (el) {
            var name  = (el.getAttribute('data-text') || '').trim();
            var param = el.getAttribute('data-filter-param') || '';
            if (name) selected.push({ name: name, group: param.split('.')[0] || '' });
        });

        // Checkbox filters (metal, stone type, etc.)
        document.querySelectorAll('.filter-checkbox:checked').forEach(function (cb) {
            var id    = cb.getAttribute('id');
            var label = id ? document.querySelector('label[for="' + id + '"]') : null;
            var name  = label ? label.textContent.trim() : '';
            var param = cb.getAttribute('data-filter-param') || '';
            if (name) selected.push({ name: name, group: param.split('.')[0] || '' });
        });

        return selected;
    }

    // Save filters whenever a product card link is clicked (capture phase = runs before navigation)
    document.addEventListener('click', function (e) {
        var link = e.target.closest('.product-wrapper-grid a[href], .basic-product a[href]');
        if (!link) return;
        if (link.closest('.custom-wishlist-btn')) return; // ignore wishlist links

        var href = link.getAttribute('href') || '';
        if (!href || href === '#' || href.indexOf('javascript:') === 0) return;

        try {
            var filters = collectSelectedFilters();
            if (filters.length) {
                sessionStorage.setItem(STORAGE_KEY, JSON.stringify({ t: Date.now(), filters: filters }));
            } else {
                sessionStorage.removeItem(STORAGE_KEY);
            }
        } catch (err) {}
    }, true);
})();
</script>




<script>
/* Sunshine Diamonds: carry selected Natural/Lab stone type to PDP, including AJAX/new links */
(function () {
    var STONE_KEY = 'sd_stone_type';
    var LAST_CLICK_KEY = 'sd_last_category_stone_type';

    function clean(text) {
        return String(text || '').toLowerCase().replace(/\s+/g, ' ').trim();
    }

    function stoneTypeFromText(text) {
        text = clean(text);

        if (text.indexOf('lab') !== -1) {
            return 'lab';
        }

        if (text.indexOf('natural') !== -1) {
            return 'natural';
        }

        return '';
    }

    function getElementText(el) {
        if (!el) return '';

        var texts = [
            el.getAttribute('data-text'),
            el.getAttribute('title'),
            el.textContent
        ];

        if (el.id) {
            var label = document.querySelector('label[for="' + el.id.replace(/"/g, '\\"') + '"]');
            if (label) texts.push(label.textContent);
        }

        var closest = el.closest('li, label, .form-check, .filter-style, .filter-top-style');
        if (closest) {
            texts.push(closest.getAttribute('data-text'));
            texts.push(closest.getAttribute('title'));
            texts.push(closest.textContent);
        }

        return clean(texts.filter(Boolean).join(' '));
    }

    function getClickedStoneType(el) {
        var node = el ? el.closest('.filter-checkbox, .js_filter_option, li, label, .form-check') : null;
        return stoneTypeFromText(getElementText(node || el));
    }

    function getStoredLastStoneType() {
        try {
            var saved = clean(sessionStorage.getItem(LAST_CLICK_KEY));
            return (saved === 'lab' || saved === 'natural') ? saved : '';
        } catch (e) {
            return '';
        }
    }

    function setStoredStoneType(stoneType) {
        if (stoneType !== 'lab' && stoneType !== 'natural') return;

        try {
            sessionStorage.setItem(STONE_KEY, stoneType);
            sessionStorage.setItem(LAST_CLICK_KEY, stoneType);
        } catch (e) {}
    }

    function getSelectedStoneType() {
        var hasNatural = false;
        var hasLab = false;

        document.querySelectorAll('.filter-checkbox:checked').forEach(function (cb) {
            var type = stoneTypeFromText(getElementText(cb));

            if (type === 'lab') hasLab = true;
            if (type === 'natural') hasNatural = true;
        });

        document.querySelectorAll('.js_filter_option.active, .category-a-box.selected, .category-box.selected').forEach(function (el) {
            var type = stoneTypeFromText(getElementText(el));

            if (type === 'lab') hasLab = true;
            if (type === 'natural') hasNatural = true;
        });

        // If both are active, use the latest Stone Type clicked. If unavailable, Lab wins so Lab filter never opens Natural PDP.
        if (hasLab && hasNatural) {
            var last = getStoredLastStoneType();
            return last || 'lab';
        }

        if (hasLab) return 'lab';
        if (hasNatural) return 'natural';

        var path = clean(window.location.pathname);

        // Base natural category URLs such as /classic-solitaire/diamond
        if (path.indexOf('/diamond') !== -1 && path.indexOf('lab') === -1) {
            return 'natural';
        }

        return '';
    }

    function addStoneParam(href, stoneType) {
        if (!href || !stoneType || href.indexOf('javascript:') === 0 || href === '#') return href;

        try {
            var url = new URL(href, window.location.origin);

            if (url.hostname !== window.location.hostname) return href;

            url.searchParams.set('sd_stone_type', stoneType);
            return url.pathname + url.search + url.hash;
        } catch (e) {
            return href;
        }
    }

    function updateProductLinks(root) {
        var stoneType = getSelectedStoneType();

        if (!stoneType) return;

        setStoredStoneType(stoneType);

        (root || document).querySelectorAll('.basic-product a[href], .product-wrapper-grid a[href]').forEach(function (link) {
            if (link.closest('.custom-wishlist-btn')) return;
            link.setAttribute('href', addStoneParam(link.getAttribute('href'), stoneType));
        });
    }

    document.addEventListener('click', function (e) {
        var clickedType = getClickedStoneType(e.target);
        if (clickedType) {
            setStoredStoneType(clickedType);
            setTimeout(function () { updateProductLinks(document); }, 50);
            setTimeout(function () { updateProductLinks(document); }, 500);
        }

        var link = e.target.closest('.basic-product a[href], .product-wrapper-grid a[href]');

        if (!link || link.closest('.custom-wishlist-btn')) return;

        var stoneType = getSelectedStoneType();

        if (!stoneType) return;

        setStoredStoneType(stoneType);
        link.setAttribute('href', addStoneParam(link.getAttribute('href'), stoneType));
    }, true);

    document.addEventListener('change', function (e) {
        var changedType = getClickedStoneType(e.target);
        if (changedType) {
            setStoredStoneType(changedType);
        }
        setTimeout(function () { updateProductLinks(document); }, 100);
        setTimeout(function () { updateProductLinks(document); }, 700);
    }, true);

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', function () {
            updateProductLinks(document);
        });
    } else {
        updateProductLinks(document);
    }

    window.addEventListener('load', function () {
        updateProductLinks(document);
    });

    setTimeout(function () {
        updateProductLinks(document);
    }, 1000);

    if ('MutationObserver' in window) {
        var grid = document.querySelector('.product-wrapper-grid-row, .product-wrapper-grid');
        if (grid) {
            new MutationObserver(function () {
                updateProductLinks(grid);
            }).observe(grid, { childList: true, subtree: true });
        }
    }
})();
</script>


<script>
/* Sunshine Diamonds: See More / See Less for category filters */
(function () {
    function getFilterList(button) {
        var body = button.closest('.accordion-body, .card-body, .top-filter-card-body');
        if (!body) return null;

        var list = button.previousElementSibling;

        if (list && list.classList && list.classList.contains('collection-listing')) {
            return list;
        }

        return body.querySelector('.collection-listing');
    }

    document.addEventListener('click', function (e) {
        var button = e.target.closest('[data-sd-filter-toggle]');
        if (!button) return;

        e.preventDefault();

        var list = getFilterList(button);
        if (!list) return;

        var expanded = list.classList.toggle('sd-filter-expanded');
        button.textContent = expanded ? 'See Less' : 'See More';
    });

    document.addEventListener('DOMContentLoaded', function () {
        document.querySelectorAll('[data-sd-filter-toggle]').forEach(function (button) {
            var list = getFilterList(button);
            if (!list) return;

            var activeHidden = list.querySelector('.sd-filter-extra.active, .sd-filter-extra input:checked');

            if (activeHidden) {
                list.classList.add('sd-filter-expanded');
                button.textContent = 'See Less';
            }
        });
    });
})();
</script>



<script>
/* Sunshine Diamonds: exclusive Natural / Lab Grown Diamond toggle */
(function () {
    function splitParams(value, separator) {
        return String(value || '')
            .split(separator)
            .map(function (item) { return item.trim(); })
            .filter(Boolean);
    }

    function uniqueList(list) {
        var seen = {};
        var output = [];

        list.forEach(function (item) {
            if (!seen[item]) {
                seen[item] = true;
                output.push(item);
            }
        });

        return output;
    }

    function getStoneButtonIds(wrapper) {
        var ids = [];

        wrapper.querySelectorAll('[data-sd-stone-toggle][data-sd-filter-param]').forEach(function (button) {
            var param = button.getAttribute('data-sd-filter-param') || '';
            var parts = param.split('.');

            if (parts[1]) {
                ids.push(parts[1]);
            }
        });

        return ids;
    }

    function buildExclusiveStoneUrl(button) {
        var targetParam = button.getAttribute('data-sd-filter-param') || '';
        var targetParts = targetParam.split('.');
        var targetGroupId = targetParts[0] || '';
        var targetFilterId = targetParts[1] || '';
        var wrapper = button.closest('.sd-diamond-type-toggle');

        if (!targetGroupId || !targetFilterId || !wrapper) {
            return button.getAttribute('href') || window.location.href;
        }

        /* Use the server-generated href as base, then remove the other Stone Type value.
           This keeps OpenCart SEO routing correct but makes Lab/Natural exclusive. */
        var rawHref = button.getAttribute('href') || window.location.href;
        var url = new URL(rawHref, window.location.origin);
        var params = url.searchParams;

        var filterParamList = splitParams(params.get('filter_param'), '_');

        filterParamList = filterParamList.filter(function (item) {
            var parts = item.split('.');

            /* Remove all filters from same Stone Type group */
            if (parts.length > 1 && parts[0] === targetGroupId) {
                return false;
            }

            return item !== targetParam;
        });

        filterParamList.push(targetParam);
        filterParamList = uniqueList(filterParamList);

        if (filterParamList.length) {
            params.set('filter_param', filterParamList.join('_'));
        } else {
            params.delete('filter_param');
        }

        /* Only clean legacy filter= if it already exists. Do not add it unnecessarily. */
        if (params.has('filter')) {
            var stoneIds = getStoneButtonIds(wrapper);
            var filterList = splitParams(params.get('filter'), ',');

            filterList = filterList.filter(function (id) {
                return stoneIds.indexOf(id) === -1;
            });

            filterList.push(targetFilterId);
            filterList = uniqueList(filterList);

            if (filterList.length) {
                params.set('filter', filterList.join(','));
            } else {
                params.delete('filter');
            }
        }

        url.search = params.toString();
        return url.pathname + url.search + url.hash;
    }

    document.addEventListener('click', function (event) {
        var button = event.target.closest('[data-sd-stone-toggle][data-sd-filter-param]');

        if (!button) return;

        event.preventDefault();

        var wrapper = button.closest('.sd-diamond-type-toggle');

        if (wrapper) {
            wrapper.querySelectorAll('.sd-diamond-type-btn').forEach(function (item) {
                item.classList.remove('active');
            });

            button.classList.add('active');
        }

        window.location.href = buildExclusiveStoneUrl(button);
    }, true);
})();
</script>

    </div>
    <!-- Footer -->



        <!-- Footer Section Start -->
        <footer class="footer-style-1">
        
    <div class="hatton-garden-trust-footer">
        <div class="container">
            <div class="hatton-inner">
                <div class="hatton-content">
                    <h3>Crafted In Hatton Garden, London</h3>
                    <h6><b>UK Hallmarked Jewellery • Bespoke Service • Natural & Lab Diamonds • Trusted London Jewellers</b></h6>
                </div>
            </div>
        </div>
    </div>



    <section class="section-b-space darken-layout">

    <!-- Footer Newsletter Start -->
   <!-- Footer Newsletter Start -->
<div class="footer-newsletter-wrap">
    <div class="container">

        <div class="newsletter-box">

            <div class="newsletter-text">
                <h4 class="newsletter-title">Subscribe to our Newsletter</h4>
                <p class="newsletter-subtitle">Get updates on new collections &amp; exclusive offers</p>
            </div>

            <form id="newsletter-footer-form" class="newsletter-form">
                <input type="hidden" name="newsletter_name" value="Footer Subscriber">
                <input type="email"
                       name="newsletter_email"
                       placeholder="Enter your email address"
                       required>
                <button type="submit">Subscribe</button>
            </form>

        </div>

        <div id="newsletter-footer-message" class="footer-newsletter-message" style="display:none;" role="status" aria-live="polite"></div>

    </div>
</div>
<!-- Footer Newsletter End -->
    <!-- Footer Newsletter End -->
            
                <div class="container">
                    <div class="row footer-theme g-md-5 g-2">
                        <div class="col-xl-3 col-lg-5 col-md-6 sub-title">
                            <div>
                                <div class="footer-title">
                                    <h3 style="font-size:18px !important;color:#fff"><bold>About Sunshine Diamonds</bold></h3>
                                </div>

                                <div class="footer-content">
                                    <ul>
                                        <li><a href="about-us" class="text-content">About Us</a></li>
                                        <li><a href="customer-reviews" class="text-content">Customer Reviews</a></li>
                                        <li><a href="bespoke" class="text-content">Bespoke Jewellery</a></li>
                                        <li><a href="faqs" class="text-content">FAQ</a></li>
                                    </ul>
                                </div>

                                <div class="footer-title footer-follow-title">
                                    <h4>Follow Us</h4>
                                </div>

                                <div class="footer-content footer-social-icons">
                                    <ul class="d-flex">
                                        <li>
                                            <a href="https://www.facebook.com/profile.php?id=61552182115327"  class="text-content" target="_blank" rel="noopener nofollow">
                                                <img class="image-fluid" alt="facebook_logo_1" src="/catalog/view/theme/default/img/home/icon/facebook_logo_1.png" loading="lazy" width="28" height="28" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://youtube.com/@shinewithsunshinediamonds?si=OMRBm0QB-6kNhoji"  class="text-content" target="_blank" rel="noopener nofollow">
                                                <img class="image-fluid" alt="youtube_logo_1" src="/catalog/view/theme/default/img/home/icon/youtube_logo_1.png" loading="lazy" width="28" height="28" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.instagram.com/sunshinediamondjewellery?igsh=MWhjcjFvYzd3b2VkYw=="  class="text-content" target="_blank" rel="noopener nofollow">
                                                <img class="image-fluid" alt="instagram_logo" src="/catalog/view/theme/default/img/home/icon/instagram_logo.png" loading="lazy" width="28" height="28" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.pinterest.com/sunshinediamonds/"  class="text-content" target="_blank" rel="noopener nofollow">
                                                <img class="image-fluid" alt="pinterest_logo" src="/catalog/view/theme/default/img/home/icon/pinterest_logo_1.png" loading="lazy" width="28" height="28" />
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-3 col-md-4 col-md-6">
                            <div class="sub-title">
                                <div class="footer-title">  
                                    <h4>Customer Care</h4>
                                </div>
                                <div class="footer-content">
                                    <ul>
                                        <li><a href="free-delivery" class="text-content">Free Delivery</a></li>
                                        <li><a href="returns" class="text-content">Returns & Refunds</a></li>
                                        <li><a href="resizing" class="text-content">30-Day Free Resizing</a></li>
                                        <li><a href="5-year-guarantee" class="text-content">5-Year Guarantee</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl col-lg-3 col-md-3">
                            <div class="sub-title">
                                <div class="footer-title">
                                    <h4>Education</h4>
                                </div>
                                <div class="footer-content">
                                    <ul>
                                        <li><a href="diamond-guide" class="text-content">Diamond Guide</a></li>
                                        <li><a href="metal-guide" class="text-content">Metal Guide</a></li>
                                        <li><a href="gemstone-guide" class="text-content">Gemstone Guide</a></li>
                                        <li><a href="ring-size-guide" class="text-content">Ring Size Guide</a></li>
                                        <li><a href="bracelet-length-guide" class="text-content">Bracelet Length Guide</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-md-3">
                            <div class="sub-title">
                                <div class="footer-title">
                                    <h4>Explore</h4>
                                </div>
                                <div class="footer-content">
                                    <ul>
                                        <li><a href="jewellery-care" class="text-content">Jewellery Care</a></li>
                                        <li><a href="blog" class="text-content">Blog</a></li>
                                        <li><a href="ready-to-ship" class="text-content">Ready To Ship</a></li>
                                        <li><a href="birthstone" class="text-content">Birthstone Guide</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="sub-title">
                                <div class="footer-title">
                                    <h4>Contact</h4>
                                </div>
                                <div class="footer-content">
                                    <ul>
                                        <li><a href="contact-us" class="text-content">Contact Us</a></li>
                                        <li><a href="visit-showroom" class="text-content">Visit Showroom</a></li>
                                        <li><a href="tel:+442037126044" class="text-content">+442037126044</a></li>
                                        <li><a href="mailto:sales@sunshinediamonds.com" class="text-content" style="text-transform: lowercase;">sales@sunshinediamonds.com</a></li>
                                        <li>
                                            <a href="javascript:void(0);"
                                               class="chatBtn text-content"
                                               onclick="return openTidioChat(event);"
                                               aria-label="Open live chat">
                                                Chat
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        
            <div class="sub-footer dark-subfooter">
                <div class="container">
                    <div class="row">
                                                <div class="col-xl-4 col-md-4 col-sm-12">
                        <div class="footer-end">
                            <p>
                            <i class="ri-copyright-line"></i>
                            2020–2026 Sunshine Diamonds. All Rights Reserved
                            </p>
                        </div>
                        </div>
                        <div class="col-xl-4 col-md-4 col-sm-12">
                            <div class="footer-end" style="justify-items: center">
                                <p class="d-flex mb-0">
                                    <a href="privacy-policy" class="footer-p text-light me-2 text-content">Privacy Policy |
                                    </a>
                                    <a href="terms-condition" class="footer-p text-light text-content"> Terms & Conditions</a>
                                </p>
                            </div>
                        </div>
                        <div class="col-xl-4 col-md-4 col-sm-12">
                                                    </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Footer Section End -->



        <!-- cookie bar start -->
        <div class="cookie-bar" id="cookie-banner" style="display:none;">
            <p>
                We use cookies to improve our site and your shopping experience.
                Read our <a href="privacy-policy">Privacy Policy</a>
                and <a href="cookie-policy">Cookie Policy</a>.
            </p>
            <a href="javascript:void(0);" id="cookie-accept" class="btn btn-solid btn-xs">Accept All</a>
            <a href="javascript:void(0);" id="cookie-reject" class="btn btn-solid btn-xs">Reject</a>
        </div>
        <!-- cookie bar end -->


        
        <!-- tap to top -->
        <div class="tap-top top-cls">
            <div>
                <i class="ri-arrow-up-double-line"></i>
            </div>
        </div>
        <!-- tap to top end -->

        <style>
    .cookie-bar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99999;
        padding: 10px 15px;
        background: rgba(32, 32, 32, 0.95);
        color: #ffffff;
        font-size: 14px;
    }

    .cookie-bar p {
        margin: 0 10px 8px 0;
        display: inline-block;
    }

    .cookie-bar a {
        color: #ffffff;
        text-decoration: underline;
    }

    .cookie-bar .btn {
        margin-right: 8px;
        text-decoration: none;
    }
    .hatton-garden-trust-footer {
        width: 100%;
        background: #f8f1e6;
        border-top: 1px solid #e5d8c4;
        border-bottom: 1px solid #e5d8c4;
        padding: 18px 0;
    }

    .hatton-garden-trust-footer .hatton-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
        text-align: left;
    }

    .hatton-garden-trust-footer .hatton-icon {
        font-size: 28px;
        line-height: 1;
    }

    .hatton-garden-trust-footer h3 {
        margin: 0 0 4px;
        font-size: 22px;
        line-height: 1.2;
        font-weight: 500;
        color: #111;
    }

    .hatton-garden-trust-footer p {
        margin: 0;
        font-size: 13px;
        color: #111;
        line-height: 1.5;
    }

    @media (max-width: 767px) {
        .hatton-garden-trust-footer {
            padding: 12px 15px;
        }

        .hatton-garden-trust-footer .hatton-inner {
            justify-content: center;
            text-align: center;
            gap: 10px;
        }

        .hatton-garden-trust-footer h3 {
            font-size: 18px;
        }

        .hatton-garden-trust-footer p {
            font-size: 11px;
            line-height: 1.5;
        }
    }


    /* New Sunshine Diamonds newsletter popup - smaller + mobile responsive */
    .sd-newsletter-modal {
        z-index: 999999 !important;
    }

    .sd-newsletter-modal .modal-dialog {
        max-width: 760px !important;
        width: calc(100% - 32px) !important;
        margin: 20px auto !important;
    }

    .sd-newsletter-modal .modal-content {
        border: 0 !important;
    }

    .sd-popup-content {
        position: relative;
        overflow: hidden;
        border-radius: 16px !important;
        background: #fff7f0;
        box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
    }

    .sd-popup-close {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.96);
        color: #111;
        font-size: 28px;
        line-height: 32px;
        font-weight: 300;
        z-index: 20;
        cursor: pointer;
    }

    .sd-popup-grid {
        display: grid !important;
        grid-template-columns: 52% 48%;
        width: 100%;
        min-height: 0 !important;
        height: auto !important;
        align-items: stretch !important;
    }

    .sd-popup-left {
        padding: 26px 26px 18px;
        background: linear-gradient(135deg, #fffaf5 0%, #fff1e8 100%);
        position: relative;
        z-index: 2;
    }

    .sd-popup-brand {
        font-family: Georgia, 'Times New Roman', serif;
        font-size: 18px;
        line-height: 1.2;
        letter-spacing: 2px;
        color: #111;
        margin-bottom: 14px;
        white-space: nowrap;
    }

    .sd-popup-heading {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
        margin-bottom: 8px !important;
        clear: both;
    }

    .sd-small-title {
        display: block !important;
        font-family: Georgia, 'Times New Roman', serif;
        font-size: 28px;
        line-height: 1.15 !important;
        color: #16110f;
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
    }

    .sd-discount {
        display: block !important;
        font-family: Georgia, 'Times New Roman', serif;
        font-size: 46px;
        line-height: 1 !important;
        color: #d97050;
        letter-spacing: 1px;
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        white-space: nowrap;
    }

    .sd-just-title {
        font-family: Georgia, 'Times New Roman', serif;
        font-size: 22px;
        line-height: 1.25;
        color: #111;
        margin: 8px 0 10px;
        clear: both;
    }

    .sd-popup-text {
        font-size: 13px;
        line-height: 1.45;
        color: #2b2b2b;
        margin: 0 0 12px;
        max-width: 360px;
    }

    .sd-popup-icons {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        border-top: 1px solid #ead8ce;
        border-bottom: 1px solid #ead8ce;
        padding: 10px 0;
        margin-bottom: 14px;
        text-align: center;
    }

    .sd-icon-item {
        width: 33.333%;
        padding: 0 6px;
        border-right: 1px solid #ead8ce;
    }

    .sd-icon-item:last-child {
        border-right: 0;
    }

    .sd-icon-item span {
        display: block;
        font-size: 16px;
        margin-bottom: 5px;
    }

    .sd-icon-item strong {
        display: block;
        font-size: 10px;
        line-height: 1.15;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #111;
    }

    .sd-code-box {
        border: 1px dashed #e3b7a8;
        border-radius: 8px;
        padding: 10px 14px;
        margin-bottom: 12px;
        background: rgba(255, 255, 255, 0.5);
    }

    .sd-code-box span {
        display: block;
        font-size: 10px;
        line-height: 1;
        letter-spacing: 1.2px;
        font-weight: 700;
        color: #111;
        margin-bottom: 5px;
    }

    .sd-code-box strong {
        display: block;
        font-size: 24px;
        line-height: 1;
        letter-spacing: 3px;
        color: #d97050;
    }

    .sd-newsletter-form input[type="text"],
    .sd-newsletter-form input[type="email"],
    .sd-newsletter-form input[type="tel"] {
        width: 100%;
        height: 40px;
        padding: 0 13px;
        border: 1px solid #d7d7d7;
        border-radius: 5px;
        background: #fff;
        font-size: 16px !important;
        color: #111;
        margin-bottom: 9px;
        box-shadow: none;
        -webkit-text-size-adjust: 100%;
    }

    .sd-consent {
        display: flex;
        align-items: flex-start;
        gap: 7px;
        font-size: 11px;
        line-height: 1.35;
        color: #1d1d1d;
        margin-bottom: 10px;
    }

    .sd-consent input {
        margin-top: 2px;
        flex: 0 0 auto;
    }

    .sd-consent a {
        color: #d97050;
        text-decoration: none;
    }

    .sd-newsletter-form button[type="submit"] {
        width: 100%;
        min-height: 42px;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(180deg, #f09b74 0%, #dc6742 100%);
        color: #fff;
        font-size: 13px;
        line-height: 1.2;
        font-weight: 800;
        letter-spacing: 0.7px;
        box-shadow: 0 5px 12px rgba(190, 83, 50, 0.28);
        cursor: pointer;
    }

    .sd-popup-trust {
        display: none;
    }

    .sd-popup-right {
        position: relative;
        min-height: 0 !important;
        height: auto !important;
        background: #f8e8de;
        overflow: hidden;
    }

    .sd-popup-right img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    /* Tablet */
    @media (max-width: 991px) {
        .sd-newsletter-modal .modal-dialog {
            max-width: 620px !important;
        }

        .sd-popup-grid {
            grid-template-columns: 1fr;
            min-height: auto;
        }

        .sd-popup-right {
            order: -1;
            min-height: 190px;
            max-height: 210px;
        }

        .sd-popup-right img {
            min-height: 190px;
            max-height: 210px;
        }

        .sd-popup-left {
            padding: 24px 24px 20px;
        }

        .sd-popup-brand {
            font-size: 17px;
            white-space: normal;
        }

        .sd-small-title {
            font-size: 26px;
        }

        .sd-discount {
            font-size: 42px;
        }
    }

    /* Mobile */
    @media (max-width: 575px) {
        .sd-newsletter-modal .modal-dialog {
            width: 90vw !important;
            max-width: 360px !important;
            display: block !important;
            min-height: unset !important;
        }

        .sd-newsletter-modal .modal-content.sd-popup-content,
        .sd-popup-content {
            width: 100% !important;
            min-height: 0 !important;
            max-height: 88vh !important;
            border-radius: 16px !important;
            overflow-y: auto !important;
            background: #fff7f0 !important;
        }

        .sd-popup-right {
            display: none !important;
        }

        .sd-popup-grid {
            display: block !important;
            width: 100% !important;
            overflow: visible !important;
        }

        .sd-popup-left {
            position: relative !important;
            width: 100% !important;
            height: auto !important;
            padding: 20px 16px 16px !important;
            background: #fff7f0 !important;
            overflow: visible !important;
            box-sizing: border-box !important;
            display: block !important;
        }

        .sd-popup-close {
            position: absolute !important;
            top: 8px !important;
            right: 8px !important;
            width: 32px !important;
            height: 32px !important;
            font-size: 24px !important;
            line-height: 28px !important;
            z-index: 30 !important;
        }

        .sd-popup-brand {
            font-size: 12px !important;
            letter-spacing: 1.5px !important;
            margin-bottom: 8px !important;
            padding-right: 34px !important;
            white-space: normal !important;
        }

        .sd-popup-heading {
            gap: 2px !important;
            margin-bottom: 4px !important;
        }

        .sd-small-title {
            font-size: 20px !important;
            line-height: 1.2 !important;
        }

        .sd-discount {
            font-size: 34px !important;
            line-height: 1.05 !important;
            white-space: nowrap !important;
        }

        .sd-just-title {
            font-size: 17px !important;
            line-height: 1.2 !important;
            margin: 5px 0 8px !important;
        }

        .sd-popup-text {
            font-size: 12px !important;
            line-height: 1.4 !important;
            margin: 0 0 10px !important;
            max-width: none !important;
        }

        .sd-popup-icons {
            display: none !important;
        }

        .sd-code-box {
            padding: 8px 12px !important;
            margin-bottom: 10px !important;
            border-radius: 8px !important;
        }

        .sd-code-box span {
            font-size: 10px !important;
            margin-bottom: 4px !important;
        }

        .sd-code-box strong {
            font-size: 20px !important;
            letter-spacing: 3px !important;
        }

        .sd-newsletter-form input[type="text"],
    .sd-newsletter-form input[type="email"],
    .sd-newsletter-form input[type="tel"] {
            height: 40px !important;
            font-size: 16px !important;
            margin-bottom: 8px !important;
            padding: 0 12px !important;
            border-radius: 6px !important;
        }

        .sd-consent {
            font-size: 10.5px !important;
            line-height: 1.35 !important;
            margin-bottom: 10px !important;
            gap: 6px !important;
        }

        .sd-newsletter-form button[type="submit"] {
            min-height: 42px !important;
            height: 42px !important;
            font-size: 12.5px !important;
            letter-spacing: 0.3px !important;
            border-radius: 9px !important;
        }

        .sd-newsletter-modal {
        padding: 0 !important;
        }

        .sd-newsletter-modal.show {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .sd-newsletter-modal .modal-dialog {
            margin: 0 auto !important;
            width: 90vw !important;
            max-width: 360px !important;
        }
    }

    /* Small phones */
    @media (max-width: 390px) {
        .sd-newsletter-modal .modal-dialog {
            width: 92vw !important;
            max-width: 340px !important;
        }

        .sd-popup-left {
            padding: 17px 14px 14px !important;
        }

        .sd-popup-brand {
            font-size: 11px !important;
            margin-bottom: 6px !important;
        }

        .sd-small-title {
            font-size: 18px !important;
        }

        .sd-discount {
            font-size: 30px !important;
        }

        .sd-just-title {
            font-size: 15px !important;
        }

        .sd-popup-text {
            font-size: 11px !important;
        }

        .sd-code-box strong {
            font-size: 18px !important;
        }

        .sd-newsletter-form input[type="text"],
        .sd-newsletter-form input[type="email"],
        .sd-newsletter-form input[type="tel"],
        .sd-newsletter-form button[type="submit"] {
            height: 39px !important;
            min-height: 39px !important;
            font-size: 16px !important;
        }
    }

    .sd-popup-message {
        padding: 10px 12px;
        margin-bottom: 10px;
        border-radius: 6px;
        font-size: 12px;
        line-height: 1.4;
        font-weight: 600;
    }

    .sd-popup-message.success {
        display: block !important;
        background: #eef8ef;
        color: #1f6b35;
        border: 1px solid #bfe5c7;
    }

    .sd-popup-message.error {
        display: block !important;
        background: #fff0f0;
        color: #9f2d2d;
        border: 1px solid #efb8b8;
    }

    .footer-newsletter-wrap {
        background: #212121;
        padding: 20px 0;
        text-align: center;
    }   

    .newsletter-box {
        max-width: 100%;
        margin: 0;
        text-align: right;
    }

    .newsletter-title {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #fff;
    }

    .newsletter-subtitle {
        font-size: 14px;
        color: #fff;
        margin-bottom: 20px;
    }

    .newsletter-form {
        display: flex;
        justify-content: flex-end !important;
        align-items: center;
        gap: 10px;
    }

    .newsletter-form input {
        width: 300px;
        max-width: 100%;
        padding: 12px 15px;
        border: 1px solid #ddd;
        border-radius: 6px;
        outline: none;
    }

    .newsletter-form button {
        padding: 12px 20px;
        background: #ec8951;
        color: #fff;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        transition: 0.3s;
    }



    #newsletter-footer-message {
        margin-top: 10px;
        font-size: 14px;
    }

    #newsletter-footer-message.success {
        color: green;
    }

    #newsletter-footer-message.error {
        color: red;
    }

    /* MOBILE */
    @media(max-width:768px) {
        .newsletter-form {
            flex-direction: column;
        }

        .newsletter-form input {
            width: 100%;
        }

        .newsletter-form button {
            width: 100%;
        }
    }

    section,
    .section-t-space {
        padding-top: 0 !important;
    }

    .footer-newsletter-wrap {
        background: #212121;
        padding: 28px 0 26px !important;
        text-align: center !important;
    }

    .newsletter-box {
        max-width: 720px !important;
        margin: 0 auto !important;
        display: block !important;
        text-align: center !important;
    }

    .newsletter-title {
        font-size: 24px !important;
        margin-bottom: 6px !important;
        color: #fff !important;
    }

    .newsletter-subtitle {
        font-size: 14px !important;
        margin-bottom: 18px !important;
        color: #fff !important;
    }

    .newsletter-form {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 12px !important;
        flex-wrap: nowrap !important;
    }

    .newsletter-form input {
        width: 360px !important;
    }

    @media (max-width: 768px) {
        .newsletter-form {
            flex-direction: column !important;
        }

        .newsletter-form input,
        .newsletter-form button {
            width: 100% !important;
        }
    }

    /* ===== Footer newsletter – Abelini style (heading left, form right) ===== */
.footer-newsletter-wrap {
    background: #212121;
    padding: 30px 0 !important;
    text-align: left !important;
}

.newsletter-box {
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 30px !important;
    flex-wrap: wrap !important;
    text-align: left !important;
}

.newsletter-text {
    flex: 1 1 auto;
    min-width: 240px;
}

.newsletter-title {
    font-size: 26px !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
    color: #fff !important;
    text-transform: none !important;
}

.newsletter-subtitle {
    font-size: 12px !important;
    margin-bottom: 0 !important;
    color: #fff !important;
}

.newsletter-form {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    flex: 0 0 auto;
}

.newsletter-form input {
    width: 320px !important;
    max-width: 100%;
    height: 50px;
    padding: 12px 16px !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    outline: none;
}

.newsletter-form button {
    height: 50px;
    padding: 12px 32px !important;
    background: #ec8951 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.3s;
}

#newsletter-footer-message {
    margin-top: 12px;
    font-size: 14px;
    color: #fff;
}

/* Tablet – stack heading above form, centred */
@media (max-width: 991px) {
    .newsletter-box {
        flex-direction: column !important;
        align-items: stretch !important;
        text-align: center !important;
        gap: 18px !important;
    }
    .newsletter-text { text-align: center; }
    .newsletter-form { justify-content: center !important; }
}

/* Mobile – full-width input + button */
@media (max-width: 575px) {
    .newsletter-form { flex-direction: column !important; }
    .newsletter-form input,
    .newsletter-form button { width: 100% !important; }
}


    
/* Footer newsletter double opt-in message */
#newsletter-footer-message.footer-newsletter-message {
    display: none;
    margin: 14px 0 0 !important;
    padding: 12px 14px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    text-align: center !important;
}

#newsletter-footer-message.footer-newsletter-message.success {
    display: block !important;
    background: #eef8ef !important;
    color: #1f6b35 !important;
    border: 1px solid #bfe5c7 !important;
}

#newsletter-footer-message.footer-newsletter-message.error {
    display: block !important;
    background: #fff0f0 !important;
    color: #9f2d2d !important;
    border: 1px solid #efb8b8 !important;
}

/* Footer social icons bigger */
.footer-style-1 .footer-content ul.d-flex {
    gap: 12px !important;
    align-items: center !important;
}

.footer-style-1 .footer-content ul.d-flex li {
    margin: 0 !important;
}

.footer-style-1 .footer-content ul.d-flex li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
}

.footer-style-1 .footer-content ul.d-flex li a img {
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    object-fit: contain !important;
}
@media (max-width: 575px) {
    .footer-style-1 .footer-content ul.d-flex li a {
        width: 40px !important;
        height: 40px !important;
    }

    .footer-style-1 .footer-content ul.d-flex li a img {
        width: 36px !important;
        height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
    }
}

/* Footer Follow Us spacing */
.footer-style-1 .footer-follow-title {
    padding-top: 12px !important;
    margin-bottom: 6px !important;
}

.footer-style-1 .footer-follow-title h4 {
    margin-bottom: 4px !important;
}

.footer-style-1 .footer-social-icons ul {
    padding-top: 0 !important;
    margin-top: 0 !important;
    gap: 14px !important;
}

.footer-style-1 .footer-social-icons li {
    padding: 0 !important;
    margin: 0 !important;
}




/* =========================================================
   FLOATING CHAT CLEANUP
   - Hide any remaining WhatsApp floating launcher
   - Move Tidio into the old WhatsApp button position
   ========================================================= */

a.whatsapp-button,
.whatsapp-button,
.icon-whatsapp {
    display: none !important;
}

/* Desktop: place Tidio where the old WhatsApp bubble was */
#tidio-chat,
#tidio-chat-iframe {
    right: 24px !important;
    bottom: 110px !important;
    max-width: calc(100vw - 48px) !important;
}

/* Tablet */
@media (max-width: 991px) {
    #tidio-chat,
    #tidio-chat-iframe {
        right: 18px !important;
        bottom: 95px !important;
        max-width: calc(100vw - 36px) !important;
    }
}

/* Standard mobile */
@media (max-width: 767px) {
    #tidio-chat,
    #tidio-chat-iframe {
        right: 12px !important;
        bottom: 78px !important;
        max-width: calc(100vw - 24px) !important;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    #tidio-chat,
    #tidio-chat-iframe {
        right: 10px !important;
        bottom: 72px !important;
        max-width: calc(100vw - 20px) !important;
    }
}

/* Very small phones */
@media (max-width: 360px) {
    #tidio-chat,
    #tidio-chat-iframe {
        right: 8px !important;
        bottom: 68px !important;
        max-width: calc(100vw - 16px) !important;
    }
}




/* =========================================================
   FAST MOBILE TIDIO LAUNCHER
   Shows immediately while the remote Tidio widget is loading.
   Automatically disappears when the real Tidio iframe is ready.
   ========================================================= */

#sd-tidio-fast-launcher {
    display: none;
}

@media (max-width: 767px) {
    #sd-tidio-fast-launcher {
        position: fixed !important;
        right: 12px !important;
        bottom: 78px !important;
        width: 56px !important;
        height: 56px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: #f5864f !important;
        color: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22) !important;
        cursor: pointer !important;
        z-index: 2147482999 !important;
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    #sd-tidio-fast-launcher i {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 27px !important;
        line-height: 1 !important;
        color: #ffffff !important;
        pointer-events: none !important;
    }
}

@media (max-width: 480px) {
    #sd-tidio-fast-launcher {
        right: 10px !important;
        bottom: 72px !important;
        width: 54px !important;
        height: 54px !important;
    }

    #sd-tidio-fast-launcher i {
        font-size: 26px !important;
    }
}

@media (max-width: 360px) {
    #sd-tidio-fast-launcher {
        right: 8px !important;
        bottom: 68px !important;
        width: 52px !important;
        height: 52px !important;
    }

    #sd-tidio-fast-launcher i {
        font-size: 25px !important;
    }
}

</style>


        <!-- latest jquery-->
        <script src="/catalog/view/theme/default/assets/js/jquery-3.3.1.min.js"></script>

        <!-- fly cart ui jquery-->
        <script src="/catalog/view/theme/default/assets/js/jquery-ui.min.js" defer></script>

                        
        <!-- slick js-->
        <script src="/catalog/view/theme/default/assets/js/slick.min.js" defer></script>

        <!-- menu js-->
        <script src="/catalog/view/theme/default/assets/js/menu.js" defer></script>

        <!-- lazyload js-->
        <script src="/catalog/view/theme/default/assets/js/lazysizes.min.js" defer></script>

        <!-- Bootstrap js-->
        <script src="/catalog/view/theme/default/assets/js/bootstrap.bundle.min.js" defer></script>

        <!-- Bootstrap Notification js-->
        <script src="/catalog/view/theme/default/assets/js/bootstrap-notify.min.js" defer></script>

        <!-- Fly cart js-->
        <script src="/catalog/view/theme/default/assets/js/fly-cart.min.js" defer></script>

        <!-- Theme js-->
                <script src="/catalog/view/theme/default/assets/js/script.js?v=791" defer></script>
                        <script src="/catalog/view/theme/default/js/application.js?v=791" defer></script>
        <script src="/catalog/view/theme/default/js/common.js?v=791" defer type="text/javascript"></script>
                        <script src="/catalog/view/theme/default/js/image.js?v=791" defer type="text/javascript"></script>
        

                        
        


    <!-- DYNAMIC EXTERNAL URL Modalbox -->
    <div class="modal custom-modal dynamic-custom-modal fade" id="url_modalbox" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content radius-24">
        <div class="modal-header">
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div id="popupBody" class="modal-body">
            
        </div>
        </div>
    </div>
    </div>






    






    <input type="hidden" name="timer_date_flip" id="timer_date_flip" value="2024/08/14 23:59:59" />
    <input type="hidden" name="delivery_date_countdown" id="delivery_date_countdown" value="2026/07/24 23:59:59" />
    <input type="hidden" name="text_quicklinks" id="text_quicklinks" value="" />
    <input type="hidden" name="text_popular_searches" id="text_popular_searches" value="" />
    <input type="hidden" name="liveChatCookie" id="liveChatCookie" value="no" />
    <input type="hidden" name="hidden_client_id" id="hidden_client_id" value="" />
    <input type="hidden" name="hidden_user_agent" id="hidden_user_agent" value="" />
    <input type="hidden" name="hidden_gsession_id" id="hidden_gsession_id" value="" />
    <input type="hidden" name="hidden_server_url" id="hidden_server_url" value="https://www.sunshinediamonds.com/" />
    <input type="hidden" name="hidden_img_url" id="hidden_img_url" value="https://www.sunshinediamonds.com/" />
    <input type="hidden" name="hidden_live_chat" id="hidden_live_chat" value="" />
    <input type="hidden" name="hidden_360_product_image" id="hidden_360_product_image" value="0" />
    <input type="hidden" name="hidden_scroll_gtm_id" id="hidden_scroll_gtm_id" value="0" />
    <input type="hidden" name="hidden_scroll_prod_page" id="hidden_scroll_prod_page" value="0" />
    <input type="hidden" name="hidden_scroll_page" id="hidden_scroll_page" value="0" />
    <input type="hidden" name="hidden_scroll_popup" id="hidden_scroll_popup" value="0" />
    <input type="hidden" name="hidden_popup_id" id="hidden_popup_id" value="" />


    <input type="hidden" value="https://www.sunshinediamonds.com/" id="hidden_config_url" />
    <input type="hidden" value="791" id="hidden_config_version_files" />
    <input type="hidden" value="https://www.sunshinediamonds.com/" id="hidden_https_server" />
    <!-- Vendor JS Files -->


    

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" defer type="text/javascript"></script>

            <!-- iconify -->
    <script src="https://code.iconify.design/1/1.0.7/iconify.min.js?v=791" defer type="text/javascript"></script>
    <!-- iconify -->
            
                <!-- Category Page JS File -->
                                <script src="https://www.sunshinediamonds.com/catalog/view/theme/default/js/image.js?v=791" defer type="text/javascript"></script>
        <script src="https://www.sunshinediamonds.com/catalog/view/theme/default/js/categorypage-min.js?v=791" defer type="text/javascript"></script>
    
    

    <script type="text/javascript">
    $(document).delegate('.loginpopup', 'click', function(e) {
            e.preventDefault();
            $('#modal-login').remove();

            var element = this;
            var product_id = $(this).data('product-id'); 
            var product_url = $(this).data('product-url');  

            $('body').data('wishlistProductId', product_id);
            $('body').data('wishlistProductUrl', product_url);

            var element = this;
            $.ajax({
                url: $(element).attr('href'),
                type: 'get',
                dataType: 'html',
                success: function(data) {
                    html  = '<div id="modal-login" class="modal">';
                    html += '  <div class="modal-dialog modal-md">';
                    html += '    <div class="modal-content">';
                    html += '      <div class="modal-header">';
                    html += '        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true">X</button>';
                    html += '      </div>';
                    html += '      <div class="modal-body">' + data + '</div>';
                    html += '    </div>';
                    html += '  </div>';
                    html += '</div>';

                    $('body').append(html);

                    $('#modal-login').modal('show');

                    if($('#signin_signup_tab').length){
                        var signinSignout = $("#signin_signup_tab").val();
                        if( signinSignout == 'signup' ){						 
                            $('#reg_signup').trigger('click');
                        }else if( signinSignout == 'signin' ){						
                            $('#log_signin').trigger('click')
                        }
                    }
                }
            });
        });

    
    $(document).ready(function () {

        // Check if current page is product page
        const isProductPage = window.location.href.indexOf('route=product/product') !== -1;

        if (isProductPage) {
            // Hide header completely
            $(".header-sticky").hide();
            return;
        }

        const threshold = 0.1;
        const header = $(".header-sticky");
        const headerHeight = header.outerHeight();

        $(window).on("scroll", function () {

            if ($(this).scrollTop() > threshold) {

                if (!header.hasClass("fixed")) {
                    header.addClass("fixed");
                    $("body").css("padding-top", headerHeight);
                }

            } else {

                header.removeClass("fixed");
                $("body").css("padding-top", "0");

            }

        });

    });

    


    </script>

    <!-- Master Tag add just before the closing 
    <script>
    /* FOOTER NEWSLETTER ONLY - popup untouched */
    $(document).on('submit', '#newsletter-footer-form', function(e) {
        e.preventDefault();

        var form = $(this);
        var messageBox = $('#newsletter-footer-message');
        var button = form.find('button[type="submit"]');

        messageBox.removeClass('success error').hide().html('');

        $.ajax({
            url: 'index.php?route=common/newsletter_popup/save',
            type: 'post',
            data: form.serialize(),
            dataType: 'json',

            beforeSend: function() {
                button.prop('disabled', true).text('PLEASE WAIT...');
            },

            complete: function() {
                button.prop('disabled', false).text('Subscribe');
            },

            success: function(json) {
    if (json && json.success) {
        messageBox
            .removeClass('error')
            .addClass('success')
            .html('✅ Thank you. Please check your email to confirm your newsletter subscription.')
            .stop(true, true)
            .fadeIn(200);

        form[0].reset();

        // Hide message after 5 seconds
        setTimeout(function () {
            messageBox.fadeOut(300, function () {
                messageBox
                    .removeClass('success error')
                    .html('');
            });
        }, 5000);

    } else {
        messageBox
            .removeClass('success')
            .addClass('error')
            .html('⚠️ ' + ((json && json.error) ? json.error : 'Subscription failed. Please try again.'))
            .stop(true, true)
            .fadeIn(200);

        // Hide error after 5 seconds
        setTimeout(function () {
            messageBox.fadeOut(300, function () {
                messageBox
                    .removeClass('success error')
                    .html('');
            });
        }, 5000);
    }
},

            error: function() {
                messageBox.addClass('error')
                    .html('⚠️ Server error')
                    .fadeIn(200);
            }
        });
    });
    </script>

    </body> tag -->
    <script src="https://www.dwin1.com/98783.js" type="text/javascript" defer="defer"></script>

    <script>
    document.addEventListener('DOMContentLoaded', function () {
        var banner = document.getElementById('cookie-banner');
        var acceptBtn = document.getElementById('cookie-accept');
        var rejectBtn = document.getElementById('cookie-reject');

        if (banner && acceptBtn && rejectBtn && !localStorage.getItem('cookieConsent')) {
            banner.style.display = 'block';
        }

        if (acceptBtn) {
            acceptBtn.addEventListener('click', function () {
                localStorage.setItem('cookieConsent', 'accepted');
                banner.style.display = 'none';
            });
        }

        if (rejectBtn) {
            rejectBtn.addEventListener('click', function () {
                localStorage.setItem('cookieConsent', 'rejected');
                banner.style.display = 'none';
            });
        }
    });
    </script>


    <script>
    function copyNewsletterCode(code) {
        if (navigator.clipboard && window.isSecureContext) {
            navigator.clipboard.writeText(code);
        } else {
            var tempInput = document.createElement('input');
            tempInput.value = code;
            document.body.appendChild(tempInput);
            tempInput.select();
            document.execCommand('copy');
            document.body.removeChild(tempInput);
        }

        $('#copy-discount-code').text('COPIED!');
    }

    $(document).on('click', '#copy-discount-code', function() {
        copyNewsletterCode($(this).data('code'));
    });

    $(document).on('submit', '#newsletter-popup-form', function(e) {
        e.preventDefault();

        var form = $(this);
        var messageBox = $('#newsletter-popup-message');
        var button = form.find('button[type="submit"]');
        var discountCode = 'SUMMER15';

        messageBox.removeClass('success error').hide().html('');

        $.ajax({
            url: 'index.php?route=common/newsletter_popup|save',
            type: 'post',
            data: form.serialize(),
            dataType: 'json',

            beforeSend: function() {
                button.prop('disabled', true).text('PLEASE WAIT...');
            },

            complete: function() {
                button.prop('disabled', false).text('✨ CLAIM MY 15% OFF');
            },

            success: function(json) {
                if (json.success) {
                    messageBox
                        .addClass('success')
                        .html(
                            '✅ Thank you. Your 15% discount code is <strong>' + discountCode + '</strong><br>' +
                            '<button type="button" id="copy-discount-code" data-code="' + discountCode + '" style="margin-top:8px;padding:8px 14px;border:0;border-radius:6px;background:#dc6742;color:#fff;font-weight:700;cursor:pointer;">COPY CODE</button>'
                        )
                        .fadeIn(200);

                    localStorage.setItem('newsletter_popup_shown', 'yes');

                } else if (json.error) {
                    messageBox
                        .addClass('error')
                        .html('⚠️ ' + json.error)
                        .fadeIn(200);
                }
            },

            error: function() {
                messageBox
                    .addClass('error')
                    .html('⚠️ Something went wrong. Please try again.')
                    .fadeIn(200);
            }
        });
    });
    </script>

    <script>
    $(document).ready(function () {

        // Popup show only once per browser
        if (!localStorage.getItem('newsletter_popup_shown')) {

            setTimeout(function () {
                $('#exit_popup').modal('show');
                localStorage.setItem('newsletter_popup_shown', 'yes');
            }, 10000); // 10 seconds

        }

    });
    </script>



    <script>
    /* FOOTER NEWSLETTER ONLY - popup untouched */
    $(document).off('submit', '#newsletter-footer-form').on('submit', '#newsletter-footer-form', function(e) {
        e.preventDefault();

        var form = $(this);
        var messageBox = $('#newsletter-footer-message');
        var button = form.find('button[type="submit"]');
        var emailValue = $.trim(form.find('input[name="newsletter_email"]').val());

        // Clear old hide timer if customer submits again
        if (window.footerNewsletterTimer) {
            clearTimeout(window.footerNewsletterTimer);
        }

        messageBox
            .stop(true, true)
            .removeClass('success error')
            .hide()
            .html('');

        if (!emailValue) {
            messageBox
                .addClass('error')
                .html('⚠️ Please enter your email address.')
                .fadeIn(200);

            window.footerNewsletterTimer = setTimeout(function () {
                messageBox.fadeOut(300, function () {
                    messageBox.removeClass('success error').html('');
                });
            }, 5000);

            return;
        }

        var formData = form.serializeArray();

        /* Send both names so the same controller works for footer and popup */
        formData.push({
            name: 'email',
            value: emailValue
        });

        $.ajax({
            url: 'index.php?route=common/newsletter_popup|save',
            type: 'post',
            data: $.param(formData),
            dataType: 'json',

            beforeSend: function() {
                button.prop('disabled', true).text('PLEASE WAIT...');
                messageBox
                    .removeClass('success error')
                    .addClass('success')
                    .html('Please wait...')
                    .stop(true, true)
                    .fadeIn(150);
            },

            complete: function() {
                button.prop('disabled', false).text('Subscribe');
            },

            success: function(json) {
                if (json && json.success) {
                    messageBox
                        .removeClass('error')
                        .addClass('success')
                        .html('✅ Thank you for subscribing. We have sent the discount code to your email.')
                        .stop(true, true)
                        .fadeIn(200);

                    form[0].reset();
                } else {
                    messageBox
                        .removeClass('success')
                        .addClass('error')
                        .html('⚠️ ' + ((json && json.error) ? json.error : 'Subscription failed. Please try again.'))
                        .stop(true, true)
                        .fadeIn(200);
                }

                // Hide success/error message after 5 seconds
                window.footerNewsletterTimer = setTimeout(function () {
                    messageBox.fadeOut(300, function () {
                        messageBox.removeClass('success error').html('');
                    });
                }, 5000);
            },

            error: function(xhr) {
                var errorMessage = 'Something went wrong. Please try again.';

                if (xhr.responseJSON && xhr.responseJSON.error) {
                    errorMessage = xhr.responseJSON.error;
                }

                messageBox
                    .removeClass('success')
                    .addClass('error')
                    .html('⚠️ ' + errorMessage)
                    .stop(true, true)
                    .fadeIn(200);

                // Hide error message after 5 seconds
                window.footerNewsletterTimer = setTimeout(function () {
                    messageBox.fadeOut(300, function () {
                        messageBox.removeClass('success error').html('');
                    });
                }, 5000);
            }
        });
    });
    </script>

    
    

    

<!-- Fast mobile chat launcher: visible immediately while Tidio is loading -->
<button type="button"
        id="sd-tidio-fast-launcher"
        aria-label="Open live chat">
    <i class="ri-message-3-line" aria-hidden="true"></i>
</button>


<script>
(function () {
    var fastLauncher = document.getElementById('sd-tidio-fast-launcher');
    var launcherCheckTimer = null;
    var launcherCheckCount = 0;

    function hideFastLauncher() {
        if (fastLauncher) {
            fastLauncher.style.setProperty('display', 'none', 'important');
            fastLauncher.style.setProperty('visibility', 'hidden', 'important');
            fastLauncher.style.setProperty('opacity', '0', 'important');
        }
    }

    function realTidioLauncherExists() {
        return !!document.getElementById('tidio-chat-iframe');
    }

    function waitForRealTidioLauncher() {
        if (launcherCheckTimer) {
            clearInterval(launcherCheckTimer);
        }

        launcherCheckCount = 0;

        launcherCheckTimer = setInterval(function () {
            launcherCheckCount++;

            if (realTidioLauncherExists()) {
                hideFastLauncher();
                clearInterval(launcherCheckTimer);
                launcherCheckTimer = null;
                return;
            }

            if (launcherCheckCount >= 40) {
                clearInterval(launcherCheckTimer);
                launcherCheckTimer = null;
            }
        }, 250);
    }

    function openRealTidio() {
        if (!window.tidioChatApi) {
            return false;
        }

        if (typeof window.tidioChatApi.show === 'function') {
            window.tidioChatApi.show();
        }

        if (typeof window.tidioChatApi.open === 'function') {
            window.tidioChatApi.open();
        }

        hideFastLauncher();
        return true;
    }

    window.openTidioChat = function (event) {
        if (event && typeof event.preventDefault === 'function') {
            event.preventDefault();
        }

        if (openRealTidio()) {
            return false;
        }

        function onTidioReady() {
            document.removeEventListener('tidioChat-ready', onTidioReady);
            openRealTidio();
            waitForRealTidioLauncher();
        }

        document.addEventListener('tidioChat-ready', onTidioReady);

        return false;
    };

    if (fastLauncher) {
        fastLauncher.addEventListener('click', function (event) {
            window.openTidioChat(event);
        });
    }

    document.addEventListener('tidioChat-ready', function () {
        waitForRealTidioLauncher();
    }, { once: true });

    if (window.tidioChatApi) {
        waitForRealTidioLauncher();
    }
})();
</script>

</body>

    </html>

<script type="text/javascript">

	$(document).ready(function() {

        // Category slider arrows - safe check so JS does not break if slider is missing
        var slider = document.getElementById('categoryStyleSlider');
        var leftArrow = document.querySelector('.left-arrow');
        var rightArrow = document.querySelector('.right-arrow');

        if (slider && leftArrow) {
            leftArrow.addEventListener('click', function () {
                slider.scrollBy({ left: -150, behavior: 'smooth' });
            });
        }

        if (slider && rightArrow) {
            rightArrow.addEventListener('click', function () {
                slider.scrollBy({ left: 150, behavior: 'smooth' });
            });
        }

		// Initialize Bootstrap collapse functionality
		$('[data-toggle="collapse"]').on('click', function(e) {
			e.preventDefault();
			var target = $(this).data('target');
			var $target = $(target);
			
			// Toggle the collapse
			$target.collapse('toggle');
			
			// Update the button state
			var $button = $(this);
			var $icon = $button.find('.fa');
			
			if ($target.hasClass('show')) {
				$button.removeClass('collapsed');
				$icon.removeClass('fa-plus').addClass('fa-minus');
			} else {
				$button.addClass('collapsed');
				$icon.removeClass('fa-minus').addClass('fa-plus');
			}
		});
		
		// Handle collapse events
		$('.collapse').on('show.bs.collapse', function() {
			var $button = $('[data-target="#' + $(this).attr('id') + '"]');
			var $icon = $button.find('.fa');
			$button.removeClass('collapsed');
			$icon.removeClass('fa-plus').addClass('fa-minus');
		});
		
		$('.collapse').on('hide.bs.collapse', function() {
			var $button = $('[data-target="#' + $(this).attr('id') + '"]');
			var $icon = $button.find('.fa');
			$button.addClass('collapsed');
			$icon.removeClass('fa-minus').addClass('fa-plus');
		});

		// Initialize filter UI state on page load
		updateFilterUI();

		// Infinite Scroll Implementation
		var currentPage = 1;
		var isLoading = false;
		var totalProducts = parseInt($('#category_product_total').val(), 10) || 0;
		var productsPerPage = parseInt($('#category_limit').val(), 10) || 12;
		var totalPages = Math.ceil(totalProducts / productsPerPage);
		var hasMoreProducts = totalPages > 1;
		var loadMoreThreshold = 200; // pixels from bottom to trigger load
		var scrollTimeout;
        var infiniteScrollEnabled = true;

		// Function to load more products
		function loadMoreProducts() {
			if (isLoading || !hasMoreProducts || !infiniteScrollEnabled) return;

			isLoading = true;
			$('#infinite-scroll-loader').show();
			$('.product-wrapper-grid').addClass('loading');

			// Build the AJAX URL with current parameters
			var url = 'index.php?route=product/category|loadMoreProducts';
			var urlParams = new URLSearchParams(window.location.search);

            var category_id = $('#category_id').val();
            urlParams.set('category_id', category_id);

            var filter_param = $('#filter_param').val();
            urlParams.set('filter_param', filter_param);

            var filter = $('#filter').val();
            urlParams.set('filter', filter);

            var sort = $('#sort').val();
            urlParams.set('sort', sort);

            var order = $('#order').val();
            urlParams.set('order', order);
			
			// Add current URL parameters
			urlParams.set('page', currentPage + 1);
			
			// Add the parameters to the URL
			url += '&' + urlParams.toString();

			$.ajax({
				url: url,
				type: 'GET',
				dataType: 'json',
				success: function(response) {
					if (response.products && response.products.length > 0) {
						// Append new products to the grid
						var $productGrid = $('.product-wrapper-grid-row');
						
						response.products.forEach(function(product) {
							var productHtml = generateProductHtml(product);
							$productGrid.append(productHtml);
						});

						if (window.sdInitLazyImages) {
							window.sdInitLazyImages($productGrid[0]);
						}

						currentPage++;
						hasMoreProducts = response.has_more;
						
						// If no more products, show end message
						if (!hasMoreProducts) {
							$('#end-of-products').show();
						}
					} else {
						hasMoreProducts = false;
						$('#end-of-products').show();
					}
				},
				error: function(xhr, status, error) {
					console.error('Error loading more products:', error);
					// Fallback to regular pagination on error
					$('#fallback-pagination').show();
				},
				complete: function() {
					isLoading = false;
					$('#infinite-scroll-loader').hide();
					$('.product-wrapper-grid').removeClass('loading');
				}
			});
		}

        if (hasMoreProducts && 'IntersectionObserver' in window) {
            const loadTrigger = document.getElementById('load-more-trigger');

            const observer = new IntersectionObserver((entries) => {
                if (entries[0].isIntersecting) {
                    loadMoreProducts();
                }
            }, {
                root: null,
                rootMargin: '200px', // preload before reaching end
                threshold: 0
            });

            if (loadTrigger) {
                observer.observe(loadTrigger);
            }
        }

		// Function to generate product HTML
		function generateProductHtml(product) {

            var style_view = $('#style-view-toggle').find('.active').data('style-view');
            var grid_size = 'col-xl-4';

            if(style_view == 2){
                grid_size = 'col-xl-6';
            } else if(style_view == 3){
                grid_size = 'col-xl-4';
            } else if(style_view == 4){
                grid_size = 'col-xl-3';
            } else {
                grid_size = 'col-xl-4';
            }

			var html = '<div class="' + grid_size + ' col-6 col-grid-box">';
			html += '<div class="basic-product theme-product-1">';
			html += '<div class="overflow-hidden">';
			html += '<div class="img-wrapper">';
			html += '<a href="' + product.href + '">';
			
			if (product.thumb) {
                var imageAlt = product.name ? product.name + ' | Sunshine Diamonds' : 'Diamond Jewellery | Sunshine Diamonds';

                html += '<div class="product-image-container thumb-img-' + product.product_id + '">';
                html += '<img src="' + product.thumb + '" data-src="' + product.thumb + '" class="w-100 img-fluid blur-up lazyload main-image" loading="lazy" decoding="async" alt="' + imageAlt.replace(/"/g, '&quot;') + '">';

                if (product.cover_image && !product.cover_image.startsWith('?v=')) {
                    html += '<img src="' + product.cover_image + '" data-src="' + product.cover_image + '" class="w-100 img-fluid blur-up lazyload hover-image" loading="lazy" decoding="async" alt="' + imageAlt.replace(/"/g, '&quot;') + '">';
                } else {
                    html += '<img src="' + product.thumb + '" data-src="' + product.thumb + '" class="w-100 img-fluid blur-up lazyload hover-image" loading="lazy" decoding="async" alt="' + imageAlt.replace(/"/g, '&quot;') + '">';
                }

                html += '</div>';
            } else {
                html += '<div class="product-image-container thumb-img-' + product.product_id + '">';
                html += '<img src="catalog/view/theme/default/assets/images/fashion-1/product/5.jpg" data-src="catalog/view/theme/default/assets/images/fashion-1/product/5.jpg" class="w-100 img-fluid blur-up lazyload" loading="lazy" decoding="async" alt="No product image available | Sunshine Diamonds">';
                html += '</div>';
            }
			
			html += '</a>';
			html += '<div class="custom-wishlist-btn">';
                        html += '<a href="/index.php?route=account/login_popup" title="" class="loginpopup text-dark color-2f2f2f">';
            html += '<i class="ri-heart-line"></i>';
            html += '</a>';
            			html += '</div>';
			html += '</div>';
			
			html += '<div class="product-detail">';
			html += '<div class="row d-flex justify-content-between align-items-center">';
			html += '<div class="col-8">';
			html += '<a class="product-title" href="' + product.href + '">' + product.model + '<br/>' + product.name + '</a>';
			html += '</div>';
			html += '<div class="col-4">';
			html += '<h5 class="price d-flex justify-content-end mb-1">From</h5>';
			html += '<h4 class="price justify-content-end">' + product.sale_price + '</h4>';
			html += '</div>';
			html += '<div class="col-12 mt-3">';
			html += '<div class="brand-w-color">';
			html += '<div class="color-panel">';
			html += '<ul>';
			html += '<li class="' + (product.ww_image_count > 0 ? 'color-panel-item' : '') + ' me-3" data-color="ww" data-product-id="' + product.product_id + '" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>';
			html += '<li class="' + (product.yy_image_count > 0 ? 'color-panel-item' : '') + ' me-3" data-color="yy" data-product-id="' + product.product_id + '" style="background: linear-gradient(135deg, #f5d776, #fff1b8);"></li>';
			html += '<li class="' + (product.rr_image_count > 0 ? 'color-panel-item' : '') + ' me-3" data-color="rr" data-product-id="' + product.product_id + '" style="background: linear-gradient(135deg, #f9b28c, #ffe0d0);"></li>';
			html += '<li class="' + (product.ww_image_count > 0 ? 'color-panel-item' : '') + ' me-3" data-color="ww" data-product-id="' + product.product_id + '" style="background: linear-gradient(135deg, #d8d8d8, #f0f0f0);"></li>';
			html += '</ul>';
			html += '</div>';
			html += '</div>';
			html += '</div>';
			html += '</div>';
			html += '</div>';
			html += '</div>';
			html += '</div>';
			html += '</div>';
			
			return html;
		}

		// Initialize infinite scroll on page load
		// Check if we have more than one page of products
		if (totalPages <= 1) {
			// Only one page, show end message
			hasMoreProducts = false;
			$('#end-of-products').show();
		}

		// View Mode Toggle Functionality
		var infiniteScrollEnabled = true;
		
		$('#infinite-scroll-toggle').on('click', function() {
			if (!infiniteScrollEnabled) {
				infiniteScrollEnabled = true;
				$(this).removeClass('btn-outline-secondary').addClass('btn-outline-primary active');
				$('#pagination-toggle').removeClass('btn-outline-primary active').addClass('btn-outline-secondary');
				$('#fallback-pagination').hide();
				$('#infinite-scroll-loader').show();
				$('#end-of-products').show();
			}
		});
		
		$('#pagination-toggle').on('click', function() {
			if (infiniteScrollEnabled) {
				infiniteScrollEnabled = false;
				$(this).removeClass('btn-outline-secondary').addClass('btn-outline-primary active');
				$('#infinite-scroll-toggle').removeClass('btn-outline-primary active').addClass('btn-outline-secondary');
				$('#fallback-pagination').show();
				$('#infinite-scroll-loader').hide();
				$('#end-of-products').hide();
			}
		});

		// Colour dot click handler — swap product card image to selected metal colour
		$(document).on('click', '.color-panel-item', function(e) {
			e.stopPropagation();
			var color = $(this).data('color');
			var productId = $(this).data('product-id');
			var $container = $('.thumb-img-' + productId);
			$container.find('img').each(function() {
				var src = $(this).attr('src') || '';
				var dataSrc = $(this).attr('data-src') || '';

				if (src) {
					src = src.replace(/_ww_|_yy_|_rr_/g, '_' + color + '_');
					$(this).attr('src', src);
				}

				if (dataSrc) {
					dataSrc = dataSrc.replace(/_ww_|_yy_|_rr_/g, '_' + color + '_');
					$(this).attr('data-src', dataSrc);
				}
			});
		});

		// Update scroll handler to respect toggle state with debouncing
		$(window).off('scroll.infinite').on('scroll.infinite', function() {
			clearTimeout(scrollTimeout);
			scrollTimeout = setTimeout(function() {
				if (infiniteScrollEnabled && $(window).scrollTop() + $(window).height() >= $(document).height() - loadMoreThreshold) {
					loadMoreProducts();
				}
			}, 100); // 100ms debounce
		});

		// Function to update filter UI state
		function updateFilterUI() {
			var filter_param = $('#filter_param').val();
			var filter = $('#filter').val();

			// Parse current filter parameters
			var activeFilterIds = [];
			if (filter_param) {
				var filtered_param = [];
				if (filter_param.indexOf('_') !== -1) {
					var filter_param_arr = filter_param.split("_");
					filter_param_arr.forEach(function(param) {
						if (param.indexOf('.') !== -1) {
							var exp_data = param.split(".");
							if (exp_data[1]) {
								filtered_param.push(exp_data[1]);
							}
						} else {
							filtered_param.push(param);
						}
					});
				} else {
					if (filter_param.indexOf('.') !== -1) {
						var exp_data = filter_param.split(".");
						if (exp_data[1]) {
							filtered_param.push(exp_data[1]);
						}
					} else {
						filtered_param.push(filter_param);
					}
				}
				activeFilterIds = filtered_param;
			}

				if (filter) {
					var filterIds = filter.split(',');
					filterIds.forEach(function(filterId) {
						if (filterId && activeFilterIds.indexOf(filterId) === -1) {
							activeFilterIds.push(filterId);
						}
					});
				}
			// Remove all active/selected states
			$('.category-box, .category-a-box, .js_filter_option, .filter-checkbox').removeClass('selected active').prop('checked', false);

			activeFilterIds.forEach(function(filterId) {
				$('.category-box[data-filter-id="' + filterId + '"]').addClass('selected');
				$('.category-a-box[data-filter-id="' + filterId + '"]').addClass('selected');
				$('.js_filter_option[data-filter-id="' + filterId + '"]').addClass('active');
				$('.filter-checkbox[id="checkbox' + filterId + '"]').prop('checked', true);
			});
		}

			// AJAX Filter Functionality
			function applyFilters(updateUrl = true) {
				$('.product-wrapper-grid').addClass('loading');
				$('#infinite-scroll-loader').show();

				var category_id = $('#category_id').val();
				var filter_param = $('#filter_param').val();
				var filter = $('#filter').val();
				var sort = $('#sort').val();
				var order = $('#order').val();
				var stone_price_min = $('#stone_price_min').val() || '0';
				var stone_price_max = $('#stone_price_max').val() || '50000';

				var url = 'index.php?route=product/category|loadMoreProducts';
				var urlParams = new URLSearchParams();
				urlParams.set('category_id', category_id);
				urlParams.set('filter_param', filter_param);
				urlParams.set('filter', filter);
				urlParams.set('sort', sort);
				urlParams.set('order', order);
				urlParams.set('page', 1); // Reset to first page for new filters

				url += '&' + urlParams.toString();

			$.ajax({
				url: url,
				type: 'GET',
				dataType: 'json',
				success: function(response) {
					// Clear existing products
					$('.product-wrapper-grid-row').empty();
					currentPage = 1;
					hasMoreProducts = true;

					if (response.products && response.products.length > 0) {
						var $productGrid = $('.product-wrapper-grid-row');

						response.products.forEach(function(product) {
							var productHtml = generateProductHtml(product);
							$productGrid.append(productHtml);
						});

						if (window.sdInitLazyImages) {
							window.sdInitLazyImages($productGrid[0]);
						}

						currentPage++;
						hasMoreProducts = response.has_more;

						if (!hasMoreProducts) {
							$('#end-of-products').show();
						} else {
							$('#end-of-products').hide();
						}
					} else {
						hasMoreProducts = false;
						$('#end-of-products').show();
					}

					updateFilterUI();
				},
				error: function(xhr, status, error) {
					console.error('Error applying filters:', error);
					location.reload(); // Fallback to full page reload on error
				},
				complete: function() {
					$('.product-wrapper-grid').removeClass('loading');
					$('#infinite-scroll-loader').hide();
				}
			});
		}


		// Handle price range slider changes
		$(document).on('slidestop', '.slider-price-range', function(event, ui) {

            // Do not run the AJAX price filter during slider initialization/page refresh.
            if (!ui || !ui.values || ui.values.length < 2) {
                return;
            }

            var priceSliderSteps = [
                  100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1100, 1200, 1300, 1400,
                  1500, 1600, 1700, 1800, 1900, 2000, 2100, 2200, 2300, 2400, 2500, 3000,
                  5000, 7500, 10000, 20000, 30000, 40000, 50000, 60000, 70000, 80000, 90000, 100000, 300000, 500000,
                  700000, 999999
                ];

			var minValue = priceSliderSteps[ui.values[0]];
			var maxValue = priceSliderSteps[ui.values[1]];

			// Update hidden inputs
			$('#stone_price_min').val(minValue);
			$('#stone_price_max').val(maxValue);

			// Update display values
			$('.span_stone_price_min').text('£' + minValue);
			$('.span_stone_price_max').text('£' + maxValue);

			applyFiltersWithCarat(minValue, maxValue, true);
		});

		// Function to apply filters with carat range
		function applyFiltersWithCarat(minPrice, maxPrice, updateUrl = true) {
			$('.product-wrapper-grid').addClass('loading');
			$('#infinite-scroll-loader').show();

			var category_id = $('#category_id').val();
			var filter_param = $('#filter_param').val();
			var filter = $('#filter').val();
			var sort = $('#sort').val();
			var order = $('#order').val();

			var url = 'index.php?route=product/category|loadMoreProducts';
			var urlParams = new URLSearchParams();
			urlParams.set('category_id', category_id);
			urlParams.set('filter_param', filter_param);
			urlParams.set('filter', filter);
			urlParams.set('stone_price_min', minPrice);
			urlParams.set('stone_price_max', maxPrice);
			urlParams.set('sort', sort);
			urlParams.set('order', order);
			urlParams.set('page', 1);

			url += '&' + urlParams.toString();

			$.ajax({
				url: url,
				type: 'GET',
				dataType: 'json',
				success: function(response) {
					$('.product-wrapper-grid-row').empty();
					currentPage = 1;
					hasMoreProducts = true;

					if (response.products && response.products.length > 0) {
						var $productGrid = $('.product-wrapper-grid-row');

						response.products.forEach(function(product) {
							var productHtml = generateProductHtml(product);
							$productGrid.append(productHtml);
						});

						if (window.sdInitLazyImages) {
							window.sdInitLazyImages($productGrid[0]);
						}

						currentPage++;
						hasMoreProducts = response.has_more;

						if (!hasMoreProducts) {
							$('#end-of-products').show();
						} else {
							$('#end-of-products').hide();
						}
					} else {
						hasMoreProducts = false;
						$('#end-of-products').show();
					}

					updateFilterUI();
				},
				error: function(xhr, status, error) {
					console.error('Error applying filters:', error);
					location.reload();
				},
				complete: function() {
					$('.product-wrapper-grid').removeClass('loading');
					$('#infinite-scroll-loader').hide();
				}
			});
		}
	});


    $('#faqAccordion').on('shown.bs.collapse', function (e) {
        $(e.target).prev('.faq-header').find('.fa')
            .removeClass('fa-plus')
            .addClass('fa-minus');
    });

    $('#faqAccordion').on('hidden.bs.collapse', function (e) {
        $(e.target).prev('.faq-header').find('.fa')
            .removeClass('fa-minus')
            .addClass('fa-plus');
    });

    /* Force remove sticky/fixed sidebar styles added by theme JS */
(function () {
    function unlockLeftFilterScroll() {
        if (window.innerWidth < 992) return;

        var selectors = [
            '.collection-grid-left-filter',
            '.collection-grid-left-filter .collection-filter-block',
            '.collection-grid-left-filter .collection-collapse-block',
            '.collection-grid-left-filter .collection-accordion',
            '.collection-grid-left-filter .accordion',
            '.collection-grid-left-filter .accordion-item',
            '.collection-grid-left-filter .accordion-collapse',
            '.collection-grid-left-filter .accordion-body'
        ];

        selectors.forEach(function (selector) {
            document.querySelectorAll(selector).forEach(function (el) {
                el.classList.remove(
                    'sticky',
                    'sticky-top',
                    'fixed',
                    'fixed-top',
                    'position-sticky',
                    'is-sticky',
                    'is_stuck',
                    'affix'
                );

                el.style.position = 'relative';
                el.style.top = 'auto';
                el.style.bottom = 'auto';
                el.style.left = 'auto';
                el.style.right = 'auto';
                el.style.transform = 'none';
                el.style.height = 'auto';
                el.style.maxHeight = 'none';
                el.style.overflow = 'visible';
                el.style.overflowY = 'visible';
            });
        });
    }

    document.addEventListener('DOMContentLoaded', unlockLeftFilterScroll);
    window.addEventListener('load', unlockLeftFilterScroll);
    window.addEventListener('resize', unlockLeftFilterScroll);
    window.addEventListener('scroll', unlockLeftFilterScroll, { passive: true });

    setInterval(unlockLeftFilterScroll, 500);
})();
	</script>