.desktop-logo-wrapper {
    min-width: 300px !important;
    max-width: 300px !important;
}
.header>div {
    max-width: 100%;
    padding: 5px;
}

.module-manufacturers-771 .swiper-container, .module-manufacturers-771 .manufacturer-thumb .image img {
background-color: #000;
}

.module-manufacturers-771 .manufacturer-thumb {
background-color: inherit;
border: inherit;
}


.module-manufacturers-771 .manufacturer-thumb .image a {
    background-color: inherit;
}

.grid-row-top-5 .grid-cols-wrapper {
    padding: 0px !important;
}
.module-manufacturers-771 .swiper {
    background-color: #000;
}

.module-manufacturers-771 .manufacturer-thumb .name a{
    font-size: 20px;
}

header .dropdown.dropdown:not(.mega-menu) .menu-item>a>.links-text {
    max-width: 100%;
}

.module-products-918 .product-thumb .product-img {
    border: 1px solid #444444;
    width:351px;
}
/*.module-products-918 .product-thumb .product-img img{
height:624px;
} */
.module-banners_grid-1124 .slide-col .slide-layers {
    align-items: flex-start;
    justify-content: flex-start;
}


/* FAQ Item Icons */
.module-faq-1127 .faq_item_1 .panel-heading::before {
    content: ""!important;
    display: inline-block; 
    width: 50px;       
    height: 50px;        
    
	 background-image: url('/image/catalog/home-page/icons/about-us.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.module-faq-1127 .faq_item_2 .panel-heading::before {
    content: ""!important;
    display: inline-block; 
    width: 50px;       
    height: 50px;        
    background-image: url('/image/catalog/home-page/icons/bespoke-design-process.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.module-faq-1127 .faq_item_3 .panel-heading::before {
    content: ""!important;
    display: inline-block; 
    width: 50px;       
    height: 50px;        
   background-image: url('/image/catalog/home-page/icons/collections.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.module-faq-1127 .faq_item_4 .panel-heading::before {
    content: ""!important;
    display: inline-block; 
    width: 50px;       
    height: 50px;        
   background-image: url('/image/catalog/home-page/icons/contact-us.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.module-faq-1127 .faq_item_5 .panel-heading::before {
    content: ""!important;
    display: inline-block; 
    width: 50px;       
    height: 50px;        
   background-image: url('/image/catalog/home-page/icons/how-it-works.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.module-faq-1127 .faq_item_6 .panel-heading::before {
    content: ""!important;
    display: inline-block; 
    width: 50px;       
    height: 50px;        
   background-image: url('/image/catalog/home-page/icons/lab-grown-diamonds-faq.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.module-faq-1127 .faq_item_7 .panel-heading::before {
    content: ""!important;
    display: inline-block; 
    width: 50px;       
    height: 50px;        
   background-image: url('/image/catalog/home-page/icons/what-if-i-dont-like-it.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.module-faq-1127 .faq_item_8 .panel-heading::before {
    content: ""!important;
    display: inline-block; 
    width: 50px;       
    height: 50px;        
   background-image: url('/image/catalog/home-page/icons/certificated-diamonds.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.module-banners_grid-1129>.module-body>.banners-grid.auto-grid>.auto-grid-items>.module-item-10, .module-banners_grid-1129>.module-body>.banners-grid.auto-grid>.auto-grid-items>.module-item-4 {
    grid-row-end: span var(--grid-rows, 1);
}

.module-banners_grid-1129 .slide-col .slide-layers {
    align-items: flex-start;
    justify-content: flex-start;
}

.module-products-918 .product-grid .image-group {
    border: 1px solid #444444;
}
#main-menu-2 {
    display: none;
}

.product-details .push-option-image {
    width: 100px;
    height:100px;
}

/* FAQ Desktop */
/* FAQ Desktop */
.module-faq-1127 .panel-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 40px;
  align-items: stretch;
}

.module-faq-1127 .panel-group .module-item {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}



.module-faq-1127 .panel-heading {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.module-faq-1127 .panel-title {
  padding: 0 !important;
  margin: 0 !important;
}

.module-faq-1127 .panel-collapse {
  border: none !important;
  margin-top: 12px;
}



/* Mobile */
@media (max-width: 768px) {
  .module-faq-1127 .panel-group {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}


.product-info .product-details .product-price-new {
    order: 1!important;
}
.product-info .product-details .price-group .product-price-old {
    background-color: var(--brand_primary);
    color: #f7f7f7;
    padding: 5px;
}

.custom-product-details .fa-info-circle:before {
    font-size: 1.5rem;
}

.ctd-search-market-price,
.ctd-our-price,
.price-old,
.price-new {
    display: inline-block;
    vertical-align: middle;
}

/* Entire price row */
.product-thumb .price {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
}

.product-price-old {
    background-color: var(--brand_primary);
    color: #f7f7f7;
    padding: 5px;
 text-decoration: line-through;
}

.search-price .price-new {   
    order: 1;
}
.side-product-price-old{
background-color: var(--brand_primary);
    color: #f7f7f7;
    padding: 5px;
    text-decoration: line-through;
    margin: 5px;
}


.module-slider-1091 .slide-button-1 {
background:#C2A559!important;
}

.module-banners_grid-1124 .module-title, .module-manufacturers-771 .module-title {
    margin-bottom: 0px !important;
    background-color: #707070;
    color: #ffff;
  	padding:20px;
}
.module-title-770 .title-btn-1.btn {
    border-color: var(--brand_primary) !important;
    background-color: var(--brand_primary) !important;
    color: #ffff !important;
}
.site-wrapper {
    background-color: #FAF8F4;
}
#product-product .product-options {
    background-color: #F1F0EE !important;
}
.ctd-metal-tab.active, .btn.btn-primary {
    background: #C2A559;
}
.product-info .button-group-page .btn-cart.btn {  
    border-color: var(--brand_primary) !important;
	background-color: var(--brand_primary) !important;
	color:#ffff!important;
}
.block-expand.btn, .block-expand.tooltip {
    background-color: var(--brand_primary) !important;
    color: #fff !important;
    border-color: var(--brand_primary);
}

.diamnd_searhc .additional-images.ctd-additional-grid {
    grid-template-columns: repeat(2, 1fr) !important;
}

.ctd-portfolio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px 0;
}

.ctd-portfolio-card {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    height: 100%;
}

.ctd-portfolio-image-container {
    position: relative;
    height: 270px;
    overflow: hidden;
}

.ctd-portfolio-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease;
}

.ctd-portfolio-rough { opacity: 1; }

.ctd-portfolio-finish {
    opacity: 0;
    position: absolute;
    top: 0; left: 0;
}

.ctd-portfolio-card:not(.no-hover):hover .ctd-portfolio-rough { opacity: 0; }
.ctd-portfolio-card:not(.no-hover):hover .ctd-portfolio-finish { opacity: 1; }

.ctd-show-finish .ctd-portfolio-rough { opacity: 0; }
.ctd-show-finish .ctd-portfolio-finish { opacity: 1; }

.ctd-portfolio-client { font-weight: bold; margin: 10px 0 5px; text-align: center; }
.ctd-portfolio-description { font-size: 0.9em; color: #666; text-align: center;}
.ctd-portfolio-date { font-size: 0.9em; color: #666; text-align: center; padding-bottom: 15px; }
.ctd-portfolio-empty { text-align: center; padding: 40px; color: #999; font-style: italic; }

.ctd-diamond-colours-wrapper {
  display: flex;
  flex-direction: column;  
}

.ctd-diamond-active-row .ctd-diamond-colour {
  display: flex;
  flex-direction: column;
  align-items: center;
}


/* Bottom grid: non-active diamonds */
.ctd-diamond-colours {
  display: flex;
  flex-wrap: wrap; 
  justify-content: flex-start;
}

.ctd-diamond-colours .ctd-diamond-colour {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.diamnd_searhc  #btn-fast-search {
    background: #C2A559;
}
.diamnd_searhc #btn-detailed-search, .diamnd_searhc #btn-expert-help {
    background: #444444;
}

/* font icon  */
.fa-stack {
width: 0.2em;
    height: 0.2em;
    line-height: 1em;
    vertical-align: middle;
    padding: 0px 5px;
    position: relative;
    bottom: 9px;
}

 .fa-stack .fa-comment-o {
    font-size: 1em;
}

.fa-stack .fa-question {
    font-size: 0.55em;
    left: 0;
}
.ctd-guidance-text .fa-stack .fa-question {
    font-size: 0.6em;
    left: 1px;
}
.ctd-guidance-text .ctd-info-icon {
    margin-right: 6px;
}

.ctd-guidance-contact .fa-stack .fa-question , .product-price-group .fa-stack .fa-question , .ctd-search-market-price .fa-stack .fa-question {
    font-size: 0.55em;
    left: 2px;
}
.menu_side_products .fa-stack {
bottom: 9px;
}

.related_side_product .fa-stack {
bottom: 0px;
}
.header-search .ctd-btn-info-icon{
margin-right: 4px;
}

.custom-product-details .ctd-btn-info-icon{
   margin-right: 4px;
}

/* font icon  */

.product-price-old, .side-product-price-old {
    min-width: 82px;
   text-align: center;
}

.header-search .ctd-search-market-price, .header-search .ctd-our-price {
    font-size: 11px;
}

 .bespoke_design .img-slider-wrapper {
      position: relative;
      width: 100%;
      height: 600px;
      overflow: hidden;
      border: 2px solid #ccc;
      border-radius: 10px;
    }

   .bespoke_design .img-slider {
      position: relative;
      width: 100%;
      height: 100%;
    }

  .bespoke_design  .after-img, .before-img {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

  .bespoke_design  .before-img { z-index: 1; }
  .bespoke_design  .after-img { z-index: 2; }

  .bespoke_design  .slider-handle {
      position: absolute;
      top: 0;
      left: 50%;
      width: 3px;
      height: 100%;
      background-color: #fff;
      cursor: pointer;
      z-index: 3;
    }

  .bespoke_design  .slider-handle::before {
      content: '';
      position: absolute;
      top: 50%;
      left: -20px;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      background-color: #000;
      border-radius: 50%;
      z-index: 4;
    }

   .bespoke_design .process_block_info {
      margin-top: 10px;
      text-align: center;
    }
.bespoke_design .theprocessnew h2 { font-size: 20px !important; }
    .bespoke_design .theprocessnew h3 { font-size: 18px !important; }
    .bespoke_design .process_block_info, .theprocessnew { font-size: 15px !important; }

    .bespoke_design .how-itworks .btn-link {
      color: #fff !important;
      background-color: #555;
      line-height: 40px;
    }

    .bespoke_design h1.text-uppercase, h2.text-uppercase {
      color: #fff;
      font-size: 22px !important;
      line-height: 30px;
    }

    .bespoke_design .welcome-jewellery {
      font-size: 15px;
      margin: 0 auto;
      line-height: 25px;
    }

  div.module-info_blocks-1152 .info-block-content {
  align-items: center;
  }
.module-banners_grid-1161 .slide-col .slide-layers {
    align-items: center;
}


.ctd-metal-tab {
  flex: 1 1 0;
  text-align: center;
  margin-right: 10px;
}

.ctd-metal-tab[data-slug="platinum"]:hover {
  background: #F2F1EC;
  color: #888;
}

.ctd-metal-tab[data-slug="18ct--gold"]:hover {
  background: #D0A7A5;
  color: #FFFFFF;
}

.ctd-metal-tab[data-slug="9ct--gold"]:hover {
  background: #D4AF37;
  color: #FFFFFF;
}
.ctd-metal-tab[data-slug="18ct-gold"]:hover {
  background: #D0A7A5;
  color: #FFFFFF;
}
/* Desktop - default */
.module-banners_grid-1162 .module-item .slide-content-image {
  height: 600px;
  width: 480px;
  object-fit: cover;
}
.module-banners_grid-1162 .module-item .slide-content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.ctd-section.ctd-action-buttons-section.mb-4 .ctd-btn-info-icon {
    margin-left: 10px;
}
.ctd-section.ctd-action-button.ctd-tweak-section.mb-3 span.ctd-info-icon {
    margin-left: 10px;
}
.ctd-section.ctd-action-button.ctd-tweak-section.mb-3 a#btn-expert-help {
    padding: 18px;
}
.module-side_products-877 .side-product .price span.ctd-btn-info-icon {
    margin-right: 5px;
}

.module-banners_grid-1161 .slide-col .slide-layers {
    align-items: center;
}

   .module-banners_grid-1161 .slide-text-item span {
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    font-family: inherit;
    font-weight: 700;
    line-height: 1.2;
}

.module-banners_grid-1161 .banners-wrapper.auto-grid-items {
    padding-inline-start: 0px !important;
}

.header-classic .mid-bar > b:has(.classic-cart-wrapper) {
    order: 2 !important;
}
.desktop-header-active .header-classic .classic-cart-wrapper{
display:flex;
}
#search .j-menu .category-level-1 a {
flex-direction: column;
}
.text-start {
    text-align: left !important;
}

.pt-5 {
    padding-top: 3rem !important;
}
.p-5 {
    padding: 3rem !important;
}
.m-auto {
    margin: auto !important;
}
/* Tablet - 2 per row */
@media (min-width: 768px) and (max-width: 991px) {
	.module-banners_grid-1162 .module-item .slide-content-image {
		display: contents;
	}

.module-banners_grid-1161 .auto-carousel-buttons .auto-carousel-next {
    right: 3%;	
}
.module-banners_grid-1161 .auto-carousel-buttons .auto-carousel-prev {
    left: 3%;	
}
}

.module-banners_grid-1161 .auto-carousel-buttons .auto-carousel-next { 
	color: rgba(27, 27, 27, 1) !important;
}
.module-banners_grid-1161 .auto-carousel-buttons .auto-carousel-prev {   
	color: rgba(27, 27, 27, 1) !important;
}

.mega-menu-content .category-thumb .name a, .swiper-slide .category-thumb .name a {
    -webkit-line-clamp: none!important;
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .product-info.has-special.has-extra-button .product-image .main-image {
        width: auto;
        height: auto;
        overflow: hidden;
    }
}
@media (min-width:1550px) and (max-width:1749px){
.module-banners_grid-1161 .auto-carousel-buttons .auto-carousel-next {
    left: 6%;
}
.module-banners_grid-1161 .auto-carousel-buttons .auto-carousel-prev {
    right: 6%;
}
}

@media(min-width:1750px){
.module-banners_grid-1161 .auto-carousel-buttons .auto-carousel-next {
    left: 11%;
}
.module-banners_grid-1161 .auto-carousel-buttons .auto-carousel-prev {
    right: 11%;
}
}

@media (max-width: 767px) {

.product-blocks-1131 .grid-cols {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .product-blocks-1131 .grid-col {
        width: 100% !important;
        max-width: 330px;
    }

    .product-blocks-1131 .module-button {
        width: 100%;
    }

    .product-blocks-1131 .module-button .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 60px;
        padding: 0 20px;
        border-radius: 3px;
        box-sizing: border-box;
        text-align: center;
    }
    .custom-product-details .push-option-image {
        width: 80px;
        height: 80px;
    }

    .custom-product-details #input-option4170, .custom-product-details #input-option4169 {
        justify-content: center;
    }
  .ctd-whis-group {
        background-color: var(--brand_primary) !important;
    }
   .ctd-whis-group .wishlist-compare .btn-text, .ctd-whis-group .btn-wishlist:before, .ctd-whis-group .btn-compare:before {
    color:#ffff!important;  
    }

 .product_extra-1087 .expand-content {
    max-height: 130px;
}

.block-expand-overlay {
    background: none;
    top: 6.7rem;
}
  .block-expand.btn{
		width:100%;
  }
.block-expanded .block-expand-overlay {
        background: none;
        top: auto!important;
    }
  .custom-product-details .nav-tabs{
  	flex-direction: column!important;
  }
.module-info_blocks-781 .module-info_blocks .info_blocks-grid:not(.auto-grid), .ipr-grid {
    gap: 15px!important;
}
.product-info .button-group-page .btn-cart.btn {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a) * 1))!important;
	background-color: #ffff !important;
	color:#0000!important;
}
    .route-product-product:not(.popup) .product-info .button-group-page .btn-cart {
        color: #000 !important;
    }
 .ctd-portfolio-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.product-info .product-details .wishlist-compare {
    justify-content: center !important;
}
.ctd-metal-tabs {
	flex-direction: row;
}
  .bespoke_design .img-slider-wrapper {
        max-width: 400px;
        max-height: 300px;
        margin: 0 auto;
      }
 .bespoke_design .welcome-jewellery { text-align: center; }
  
   .module-banners_grid-1162 .module-item {
    width: 80% !important;
  }
  .module-banners_grid-1162 .module-item .slide-content-image {
    width: 100% !important;
    height: 320px;
  }
  .module-banners_grid-1162 .module-item .slide-content-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }

 .module-side_products-877 .side-product .price span.ctd-btn-info-icon {
    margin-right: 0px;
  }
  .module-products-868 .auto-grid .auto-grid-items {
    --grid-rows: 8;
}
  .product-image .main-image {
    width: auto !important;
    height: auto !important;
    overflow: hidden;
}
  .module-side_products-877 .auto-grid .auto-grid-items{
	 display: grid;
	 grid-auto-flow: row;
}
.mobile-header-active #logo {
    --logo-max-width: 90%;
}
.module-banners_grid-1162 .slide-col {
    --slides-cols-width: 100%;
}
.module-title-1009 .title-wrapper {
    text-align: center;
    align-self: center;
}
.ctd-portfolio-grid {
    grid-template-columns: auto;
}
}

 
/* === HELP ===  */
#product-product .ctd-help{margin-bottom:20px;padding:20px;border-radius:8px}
#product-product .ctd-help-title{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}
#product-product .ctd-help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
#product-product .ctd-help-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 15px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;text-decoration:none;color:#333;text-align:center;transition:all .2s ease;cursor:pointer;font-size:inherit;line-height:inherit;justify-content: center;}
#product-product .ctd-help-card:hover{border-color:#b09e66;box-shadow:0 2px 8px rgba(0,0,0,.1)}
#product-product .ctd-help-card i{font-size:28px;color:#b09e66}
#product-product .ctd-help-card .fa-whatsapp {color: #58c550;}
#product-product .ctd-help-card span{font-size:14px;color:#666}
#product-product .ctd-help-card strong{font-size:15px;color:#333}
@media(min-width:768px) and (max-width:1023px){ #product-product .ctd-help-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){ #product-product .ctd-help-grid{grid-template-columns:1fr;gap:0} #product-product .ctd-help-card{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;padding:16px 20px;border-radius:0;border-bottom:1px solid #e5e5e5} #product-product .ctd-help-card:first-child{border-radius:8px 8px 0 0} #product-product .ctd-help-card:last-child{border-radius:0 0 8px 8px;border-bottom:none}}

/* sub categories metal options*/
.mega-menu-content .metal_options, .mega-menu-content .bottom-hide-block, .mega-menu-content .hide_block {
display:none;
}

.metal_options.text-center {
    min-height: 40px;
    padding-bottom: 20px;
    height: 60px;
	margin: 10px;
}
.bottom-hide-block {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.hide_block_icon {max-width: 20px;opacity: 0.8;}
.custom-product-details .fa-stack .fa-question {font-size: 0.6em;left: 1px;}

.column-left #content{
width:100%;
}

@media (max-width: 767px) {
    .module-info_blocks-781 .module-info_blocks .info_blocks-grid:not(.auto-grid), .ipr-grid {
        gap: 0px!important;
    }
.swiper .swiper-pagination {
    margin-top: 20px; 
}
}

<!--New Design CSS--!>
/* =========================================================
   HERO - LEFT TEXT CONTENT ONLY
   ========================================================= */

.hero-grid {
    width: 100%;
    max-width: 620px;
}


/* ---------------------------------------------------------
   MAIN TITLE
   --------------------------------------------------------- */

.hero-grid .hero-title {
    margin: 0 0 4px;

    color: #292929;
    font-family: "Cormorant Garamond", Georgia, serif;

    font-size: 52px;
    font-weight: 500;
    line-height: 1.02;
    letter-spacing: -0.8px;
}


/* ---------------------------------------------------------
   GOLD TITLE
   --------------------------------------------------------- */

.hero-grid h1.gold {
    margin: 0 0 20px;

    color: #b18a36;
    font-family: "Cormorant Garamond", Georgia, serif;

    font-size: 40px;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.3px;
}


/* ---------------------------------------------------------
   DESCRIPTION
   --------------------------------------------------------- */

.hero-grid .hero-copy {
    margin: 0 0 12px;
    color: #1e1e1e;
    /*font-size: 16px;*/
    font-weight: 400;
    line-height: 1.72;
}

/* ---------------------------------------------------------
   CATEGORY LINKS
   --------------------------------------------------------- */

.hero-grid .hero-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 15px;

    margin: 23px 0 27px;
}

.hero-grid .hero-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #d0c9bb;
    color: #44413b;
    /*font-size: 18px;*/
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease;
		
    min-width: 125px;
}

.hero-grid .hero-links a:hover {
    background: #191919;
    border-color: #191919;
    color: #fff;
}
.hero-grid {
    max-width: 850px;
}

/* ---------------------------------------------------------
   STATISTICS
   --------------------------------------------------------- */

.hero-grid .stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 16px;

    width: 100%;

    margin: 0;
    padding-top: 19px;

    border-top: 1px solid #d8d2c5;
}

.hero-grid .stat {
    min-width: 0;
}

.hero-grid .stat strong {
    display: block;
    margin: 0 0 4px;
    color: #b18a36;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
}

.hero-grid .stat small {
    display: block;
    color: #817d74;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    white-space: nowrap;
}
/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .hero-grid {
        max-width: 560px;
    }

    .hero-grid .hero-title {
        font-size: 46px;
    }

    .hero-grid h1.gold {
        font-size: 36px;
    }

    /*.hero-grid .hero-copy {
        font-size: 10px;
    }*/

    .hero-grid .stats {
        gap: 12px;
    }

    .hero-grid .stat strong {
        font-size: 22px;
    }
}


/* =========================================================
   TABLET / SMALL SCREEN
   ========================================================= */

@media (max-width: 900px) {

    .hero-grid {
        max-width: 700px;
    }

    .hero-grid .hero-title {
        font-size: 48px;
    }

    .hero-grid h1.gold {
        font-size: 38px;
    }

    .hero-grid .hero-copy {
        max-width: 680px;
        /*font-size: 11px;*/
    }

    .hero-grid .stats {
        grid-template-columns: repeat(3, 1fr);
    }

    .hero-grid .stat small {
        white-space: normal;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .hero-grid {
        width: 100%;
        max-width: 100%;
    }

    .hero-grid .hero-title {
        margin-bottom: 4px;

        font-size: 40px;
        line-height: 1;
        letter-spacing: -0.5px;
    }

    .hero-grid h1.gold {
        margin-bottom: 17px;

        font-size: 32px;
        line-height: 1.05;
    }

    .hero-grid .hero-copy {
        margin-bottom: 11px;

        /*font-size: 10px;*/
        line-height: 1.7;
    }

    .hero-grid .hero-links {
        gap: 5px;

        margin-top: 20px;
        margin-bottom: 24px;
    }

    .hero-grid .hero-links a {
        min-height: 28px;
        padding: 6px 10px;

        /*font-size: 8px;*/
    }

    /* Two columns on mobile */
    .hero-grid .stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 17px 12px;

        padding-top: 17px;
    }

    .hero-grid .stat strong {
        font-size: 23px;
    }

    .hero-grid .stat small {
        font-size: 7px;
        line-height: 1.4;
        white-space: normal;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .hero-grid .hero-title {
        font-size: 34px;
    }

    .hero-grid h1.gold {
        font-size: 28px;
    }

    .hero-grid .hero-copy {
        /*font-size: 12px;*/
        line-height: 1.65;
    }

    .hero-grid .hero-links a {
        padding: 6px 9px;
       /* font-size: 12px;*/
    }

    .hero-grid .stats {
        gap: 15px 10px;
    }

    .hero-grid .stat strong {
        font-size: 18px;
    }

    .hero-grid .stat small {
        font-size: 12px;
    }
}
/* =========================================================
   247 ENVISION - JOURNAL
   ========================================================= */

/* Full section background */
.j247-envision-left,
.j247-envision-right {
    box-sizing: border-box;
}


/* =========================================================
   LEFT COLUMN
   ========================================================= */

.j247-envision-left {
    position: relative;
    width: 100%;
    max-width: 650px;
    margin-left: auto;
    margin-right: 0;
    color: #fff;
}


/* VIDEO */

.j247-envision-video-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #111;
    border-radius: 5px;
}

.j247-envision-video {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 16 / 9;

    object-fit: cover;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* =========================================================
   VIDEO HINT
   ========================================================= */

.j247-envision-hint {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 5px;

    width: 100%;

    margin: 6px 0 0 !important;
    padding: 0 !important;

    color: #999;

    font-family: inherit;

    font-size: 9px;
    line-height: 1.4;

    text-align: center;
}

.j247-envision-hint span:first-child {
    color: #c9a85b;
    font-size: 8px;
}

.j247-envision-hint span:last-child {
    color: #999;
}


/* =========================================================
   93% BADGE
   ========================================================= */

.j247-envision-badge {
    position: absolute;

    right: -10px;
    bottom: 18px;

    width: 76px;
    height: 62px;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    background: #d5b35c;

    color: #181818;

    border-radius: 2px;

    z-index: 5;

    box-shadow: 0 5px 15px rgba(0, 0, 0, .25);
}

.j247-envision-badge-number {
    margin: 0 !important;
    padding: 0 !important;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 21px;
    font-weight: 700;

    line-height: 1;
}

.j247-envision-badge-label {
    margin: 5px 0 0 !important;
    padding: 0 !important;

    font-family: inherit;

    font-size: 7px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: .5px;
}


/* =========================================================
   RIGHT COLUMN
   ========================================================= */

.j247-envision-right {
    width: 100%;
    max-width: 750px;
    margin-left: 0;
    margin-right: auto;
    padding: 0 20px;
    color: #fff;
}


/* EYEBROW */

.j247-envision-eyebrow {
    margin: 0 0 13px !important;
    padding: 0 !important;

    color: #c9a85b;

    font-family: inherit;

    font-size: 14px;
    font-weight: 700;

    line-height: 1.2;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* TITLE */

.j247-envision-title {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #fff !important;

    font-family: inherit !important;

    font-size: 38px !important;
    font-weight: 400 !important;

    line-height: 1.08 !important;

    letter-spacing: -.5px;

    text-transform: none !important;
}


/* DESCRIPTION */

.j247-envision-description {
    max-width: 650px;

    margin: 0 0 23px !important;
    padding: 0 !important;

    color: #bdbdbd !important;

    font-family: inherit!important;

    font-size: 18px !important;

    font-weight: 400;

    line-height: 1.65 !important;
}


/* =========================================================
   LIST
   ========================================================= */

.j247-envision-list {
    list-style: none !important;

    margin: 0 0 27px !important;
    padding: 0 !important;
}

.j247-envision-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 12px !important;
    color: #d1d1d1 !important;
    position: relative;
    padding: 12px 0 12px 28px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-family: inherit;
    font-size: 15px !important;
    font-weight: 300;
    line-height: 1.6;
}

.j247-envision-list li:last-child {
    margin-bottom: 0 !important;
}


/* CHECK */

.j247-envision-check {
    flex: 0 0 13px;

    width: 13px;
    height: 13px;

    margin-top: 1px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #39331f;

    border-radius: 50%;

    color: #c9a85b;
}

.j247-envision-check svg {
    display: block;

    width: 7px;
    height: 7px;

    fill: none;

    stroke: currentColor;

    stroke-width: 3;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   BUTTON
   ========================================================= */

.j247-envision-button {
display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 34px;
    margin: 0 !important;
    padding: 15px 20px !important;
    background: #d5b35c !important;
    border: 1px solid #d5b35c !important;
    border-radius: 0 !important;
    color: #171717 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: all .25s ease;
}

.j247-envision-button svg {
    width: 11px;
    height: 11px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;
}

.j247-envision-button:hover {
    background: transparent !important;

    color: #d5b35c !important;

    border-color: #d5b35c !important;

    text-decoration: none !important;
}


/* =========================================================
   REMOVE JOURNAL CONTENT SPACING
   ========================================================= */

.j247-envision-left p,
.j247-envision-right p,
.j247-envision-right h2,
.j247-envision-right ul,
.j247-envision-right li {
    box-sizing: border-box;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .j247-envision-left,
    .j247-envision-right {
        width: 100%;
        max-width: 100%;

        margin-left: 0;
        margin-right: 0;
    }

    .j247-envision-title {
        font-size: 30px !important;
    }

    .j247-envision-description {
        font-size: 15px !important;
    }

    .j247-envision-list li {
        font-size: 12px !important;
		padding: 12px 0 12px 16px !important;
    }

    .j247-envision-badge {
        right: -3px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .j247-envision-title {
        font-size: 27px !important;
    }

    .j247-envision-hint {
        font-size: 8px;
    }

    .j247-envision-badge {
        width: 64px;
        height: 52px;
    }

    .j247-envision-badge-number {
        font-size: 17px;
    }

}

/* =========================================================
   WHY BUYERS CHOOSE US
   FAQ MODULE 1261
   ========================================================= */

/* Main module */
.module-faq-1261 {
  width: 100%;
  max-width: 100%;
  background: #F8F6F3;
  box-sizing: border-box;
}

/* Module title */
.module-faq-1261 .module-title {
  width: 100%;
  max-width: 680px;
  margin: 0 auto 32px !important;
  padding: 0 !important;

  color: #1A1A1A !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: 48px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;

  text-align: center !important;
}

/* FAQ list */
.module-faq-1261 .panel-group {
  display: grid!important;
  grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  gap: 12px!important;
}

@media (max-width: 767px) {
  .module-faq-1261 .panel-group {
    grid-template-columns: 1fr!important;
  }
}

/* =========================================================
   FAQ CARD
   ========================================================= */

.module-faq-1261 .panel-group .module-item {
  position: relative;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #FFFFFF !important;

  border: 1px solid #EDE9E3 !important;
  border-radius: 6px !important;

  overflow: hidden !important;

  box-shadow: none !important;
}

/* Remove default panel styling */
.module-faq-1261 .panel {
  margin: 0 !important;
  padding: 0 !important;

  background: #FFFFFF !important;

  border: 0 !important;

  box-shadow: none !important;
}

/* =========================================================
   HEADING
   ========================================================= */

.module-faq-1261 .panel-heading {
  position: relative;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #FFFFFF !important;

  border: 0 !important;

  box-shadow: none !important;
}

/* =========================================================
   ORIGINAL FAQ IMAGE
   ========================================================= */

.module-faq-1261 .panel-heading::before {
  content: "" !important;

  position: absolute !important;

  left: 16px !important;
  top: 50% !important;

  width: 36px !important;
  height: 36px !important;

  display: block !important;

  transform: translateY(-50%) !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  pointer-events: none !important;

  z-index: 5 !important;
}

/* Item 1 */
.module-faq-1261 .faq_item_1 .panel-heading::before {
  background-image: url('/image/catalog/home-page/icons/about-us.jpg') !important;
}

/* Item 2 */
.module-faq-1261 .faq_item_2 .panel-heading::before {
  background-image: url('/image/catalog/home-page/icons/bespoke-design-process.jpg') !important;
}

/* Item 3 */
.module-faq-1261 .faq_item_3 .panel-heading::before {
  background-image: url('/image/catalog/home-page/icons/collections.jpg') !important;
}

/* Item 4 */
.module-faq-1261 .faq_item_4 .panel-heading::before {
  background-image: url('/image/catalog/home-page/icons/contact-us.jpg') !important;
}

/* Item 5 */
.module-faq-1261 .faq_item_5 .panel-heading::before {
  background-image: url('/image/catalog/home-page/icons/how-it-works.jpg') !important;
}

/* Item 6 */
.module-faq-1261 .faq_item_6 .panel-heading::before {
  background-image: url('/image/catalog/home-page/icons/lab-grown-diamonds-faq.jpg') !important;
}

/* Item 7 */
.module-faq-1261 .faq_item_7 .panel-heading::before {
  background-image: url('/image/catalog/home-page/icons/what-if-i-dont-like-it.jpg') !important;
}

/* Item 8 */
.module-faq-1261 .faq_item_8 .panel-heading::before {
  background-image: url('/image/catalog/home-page/icons/certificated-diamonds.jpg') !important;
}

/* =========================================================
   REMOVE JOURNAL3 DEFAULT ICONS
   ========================================================= */

/* Remove pseudo icon before question */
.module-faq-1261 .panel-title::before {
  content: none !important;
  display: none !important;

  width: 0 !important;
  height: 0 !important;

  background: none !important;
  background-image: none !important;

  border: 0 !important;
}

/* Remove pseudo icon from question link */
.module-faq-1261 .panel-title > a::before,
.module-faq-1261 .panel-title > a.accordion-toggle::before,
.module-faq-1261 .accordion-toggle::before {
  content: none !important;
  display: none !important;

  width: 0 !important;
  height: 0 !important;

  background: none !important;
  background-image: none !important;

  border: 0 !important;
}

/* Remove Journal3 caret and icon elements */
.module-faq-1261 .panel-title > a > i,
.module-faq-1261 .panel-title > a > i.fa,
.module-faq-1261 .panel-title > a > i.fa-caret-down,
.module-faq-1261 .panel-title > a .fa,
.module-faq-1261 .panel-title > a .fa-caret-down,
.module-faq-1261 .panel-heading > i,
.module-faq-1261 .panel-heading > .fa {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;

  width: 0 !important;
  height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   QUESTION
   ========================================================= */

.module-faq-1261 .panel-title {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
}

.module-faq-1261 .panel-title > a,
.module-faq-1261 .panel-title > a.accordion-toggle {
  position: relative !important;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  min-height: 64px !important;

  margin: 0 !important;

  padding: 14px 52px 14px 64px !important;

  box-sizing: border-box !important;

  color: #1A1A1A !important;
  background: #FFFFFF !important;

  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;

  text-align: left !important;
  text-decoration: none !important;

  border: 0 !important;
  box-shadow: none !important;

  cursor: pointer !important;
}

/* =========================================================
   PLUS / MINUS
   ========================================================= */

.module-faq-1261 .panel-title > a::after {
  content: "+" !important;

  position: absolute !important;

  right: 18px !important;
  top: 50% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 20px !important;
  height: 20px !important;

  transform: translateY(-50%) !important;

  color: #A68A4A !important;
  background: transparent !important;

  border: 0 !important;

  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  line-height: 1 !important;

  pointer-events: none !important;
}

/* Open state */
.module-faq-1261 .panel-title > a:not(.collapsed)::after {
  content: "−" !important;
  color: #A68A4A !important;
}

/* =========================================================
   HOVER
   ========================================================= */

.module-faq-1261 .panel-title > a:hover {
  color: #1A1A1A !important;
  background: #FFFFFF !important;

  text-decoration: none !important;
}

/* =========================================================
   ACCORDION BODY
   ========================================================= */

.module-faq-1261 .panel-collapse {
  margin: 0 !important;
  padding: 0 !important;

  background: #FFFFFF !important;

  border: 0 !important;

  box-shadow: none !important;
}

.module-faq-1261 .panel-body,
.module-faq-1261 .panel-collapse .panel-body {
  margin: 0 !important;

  padding: 0 18px 18px 64px !important;

  color: #4A4A4A !important;
  background: #FFFFFF !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;

  border: 0 !important;
}

/* Remove unwanted body wrapper backgrounds */
.module-faq-1261 .panel-collapse > div {
  background: #FFFFFF !important;
  border: 0 !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .module-faq-1261 .module-title {
    max-width: 100% !important;

    margin-bottom: 24px !important;
    padding: 0 16px !important;

    font-size: 40px !important;
  }

  .module-faq-1261 .panel-group {
    max-width: 100% !important;

    gap: 8px !important;

    padding: 0 12px !important;
  }

  .module-faq-1261 .panel-title > a,
  .module-faq-1261 .panel-title > a.accordion-toggle {
    min-height: 58px !important;

    padding: 12px 44px 12px 56px !important;

    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  .module-faq-1261 .panel-heading::before {
    left: 14px !important;

    width: 32px !important;
    height: 32px !important;
  }

  .module-faq-1261 .panel-title > a::after {
    right: 14px !important;

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

    font-size: 19px !important;
  }

  .module-faq-1261 .panel-body,
  .module-faq-1261 .panel-collapse .panel-body {
    padding: 0 14px 16px 56px !important;

    font-size: 14px !important;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

  .module-faq-1261 .module-title {
    font-size: 36px !important;
  }

  .module-faq-1261 .panel-group {
    padding: 0 8px !important;
  }

  .module-faq-1261 .panel-title > a,
  .module-faq-1261 .panel-title > a.accordion-toggle {
    min-height: 56px !important;

    padding: 12px 40px 12px 52px !important;

    font-size: 14px !important;
  }

  .module-faq-1261 .panel-heading::before {
    left: 12px !important;

    width: 28px !important;
    height: 28px !important;
  }

  .module-faq-1261 .panel-title > a::after {
    right: 12px !important;
  }

  .module-faq-1261 .panel-body,
  .module-faq-1261 .panel-collapse .panel-body {
    padding-left: 52px !important;
  }
}

.home-statistics .grid-item.grid-module-top-8-1-1 {
    display: flex;
    background-color: white;
}

/* From the Blog */
.grid-row:has(.module-title-592),
.grid-row:has(.module-title-592) .row-bg,
.grid-row:has(.module-title-592) .grid-row-content,
.grid-row:has(.module-title-592)::before {
  background: #F8F6F3 !important;
  background-color: #F8F6F3 !important;
}
@media (max-width: 767px) {
    .hero-grid .hero-links {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 15px;
        row-gap: 10px;
        margin: 23px 0 27px;
    }

    .live-diamond-feed-content {
        padding: 20px;
    }

    .hero-grid .stat {
        justify-items: center;
    }
	
}
.grid-row.grid-row-top-4.fullwidth-row.color-scheme-scheme-2 .grid-cols-wrapper {
    padding: 0px;
}
@media (min-width: 768px) and (max-width: 1024px) {

    .home-tab-section .grid-cols {
        display: flex;
        flex-direction: column;
    }

    p.hero-copy {
        font-size: 17px !important;
    }

    .hero-grid .hero-links a {
        min-width: 100px;
        /*font-size: 15px;*/
    }

	.home-tab-section .grid-items>.grid-item.grid-module-top-3-1-1 {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
	}
	
	.home-tab-section .grid-cols .grid-item.grid-module-top-5-1-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    align-self: center !important;
    }
	
}
@media (max-width: 767px) {

    .live-diamond-feed-content h2 {
        font-size: 28px !important;
    }

    .designer-rings-header h2 {
        font-size: 28px;
    }

    .hero-grid .hero-title {
        font-size: 28px;
    }
}

.feature-btn.detail-btn .btn:hover {
    color: #fff !important;
}
.seealldiamond-main .image-block {
    text-align: center;
}

.scrolling_container .metal-colour > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 6px;
   border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a) * 1));
    box-sizing: border-box;
}

.scrolling_container .metal-colour > a img {
    display: block;    
}

.scrolling_container {
    margin-bottom: 30px;
}

.seealldiamond-inside{
border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a) * 1));
    border-radius: 6px;
    margin-bottom:10px!important;
}
.seealldiamond-inside .image-block a{
text-decoration: none;
}  
.shape img {
    mix-blend-mode: multiply;
}


body .module-slider .slide-col .slide-button .slide-button-group a.btn.slide-button-1 {
    border-radius: 6px !important;
    background: #c2a559;
    color: #fff !important;
	  min-width: 200px;
}
.category-seo-intro {
    font-size: 18px;
}
.row.container.image-container.seealldiamond-inside {
    border: none !important;
    display: flex;
    gap: 10px;
}
.scrolling_container .image-block:not(.metal-colour) {
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a) * 1));
    border-radius: 6px;
}
@media (max-width: 1035px) {
	.scrolling_container .image-block:not(.metal-colour) {
		margin-right: 10px !important;
	}
	.row.container.image-container.seealldiamond-inside {
    row-gap: 5px;
    flex-wrap: wrap;
    column-gap: 0px;
   }
}
.category-thumb .image a img {
    background: white !important;
}

#product-category .page-title {
    margin-bottom: 10px !important;
}

#product-category {
    margin-top: 30px;
}

#product-category .main-products.product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
}

#product-category .main-products.product-grid > .product-layout {
    width: auto !important;
    max-width: none !important;
}
@media (max-width: 1024px) {
    #product-category .main-products.product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    #product-category .main-products.product-grid {
        grid-template-columns: 1fr;
    }
}
.scrolling_container .image-block.metal-colour {
  width: auto !important;
    float: left;
    box-sizing: border-box;
}

.scrolling_container .image-block.metal-colour > a {
    display: block;
    padding: 0;
    margin: 0;
}

.scrolling_container .image-block.metal-colour > a img.img-fluid {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 0;
    padding: 0;
}
.scrolling_container .image-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.scrolling_container .image-container > .text-center {
    flex: 0 0 100%;
    text-align: center;
}
.scrolling_container .image-container .metal-colour {
    flex: 0 0 auto;
}
@media (max-width: 767px) {
.scrolling_container .image-container {
    gap: 10px;
}
.scrolling_container .image-block.metal-colour {
    width: 22% !important;
    float: left;
    box-sizing: border-box;
}
}
.main-products-style.product-grid.product-grid .product-thumb .button-group {
    background: none !important;
}
.main-products-style.product-grid.product-grid .product-thumb .wish-group {
    gap: 5px;
}
.main-products-style.product-grid .product-thumb .name a {
    font-family: 'Outfit' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size--title-menu) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a) * 1)) !important;
}
#product-category .main-products.product-grid .ias-trigger {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    width: 100%;
}

.ctd-help-grid,
#error-not-found .buttons {
    width: 100%;
    max-width: 495px;
    margin-left: auto;
    margin-right: auto;
}

#error-not-found .buttons .pull-right {
    float: none;
    width: 100%;
}

#error-not-found .buttons .btn {
    width: 100%;
}

/* IAS messages: full-width row under the grid, not a product cell */
.main-products.product-grid .ias-noneleft,
.main-products.product-grid .ias-spinner,
.main-products.product-grid .ias-trigger {
  grid-column: 1 / -1;
  align-self: start;
  height: auto;
  min-height: 0;
  text-align: center;
  padding: 20px 0;
  border: 0;
}