/** Shopify CDN: Minification failed

Line 10:0 Unexpected "<"
Line 37:0 Unexpected "<"

**/

/* Desktop Styles */

<style>
    table {
        width: 100%;
        border-collapse: collapse;
        font-family: Arial, sans-serif;
        margin: 20px 0;
    }
    thead {
        background-color: #f4f4f4;
    }
    thead th {
        text-align: left;
        border: 1px solid #ddd;
        padding: 10px 12px !important; /* Uniform padding */
        font-size: 14px;
    }
    tbody td {
        border: 1px solid #ddd;
        padding: 10px 12px !important; /* Adds proper space, especially on the left */
        font-size: 14px;
    }
    tbody tr:nth-child(even) {
        background-color: #f9f9f9;
    }
    tbody tr:nth-child(odd) {
        background-color: #ffffff;
    }
</style>


.shopify-payment-button__button--unbranded .shopify-payment-button__button-label-text::after {
    content: "Order Now";
    display: inline-block;
    font-size: 20px;
}
/* CSS to hide the original text and show Buy Now"*/
.shopify-payment-button__button.shopify-payment-button__button--unbranded {
  font-size: 0;
  color: transparent;
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded::after {
  content: "Order Now";
  font-size: 14px;
  color: #fff; /* Adjust the color as needed */
  display: inline-block;
}
/* CSS to hide the original text and show Buy Now" end*/



._1qy6ue60 _1qy6ue69 _1qy6ue64 _1qy6ue67 _1qy6ue65 _1fragem3h _1fragem5a _1fragem2s {
  display: none !important;
}

.a .content__heading {
  position: relative;
  display: inline-block;
  padding-top: 20px; /* Space for image above text */
  font-family: 'Lexend Deca', sans-serif;
  text-align: center;
}

.a .content__heading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 110%;
  transform: translateX(-50%);
  width: 40px; /* Adjust as needed */
  height: 40px;
  background-image: url('/cdn/shop/files/favourite.png?v=1751871451');
  background-size: contain;
  background-repeat: no-repeat;
}

/* Make "Select options" buttons look like primary buttons */
.sf__pcard-quick-add .sf__btn-secondary {
  background-color: #87010C !important;
  color: #fff !important;
  border: 1px solid #87010C !important;
  transition: all 0.3s ease;
}

/* Hover effect for consistency */
.sf__pcard-quick-add .sf__btn-secondary:hover {
  background-color: #a81218 !important; /* slightly brighter hover tone */
  border-color: #a81218 !important;
  color: #fff !important;
}
 


/* All Headings */
h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase !important;
  color: #87010C !important;
}



/* Mobile */
@media screen and (max-width: 1023px) {
  .section__heading {
    font-size: 60px !important;
  }
}

/* Desktop */
@media screen and (min-width: 1024px) {
  .section__heading {
    font-size: 90px !important;
  }
}


.sf__pcard {
  border: 1px solid #87010C;
  border-radius: 0px;
  padding: 8px;
}


.sf__pcard-name {
  font-family: var(--font-body-family) !important;
  font-weight: 400;
  font-size: 26px;
  color: var(--color-body-text, #333);
}

@media screen and (max-width: 768px) {
  .sf__pcard-name {
    font-size: 18px;
  }
}
  

  /* Selected product option styling */
.sf-po__option-button {
  border: 1px solid #87010C;
  border-radius: 4px;
  font-size: 14px;
  height: 30px;
  margin: 5px;
  min-width: 40px;
  padding: 0 6px;
  color: #000000;
}
.sf-po__option-button[data-selected="true"] {
  background-color: #87010C;
  border-color: #87010C;
  color: #fff;
}

.sf__pcard-style-4 .sf__pcard-content .sf__pcard-quick-add .sf__btn {
  margin-top: 10px;
  width: 100%;
  font-size: 14px;
}

/* Mobile */
@media screen and (max-width: 767px) {
  .sf__pcard-style-4 .sf__pcard-content .sf__pcard-quick-add .sf__btn {
    font-size: 12px;
  }
}

/* Make the outer container full width */
.sf__pcard-action-atc {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

/* Make inside wrapper full width */
.sf__pcard-action-atc .sf__pcard-quick-add {
    width: 100% !important;
    max-width: 100% !important;
}

/* Make the product form full width */
.sf__pcard-action-atc .product-card-form {
    width: 100% !important;
}

/* Make the actual button full width */
.sf__pcard-action-atc button.add-to-cart {
    width: 100% !important;
    max-width: 100% !important;
}

form {
    margin-top: 0px !important;
}

/* ----------------------------------------------------
   1️⃣ Hide the extra product details block in sticky ATC
   ---------------------------------------------------- */
.hidden.md\:flex,
.md\:flex.pr-2 {
    display: none !important;
}

/* ----------------------------------------------------
   2️⃣ Make STICKY Add-To-Cart layout centered & horizontal
   Keeps qty + button in one row and centered
   ---------------------------------------------------- */
.sticky-atc-form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px;
}

/* ----------------------------------------------------
   3️⃣ Ensure parent sticky container is centered
   ---------------------------------------------------- */
sticky-atc,
sticky-atc.form,
sticky-atc.form .flex {
    justify-content: center !important;
}

/* ----------------------------------------------------
   4️⃣ Increase Add-to-Cart button width for better UX
   ---------------------------------------------------- */
.prod__sticky-atc .sf__btn.add-to-cart {
    min-width: 350px;
}

sticky-atc .quantity-input {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .sf__pcard-name {
        font-size: 35px;
         line-height: .8 !important;
         min-height: 20px !important;
    }
}

@media screen and (min-width: 768px) {
.sf__pcard-name {
        font-size: 50px;
         line-height: .8 !important ;
         min-height: 80px !important;
    }
  }

 @media (min-width: 1024px) {
  .sf-menu-drawer {
    display: block !important;
  }
}


.prod__tag-sale {
    background-color: #87010c;
}