/** Shopify CDN: Minification failed

Line 157:10 Expected ":"
Line 157:17 Expected ":"

**/

/* start common css */
body {
    display: block;
}
@media (max-width:915px) {
  .hk-hide-mobile {
    display:none !important;
  }
}
@media (min-width:915px) {
  .hk-hide-desktop {
    display:none !important;
  }
}
.hk-slider-main:not(.slick-initialized) {
  display:flex;
}
html {
    scroll-behavior: smooth;
}
p {
    margin: unset;
    padding: unset;
}
* {
    color: unset;
    letter-spacing: unset;
    margin: unset;
    padding: unset;
}
h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
    color: unset;
    letter-spacing: unset;
    margin: unset;
    padding: unset;
}
.hk-text-left-desktop {
    text-align: left;
    justify-content: left;
}
.hk-text-center-desktop {
    text-align: center;
    justify-content: center;
}
.hk-text-right-desktop {
    text-align: right;
    justify-content: right;
}
img, video {
    max-width: 100%;
    display: block;
    height: auto;
}

.hk-no_buttons .slick-arrow {
    display: none !important;
}

.hk-same-height-slider .slick-slide {
    height: inherit !important;
}
.hk-same-height-slider .slick-track {
    display: flex;
}
.hk-loading:after {
    content: "";
    width: 100% !important;
    height: 100% !important;
    background: url( https://cdn.shopify.com/s/files/1/0789/0570/4766/files/loading.gif?v=1736941696 ) !important;
    background-size: 25px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    z-index: 1 !important;
    display: block !important;
}
.hk-loading {
    color: transparent !important;
    position: relative !important;
}
.hk-checkout-button.hk-loading *, 
.hk-atc-js.hk-loading * {
    opacity: 0;
}


.hk-loading-cart:after {
    content: "";
    width: 100% !important;
    height: 100% !important;
    background: url( https://cdn.shopify.com/s/files/1/0789/0570/4766/files/loading.gif?v=1736941696 ) !important;
    background-size: 50px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    z-index: 1 !important;
    background-color: #0000003b !important;
    display: block !important;
}
.hk-loading-cart {
    position: relative;
}
svg, img, video {
    display: inline-block;
    max-width: 100%;
    height: unset;
}
* {
    box-sizing: border-box;
}
.hk-video-wrapper.active img, 
.hk-video-wrapper.active .hk-play-button {
    display: none;
}
.hk-relative {
    position: relative;
}
.hk-container {
    max-width:100%;
    width:var(--hk-container-width);
    padding-left:50px;
    padding-right:50px;
    margin-left:auto;
    margin-right:auto;
}

body, .hk-font-body  {
  font-family:var(--hk-body-font);
}
.hk-font-heading{
  font-family: var(--hk-heading-font);
}

.shopify-section.header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
img {
    height; unset;
}

.hk-checkout-button:has(.hk-sold-out.hk-active) {
    pointer-events: none;
    opacity: .7;
}

@media (max-width:915px) {
.hk-text-left-mobile {
    text-align: left;
    justify-content: left;
}
.hk-text-center-mobile {
    text-align: center;
    justify-content: center;
}
.hk-text-right-mobilep {
    text-align: right;
    justify-content: right;
}
.hk-container {
    padding-left:16px;
    padding-right:16px;
}
}
/* end common css */

 

body:not(.remove_transparent) .custom_header_hk {
    background-color: #F8F4ED !important;
}

body {
    background: transparent !important;
}
.footer_lp {
    background: unset;
}



/* font family start */
@font-face {
  font-family: "Sentient Variable";
  src: url(/cdn/shop/files/Sentient-Light.woff);
  font-style: normal;
  font-weight: 300;
  font-display:swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url(/cdn/shop/files/Sentient-LightItalic.woff);
  font-style: italic;
  font-weight: 300;
  font-display:swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url(/cdn/shop/files/Sentient-Regular.woff);
  font-style: normal;
  font-weight: 400;
  font-display:swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url(/cdn/shop/files/Sentient-Italic.woff);
  font-style: italic;
  font-weight: 400;
  font-display:swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url(/cdn/shop/files/Sentient-Medium.woff);
  font-style: normal;
  font-weight: 500;
  font-display:swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url(/cdn/shop/files/Sentient-MediumItalic.woff);
  font-style: italic;
  font-weight: 500;
  font-display:swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url(/cdn/shop/files/Sentient-Bold.woff);
  font-style: normal;
  font-weight: 700;
  font-display:swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url(/cdn/shop/files/Sentient-BoldItalic.woff);
  font-style: italic;
  font-weight: 700;
  font-display:swap;
}
/* font family end */



/* same css start */
.hk-media, 
.hk-svg {
    display: flex;
}
.hk-global-rating .hk-icon-with-text-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    gap: 7px;
    padding-bottom: 16px;
}
.hk-global-rating .hk-icon-with-text-flex strong {
    font-weight: 600;
}
.hk-global-heading h2, 
.hk-global-heading h1 {
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    text-transform: capitalize;
    font-family: "Sentient Variable";
    max-width: 100%;
}
.hk-global-subheading {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-top: 16px;
    opacity: 0.8;
    max-width: 100%;
}
.hk-global-slider .slick-track {
    display: flex;
}
.hk-global-slider .slick-slide {
    height: inherit;
}
.hk-global-slider .slick-slide>div,
.hk-global-slider .hk-element-review-card,
.hk-global-slider .hk-review-card_main {
    height: 100%;
}
.hk-global-slider .hk-review-card_main {
    cursor: grab;
}
ul.slick-dots {
    display: flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    gap: 6px;
    font-size: 0;
    border-radius: unset;
    overflow: hidden;
    padding: 5px 21px;
    border-radius: 20px;
    background: #FCFBF8;
    margin: 34px auto 0px;
}
ul.slick-dots li {
    width: 100%;
    font-size: 0;
    width: 12px;
    height: 12px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.slick-dots li button {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    cursor: pointer;
    background: #E7DECF;
}
ul.slick-dots li.slick-active button {
    border-radius: 30px;
    background: #B85D15;
}
ul.slick-dots li.slick-active~li button {
    background: #E7DECF;
}
.hk-slider-button {
    display: flex;
    background: transparent;
    border: unset;
    position: absolute;
    top: calc(50% - 20px);
    cursor: pointer;
    left: -37px;
}
.hk-slider-next {
    right: -37px;
    left: unset;
}
.hk-image-with-text-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.hk-image-with-text-column {
    width: 50%;
}
.hk-global-heading h2 em, 
.hk-global-heading h1 em {
    font-weight: 400;
    opacity: 0.9;
}



@media (min-width: 915px) {

}



@media (max-width: 914px) {
.hk-image-with-text-column {
    width: 100%;
}
.hk-global-rating .hk-icon-with-text-flex {
    font-size: 14px;
    gap: 7px;
    padding-bottom: 12px;
}
.hk-global-rating .hk-icon-with-text-flex svg {
    width: 79px;
    height: unset;
}
.hk-global-heading h2, 
.hk-global-heading h1 {
    font-size: 32px;
    line-height: 34px;
    width: 328px;
}
.hk-center-heading h2 {
    margin: 0px auto;
    text-align: center;
}
.hk-global-subheading {
    font-size: 16px;
    line-height: 20px;
    padding-top: 12px;
}
ul.slick-dots {
    gap: 6px;
    padding: 4px 12px;
    margin: 25px auto 0px;
}
ul.slick-dots li {
    width: 10px;
    height: 10px;
}
.hk-gray-dot-slider ul.slick-dots {
    background: #53362B;
}
.hk-gray-dot-slider ul.slick-dots li.slick-active~li button,
.hk-gray-dot-slider ul.slick-dots li button {
    background: #865E4F;
}
.hk-gray-dot-slider ul.slick-dots li.slick-active button {
    background: #EA9755;
}
}
/* same css end */



/* header css start */
body .header_logo {
    width: 183px;
}
.top_bar_text p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}



@media (min-width: 915px) {

}



@media (max-width: 914px) {
body .header_logo {
    width: 145px;
}   
}
/* header css end */



/* product css start */
.hk-product-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.hk-product-column1 {
    width: 50%;
}
.hk-product-column2 {
    width: 45.5%;
}
.hk-pdp-pdt-slider {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 12px;
    justify-content: space-between;
}
.hk-slick-slider.hk-slider-product-media-thumb {
    width: 100px;
}
.hk-rative.hk-media-main-wrapper {
    width: calc(100% - 112px);
}
.hk-rative.hk-media-main-wrapper img {
    border-radius: 13.022px;
    cursor: grab;
}
.hk-rative.hk-media-main-wrapper .hk-media.hk-product-media-main-item {
    padding: 0px 10px;
}
.hk-rative.hk-media-main-wrapper .slick-list.draggable {
    margin: 0px -10px;
}
.slick-slide>div {
    display: flex;
}



@media (min-width: 915px) {

}



@media (max-width: 914px) {
    
}
/* product css end */



/* review1 css start */
.hk-pdp-review1-slider {
    margin: 34px -16px 0px;
}
.hk-pdp-review1-slide {
    padding: 0px 16px;
    text-align: left;
}
.hk-pdp-review1-slide .hk-review-card_main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid rgba(81, 52, 40, 0.10);
    background: #FFF;
    overflow: hidden;
}
.hk-pdp-review1-slide .hk-review-card-rating {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 20px 20px 12px;
    gap: 7px;
}
.hk-pdp-review1-slide .hk-element-title-main {
    padding: 0px 20px 12px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.hk-pdp-review1-slide .hk-element-text-main {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding: 0px 20px 16px;
}
.hk-pdp-review1-slide .hk-element-review-name span {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0px 20px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hk-pdp-review1-slide .hk-element-review-name span em {
    color: #6F8E2E;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 7px;
}
.hk-pdp-review1-slide .hk-element-review-name span em:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    aspect-ratio: 1/1;
    background-image: url("/cdn/shop/files/pdpV2-review1-check.webp");
    max-width: 100%;
}



@media (min-width: 915px) {

}



@media (max-width: 914px) {
.hk-pdp-review1-subheading {
    width: 300px;
    max-width: 100%;
    margin: 0px auto;
}
.hk-pdp-review1-slider {
    margin: 25px 0px 0px;
}
.hk-pdp-review1-slider .hk-slider-button {
    display: none !important;
}    
.hk-pdp-review1-slide {
    padding: 0px 0px;
}
.hk-pdp-review1-slider .slick-list.draggable {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 0px 43px !important;
}
.hk-pdp-review1-slider .slick-slide {
    transform: scale(0.93);
}
.hk-pdp-review1-slider .slick-current {
    transform: scale(1);
}
.hk-pdp-review1-slide .hk-review-card-rating {
    font-size: 13px;
    padding: 16px 16px 10px;
    gap: 7px;
}
.hk-pdp-review1-slide .hk-review-card-rating svg {
    width: 69px;
    height: unset;
}
.hk-pdp-review1-slide .hk-element-title-main {
    padding: 0px 16px 10px;
    font-size: 16px;
    line-height: 20px;
}
.hk-pdp-review1-slide .hk-element-text-main {
    font-size: 14px;
    line-height: 18px;
    padding: 0px 16px 14px;
}
.hk-pdp-review1-slide .hk-element-review-name span {
    font-size: 14px;
    padding: 0px 16px 20px;
}
.hk-pdp-review1-slide .hk-element-review-name span em {
    font-size: 13px;
    gap: 5px;
}
.hk-pdp-review1-slide .hk-element-review-name span em:before {
    width: 12px;
    height: 12px;
}
}
/* review1 css end */



/* number css start */
.hk-pdp-number .hk-image-with-text-column1 {
    width: 63.3%;
}
.hk-pdp-number .hk-image-with-text-column2 {
    width: 36.7%;
}
.hk-pdp-number .hk-image-with-text-flex {
    position: relative;
}
.hk-pdp-number-heading h2 {
    width: 430px;
}
.hk-pdp-number-list1 .hk-element-icon-with-text-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 34px 0px 0px;
    gap: 16px;
}
.hk-pdp-number-list1-item {
    width: calc(50% - (16px)*1/2);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #53362B;
    backdrop-filter: blur(2px);
    padding: 21px;
}
.hk-pdp-number-list1-item .hk-media.hk-svg {
    color: #EA9755;
    font-family: "Sentient Variable";
    font-size: 46px;
    font-style: italic;
    font-weight: 500;
    line-height: 40px;
    text-transform: capitalize;
    padding-bottom: 16px;
}
.hk-pdp-number-list1-item .hk-element-texts {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.hk-pdp-number-img img {
    width: 593px;
    position: absolute;
    right: 37px;
    bottom: -30px;
}



@media (min-width: 915px) {

}



@media (max-width: 914px) {
.hk-pdp-number .hk-image-with-text-column1 {
    width: 100%;
}
.hk-pdp-number .hk-image-with-text-column2 {
    width: 100%;
}
.hk-pdp-number-heading h2 {
    width: 328px;
}
.hk-pdp-number-list1 .hk-element-icon-with-text-grid {
    margin: 25px 0px 0px;
}    
.hk-pdp-number-list1-item {
    width: calc(100% - 54px);
    border-radius: 5px;
    padding: 14px;
}
.hk-pdp-number-list1-item .hk-media.hk-svg {
    font-size: 42px;
    line-height: 34px;
    padding-bottom: 12px;
}
.hk-pdp-number-list1-item .hk-element-texts {
    font-size: 16px;
    line-height: 20px;
    width: 221px;
    max-width: 100%;
}
.hk-pdp-number-img img {
    width: auto;
    right: -16px;
    bottom: -50px;
    height: 520px;
}
}
/* number css end */



/* four css start */
.hk-pdp-fours-slide {
    padding: 0px 14px;
}
.hk-pdp-fours-slider {
    margin: 34px -14px 0px;
}
.hk-pdp-fours-slide .hk-slide_main {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 331/380;
}
.hk-pdp-fours-slide .hk-slide_main img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hk-pdp-fours-slide .hk-element-text-main {
    position: absolute;
    z-index: 1;
    padding: 20px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.hk-pdp-fours-slide .hk-element-text-main p {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.hk-pdp-fours-slide .hk-element-text {
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(64, 32, 19, 0.70);
    backdrop-filter: blur(2px);
    padding: 16px 14px 16px 12px;
    color: rgba(255, 255, 255, 0.80);
    display: flex;
    align-items: center;
    gap: 12px;
}
.hk-pdp-fours-slide .hk-element-text-main p strong {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
}
.hk-pdp-fours-slide .hk-element-text:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 54px;
    height: 54px;
    aspect-ratio: 1 / 1;
    background-image: url("/cdn/shop/files/pdpV2-four-icon.webp");
    min-width: 54px;
}



@media (min-width: 915px) {

}



@media (max-width: 914px) {
.hk-pdp-fours-slide {
    padding: 0px 12px 0px 0px;
}   
.hk-pdp-fours-slider {
    margin: 25px 0px 0px;
}
.hk-pdp-fours-slider .slick-list.draggable {
    width: calc(100% + 16px);
    padding-right: 52px;
}
.hk-pdp-fours-slide .hk-slide_main {
    border-radius: 8px;
    aspect-ratio: 280/340;
}
.hk-pdp-fours-slide .hk-element-text-main {
    padding: 14px;
}
.hk-pdp-fours-slide .hk-element-text {
    padding: 14px 12px 14px 12px;
    gap: 10px;
}
.hk-pdp-fours-slide .hk-element-text-main p {
    font-size: 12.9px;
    line-height: 16px;
    gap: 8px;
    width: 163px;
    max-width: 100%;
}
.hk-pdp-fours-slide .hk-element-text-main p strong {
    font-size: 16px;
    line-height: 20px;
}
}
/* four css end */



/* works css start */
.hk-pdp-works .hk-image-with-text-column1 {
    width: 45.5%;
}
.hk-pdp-works .hk-image-with-text-column2 {
    width: 50.31%;
}
.hk-pdp-works-subheading {
    width: 90%;
}
.hk-pdp-works-list1 .hk-element-icon-with-text-grid {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
    gap: 20px;
}
.hk-pdp-works-list1-item {
    width: calc(50% - (20px)*1/2);
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid rgba(81, 52, 40, 0.30);
    background: rgba(255, 255, 255, 0.50);
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}
.hk-pdp-works-list1-item.hk-active {
    background: #B85D15;
    border-color: #B85D15;
    color: #fff;
}
.hk-pdp-works-list2-item {
    border-radius: 8px;
    border: 1.5px solid rgba(81, 52, 40, 0.10);
    background: #FFF;
    overflow: hidden;
}
.hk-pdp-works-list2-item .hk-element-texts {
    padding: 34px 30px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    color: rgba(61, 40, 31, 0.80);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.hk-pdp-works-list2-item .hk-element-texts .hk-element-title {
    color: #3D281F;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
}
.hk-pdp-works-list2-item .hk-element-texts ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    gap: 14px;
}
.hk-pdp-works-list2-item .hk-element-texts ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}
.hk-pdp-works-list2-item .hk-element-texts ul li:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 23px;
    height: 23px;
    aspect-ratio: 1 / 1;
    background-image: url("/cdn/shop/files/pdpV2-works-check.webp");
    min-width: 23px;
}



@media (min-width: 915px) {

}



@media (max-width: 914px) {
.hk-pdp-works .hk-image-with-text-column1 {
    width: 100%;
    padding-bottom: 21px;
}  
.hk-pdp-works .hk-image-with-text-column2 {
    width: 100%;
}
.hk-pdp-works-subheading {
    width: 300px;
    max-width: 100%;
}
.hk-pdp-works-list1 .hk-element-icon-with-text-grid {
    padding-top: 25px;
    gap: 8px;
    justify-content: space-between;
} 
.hk-pdp-works-list1-item {
    width: calc(50% - (8px)*1/2);
    padding: 11px;
    font-size: 15px;
}
.hk-pdp-works-list2-item .hk-element-texts {
    padding: 20px 16px;
    gap: 12px;
    font-size: 16px;
    line-height: 20px;
}
.hk-pdp-works-list2-item .hk-element-texts .hk-element-title {
    font-size: 20px;
    line-height: 24px;
}
.hk-pdp-works-list2-item .hk-element-texts ul {
    font-size: 16px;
    gap: 12px;
}
.hk-pdp-works-list2-item .hk-element-texts ul li {
    gap: 9px;
}
.hk-pdp-works-list2-item .hk-element-texts ul li:before {
    width: 18px;
    height: 18px;
    min-width: 18px;
}
}
/* works css end */



/* ingredients css start */
.hk-pdp-ingredients .hk-image-with-text-column1 {
    width: 45.5%;
}
.hk-pdp-ingredients .hk-image-with-text-column2 {
    width: 50.31%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.hk-pdp-ingredients-heading h2 {
    width: 430px;
}
.hk-pdp-ingredients-subheading {
    width: 81%;
}
.hk-pdp-ingredients-img {
    padding-top: 34px;
}
.hk-pdp-ingredients-faq {
    border-radius: 8px;
    overflow: hidden;
    padding: 20px;
    min-height: 221px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("/cdn/shop/files/pdpV2-ing-bg1.webp");
}
.hk-pdp-ingredients-faq2 {
    background-image: url("/cdn/shop/files/pdpV2-ing-bg2.webp");
}
.hk-pdp-ingredients-faq .hk-faq-main {
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(64, 32, 19, 0.50);
    backdrop-filter: blur(2px);
}
.hk-pdp-ingredients-faq .hk-question {
    color: #FFFFFF;
    font-size: 20px;
    padding: 19px;
}
.hk-pdp-ingredients-faq .hk-question:after {
    background-image: url("/cdn/shop/files/pdpV2-ing-faq.webp");
}
.hk-pdp-ingredients-faq .hk-faq-main:has(.hk-question.active) {
    background: rgba(64, 32, 19, 0.50);
    backdrop-filter: blur(2px);
    border-color: #FFFFFF4D;
}
.hk-pdp-ingredients-faq .hk-answer {
    color: rgba(255, 255, 255, 0.80);
    padding: 0px 19px 19px;
}



@media (min-width: 915px) {

}



@media (max-width: 914px) {
.hk-pdp-ingredients-faq {
    padding: 14px;
    min-height: 181px;
    background-image: url("/cdn/shop/files/pdpV2-ing-bg1mobs.webp");
}
.hk-pdp-ingredients-faq2 {
    background-image: url("/cdn/shop/files/pdpV2-ing-bg2mobs.webp");
}
.hk-pdp-ingredients .hk-image-with-text-column1 {
    width: 100%;
    padding-bottom: 34px;
}
.hk-pdp-ingredients .hk-image-with-text-column2 {
    width: 100%;
    gap: 16px;
}
.hk-pdp-ingredients-subheading {
    width: 300px;
    max-width: 100%;
}
.hk-pdp-ingredients-img {
    padding-top: 25px;
    width: calc(100% + 32px);
    margin-left: -16px;
}
.hk-pdp-ingredients-faq .hk-question {
    font-size: 16px;
    padding: 16px 14px;
    gap: 16px;
}
.hk-pdp-ingredients-faq .hk-answer {
    padding: 0px 14px 16px;
    font-size: 13px;
}
.hk-pdp-ingredients-heading h2 {
    width: 328px;
}
}
/* ingredients css end */



/* easy css start */
.hk-pdp-easy .hk-image-with-text-column1 {
    width: 50.31%;
    border-radius: 5px;
    border: 1px solid rgba(81, 52, 40, 0.10);
    background: #FFF;
    position: relative;
    padding: 40px 34px;
    max-width: 100%;
}
.hk-pdp-easy .hk-image-with-text-column2 {
    width: 45.5%;
}
.hk-pdp-easy-heading h2 {
    width: 459px;
}
.hk-pdp-easy-list1 .hk-element-icon-with-text-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.hk-pdp-easy-list1-item .hk-icon-with-text-flex {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: 8px;
}
.hk-pdp-easy-list1-img img {
    position: absolute;
    bottom: 0px;
    right: 11px;
    width: auto;
    height: calc(100% - 9px);
}
.hk-pdp-easy .hk-image-with-text-flex {
    align-items: center;
}



@media (min-width: 915px) {

}



@media (max-width: 914px) {
.hk-pdp-easy .hk-image-with-text-flex {
    flex-direction: column-reverse;
    gap: 25px;
}
.hk-pdp-easy .hk-image-with-text-column1 {
    width: 100%;
    padding: 20px 16px;
    overflow: hidden;
}
.hk-pdp-easy-list1 .hk-element-icon-with-text-grid {
    gap: 16px;
}
.hk-pdp-easy-list1-item .hk-icon-with-text-flex {
    font-size: 16px;
    gap: 7px;
}
.hk-pdp-easy-list1-item .hk-icon-with-text-flex svg {
    width: 18px;
    height: unset;
}
.hk-pdp-easy-list1-img img {
    right: 0px;
    height: calc(100% - 11px);
}
.hk-pdp-easy .hk-image-with-text-column2 {
    width: 100%;
}
.hk-pdp-easy-heading h2 {
    width: 328px;
}
.hk-pdp-easy-subheading {
    width: 300px;
    max-width: 100%;
}
}
/* easy css end */



/* steps css start */
.hk-pdp-steps .hk-image-with-text-column1 {
    width: 44.7%;
}
.hk-pdp-steps .hk-image-with-text-column2 {
    width: 49.73%;
}
.hk-pdp-steps-heading h2 {
    width: 430px;
}
.hk-pdp-steps-img {
    padding-top: 40px;
}
.hk-pdp-steps-list1 .hk-element-icon-with-text-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.hk-pdp-steps-list1-item {
    position: relative;
    border-radius: 5px;
    border: 1px solid rgba(234, 151, 85, 0.30);
    background: #53362B;
    backdrop-filter: blur(2px);
    padding: 23px;
    margin-left: 61px;
}
.hk-pdp-steps-list1-item img {
    width: auto;
    height: 100%;
    right: 21px;
    position: absolute;
    bottom: 0px;
}
.hk-pdp-steps-list1-item .hk-element-texts {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.hk-pdp-steps-list1-item .hk-element-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 16px;
}
.hk-pdp-steps-list1-item .hk-element-title strong {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 30px;
    background: rgba(234, 151, 85, 0.50);
    padding: 6.1px 14px;
}
.hk-pdp-steps-list1-item .hk-element-texts ul {
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: 14px;
}
.hk-pdp-steps-list1-item .hk-element-texts ul li {
    color: rgba(255, 255, 255, 0.80);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 12px;
}
.hk-pdp-steps-list1-item .hk-element-texts ul li:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    aspect-ratio: 1 / 1;
    background-image: url("/cdn/shop/files/pdpV2-steps-check.webp");
    min-width: 18px;
}
.hk-pdp-steps-list1-item .hk-element-title:after {
    content: "";
    width: 50px;
    height: 1px;
    border-top: 1px dashed #EA9755;
    position: absolute;
    left: -52px;
    top: 39px;
}
.hk-pdp-steps-list1-item:after {
    content: "";
    width: 13.333px;
    position: absolute;
    left: -57px;
    top: 32.9px;
    height: 13.333px;
    border-radius: 13.333px;
    background: #EA9755;
    box-shadow: 0px 0px 5px 5px #EA975580;
}
.hk-pdp-steps-list1-item:before {
    content: "";
    width: 1px;
    height: calc(100% + 20px);
    border-left: 1px dashed #EA9755;
    position: absolute;
    left: -50px;
    top: 39px;
}
.hk-pdp-steps-list1-item:last-child:before {
    height: 0px;
}
.hk-pdp-steps-list1-item {
    opacity: 0.5;
}



@media (min-width: 915px) {

}



@media (max-width: 914px) {
.hk-pdp-steps .hk-image-with-text-column1 {
    width: 100%;
    padding-bottom: 25px;
}
.hk-pdp-steps .hk-image-with-text-column2 {
    width: 100%;
}
.hk-pdp-steps-heading h2 {
    width: 318px;
}
.hk-pdp-steps-list1-item {
    padding: 16px 14px;
    margin-left: 39px;
}
.hk-pdp-steps-list1-item .hk-element-title strong {
    font-size: 13px;
    padding: 4.1px 12px;
}
.hk-pdp-steps-list1-item .hk-element-title {
    font-size: 16px;
    gap: 12px;
}
.hk-pdp-steps-list1-item .hk-element-texts {
    gap: 14px;
}
.hk-pdp-steps-list1-item .hk-element-texts ul li {
    font-size: 13px;
    gap: 10px;
}
.hk-pdp-steps-list1-item .hk-element-texts ul li:before {
    width: 14px;
    height: 14px;
    min-width: 14px;
}
.hk-pdp-steps-list1-item .hk-element-title:after {
    width: 30px;
    left: -32px;
    top: 27px;
}
.hk-pdp-steps-list1-item:after {
    width: 9.333px;
    left: -35px;
    top: 21.9px;
    height: 9.333px;
    box-shadow: 0px 0px 4px 4px #EA975580;
}
.hk-pdp-steps-list1-item:before {
    height: calc(100% + 20px);
    left: -30px;
    top: 27px;
}
.hk-pdp-steps-list1 .hk-element-icon-with-text-grid {
    gap: 16px;
}
.hk-pdp-steps-list1-item img {
    right: 0px;
}
.hk-pdp-steps-list1-item .hk-element-texts ul li {
    width: 230px;
    max-width: 100%;
}
.hk-pdp-steps-list1-item img {
    height: calc(100% - 11px);
}
.hk-pdp-steps-list1-item2 img {
    height: calc(100% - 14px);
    top: 0px;
    bottom: unset;
}
.hk-pdp-steps-list1-item1 img {
    height: calc(100% - 51px);
}
.hk-pdp-steps-list1-item3 img {
    height: calc(100% - 54px);
    right: 11px;
}
}
/* steps css end */



/* table css start */
.hk-pdp-table-bottom .hk-image-with-text-column {
    width: 47%;
    position: relative;
}
.hk-pdp-table-logo {
    width: 158px;
    height: unset;
    position: absolute;
    top: 0px;
    left: 0px;
}
.hk-pdp-table-img img {
    position: absolute;
    bottom: -7px;
    width: 229px;
    height: unset;
    left: 0px;
}
.hk-pdp-table-img2 img {
    width: 179px;
    left: 30px;
}
.hk-pdp-table-list {
    width: calc(100% - 181px);
    margin-left: auto;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #533224;
    padding: 40px 80px;
}
.hk-pdp-table-list .hk-element-icon-with-text-grid {
    display: flex;
    flex-direction: column;
    gap: 27px;
}
.hk-pdp-table-list-item .hk-icon-with-text-flex {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    gap: 14px;
}
.hk-pdp-table-list1 {
    background: #FFF;
    border-color: #fff;
    color: #3D281F;
}
.hk-pdp-table-list1 .hk-pdp-table-list-item .hk-icon-with-text-flex {
    font-weight: 500;
}
.hk-pdp-table-text-right {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    position: absolute;
    left: 30px;
    top: 0px;
}



@media (min-width: 915px) {

}



@media (max-width: 914px) {
.hk-pdp-table-logo {
    width: 158px;
    position: unset;
    margin: 0px auto 16px;
}
.hk-pdp-table-text-right {
    font-size: 16px;
    line-height: 20px;
    position: unset;
    left: 30px;
    top: 0px;
    text-align: center;
    padding-bottom: 16px;
}
.hk-pdp-table-list {
    width: 100%;
    padding: 30px 10px 50px;
}
.hk-pdp-table-list-item .hk-icon-with-text-flex {
    font-size: 15px;
    gap: 10px;
    flex-direction: column;
    text-align: center;
    width: 132px;
    max-width: 100%;
    margin: 0px auto;
}
.hk-pdp-table-list-item .hk-icon-with-text-flex svg {
    width: 20px;
    height: unset;
}
.hk-pdp-table-list .hk-element-icon-with-text-grid {
    gap: 23px;
}
.hk-pdp-table-list-item:nth-child(5), 
.hk-pdp-table-list-item:nth-child(6) {
    min-height: 66.8px;
}
.hk-pdp-table-mob-img {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-top: -14%;
    z-index: 1;
    position: relative;
}
}
/* table css end */



/* faq css start */
.hk-faq-main {
    border-radius: 10px;
    border: 1px solid rgba(81, 52, 40, 0.30);
    background: rgba(255, 255, 255, 0.20);
}
.hk-question {
    width: 100%;
    text-align: left;
    background: transparent;
    border: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: #3D281F;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 21px 18px;
}
.hk-answer {
    color: rgba(61, 40, 31, 0.80);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0px 18px 21px;
}
.hk-answer strong {
    font-weight: 500;
}
.hk-question:after {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
    aspect-ratio: 1 / 1;
    background-image: url("/cdn/shop/files/pdpV2-pdt-faq.webp");
    min-width: 28px;
    transition: all 0.5s ease;
}
.hk-question.active:after {
    transform: rotate(-180deg);
}
.hk-faq-main:has(.hk-question.active) {
    border-color: #513428;
    background: #FFFFFF;
}
.hk-pdp-faq-item {
    margin-top: 14px;
}
.hk-pdp-faq-heading {
    margin-bottom: 34px;
}
.hk-pdp-faq .hk-image-with-text-flex {
    align-items: flex-start;
}
.hk-pdp-faq .hk-image-with-text-column1 {
    width: 47.3%;
}
.hk-pdp-faq .hk-image-with-text-column2 {
    width: 52.7%;
    position: relative;
}
.hk-pdp-faq-img img {
    width: calc(100% + 210px);
    max-width: calc(100% + 210px);
    margin-left: -70px;
    margin-top: -47px;
}
.hk-pdp-faq-list2 .hk-icon-with-text-flex {
    display: flex;
    align-items: center;
    color: rgba(61, 40, 31, 0.80);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    gap: 7px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(2px);
    width: fit-content;
    padding: 10px 12px;
    position: absolute;
    bottom: 50px;
    left: 90px;
}
.hk-pdp-faq-list1 .hk-element-title {
    color: #3D281F;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    text-transform: capitalize;
}
.hk-pdp-faq-list1 .hk-element-texts {
    color: rgba(61, 40, 31, 0.80);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 297px;
    max-width: 100%;
    position: absolute;
    top: 47px;
    left: 100px;
}
.hk-answer {
   display: flex;
    flex-direction: column;
    gap: 16px;
}



@media (min-width: 915px) {

}



@media (max-width: 914px) {
.hk-question:after {
    width: 23px;
    height: 23px;
    min-width: 23px;
}  
.hk-pdp-faq .hk-image-with-text-column2 {
    width: 100%;
}  
.hk-pdp-faq .hk-image-with-text-column1 {
    width: 100%;
}
.hk-pdp-faq-img img {
    width: calc(100% + 32px);
    max-width: calc(100% + 32px);
    margin-left: -16px;
    margin-top: 45px;
}
.hk-pdp-faq-list1 .hk-element-title {
    font-size: 25px;
    line-height: 28px;
}
.hk-pdp-faq-list1 .hk-element-texts {
    font-size: 16px;
    line-height: 20px;
    gap: 12px;
    width: 197px;
    top: 21%;
    left: 7%;
}
.hk-pdp-faq-list2 .hk-icon-with-text-flex svg {
    width: 18px;
    height: unset;
}
.hk-pdp-faq-list2 .hk-icon-with-text-flex .hk-element-text {
    width: 95px;
    max-width: 100%;
}
.hk-pdp-faq-list2 .hk-icon-with-text-flex {
    font-size: 14px;
    padding: 4px 9px;
    bottom: 7%;
    left: 7%;
}
.hk-pdp-faq-heading {
    margin-bottom: 25px;
}
.hk-question {
    width: 100%;
    font-size: 15px;
    padding: 18px 14px;
}
.hk-answer {
    font-size: 14px;
    line-height: 18px;
    padding: 0px 14px 18px;
}
.hk-pdp-faq-item {
    margin-top: 12px;
}
.hk-pdp-faq-item .hk-question span {
    display: flex;
    width: 250px;
    max-width: 100%;
}
}
/* faq css end */



/* review2 css start */
.hk-pdp-review2-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-decoration-line: underline;
    max-width: 100%;
}
.hk-pdp-review2-list1 .hk-element-icon-with-text-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 34px 0px 40px;
    gap: 28px;
}
.hk-pdp-review2-list1-item {
    width: calc(25% - (28px)*3/4);
    border-radius: 8px;
    background: #FFF;
    text-align: left;
    padding: 19px 19px 23px;
}
.hk-pdp-review2-list1-item .hk-icon-with-text-flex {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.hk-pdp-review2-list1-item .hk-media.hk-svg {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    gap: 7px;
}
.hk-pdp-review2-list1-item .hk-element-texts {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    gap: 12px;
}
.hk-pdp-review2-list1-item .hk-element-texts .hk-element-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    min-height: 49px;
}
.hk-pdp-review2-list1-item .hk-element-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.hk-pdp-review2-list1-item .hk-icon-with-text-flex,
.hk-pdp-review2-list1-item .hk-element-texts {
    height: 100%;
}
.hk-pdp-review2-list1-item .hk-element-text p:last-child {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hk-pdp-review2-list1-item .hk-element-text p:last-child em {
    color: #6F8E2E;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 6.1px;
}
.hk-pdp-review2-list1-item .hk-element-text p:last-child em:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    aspect-ratio: 1 / 1;
    background-image: url(/cdn/shop/files/pdpV2-works-check.webp);
    min-width: 16px;
}
.hk-pdp-review2-list1-item .hk-element-text p:last-child em {
    line-height: normal;
}



@media (min-width: 915px) {

}



@media (max-width: 914px) {
.hk-pdp-review2-subheading {
    width: 300px;
    max-width: 100%;
}
.hk-pdp-review2-list1 .hk-element-icon-with-text-grid {
    margin: 25px 0px;
    gap: 16px;
}    
.hk-pdp-review2-list1-item {
    width: 100%;
    padding: 16px 16px 20px;
}
.hk-pdp-review2-list1-item .hk-media.hk-svg {
    font-size: 13px;
}
.hk-pdp-review2-list1-item .hk-media.hk-svg svg {
    width: 69px;
    height: unset;
}
.hk-pdp-review2-list1-item .hk-icon-with-text-flex {
    gap: 10px;
}
.hk-pdp-review2-list1-item .hk-element-texts .hk-element-title {
    font-size: 16px;
    line-height: 20px;
    min-height: unset;
}
.hk-pdp-review2-list1-item .hk-element-texts {
    font-size: 14px;
    line-height: 18px;
    gap: 10px;
}
.hk-pdp-review2-list1-item .hk-element-text p:last-child {
    font-size: 14px;
    padding-top: 14px;
}
.hk-pdp-review2-list1-item .hk-element-text p:last-child em {
    font-size: 13px;
    gap: 5px;
}
.hk-pdp-review2-list1-item .hk-element-text p:last-child em:before {
    width: 12px;
    height: 12px;
    min-width: 12px;
}
.hk-pdp-review2-links a {
    font-size: 16px;
    line-height: 20px;
}
}
/* review2 css end */



/* footer css start */
.footer__column.footer__column--info {
    display: none;
}
.footer_contact_info .icons_with_text_item_svg {
    display: flex;
}
.footer_menu_lp ul {
    opacity: .9;
}
.footer_email .icon_with_text_item>span strong {
    opacity: 0.8;
    max-width: 100%;
}
.footer_lp .richtext_blocks_new {
    align-items: flex-start;
}
.field_lp input {
    border: 1px solid rgba(255, 255, 255, 0.20);
}
button#Subscribe {
    background: #EA9755;
    color: #3D281F;
}
.footer_email .icon_with_text_item>span,
.footer_menu_lp p,
.footer_contact_info .icons_with_text_flex:nth-child(1) .icons_with_text_item_text {
    font-family: "Sentient Variable";
    font-weight: 500;
}



@media (min-width: 915px) {
.footer_email .icon_with_text_item>span strong {
    width: 434px;
}
button#Subscribe {
    font-size: 18px;
}
.footer_lp:after {
    bottom: 182px;
}
}



@media (max-width: 914px) {
.footer_lp:before {
    top: 102px;
}  
.footer_email .icon_with_text_item>span, 
.footer_menu_lp p, 
.footer_contact_info .icons_with_text_flex:nth-child(1) .icons_with_text_item_text {
    text-transform: capitalize;
    font-size: 24px;
    line-height: 26px;
}  
}
/* footer css end */










/* 26/06/2026 */
select#country_selector {
    cursor: pointer;
}
.hk-pdp-works-list2-item:not(.hk-active) {
    display: none;
}
.hk-pdp-steps-list1-item {
    transition: all .3s ease;
}
.hk-pdp-steps-list1-item.hk-active {
    opacity: 1;
}

.hk-pdp-review2-list1-item:nth-child(4)~.hk-pdp-review2-list1-item {
    margin-top: 28px;
}
.hk-pdp-review2-list1-item:nth-child(4)~.hk-pdp-review2-list1-item {
    display: none;
}
.hk-pdp-review2-links:has(a[href="#hide"]) {
    display: none;
}
.hk-pdp-review2-list1 .hk-element-icon-with-text-grid {
    row-gap: 0;
}
body span.cart_count_js {
    background: #4c2d20;
    color: #fff;
}
.hk-pdp-pdt-rating .hk-icon-with-text-flex {
    justify-content: left;
}
.hk-pdp-pdt-heading {
    width: 500px;
    max-width: 100%;
}
.hk-pdp-pdt-text1 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: .8;
    padding-top: 20px;
}
.hk-pdp-pdt-list1 {
    padding-top: 30px;
}
.hk-pdp-pdt-list1 .hk-element-icon-with-text-grid {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    width: 500px;
    max-width: 100%;
    row-gap: 18px;
}
.hk-pdp-pdt-list1-item .hk-icon-with-text-flex {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.hk-slider-product-media-thumb .slick-list {
    padding-bottom: 36px;
}

.hk-rative.hk-media-main-wrapper {
    position: relative;
}
.hk-rative.hk-media-main-wrapper {
    position: relative;
}
.hk-media-main-wrapper .hk-slider-button {
    z-index: 1;
}
.hk-media-main-wrapper .hk-slider-button foreignObject {
    display: none;
}
.hk-media-main-wrapper .hk-slider-next {
    right: 20px;
    left: unset !important;
}
.hk-media-main-wrapper .hk-slider-button {
    left: 20px;
}
.hk-element-variants {
    padding-top: 34px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.hk-element-variant {
    border-radius: 6px;
    border: 1px solid rgba(81, 52, 40, 0.30);
    background: rgba(255, 255, 255, 0.40);
    padding: 6px 24px 6px 6px;
    text-align: left;
    transition: all .3s ease;
    position: relative;
    cursor: pointer;
}
.hk-element-variant.hk-active {
    background: #FFF;
    border-color: #B85D15;
}


.hk-variant-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hk-variant-left {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}
.hk-variant-image img {
    width: 80px;
    height: 80px;
    min-width: 80px;
    display: block;
}
.hk-variant-texts {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.hk-variant-title strong {
    color: #B85D15;
    font-weight: 600;
}
.hk-variant-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
}
.hk-variant-text {
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 18px;
}

.hk-variant-price .hk-sub-trigger.hk-active {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
}
.hk-variant-price .hk-sub-trigger.hk-active s {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    opacity: .5;
}
.hk-variant-badge {
    border-radius: 30px;
    background: #402013;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    text-transform: capitalize;
    color: #fff;
    padding: 4px 27px;
    top: -12px;
    right: 24px;
    position: absolute;
}
.hk-element-sub-option[sub_tab="2"] {
    display: none !important;
}
.hk-element-sub-options {
    padding: 24px 0 34px;
}
.hk-element-sub-option {
    width: 100%;
    padding: 16px 20px;
    border-radius: 5px;
    border: 1px dashed rgba(81, 52, 40, 0.30);
    background: rgba(255, 255, 255, 0.40);
    text-align: left;
    transition: all .3s ease;
    cursor: pointer;
}
.hk-element-sub-option.hk-active {
    border-color: #B85D15;
    background: #fff;
}
.hk-sub-option-title-flex {
    display: flex;
    align-items: center;
    gap: 18px;
}
.hk-sub-option-title-texts {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.hk-sub-option-title {
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
}
.hk-sub-option-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    opacity: .8;
}
.hk-sub-option-selector {
    display: flex;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(81, 52, 40, 0.30);
    border-radius: 6px;
}
.hk-element-sub-option.hk-active .hk-sub-option-selector {
    border: unset;
}

.hk-sub-option-selector svg {
    opacity: 0;
}
.hk-element-sub-option.hk-active .hk-sub-option-selector svg {
    opacity: 1;
}
.hk-pdp-pdt-stock .hk-element-stock em {
    font-weight: 500;
    font-style: normal;
    color: #56721B;
}
.hk-pdp-pdt-stock .hk-element-stock strong {
    font-weight: 500;
}
.hk-pdp-pdt-stock .hk-element-stock {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    gap: 6px;
}
.hk-button {
    min-height: 70px;
    border-radius: 10px;
    background: #7F4D39;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 2px solid #7F4D39;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
    transition: all .3s ease;
    cursor: pointer;
}
.hk-button s {
    opacity: .5;
    font-weight: 400;
}
.hk-button:hover {
    color: #7F4D39;
    background: transparent;
}
.hk-pdp-pdt-list2 {
    padding: 18px 0;
}
.hk-pdp-pdt-list2 .hk-element-icon-with-text-grid {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.hk-pdp-pdt-list2 .hk-icon-with-text-flex {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.hk-pdp-pdt-list2-item:nth-child(2) .hk-icon-with-text-flex {
    gap: 0;
}
.hk-pdp-pdt-list2-logo img {
    width: 362px;
    margin: 0 auto;
    padding-bottom: 34px;
}
.hk-pdt-banner {
    position: relative;
    color: #fff;
    text-align: center;
}
.hk-pdt-banner {
    position: relative;
    color: #fff;
    text-align: center;
    padding: 40px 30px;
    border-radius: 10px;
    overflow:hidden;
}

.hk-pdt-banner-item1 {
    width: 100%;
    max-width: 100%;
    padding-bottom: 16px;
}
.hk-pdt-banner-item1 .hk-media.hk-svg {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.80);
    gap: 8px;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.hk-pdt-banner-item1 .hk-media.hk-svg strong {
    color: #FFF;
    font-weight: 600;
}
.hk-pdt-banner-item1 .hk-element-title {
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    text-transform: capitalize;
    padding-top: 16px;
    position: relative;
    z-index: 1;
}
.hk-pdt-banner-item1 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hk-pdt-banner .hk-element-icon-with-text-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.hk-pdt-banner-item {
    position: relative;
    max-width: calc(50% - 7px);
    width: 100%;
    padding: 12px 8px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(2px);
}
.hk-pdt-banner-item .hk-media.hk-svg {
    justify-content: center;
    padding-bottom: 8px;
}
.hk-pdt-banner-item .hk-element-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}
.hk-pdt-banner-item .hk-element-text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    opacity: .7;
    padding-top: 8px;
}

.hk-pdp-pdt-btn {
    padding-top: 18px;
}
.hk-pdt-faq {
    margin-top: 30px;
    width: calc(100% - 112px);
    margin-left: auto;
}
.hk-pdt-faq+.hk-pdt-faq {
    margin-top: 14px;
}

.hk-element-variants {
    scroll-margin-top: 70px;
}
.hk-sticky-atc {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    transition: all .5s ease;
    transform: translateY(100%);
}
.hk-sticky-atc.hk-active {
    transform: unset;
}
.hk-sticky-atc-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hk-sticky-atc-column1 {
    position: relative;
    padding-left: 114px;
    min-height: 90px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.hk-sticky-atc-column1 img {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 90px;
}
.hk-sticky-title .hk-element-heading {
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-bottom: 14px;
}
.hk-stikcy-stock .hk-element-stock {
    font-size: 16px;
    line-height: 18px;
}
.hk-sticky-btn .hk-button {
    text-decoration: unset;
    width: 550px;
}
body {
    padding-bottom: 110px;
}
.hk-sticky-atc {
    border-top: 1px solid #513428;
}

.hk-slider-product-media-thumb .slick-slide.slick-current {
    opacity: 1;
    border-color: #513428;
}
.hk-slider-product-media-thumb .slick-slide {
    border-radius: 5px;
    border: 1px solid transparent;
    opacity: .6;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 10px;
}
.hk-element-variant.hk-most-popular .hk-variant-badge {
    padding-left: 17.5px;
    padding-right: 17.5px;
    background: #B85D15;
}

@media (min-width:915px) {
.hk-pdp-works .hk-image-with-text-column2 {
    min-height: 520px;
}
.hk-pdp-steps .hk-image-with-text-flex {
    align-items: flex-start;
}
.hk-pdp-steps .hk-image-with-text-column1 {
    position: sticky;
    top: 80px;
}
.hk-product-column1 {
    position: sticky;
    top: 80px;
}
}
@media (max-width:915px) {

.hk-pdp-review2-list1-item:nth-child(4)~.hk-pdp-review2-list1-item, 
.hk-pdp-review2-list1-item+.hk-pdp-review2-list1-item {
    margin-top: 16px;
}
.hk-pdp-review1-slider .slick-slide {
    transition: all .3s ease;
}



.hk-product-column1, .hk-product-column2 {
    width: 100%;
}
.hk-pdp-pdt-slider {
    flex-direction: row;
    gap: 6px;
}
.hk-rative.hk-media-main-wrapper {
    width: calc(100% - 58px);
}
.hk-slick-slider.hk-slider-product-media-thumb {
    width: 52px;
}
.hk-media-main-wrapper .hk-slider-button {
    left: unset;
    right: 46px;
    top: unset;
    bottom: 10px;
}
.hk-slider-product-media-thumb .slick-list {
    padding-bottom: 38px;
}
.hk-rative.hk-media-main-wrapper img {
    border-radius: 6px;
}
.hk-media-main-wrapper .hk-slider-button svg {
    width: 30px;
    height: 30px;
}
.hk-slider-product-media-thumb .slick-slide {
    border-radius: 3px;
    margin-bottom: 6px;
}
.hk-media-main-wrapper .hk-slider-next {
    right: 10px;
}
.hk-product-flex {
    gap: 20px;
}
.hk-pdp-pdt-text1 {
    font-size: 16px;
    line-height: 20px;
    padding-top: 16px;
}
.hk-pdp-pdt-list1 {
    padding-top: 20px;
}
.hk-pdp-pdt-list1 .hk-element-icon-with-text-grid {
    column-gap: 16px;
    row-gap: 14px;
    width: 360px;
    max-width: 100%;
}
.hk-pdp-pdt-list1-item .hk-icon-with-text-flex svg {
    width: 14px;
    height: 14px;
    min-width: 14px;
}
.hk-pdp-pdt-list1-item .hk-icon-with-text-flex {
    font-size: 14px;
    line-height: 16px;
    gap: 6px;
}
.hk-element-variants {
    padding-top: 30px;
    gap: 20px;
}

.hk-variant-image img {
    width: 65px;
    height: 65px;
    min-width: 65px;
}
.hk-variant-left {
    gap: 12px;
}
.hk-variant-title {
    font-size: 16px;
    line-height: 20px;
}
.hk-variant-text {
    font-size: 13px;
    line-height: 16px;
}
.hk-variant-texts {
    gap: 6px;
}
.hk-variant-price .hk-sub-trigger.hk-active {
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    font-size: 15px;
    line-height: 18px;
}
.hk-variant-price .hk-sub-trigger.hk-active s {
    font-size: 14px;
    line-height: 18px;
}
.hk-element-variant {
    border-radius: 5px;
    padding: 5px 20px 5px 5px;
}
.hk-variant-badge {
    font-size: 12px;
    line-height: 14px;
    padding: 3px 21.5px;
    top: -10px;
    right: 20px;
}
.hk-element-sub-options {
    padding: 20px 0 30px;
}
.hk-element-sub-option {
    padding: 12px 14px;
    border-radius: 5px;
}
.hk-sub-option-title {
    font-size: 15px;
    line-height: 18px;
}
.hk-sub-option-text {
    font-size: 12px;
    line-height: 14px;
}
.hk-sub-option-title-texts {
    gap: 6px;
}
.hk-sub-option-selector {
    width: 27px;
    height: 27px;
}
.hk-sub-option-selector {
    width: 27px;
    height: 27px;
    border-radius: 4px;
}
.hk-sub-option-title-flex {
    gap: 14px;
}
.hk-pdp-pdt-stock .hk-element-stock {
    font-size: 14px;
    line-height: 18px;
}
.hk-pdp-pdt-btn {
    padding-top: 16px;
}
.hk-button {
    min-height: 60px;
    font-size: 18px;
    line-height: 22px;
    border-radius: 8px;
}
.hk-pdp-pdt-list2 {
    padding: 16px 0;
}
.hk-pdp-pdt-list2 .hk-icon-with-text-flex {
    gap: 6px;
    font-size: 13px;
    line-height: 14px;
}
.hk-pdp-pdt-list2 svg {
    height: 11px;
    width: auto;
}
.hk-pdp-pdt-list2-item:nth-child(2) svg {
    height: 4px;
}
.hk-pdp-pdt-list2-logo img {
    width: 100%;
    padding-bottom: 30px;
}
.hk-sticky-atc-column1 {
    min-height: unset;
    padding-left: 0;
    padding-bottom: 8px;
}
.hk-sticky-atc-flex {
    flex-direction: column;
}
.hk-sticky-btn .hk-button {
    width: 100%;
}
.hk-sticky-btn {
    width: 100%;
}

.hk-sticky-atc-column {
    width: 100%;
}
.hk-faq-main {
    border-radius: 5px;
}
.hk-pdt-faq {
    margin-top: 0;
    width: 100%;
}
.hk-pdt-faq+.hk-pdt-faq {
    margin-top: 12px;
}
.hk-pdt-banner {
    margin-top: 30px;
    border-radius: 8px;
    padding: 30px 16px;
}
.hk-pdt-banner-item1 .hk-element-title {
    font-size: 25px;
    line-height: 28px;
    padding-top: 12px;
}
.hk-pdt-banner-item1 .hk-media.hk-svg {
    gap: 4px;
    font-size: 14px;
    line-height: 18px;
}
.hk-pdt-banner-item1 .hk-media.hk-svg svg {
    width: 15px;
    height: 15px;
    margin-right: 4px;
}
.hk-pdt-banner .hk-element-icon-with-text-grid {
    gap: 12px;
}
.hk-pdt-banner-item .hk-element-text {
    font-size: 12px;
    line-height: 14px;
}
.hk-pdt-banner-item .hk-element-title {
    font-size: 16px;
    line-height: 18px;
}

.hk-pdt-banner-item .hk-media.hk-svg svg {
    width: 28px;
    height: 28px;
}
.hk-element-variant.hk-most-popular .hk-variant-badge {
    padding-left: 14px;
    padding-right: 14px;
}
.hk-pdp-ingredients-faq1 {
    padding-bottom: 0;
}

}