/** Shopify CDN: Minification failed

Line 874:1 Expected identifier but found "."
Line 2621:9 Expected identifier but found whitespace
Line 2621:10 Unexpected "34px"

**/


/* .xyz-faq
{
    width:65%;
} */
.faq-block .icon
{
        border: 1px solid;
    border-radius: 39%;
        padding: 0px 7px;
}
.faq-block h2
{
        font-weight: 500 !important;
            font-size: 20px !important;
}
.faq-block {
  scroll-margin-top: 120px; /* header ki height ke hisaab se */
  width: 65%;
}

.faq-hero
{
    align-items: center;
    display: flex;
    gap: 20px;
   
    flex-wrap: wrap;
    justify-content: center;

}


.faq-content
{
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
  
.sixteen h1
{
    text-align:center;
}


/* ........ */

.article__title
{
        -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

h1.headline {
    font-family: Jost, sans-serif!important;
    font-weight: 400!important;
    font-style: normal!important;
    font-size: 31px!important;
    text-transform: uppercase!important;
    line-height: 1.5!important;
    color: #c7a55d!important;
    display: block!important;
    letter-spacing: 2px!important;
    /* text-rendering: optimizeLegibility!important;
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important; */
    margin: 0 auto 15px!important;
    clear: both!important;
    font-weight: 400!important;
    padding-top: 4px!important;
}


p.subtitle {
    margin: 0 0 15px!important;
    font-style: normal!important;
    line-height: 1.6em!important;
    color:#000!important;
}

.plyr audio, .plyr video{
    height: 534.31px;
}

.product_gallery_nav .gallery-cell img{
    height: 77px;
    width: 77px;
    object-fit: cover;
}

@media (max-width: 1024px) {

   .plyr audio, .plyr video {
        height: 413px;   
    }
}


@media (max-width: 768px) {

    .plyr audio, .plyr video{
        height:671px;
    }

}

@media (max-width:430px) {

     .plyr audio, .plyr video{
        height:385px;
    }


}

.track-order a{
  white-space: nowrap; 
}


/* css */
.info-icons-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 20px 10px;
  text-align: center;
}

.info-item {
  padding: 10px;
}

.info-icon img {
  width: 42px;
  height: auto;
  margin-bottom: 10px;
}

.info-text {
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  margin: 0;
  font-weight: 400;
}

/* Tablet */
@media (max-width: 991px) {
  .info-icons-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .info-icons-wrapper {
    grid-template-columns: 1fr;
  }
}
/* ---- Accordion Block Base ---- */
.accordion-block {
  margin: 20px 0;
  font-family: inherit;
}

.accordion-block__heading {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1a1a1a;
}

.accordion-block__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* ---- Accordion Item ---- */
.accordion-item {
  border-bottom: 1px solid #e2e2e2;
  overflow: hidden;
}

.accordion-item__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  color: #1a1a1a;
  font-size: 15px;
  font-weight: 500;
  transition: color 0.2s ease;
}

.accordion-item__trigger:hover {
  color: #555;
}

.accordion-item__title {
  flex: 1;
  padding-right: 12px;
  line-height: 1.4;
}

.accordion-item__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  transition: transform 0.3s ease;
  color: #555;
}

/* Open state: rotate arrow */
.accordion-item--open .accordion-item__icon {
  transform: rotate(180deg);
}

/* ---- Content Panel ---- */
.accordion-item__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.3s ease;
  opacity: 0;
}

.accordion-item--open .accordion-item__content {
  max-height: 500px; /* large enough for content */
  opacity: 1;
}

.accordion-item__inner {
  padding-bottom: 14px;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

.accordion-item__inner p {
  margin: 0 0 8px;
}

.accordion-item__inner p:last-child {
  margin-bottom: 0;
}

/* ---- Style Variants ---- */

/* Bordered */
.accordion-block--bordered .accordion-item {
  border: 1px solid #e2e2e2;
  border-radius: 6px;
  margin-bottom: 8px;
}

.accordion-block--bordered .accordion-item__trigger {
  padding: 14px 16px;
}

.accordion-block--bordered .accordion-item__inner {
  padding: 0 16px 14px;
}

/* Filled */
.accordion-block--filled .accordion-item {
  background: #f7f7f7;
  border-radius: 6px;
  margin-bottom: 8px;
  border-bottom: none;
}

.accordion-block--filled .accordion-item__trigger {
  padding: 14px 16px;
}

.accordion-block--filled .accordion-item--open {
  background: #f0f0f0;
}

.accordion-block--filled .accordion-item__inner {
  padding: 0 16px 14px;
}

/* Minimal */
.accordion-block--minimal .accordion-item {
  border-bottom: 1px solid #e2e2e2;
}

.accordion-block--minimal .accordion-item__trigger {
  padding: 12px 0;
}


button.ajax-submit.action_button.add_to_cart.action_button--secondary.essential-preorder-initial-add-to-cart-button {
    border:1px solid #fff;
}


.product-list .thumbnail img,
.slider-gallery .thumbnail img {
  max-height: 350px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain";
 border: 1px solid #9E9E9E;
  }



  /* ===== FIX: Swatch buttons - horizontal layout ===== */
/* ===== FIX: Swatch buttons - horizontal layout ===== */
.recommended-products--grid .swatch {
  padding: 6px 10px 4px !important;
  display: grid !important;           /* flex → grid */
  grid-template-columns: 1fr 1fr !important;  /* 2 column grid */
  gap: 5px !important;
}
.recommended-products--grid .swatch-element {
  display: inline-block !important;
  width: auto !important;
  float: none !important;
}
.recommended-products--grid .swatch-element label {
  display: inline-block !important;
  border: none !important;            /* border none by default */
  color: #c9a96e !important;
  background: white !important;     /* light bg so visible without border */
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  margin: 0 !important;
  white-space: nowrap !important;
  border-radius: 20px !important;     /* rounded */
  width: 100% !important;
  text-align: center !important;
}
/* Selected state */
.recommended-products--grid .swatch-element input:checked ~ div label,
.recommended-products--grid .swatch-element input[type="radio"]:checked + div label {
  background: #c9a96e !important;
  color: #fff !important;
  border: none !important;
}
/* Hover state */
.recommended-products--grid .swatch-element label:hover {
  background: #c9a96e !important;
}
/* Hide the radio input */
.recommended-products--grid .swatch-element input[type="radio"] {
  display: none !important;
}
/* Fix product card overall layout */
.recommended-products--grid .thumbnail {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  float: none !important;
}
/* Fix inline quickshop section */
.recommended-products--grid .inline-quickshop {
  margin-top: auto !important;
}
/* Fix product list grid */
/* ================================
   UNIFORM GRID SPACING FOR RECOMMENDED PRODUCTS
=================================*/

/* Target all relevant product list containers */
.recommended-products--grid .product-list,
.meta-related-recommended-collection .product-list,
.recommended-products--grid .product-list.clearfix,
.recommended-products--grid .product-list.equal-columns--clear,
.recommended-products--grid .product-list.equal-columns--outside-trim,
.meta-related-recommended-collection .product-list.clearfix,
.meta-related-recommended-collection .product-list.equal-columns--clear,
.meta-related-recommended-collection .product-list.equal-columns--outside-trim {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important; /* 4 columns desktop */
  gap: 26px !important;                              /* Same horizontal & vertical spacing */
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Ensure individual grid items have no extra margin/padding */
.recommended-products--grid .grid__item,
.meta-related-recommended-collection .grid__item {
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure product card fills the cell fully */
.recommended-products--grid .grid-product,
.meta-related-recommended-collection .grid-product {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

@media (max-width: 1024px) {
  .recommended-products--grid .product-list,
  .meta-related-recommended-collection .product-list {
    grid-template-columns: repeat(2, 1fr) !important; /* 2 columns tablet */
  }
}

@media (max-width: 768px) {
  .recommended-products--grid .product-list,
  .meta-related-recommended-collection .product-list,
  .recommended-products--grid .product-list.clearfix,
  .recommended-products--grid .product-list.equal-columns--clear,
  .recommended-products--grid .product-list.equal-columns--outside-trim,
  .meta-related-recommended-collection .product-list.clearfix,
  .meta-related-recommended-collection .product-list.equal-columns--clear,
  .meta-related-recommended-collection .product-list.equal-columns--outside-trim 
  {
    display: grid !important;
    grid-template-columns: 1fr !important; /* single column */
    gap: 20px !important;
  }

  /* Make each card take full width */
  .recommended-products--grid .grid__item,
  .meta-related-recommended-collection .grid__item {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Ensure product card stretches */
  .recommended-products--grid .grid-product,
  .meta-related-recommended-collection .grid-product {
    width: 100% !important;
  }
}
/* Fix clearfix issues */
.recommended-products--grid .clearfix::after {
  display: none !important;
}
/* =====================================================
   RECOMMENDED PRODUCTS — CLEAN FINAL STRUCTURE
===================================================== */

/* ---------- GRID LAYOUT ---------- */

.recommended-products--grid .sixteen.columns.equal-columns--outside-trim,
.meta-related-recommended-collection .sixteen.columns.equal-columns--outside-trim {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 20px !important;
}

/* Grid Item */
.recommended-products--grid .grid__item,
.meta-related-recommended-collection .grid__item {
  display: flex !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* ---------- PRODUCT CARD ---------- */

.recommended-products--grid .grid-product,
.meta-related-recommended-collection .grid-product {
  border: 1px solid #E5E5E5 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  padding: 15px !important;
  box-sizing: border-box !important;
}

/* Remove unwanted inner borders */
.recommended-products--grid .thumbnail,
.meta-related-recommended-collection .thumbnail,
.recommended-products--grid .product-block,
.meta-related-recommended-collection .product-block {
  border: none !important;
  box-shadow: none !important;
}

/* ---------- IMAGE SECTION ---------- */

.recommended-products--grid .grid-product__image-wrap,
.meta-related-recommended-collection .grid-product__image-wrap {
  width: 100% !important;
  height: 260px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.recommended-products--grid .grid-product__image-wrap img,
.meta-related-recommended-collection .grid-product__image-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* ---------- META CONTENT ---------- */

.recommended-products--grid .grid-product__meta,
.meta-related-recommended-collection .grid-product__meta {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  padding-top: 12px !important;
}

/* Title */
.recommended-products--grid .grid-product__title,
.meta-related-recommended-collection .grid-product__title {
  min-height: 48px !important;
  font-size: 15px !important;
  line-height: 22px !important;
  margin-bottom: 6px !important;
}

/* Price */
.recommended-products--grid .grid-product__price,
.meta-related-recommended-collection .grid-product__price {
  min-height: 24px !important;
  margin-bottom: 8px !important;
}

/* Swatches */
.recommended-products--grid .swatches,
.meta-related-recommended-collection .swatches {
  min-height: 38px !important;
  margin-bottom: 10px !important;
}

/* ---------- ADD TO CART BUTTON ---------- */

.recommended-products--grid form[action="/cart/add"],
.meta-related-recommended-collection form[action="/cart/add"] {
  margin-top: auto !important;
}

.recommended-products--grid [name="add"],
.meta-related-recommended-collection [name="add"] {
  width: 100% !important;
  height: 40px !important;
  background: #1a1a1a !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: 0.2s ease !important;
}

.recommended-products--grid [name="add"]:hover,
.meta-related-recommended-collection [name="add"]:hover {
  background: #B8934E !important;
  color: #000 !important;
}

/* ---------- MOBILE FIX ---------- */

/* @media (max-width: 768px) {

    .recommended-products--grid .product-list,
  .meta-related-recommended-collection .product-list {
    grid-template-columns: 1fr !important;
  } */

  /* 1 Product Per Row */
  .recommended-products--grid .sixteen.columns.equal-columns--outside-trim,
  .meta-related-recommended-collection .sixteen.columns.equal-columns--outside-trim {
    flex-direction: column !important;
    gap: 16px !important;
  }

  .recommended-products--grid .grid__item,
  .meta-related-recommended-collection .grid__item {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .recommended-products--grid .grid-product__image-wrap,
  .meta-related-recommended-collection .grid-product__image-wrap {
    height: 220px !important;
  }


/* Remove ALL borders from swatch elements */
.recommended-products--grid .swatch-element div,
.recommended-products--grid .swatch-element > div {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.recommended-products--grid .swatch-element.selected div,
.recommended-products--grid .swatch-element.available div,
.recommended-products--grid .swatch-element.jar-swatch,
.recommended-products--grid .swatch-element.refill-swatch {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Refill button - no border, same as JAR */
.recommended-products--grid .swatch-element.refill-swatch > div,
.recommended-products--grid .swatch-element > div {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Both buttons same style */
.recommended-products--grid .swatch-element label {
  background: white !important;
  color: black !important;
  border: none !important;
  border-radius: 20px !important;
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Selected = gold */
.recommended-products--grid .swatch-element input[type="radio"]:checked + div label {
  background: #c9a96e !important;
  color: #fff !important;
}

/* Add to Cart button - full width + rounded */


.swatch-element.jar-swatch.available label{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #white !important;
    color: black !important;
    font-style:Regular!important;
}

.swatch-element.refill-swatch.available label{
    border: 1px solid #727272 !important;
}    



/* footer  */
.footer_content.footer-text {
    display:none;
}

/* Equal left-right padding matching site container */
.footer .footer-menu-wrap {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
/* Fix right side extra gap - distribute columns evenly */
.footer .footer-menu-wrap .one-fifth.column {
  width: 20% !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}
.footer .footer-menu-wrap .one-fifth.column:last-of-type {
  padding-right: 0 !important;
}
@media (max-width: 768px) {
  .footer .footer-menu-wrap {
    padding-left: 106px !important;
    padding-right: 20px !important;
  }
  .footer .footer-menu-wrap .one-fifth.column {
    width: 100% !important;
    padding-right: 0 !important;
  }
}

.footer-follow-block {
  margin-top: 20px;
  text-align: left;
}
.footer-follow-title {
  margin-bottom: 10px;
  font-size: 11px;
  letter-spacing: 0.1em;
  color: #1a1a1a;
}

.footer-logo-localization {
  margin-top: 16px;
}
.footer-logo-localization,
.footer-logo-localization .localization-wrap,
.footer-logo-localization .footer-menu__disclosure {
  display: flex !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.footer-logo-localization button,
.footer-logo-localization .disclosure__toggle {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.footer-social-icons--mobile {
  display: none !important;
}
.footer_credits .footer-social-icons,
.footer_credits .social_icons {
  display: none !important;
}

/* All icons in one row, smaller */
.footer-social-icons--inline ul.social_icons {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-social-icons--inline ul.social_icons li {
  display: inline-flex;
  margin: 0;
}
.footer-social-icons--inline ul.social_icons li a {
  font-size: 14px !important;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}


button.ajax-submit.action_button.add_to_cart.action_button--secondary {
 border: 1px solid #B8934EB2 !important;
}
/* ── Equal swatch size ── */
.recommended-products--grid .swatch-element label,
.meta-related-recommended-collection .swatch-element label {
  width: 90px !important;
  height: 28px !important;
  min-width: 90px !important;
  min-height: 28px !important;
  max-width: 90px !important;
  max-height: 28px !important;
  border-radius: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

/* ── Horizontal swatches with gap ── */
.recommended-products--grid .swatch.clearfix,
.meta-related-recommended-collection .swatch.clearfix {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.recommended-products--grid .swatch.clearfix input[type="radio"],
.meta-related-recommended-collection .swatch.clearfix input[type="radio"] {
  display: none !important;
}

.recommended-products--grid .swatch.clearfix .option_title,
.meta-related-recommended-collection .swatch.clearfix .option_title {
  display: none !important;
}

.recommended-products--grid .swatch-element,
.meta-related-recommended-collection .swatch-element {
  display: inline-flex !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.recommended-products--grid .swatch-element:last-child,
.meta-related-recommended-collection .swatch-element:last-child {
  margin-right: 0 !important;
}

/* ── Center swatch container ── */
.recommended-products--grid .swatch_options,
.meta-related-recommended-collection .swatch_options {
  display: flex !important;
}
.recommended-products--grid .swatch-element.refill-swatch label,
.meta-related-recommended-collection .swatch-element.refill-swatch label {
  border: 1px solid #727272 !important;
}

h1.product_name {
    text-align:left!important;
}

.thumbnail .price, .thumbnail .title {
  text-align:left!important
}

.loox-rating {
  text-align:left!important;
}

/* .also-like{
  margin-left:-92px;
} */


.product_form {
  max-width: none !important;
}

.product_form {
  max-width: 100% !important;
  width: 100% !important;
}

.product_form {
  max-width: none !important;
  margin: 0 !important;
}

.recommended-products--grid .swatches,
.recommended-products--grid .swatch-form,
.recommended-products--grid .swatch,
... {
  display: flex !important;
  justify-content: flex-start !important;  /* LEFT align */
  align-items: center !important;
  flex-wrap: wrap !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* small{
  display:none!important;
} */

.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}
h1.product_name, 
.thumbnail .price, 
.thumbnail .title, 
.loox-rating {
  text-align: left !important;
  text-transform: capitalize !important;

  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;

  color: #B8934E !important;
}

button.ajax-submit.action_button.add_to_cart.action_button--secondary.essential-preorder-initial-add-to-cart-button {
  background: #B8934E !important;

  font-family: 'Jost', sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 17px !important;
  letter-spacing: 0 !important;
  text-transform: capitalize !important;

  color: #000 !important;
}



button.ajax-submit.action_button.add_to_cart.action_button--secondary {
  font-family: 'Jost', sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 17px !important;
  letter-spacing: 0 !important;
  text-transform: capitalize !important;

  color: #000 !important;
}




/* review */
/* ================= REVIEW SECTION ================= */
.product-trustpilot-section {
  margin: 60px auto !important;
  max-width: 1200px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* ================= HEADER ================= */

.tp-header {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}

.tp-header h2 {
  margin: 0;
  color: #C7A55D;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  font-size: 27px;
  line-height: 31px;
  letter-spacing: 0;
  text-transform: uppercase;
}

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

.tp-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #dcdcdc;
  padding: 8px 18px;
  background: #fff;
  font-size: 14px;
  text-decoration: none;
  border-radius: 4px;
  white-space: nowrap;
  transition: 0.2s ease;
  color: #000;
}

.tp-btn:hover {
  background: #f5f5f5;
}

.tp-btn span {
  color: #00b67a;
  font-weight: 600;
}

.tp-star {
  color: #126849;
}

/* ================= CARDS WRAPPER ================= */

.tp-reviews {
  display: flex;
  justify-content: center;
  gap: 45px;
  flex-wrap: wrap;
}

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

.tp-card {
  border: 1px solid #838383;
  border-radius: 10px;
  width: 337px;
  min-height: 283px;
  padding: 30px;
  text-align: left;
  transition: 0.3s ease;
  display: flex;
  flex-direction: column;
}

.tp-card:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

/* ================= USER TOP ================= */

.tp-top {
  display: flex;
  align-items: center;
  gap: 12px;
}

.tp-avatar {
  background: #f5a623;
  color: #fff;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 23px;
  text-transform: uppercase;
}

.tp-user {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
}

.tp-user h4 {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.1;
  text-transform: capitalize;
  color: #000 !important;
}

.tp-date {
  margin: 2px 0 0 0;
  line-height: 1.2;
  font-size: 13px;
  color: #7a7a7a;
}

/* ================= STARS ================= */

.tp-stars {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 15px 0 10px;
}

.star-box {
  background: #00b67a;
  color: #fff;
  font-size: 12px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}

.verified {
  color: #00b67a;
  font-size: 14px;
  margin-left: 6px;
}

/* ================= TEXT ================= */

.tp-card p {
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #333;
  flex-grow: 1;
}

/* ================= FOOTER ================= */

.tp-footer {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  color: #828282;
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-transform: capitalize;
}

.like-icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.reviews-count {
  margin-left: 10px;
}

/* ================= TABLET ================= */

@media (min-width: 769px) and (max-width: 1024px) {

  .product-trustpilot-section {
    padding-left: 24px !important;
    padding-right: 24px !important;
    margin: 40px auto !important;
  }

  .tp-header h2 {
    font-size: 24px !important;
    line-height: 28px !important;
  }

  .tp-btn {
    position: static !important;
    transform: none !important;
    margin-top: 12px !important;
    display: inline-block !important;
  }

  .tp-header {
    text-align: center !important;
  }

  .tp-reviews {
    gap: 20px !important;
  }

  .tp-card {
    width: calc(50% - 10px) !important;
    min-height: 0 !important;
    padding: 20px !important;
  }

}

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

@media (max-width: 768px) {

  .product-trustpilot-section {
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin: 30px auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .tp-header {
    text-align: center !important;
    margin-bottom: 24px !important;
  }

  .tp-header h2 {
    font-size: 20px !important;
    line-height: 26px !important;
    padding: 0 !important;
    margin: 0 0 12px 0 !important;
  }

  .tp-btn {
    position: static !important;
    transform: none !important;
    margin-top: 12px !important;
    display: inline-block !important;
    width: auto !important;
  }

  .tp-reviews {
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
  }

  .tp-card {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
    padding: 16px !important;
  }

  .tp-user h4 {
    white-space: normal !important;
  }

  .tp-card p {
    overflow: visible !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  /* Slick slider fixes */
  .trustpilot-mobile-slider {
    width: 100% !important;
    overflow: hidden !important;
    padding-bottom: 30px !important;
    box-sizing: border-box !important;
  }

  .trustpilot-mobile-slider .slick-list {
    width: 100% !important;
    overflow: hidden !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .trustpilot-mobile-slider .slick-track {
    display: flex !important;
    align-items: flex-start !important;
  }

  .trustpilot-mobile-slider .slick-slide {
    height: auto !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
  }

  .trustpilot-mobile-slider .slick-slide > div {
    height: auto !important;
  }

  .trustpilot-mobile-slider .tp-card {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .trustpilot-mobile-slider .tp-card p {
    overflow: visible !important;
    white-space: normal !important;
    word-break: break-word !important;
    display: block !important;
    max-height: none !important;
    height: auto !important;
  }

  .trustpilot-mobile-slider .slick-dots {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 12px 0 0 !important;
    list-style: none !important;
    margin: 0 !important;
    position: relative !important;
    bottom: auto !important;
  }

  .trustpilot-mobile-slider .slick-dots li {
    display: inline-flex !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
  }

}

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

@media (max-width: 480px) {

  .product-trustpilot-section {
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin: 24px auto !important;
  }

  .tp-header h2 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .tp-card {
    padding: 14px !important;
  }

  .tp-avatar {
    width: 38px !important;
    height: 38px !important;
    font-size: 14px !important;
  }

  .tp-user h4 {
    font-size: 14px !important;
  }

  .tp-card p {
    font-size: 13px !important;
    line-height: 18px !important;
  }

}
/* ── Product image & thumbnail border (product page only) ──
   .product-name--* targets this specific product page container.
   Excluded: related/recommended products, collection grids, etc. ── */

.product__container .product_gallery img,
.product__container .gallery-wrap img,
.product__container .product-main-image img,
.product__container .slick-slide img,
.product__container .product__thumb img,
.product__container .product__thumb-item img,
.product__container .thumbnail img,
.product__container .gallery-cell img {
  border: 1px solid #A6A6A6 !important;
  box-sizing: border-box !important;
  margin-right:100px!important;
}

/* Thumbnail wrapper borders (some themes put border on the wrapper) */
.product__container .product__thumb,
.product__container .product__thumb-item,
.product__container .thumbnail,
.product__container .slick-slide {
  border: 1px solid #A6A6A6 !important;
  box-sizing: border-box !important;
  margin-left:20px!important;
}



h2.rp-faq-heading {
    margin-top:0px!important;
}


.recommended-products--grid .swatch-element:not(.rp-selected) label,
.recommended-products--slider .swatch-element:not(.rp-selected) label,
.meta-related-recommended-collection .swatch-element:not(.rp-selected) label {
  background: #fff !important;
  border: 1.5px solid transparent !important;
  color: #000 !important;
  border-radius: 50px !important;

  /* Typography */
  font-family: 'Jost', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 13px !important;
  line-height: 17px !important;
  letter-spacing: 0 !important;
}
.recommended-products--grid .swatch-element:not(.rp-selected) label:hover,
.recommended-products--slider .swatch-element:not(.rp-selected) label:hover,
.meta-related-recommended-collection .swatch-element:not(.rp-selected) label:hover {
  background: #fff !important;
  box-shadow: none !important;
  border: 1.5px solid transparent !important;
  border-radius: 50px !important;
}

.swatch_options input:checked + .swatch-element {
  border: none !important;
  box-shadow: none !important;
}

.swatch-element {
  border: none !important;
  min-width: 40px;
  min-height: 40px;
}


.recommended-products--grid .swatch-element label,
.recommended-products--slider .swatch-element label,
.meta-related-recommended-collection .swatch-element label {
  background: #fff !important;
  border: 1px solid transparent !important;
  color: #000 !important;
  transition: none !important;
  box-shadow: none !important;
  cursor: pointer;
  border-radius: 24px !important;
  width: 90px !important;
  height: 28px !important;
  min-width: 90px !important;
  min-height: 28px !important;
  max-width: 90px !important;
  max-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.recommended-products--grid .swatch-element:not(.rp-selected) label,
.recommended-products--slider .swatch-element:not(.rp-selected) label,
.meta-related-recommended-collection .swatch-element:not(.rp-selected) label {
  background: #fff !important;
  border: 1px solid #727272 !important;
  color: #000 !important;
  border-radius: 24px !important;
}

/* ══════════════════════════════════════════════════════════════
   SLIDER — Left/Right Padding + Card Gap
   ══════════════════════════════════════════════════════════════ */

.recommended-products--slider {
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
}

.recommended-products--slider .flickity-viewport {
  overflow: hidden !important;
}

.recommended-products--slider .gallery-cell {
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box !important;
}

/* ══════════════════════════════════════════════════════════════
   ADD TO BASKET — Base (Desktop 1025px+)
   width: 263px, height: 36px
   ══════════════════════════════════════════════════════════════ */

.recommended-products--slider button[name="add"],
.recommended-products--slider .add_to_cart,
.recommended-products--slider .action_button,
.recommended-products--grid button[name="add"],
.recommended-products--grid .add_to_cart,
.recommended-products--grid .action_button,
.meta-related-recommended-collection button[name="add"],
.meta-related-recommended-collection .add_to_cart,
.meta-related-recommended-collection .action_button,
.recommended-products--slider form[action="/cart/add"] input[type="submit"],
.recommended-products--slider form[action="/cart/add"] button[type="submit"],
.recommended-products--slider .product-form__cart-submit,
.recommended-products--slider .btn--add-to-cart,
.recommended-products--slider [name="add"],
.recommended-products--grid form[action="/cart/add"] input[type="submit"],
.recommended-products--grid form[action="/cart/add"] button[type="submit"],
.recommended-products--grid .product-form__cart-submit,
.recommended-products--grid .btn--add-to-cart,
.recommended-products--grid [name="add"],
.meta-related-recommended-collection form[action="/cart/add"] input[type="submit"],
.meta-related-recommended-collection form[action="/cart/add"] button[type="submit"],
.meta-related-recommended-collection .product-form__cart-submit,
.meta-related-recommended-collection .btn--add-to-cart,
.meta-related-recommended-collection [name="add"] {
  width: 263px !important;
  max-width: 263px !important;
  min-width: 263px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  line-height: 36px !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  padding: 0 12px !important;
}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE — Tablet (769px – 1024px)
   ══════════════════════════════════════════════════════════════ */

@media (min-width: 768px) and (max-width: 1024px) {
  .recommended-products--slider {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  /* Image wrap - no fixed height */
  .recommended-products--slider .image__container {
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }

  .recommended-products--slider .image-element__wrap {
    height: 100% !important;
    min-height: unset !important;
    max-height: none !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }

  .recommended-products--slider .image-element__wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
  }

  .recommended-products--slider .product_image,
  .recommended-products--slider .product-wrap {
    height: auto !important;
    min-height: unset !important;
  }

  /* Button full width */
  .recommended-products--slider button[name="add"],
  .recommended-products--slider .add_to_cart,
  .recommended-products--slider .action_button,
  .recommended-products--grid button[name="add"],
  .recommended-products--grid .add_to_cart,
  .recommended-products--grid .action_button,
  .meta-related-recommended-collection button[name="add"],
  .meta-related-recommended-collection .add_to_cart,
  .meta-related-recommended-collection .action_button,
  .recommended-products--slider [name="add"],
  .recommended-products--grid [name="add"],
  .meta-related-recommended-collection [name="add"],
  .recommended-products--slider .product-form__cart-submit,
  .recommended-products--grid .product-form__cart-submit,
  .meta-related-recommended-collection .product-form__cart-submit {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    line-height: 36px !important;
    font-size: 12px !important;
  }
}
/* ══════════════════════════════════════════════════════════════
   RESPONSIVE — Mobile (max 768px)
 /* ══════════════════════════════════════════════════════════════
   MOBILE — EQUAL CARDS FIX
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

  /* Cards wider */
  .recommended-products--slider .gallery-cell {
    width: 80vw !important;
    max-width: 80vw !important;
    min-width: 80vw !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* Parent containers full width */
  .recommended-products--slider .gallery-cell .inline-quickshop,
  .recommended-products--slider .gallery-cell .product_form,
  .recommended-products--slider .gallery-cell .shopify-product-form,
  .recommended-products--slider .gallery-cell .purchase-details,
  .recommended-products--slider .gallery-cell .purchase-details__buttons,
  .recommended-products--slider .gallery-cell .also-like {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Button — 100% width of card, 36px height */
  .recommended-products--slider .gallery-cell button[name="add"],
  .recommended-products--slider .gallery-cell .add_to_cart,
  .recommended-products--slider .gallery-cell .action_button,
  .recommended-products--slider .gallery-cell [name="add"],
  .recommended-products--slider .gallery-cell .product-form__cart-submit,
  .recommended-products--slider .gallery-cell .btn--add-to-cart,
  .recommended-products--slider .gallery-cell .ajax-submit {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    line-height: 36px !important;
    font-size: 13px !important;
    letter-spacing: 0.08em !important;
    margin: 8px 0 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 480px) {
  .recommended-products--slider .gallery-cell {
    width: 85vw !important;
    max-width: 85vw !important;
    min-width: 85vw !important;
  }

  .recommended-products--slider .gallery-cell button[name="add"],
  .recommended-products--slider .gallery-cell .add_to_cart,
  .recommended-products--slider .gallery-cell .action_button,
  .recommended-products--slider .gallery-cell [name="add"],
  .recommended-products--slider .gallery-cell .product-form__cart-submit,
  .recommended-products--slider .gallery-cell .btn--add-to-cart,
  .recommended-products--slider .gallery-cell .ajax-submit {
    width: 100% !important;
    max-width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    line-height: 36px !important;
    font-size: 12px !important;
  }
}




/* ══════════════════════════════════════════════════════════════
   iPAD TABLET HEADER FIX (769px – 1024px)
   - Desktop nav menu items hide karo
   - Mobile hamburger header show karo
   ══════════════════════════════════════════════════════════════ */

@media (min-width: 769px) and (max-width: 1024px) {

  /* ── 1. Desktop nav links HIDE ── */
  header:not(#header) .nav,
  header:not(#header) .nav--left,
  header:not(#header) .nav--right,
  header:not(#header) .nav--combined,
  header:not(#header) ul.menu {
    display: none !important;
  }

  /* ── 2. Mobile hamburger header SHOW ── */
  header#header {
    display: block !important;
  }

  /* ── 3. Desktop header itself HIDE ── */
  header:not(#header) {
    display: none !important;
  }


  /* ── 5. Hamburger icon ── */
  #header .top-bar .mobile_nav {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    color: #1a1a1a !important;
    z-index: 10 !important;
  }

  #header .top-bar .mobile_nav div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 22px !important;
    height: 16px !important;
  }

  #header .top-bar .mobile_nav div span {
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    background: #1a1a1a !important;
    border-radius: 2px !important;
  }

  #header .top-bar .menu_title {
    display: inline !important;
    font-size: 13px !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
  }

  /* ── 6. Center logo ── */
  #header .top-bar .mobile_logo {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  #header .top-bar .mobile_logo img {
    max-height: 44px !important;
    width: auto !important;
  }

  /* ── 7. Right side icons (search + cart) ── */
  #header .top-bar .top-bar--right {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    z-index: 10 !important;
  }

  /* ── 8. Mobile dropdown menu panel — closed by default ── */
  #header .dropdown_container[data-dropdown="mobile_menu"] {
    display: block !important;  /* container visible — JS needs it */
  }

  #header .dropdown_container[data-dropdown="mobile_menu"] .dropdown {
    display: none !important;   /* inner panel hidden by default */
  }

  /* When JS toggles it open */
  #header .dropdown_container[data-dropdown="mobile_menu"].is-visible .dropdown,
  #header .dropdown_container[data-dropdown="mobile_menu"].active .dropdown,
  #header .dropdown_container[data-dropdown="mobile_menu"].is-active .dropdown,
  #header .dropdown_container[data-dropdown="mobile_menu"].open .dropdown {
    display: block !important;
  }

  /* ── 9. Search dropdown ── */
  #header .dropdown_container[data-dropdown="search"] {
    display: block !important;
  }

}

/* ── Desktop: ensure desktop header shows above 1024px ── */
@media (min-width: 1025px) {
  header:not(#header) {
    display: block !important;
  }
  header#header {
    display: none !important;
  }
}

.header_search_form {
  display:none!important;
}

#header .mobile_nav.dropdown_link {
  width: 25%; }
  #header .mobile_nav.dropdown_link span.menu_title {
    position: absolute;
    left: 40px;
    top: 0px!important;
    }


.product-list .thumbnail img,
.slider-gallery .thumbnail img {
  max-height: 350px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain";
  border:none!important;
  border: 1px solid #9E9E9E!important;
  border-radius:0px!important;
}


/* .breadcrumb_text {
  display:none!important;
} */

h1.product_name {
  font-family: 'Jost', sans-serif!important;
  font-weight: 400!important;
  font-style: normal!important;
  font-size: 31px!important;
  line-height: 40px!important;
  letter-spacing: 0!important;
  text-transform: uppercase!important;
  vertical-align: middle!important;
}


a#more-payment-options-link {
  display:none!important
}


/* Default selected (checked) swatch = GOLD */
.swatch input[type="radio"]:checked + .swatch-element label {
  background-color: #B8934E !important;
  color: #000 !important;
  border: none !important;
}

/* Normal (unselected) */
.swatch .swatch-element label {
  background-color: #fff;
  color: #000;
  border: 1px solid #727272;
  transition: all 0.3s ease;
}

/* Hover effect (optional) */
.swatch .swatch-element:hover label {
  background-color: #f5f5f5;
}

 
/* .flickity-viewport {
  height:560.25px!important;
}  */

.slider-gallery.products-slider.products-length-4{
  margin:0 !important;
}




@media (max-width: 768px) {

  .rp-faq-section {
      padding-top:0 !important;
  }

}


/* ── Social Icons — circular brand colored ── */
ul.social_icons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 16px 0 8px 0 !important;
  list-style: none !important;
  gap: 10px !important;
}

ul.social_icons li {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

ul.social_icons li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #f5f5f5 !important;
  border: 1px solid #e8e8e8 !important;
  font-size: 17px !important;
  text-decoration: none !important;
  transition: box-shadow 0.2s ease !important;
}

ul.social_icons li a:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.13) !important;
  background: #ececec !important;
}

/* Brand colors */
/* ul.social_icons li a.icon-twitter     { color: #1DA1F2 !important; } */
ul.social_icons li a.icon-facebook    { color: #1877F2 !important; }
ul.social_icons li a.icon-youtube     { color: #FF0000 !important; }
ul.social_icons li a.icon-pinterest   { color: #E60023 !important; }
ul.social_icons li a.icon-instagram   { color: #C13584 !important; }
ul.social_icons li a.icon-linkedin    { color: #0A66C2 !important; }
ul.social_icons li a.icon-email       { color: #555555 !important; }


/* ── Amazon review — hide when inner span is empty ── */
/* .amazon-product-review-rating{
      visibility: visible!important;
} */

.amazon-product-review-rating{
       display:none!important;
}

.product_gallery_nav .gallery-cell{

  margin: 0 10px 6px 0!important;
}



/* ══════════════════════════════════════════
   PRODUCT THUMBNAIL SLIDER — Mobile & Tablet
   ══════════════════════════════════════════ */
@media (max-width: 1024px) {

  /* Wrapper ko flex row mein convert karo */
  .product_gallery .thumbnails-wrapper,
  .gallery-wrap .thumbnails-wrapper,
  ul.product_gallery--thumbs,
  .product_gallery--thumbs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 8px !important;
    padding: 10px 4px 10px !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  .product_gallery--thumbs::-webkit-scrollbar,
  ul.product_gallery--thumbs::-webkit-scrollbar,
  .thumbnails-wrapper::-webkit-scrollbar {
    display: none !important;
  }

  /* Har thumbnail item */
  ul.product_gallery--thumbs li,
  .product_gallery--thumbs li,
  .thumbnails-wrapper li,
  .thumbnails-wrapper .thumbnail {
    flex: 0 0 auto !important;
    width: 70px !important;
    height: 70px !important;
    scroll-snap-align: start !important;
    margin: 0 !important;
    float: none !important;
  }

  ul.product_gallery--thumbs li img,
  .thumbnails-wrapper li img,
  .thumbnails-wrapper .thumbnail img {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
  }
}

.icon-twitter:before {
  display:none!important;
}

/* .loox-rating {
  display:none!important;
} */


@media (max-width: 768px) {
  ul.product_gallery--thumbs li,
  .thumbnails-wrapper li,
  .thumbnails-wrapper .thumbnail {
    width: 60px !important;
    height: 60px !important;
  }

  ul.product_gallery--thumbs li img,
  .thumbnails-wrapper li img,
  .thumbnails-wrapper .thumbnail img {
    width: 60px !important;
    height: 60px !important;
  }
}



/* ══════════════════════════════════════════
   LEFT THUMBNAILS — overflow fix
   ══════════════════════════════════════════ */
/* ══════════════════════════════════════════
   THUMBNAIL COLUMN — equal height + scrollable after 5
   ══════════════════════════════════════════ */
@media (min-width: 769px) {

  .product_gallery_nav {
    max-height: 540px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    display: flex !important;
    flex-direction: column !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .product_gallery_nav::-webkit-scrollbar {
    display: none !important;
  }

  .product_gallery_nav .gallery-cell:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

.purchase-details__buttons.purchase-details__spb--true { margin-top: 0; }
button.ajax-submit.action_button.add_to_cart.action_button--secondary.essential-preorder-initial-add-to-cart-button { margin: 0 !important; width: 100%!important;
    max-width: 100%!important;}
.flickity-viewport .shopify-product-form .swatch_options .swatch-element { min-width: unset; min-height: unset; }
.recommended-products--slider .purchase-details { margin-top: 45.5px; }
.recommended-products--slider .swatch_options + .purchase-details { margin-top: 0; }
.product .trustpilot-widget { margin: 0 0 20px 0; }
.quick-shop-style--inline .product-details .price { min-height: 24px; }
@media screen and (min-width:799px) and (max-width:935px) {
	.recommended-products--slider .purchase-details { margin-top: 81.5px; }
}
@media screen and (min-width:799px) and (max-width:1024px) {
	.shopify-section.product-template .container.main.content { padding-top: 60px; }
  .swatch_options .swatch-element label { min-width: 100px; }
}
@media screen and (min-width:936px) and (max-width:1024px) {
	.recommended-products--slider .purchase-details { margin-top: 45.5px; }
}


/* My Account */
.menu.right {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

.menu.right li {
  display: flex !important;
  align-items: center !important;
}

.menu.right a.icon-user {
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.menu.right a.icon-user span {
  white-space: nowrap !important;
}

.track-order {
  margin-left: 16px !important;
}

.track-order a {
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
}

.track-order span {
  white-space: nowrap !important;
}


/* Header accordian */
@media screen and (max-width: 768px) {

  #mobile_menu > li.sublink > a.parent-link--true {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #mobile_menu > li.sublink > a.parent-link--true .icon-down-arrow,
  #mobile_menu > li.sublink > a.parent-link--true .right {
    position: static !important;
    float: none !important;
    top: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    display: inline-flex !important;
  }

  #mobile_menu > li.sublink > a.parent-link--false {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #mobile_menu > li.sublink > a.parent-link--false .icon-down-arrow,
  #mobile_menu > li.sublink > a.parent-link--false .right {
    position: static !important;
    float: none !important;
    top: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    display: inline-flex !important;
  }

}

/* shop spices sea salts */
.list li:has(h4:empty),
.list li:has(a h4:empty),
.list li a h4[style*="display: none"] {
  display: none !important;
}

.list li {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.list li h4 {
  margin: 0 !important;
  padding: 8px 0 !important;
}


/* Typically around this pattern */
#header { display: block; }  /* mobile */
header.feature_image { display: none; } /* desktop hidden on mobile */

@media (min-width: 768px) { /* or 769px, 800px, etc. */
  #header { display: none; }
  header.feature_image { display: block; }
}

.collection .loox-rating{
  min-height: 22.0938px;
}

@media (min-width: 768px) {
  .product-info__caption .product-details .title {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

.product_form form{
  min-height:75px;
  display:flex;
  flex-direction:column;
  justify-content:end;
     width: 100%;
}



p.blog_meta {
  display:none!important;
}


img.transition--blur-up.lazyautosizes.lazyloaded {
    border:none!important;
}

.image-element__wrap img{
  border-radius:none!important;
}

h3.sub_title {
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 26px !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  color: rgba(0, 0, 0, 1)!important;
}

.blog_excerpt {
  font-family: 'Jost', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 26px !important;
  letter-spacing: 0 !important;
  color: rgba(158, 158, 158, 1)!important;
}

/* Read more inline */
.blog_excerpt .inline-read-more {
  font-family: 'Jost', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 26px !important;
  letter-spacing: 0 !important;
  text-decoration: underline !important;
  margin-left: 4px !important;
  display: inline !important;
}

.blog_excerpt .inline-read-more,
.blog_excerpt .inline-read-more:hover {
  text-decoration: none !important;
}

.title.center.blog {
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  font-size: 27px !important;
  line-height: 35px !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.one-third.column.article.medium-down--one-whole {
    border:none!important;
    background:none!important;
}

.image-element__wrap img {
  border-radius:none!important;
}



.rich-text__text.featured_text {
    display:none!important;
}

.you-may-option.active { color: rgba(0, 0, 0, 1) !important; }
.you-may-option { min-height: unset; border: 1px solid rgba(114, 114, 114, 1) !important; color: rgba(0, 0, 0, 1); }

ul.slick-dots {
    display:none!important;
}

.you-may-price {
    margin-top:15px!important;
}

/* section#zz-blend-thespice_dwCUFt {
    padding-bottom:0px!important;
} */


a.inline-read-more {
  font-weight:700!important;
}

.image-container {
    margin-top:10px!important;
}

div#shopify-section-image_grid_kPjVw4 {
    margin-top:55px!important;
}

img.you-may-img-primary {
    height:300px!important;
    object-fit:contain!important;
}

img.you-may-img-secondary {
    height:300px!important;
    object-fit:contain!important;
}

.container {
    padding:0px!important;
}
  .product-info__caption .product-details .title {
    display: -webkit-box !important;
    min-height:1em;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
  }


  .footer .footer-menu-wrap h6 {
  font-family: "Jost", sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 30px !important;
  letter-spacing: 0 !important;
  color: #333333 !important;
}


.toggle_content ul li a {
  font-family: Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 30px !important;
  letter-spacing: 0 !important;
  color: rgb(157, 114, 20) !important;
  text-decoration: none;
  display: inline-block;
}


.credits a {
  font-family: "Jost", sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  color: rgb(157, 114, 20) !important;
  text-decoration: none;
}

.cr-item.cr-open {
    /* font-family: 'Jost', sans-serif!important; */
}

.footer_credits{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:15px;
  padding-bottom:25px;
}

.footer_credits .credits{
  margin:0;
}

.footer_credits .payment_methods{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-left:auto;
}





/* ===== EQUAL HEIGHT + SINGLE LINE FIX ===== */

/* Grid flex */
.product-list.collection-matrix,
.featured-collection__products .product-list {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

/* Card flex column */
.product-list .thumbnail {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}

/* Product wrap flex */
.product-list .thumbnail .product-wrap {
  flex: 1 !important;
}

/* Quickshop at bottom */
.product-list .thumbnail .inline-quickshop {
  margin-top: auto !important;
}

/* ── TITLE: 1 line only ── */
.product-list .thumbnail .title {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 100% !important;
  font-size: 16px !important;
}

/* ── REVIEW: 1 line ── */
.product-list .thumbnail .loox-rating {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  min-height: 20px !important;
  margin: 3px 0 !important;
}

/* ── PRICE: 1 line ── */
.product-list .thumbnail .price {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 13px !important;
  margin: 3px 0 !important;
  writing-mode: horizontal-tb !important;
}

.product-list .thumbnail .money {
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
  display: inline !important;
}

/* ── JAR / REFILL: same row, 1 line ── */
.product-list .thumbnail .swatch {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  align-items: center !important;
  margin: 5px 0 !important;
}

.product-list .thumbnail .swatch-element {
  display: inline-flex !important;
  flex-shrink: 0 !important;
}

.product-list .thumbnail .swatch-element label {
  padding: 4px 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  writing-mode: horizontal-tb !important;
}

/* Hide crossed-out sold out image inside label */
.product-list .thumbnail .swatch-element label img.crossed-out {
  display: none !important;
}

/* Hide option title & select dropdown */
.product-list .thumbnail .option_title,
.product-list .thumbnail .select {
  display: none !important;
}

/* ── ADD TO CART: full width, proper button ── */
.product-list .thumbnail button[name="add"] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
  text-align: center !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: nowrap !important;
  padding: 10px 16px !important;
  margin-top: 8px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  font-size: inherit !important;
  font-family: inherit !important;
}

.product-list .thumbnail button[name="add"] .text {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  display: inline !important;
  white-space: nowrap !important;
}

.product-list .thumbnail button[name="add"] .checkmark {
  display: none !important;
}

/* Purchase details container full width */
.product-list .thumbnail .purchase-details,
.product-list .thumbnail .purchase-details__buttons {
  width: 100% !important;
  display: block !important;
}

/* Remove br clear */
.product-list br.clear,
.product-list .product_clear {
  display: none !important;
}

/* 04-06-26 */

/* ══════════════════════════════════════════
   DESKTOP NAV — Keep all items in one row
   ══════════════════════════════════════════ */

@media (min-width: 1025px) {
  /* Nav wrapper: single row, no wrap */
  header:not(#header) nav ul.menu,
  header:not(#header) .nav ul,
  header:not(#header) ul.menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    white-space: nowrap !important;
  }

  /* Each nav item inline */
  header:not(#header) ul.menu > li {
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
  }
}

/* Raye Showcase — white background, square (same shape as BBQ) */
.nav--left .vertical-menu > li:last-child > a,
.nav--left .vertical-menu > li:last-child > .top_link {
  background: #fff !important;
  color: #b8934e !important;
  border: 1px solid #b8934e !important;
  padding: 8px 10px !important;
  width: auto !important;
  min-width: 110px !important;
  height: 34px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
}

.nav--left .vertical-menu > li:last-child > a::before,
.nav--left .vertical-menu > li:last-child > .top_link::before {
  content: "★";
  color: #b8934e;
  font-size: 13px;
}

/* Raye Showcase — hover state (gold bg, white text/star) */
.nav--left .vertical-menu > li:last-child > a:hover,
.nav--left .vertical-menu > li:last-child > .top_link:hover {
  background: #b8934e !important;
  color: #fff !important;
  border-color: #b8934e !important;
}

.nav--left .vertical-menu > li:last-child > a:hover::before,
.nav--left .vertical-menu > li:last-child > .top_link:hover::before {
  color: #fff !important;
}

/* ── Prevent nav items from wrapping to new line on tablet/small desktop ── */
@media (min-width: 1025px) and (max-width: 1400px) {
  .nav--left .vertical-menu {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }
  .nav--left .vertical-menu > li {
    flex-shrink: 0 !important;
  }
}

/* BBQ Favourites — solid gold, no star (SECOND-LAST item) */
/* .nav--left .vertical-menu > li:nth-last-child(2) > a,
.nav--left .vertical-menu > li:nth-last-child(2) > .top_link {
  background: #ffffff !important;
  color: #333333 !important;
  border: 1px solid #ffffff !important;
  padding: 12px 0px !important;
  width: auto !important;
  /* min-width: 110px !important; */
  height: 34px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  /* display: inline-flex !important; */
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
} */






/* ══════════════════════════════════════════
   HEADER — DESKTOP (1025px+)
   ══════════════════════════════════════════ */
@media (min-width: 1025px) {
  header:not(#header) {
    display: block !important;
  }
  header#header {
    display: none !important;
  }
}

/* ══════════════════════════════════════════
   HEADER — MOBILE (max 1024px, matches tablet breakpoint below)
   ══════════════════════════════════════════ */
#header {
  display: block;
}
header.feature_image {
  display: none;
}
@media (min-width: 1025px) {
  #header {
    display: none;
  }
  header.feature_image {
    display: block;
  }
}

/* ══════════════════════════════════════════
   HEADER — iPAD TABLET (769px – 1024px)
   ══════════════════════════════════════════ */
@media (min-width: 769px) and (max-width: 1024px) {

  /* Desktop nav HIDE */
  header:not(#header) .nav,
  header:not(#header) .nav--left,
  header:not(#header) .nav--right,
  header:not(#header) .nav--combined,
  header:not(#header) ul.menu {
    display: none !important;
  }

  /* Mobile hamburger header SHOW */
  header#header {
    display: block !important;
  }

  /* Desktop header HIDE */
  header:not(#header) {
    display: none !important;
  }

  /* Hamburger icon */
  #header .top-bar .mobile_nav {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    color: #1a1a1a !important;
    z-index: 10 !important;
  }
  #header .top-bar .mobile_nav div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 22px !important;
    height: 16px !important;
  }
  #header .top-bar .mobile_nav div span {
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    background: #1a1a1a !important;
    border-radius: 2px !important;
  }
  #header .top-bar .menu_title {
    display: inline !important;
    font-size: 13px !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
  }

  /* Center logo */
  #header .top-bar .mobile_logo {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  #header .top-bar .mobile_logo img {
    max-height: 44px !important;
    width: auto !important;
  }

  /* Right side icons */
  #header .top-bar .top-bar--right {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    z-index: 10 !important;
  }

  /* Mobile dropdown — closed by default */
  #header .dropdown_container[data-dropdown="mobile_menu"] {
    display: block !important;
  }
  #header .dropdown_container[data-dropdown="mobile_menu"] .dropdown {
    display: none !important;
  }

  /* JS toggle open states */
  #header .dropdown_container[data-dropdown="mobile_menu"].is-visible .dropdown,
  #header .dropdown_container[data-dropdown="mobile_menu"].active .dropdown,
  #header .dropdown_container[data-dropdown="mobile_menu"].is-active .dropdown,
  #header .dropdown_container[data-dropdown="mobile_menu"].open .dropdown {
    display: block !important;
  }

  /* Search dropdown */
  #header .dropdown_container[data-dropdown="search"] {
    display: block !important;
  }
}

/* ══════════════════════════════════════════
   HEADER — SEARCH FORM
   ══════════════════════════════════════════ */
.header_search_form {
  display: none !important;
}

/* ══════════════════════════════════════════
   HEADER — MOBILE NAV MENU TITLE
   ══════════════════════════════════════════ */
#header .mobile_nav.dropdown_link {
  width: 25%;
}
#header .mobile_nav.dropdown_link span.menu_title {
  position: absolute;
  left: 40px;
  top: 0px !important;
}

/* ══════════════════════════════════════════
   HEADER — RIGHT MENU (Login, My Order)
   ══════════════════════════════════════════ */
.menu.right {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}
.menu.right li {
  display: flex !important;
  align-items: center !important;
}
.menu.right a.icon-user {
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.menu.right a.icon-user span {
  white-space: nowrap !important;
}

/* ══════════════════════════════════════════
   HEADER — TRACK ORDER
   ══════════════════════════════════════════ */
.track-order {
  margin-left: 16px !important;
}
.track-order a {
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
}
.track-order span {
  white-space: nowrap !important;
}

/* ══════════════════════════════════════════
   HEADER — MOBILE ACCORDION MENU
   ══════════════════════════════════════════ */
@media screen and (max-width: 768px) {
  #mobile_menu > li.sublink > a.parent-link--true {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  #mobile_menu > li.sublink > a.parent-link--true .icon-down-arrow,
  #mobile_menu > li.sublink > a.parent-link--true .right {
    position: static !important;
    float: none !important;
    top: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    display: inline-flex !important;
  }
  #mobile_menu > li.sublink > a.parent-link--false {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  #mobile_menu > li.sublink > a.parent-link--false .icon-down-arrow,
  #mobile_menu > li.sublink > a.parent-link--false .right {
    position: static !important;
    float: none !important;
    top: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    display: inline-flex !important;
  }
}

/* ══════════════════════════════════════════
   HEADER — LOGO (center nav fix)
   ══════════════════════════════════════════ */
.logo-position--center .nav {
  width: 100%;
}

.tp-badge {
    margin-top: 45px !important;
  }
/* Hide Excellent span - not visible but taking space */
.tp-badge .tp-excellent {
  display: none !important;
}

/* Single row fix */
.tp-badge {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 5px 6px !important;
  white-space: nowrap !important;
}

.tp-badge .tp-stars {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 2px !important;
  flex-shrink: 0 !important;
}

.tp-badge .tp-star-box {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  flex: 0 0 16px !important;
}

.tp-badge .tp-reviews {
  font-size: 10px !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.tp-badge .tp-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 10px !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.tp-badge .tp-logo-icon {
  width: 13px !important;
  height: 13px !important;
  flex-shrink: 0 !important;
  flex: 0 0 13px !important;
}

/* Larger screens */
@media (min-width: 375px) {
  .tp-badge { gap: 5px !important; padding: 6px 8px !important; }
  .tp-badge .tp-star-box { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; }
  .tp-badge .tp-reviews,
  .tp-badge .tp-logo { font-size: 11px !important; }
  .tp-badge .tp-logo-icon { width: 15px !important; height: 15px !important; flex: 0 0 15px !important; }
}

@media (min-width: 768px) {
  .tp-badge { gap: 7px !important; padding: 8px 12px !important; }
  .tp-badge .tp-star-box { width: 22px !important; height: 22px !important; flex: 0 0 22px !important; }
  .tp-badge .tp-reviews,
  .tp-badge .tp-logo { font-size: 13px !important; }
  .tp-badge .tp-logo-icon { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; }
}

@media (min-width: 1024px) {
  .tp-badge { gap: 8px !important; padding: 9px 14px !important; }
  .tp-badge .tp-star-box { width: 24px !important; height: 24px !important; flex: 0 0 24px !important; }
  .tp-badge .tp-reviews,
  .tp-badge .tp-logo { font-size: 14px !important; }
  .tp-badge .tp-logo-icon { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; }
}

@media (min-width: 1440px) {
  .tp-badge { gap: 9px !important; padding: 10px 16px !important; }
  .tp-badge .tp-star-box { width: 26px !important; height: 26px !important; flex: 0 0 26px !important; }
  .tp-badge .tp-reviews,
  .tp-badge .tp-logo { font-size: 15px !important; }
  .tp-badge .tp-logo-icon { width: 22px !important; height: 22px !important; flex: 0 0 22px !important; }
}


.bottom-section {
    padding-bottom:0px!important;
}

/* @media screen and (min-width: 990px) {
  h2.title.center.blog {
    margin-top: 90px !important;
  }
}

@media screen and (min-width: 990px) {
  div#insta-feed {
    margin-top: 50px;
  }
} */

/* BLOG SECTION — TOP GAP DESKTOP + MOBILE */

@media (min-width: 1024px) {
  #shopify-section-featured_blog_rqMXyi {
    margin-top: 50px !important;
  }
}

@media (max-width: 1023px) {
  #shopify-section-featured_blog_rqMXyi {
    margin-top: 30px !important;
  }
  .blog-mobile-slider {
        padding-bottom: 0 !important;
    }
}



#insta-feed {
  margin-top: 40px !important;
}

/* @media (max-width: 768px) {
  #insta-feed {
    margin-top: 24px !important;
  }
} */

/* ══════════════════════════════════════════
   SLIDESHOW — MOBILE FULL FIX
   ══════════════════════════════════════════ */

@media (max-width: 480px) {

  /* Gallery cell overflow fix */
  .homepage-slideshow .gallery-cell,
  .homepage-slideshow .flickity-viewport,
  .homepage-slideshow .flickity-slider {
    overflow: visible !important;
  }

  /* Caption position */
  .banner .caption {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-60%) !important;
  }

  .banner .caption-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 8px 16px !important;
    overflow: visible !important;
  }

  /* Font size fix */
  .banner .headline,
  .banner h1.headline,
  .banner p.headline {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
    margin-top: 0 !important;
  }

  .banner .pretext {
    font-size: 12px !important;
    margin-bottom: 4px !important;
  }

  .banner .subtitle {
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
    margin-top: 0 !important;
  }

  /* Button fix */
  .banner .action_button.first_button,
  .banner .action_button.second_button {
    display: inline-block !important;
    max-width: calc(100% - 32px) !important;
    width: auto !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: visible !important;
    padding: 12px 28px !important;
    font-size: 13px !important;
    margin-top: 8px !important;
  }

  /* Banner section overflow */
  .banner.homepage-slideshow {
    overflow: hidden !important;
  }

}

.promo-banner__content {
    font-family:'Jost', sans-serif!important;
}


/* blogs layout changes  */

.blog-recipe.offset-by-two {
    left: 0;
}

.blog-layout {
  display: block;
  grid-template-columns: 1fr 320px;
  gap: 30px;
  padding-top: 94px;
}

.blog-sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sidebar-card {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
}

.banner-card img {
  width: 100%;
  display: block;
  border-radius: 6px;
}

.sidebar-product-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.product-item {
  display: flex;
  gap: 10px;
  align-items: center;
  text-decoration: none;
}

.product-item img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.newsletter-card input[type="email"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
}

.newsletter-card button {
  width: 100%;
  padding: 12px;
  cursor: pointer;
}

@media (max-width: 990px) {
  .blog-layout {
    grid-template-columns: 1fr;
  }

  .blog-sidebar {
    margin-top: 30px;
  }
}

@media screen and (min-width:320px) and (max-width:767px){
.blog-post-section .container {
  display : grid; 
}
.blog-layout {
  padding-top: 0;
  clear: both;
}
}

/* .container {
  position: initial !important;
} */

.piw-add-btn
{
      background-color: #b8934e !important;
    color: #000 !important;
    border: none !important;
}

#pair-it-well-pair-itt-well .piw-add-btn
{

      padding: 4px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    writing-mode: horizontal-tb !important;
}

#pair-it-well-pair-itt-well .piw-price
{
  font-family: Jost, sans-serif !important;
  
}

#pair-it-well-pair-itt-well .piw-dish-title
{

  
}

@media (max-width: 600px){
.smile-launcher-frame-container {
    bottom: 150px !important; 
    left: 25px !important;
}

.sm-button.bottom-right {
    bottom: 150px !important;
}
}

@media (max-width: 380px){
.smile-launcher-frame-container {
    bottom: 150px !important; 
    left: 25px !important;
}
.sm-button.bottom-right {
    bottom: 150px !important;
}
}

.promo-banner{
  display:none;
}


.page.promo-banner--show div#insta-feed h2{
  color:#000!important
}

.jdgm-subtab{
  padding:10px 15px !important;
}

.jdgm-rev-widg__sort-wrapper{
  padding:10px 15px !important;
}

.jdgm-all-reviews__body{
  padding:10px 15px !important;
}

.jdgm-rev{
  padding:10px 15px !important;
}

.jdgm-widget.jdgm-widget .jm-stack{
  padding-left:14px;
  padding-right:14px;
}

@media screen and (max-width: 767px) {
  .purchase-details__buttons.purchase-details__spb--true {
    display: flex;
    gap: 8px;
  }
}