/** Shopify CDN: Minification failed

Line 152:10 Expected ":"
Line 152:17 Expected ":"

**/
/* start common css */
body.hk_body {
    letter-spacing: 0;
}
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%;
    height: 100%;
    background: url( https://cdn.shopify.com/s/files/1/0789/0570/4766/files/loading.gif?v=1736941696 );
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.hk-loading {
    color: transparent !important;
    position: relative;
}



.hk-loading-cart:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url( https://cdn.shopify.com/s/files/1/0789/0570/4766/files/loading.gif?v=1736941696 );
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: #0000003b;
}
.hk-loading-cart {
    position: relative;
}
svg, img, video {
    display: inline-block;
}
* {
    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;
}



@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 */



/* same css start */
body .essential_countdown_annoucement_bar_wrapper {
    display: none !important;
}
.hk-media, 
.hk-svg {
    display: flex;
}
.hk-global-heading h2, 
.hk-global-heading h1 {
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: -0.42px;
    text-transform: uppercase;
    max-width: 100%;
}
.hk-global-rating .hk-icon-with-text-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.80);
    font-family: "Roboto Condensed";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-top: 20px;
    gap: 14px;
}
.hk-global-rating .hk-icon-with-text-flex strong {
    font-weight: 500;
    color: #fff;
}
ul.slick-dots {
    display: flex;
    justify-content: center;
    gap: 16px;
    list-style-type: none;
}
ul.slick-dots li {
    width: 30px;
    height: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.slick-dots li button {
    background: #656565;
    font-size: 0px;
    width: 100%;
    height: 100%;
    border: unset;
    cursor: pointer;
}
ul.slick-dots li.slick-active {
    width: 50px;
}
ul.slick-dots li.slick-active button {
    background: #FFF;
}
.hk-global-sub-heading {
    color: rgba(255, 255, 255, 0.80);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 16px 0px 34px;
}
.hk-image-with-text-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hk-image-with-text-column {
    width: 50%;
}
.hk-button {
    border: 1px solid #ffffff21;
    background: linear-gradient(90deg, #3A5601 0%, #557D01 50%, #3A5601 100%);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    min-height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.hk-button:hover {
    background: linear-gradient(90deg, #557D01 50%, #3A5601 0%, #557D01 50%);
}
.hk-slider-navigation {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    align-items: center;
    gap: 89px;
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-global-heading h2, .hk-global-heading h1 {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.32px;
    width: 328px;
    margin: 0px;
}
.hk-global-rating .hk-icon-with-text-flex {
    font-size: 14px;
    margin-top: 14px;
    gap: 10px;
    justify-content: flex-start;
}
.hk-global-rating .hk-icon-with-text-flex svg {
    width: 106.1px;
}
ul.slick-dots {
    gap: 10px;
}
ul.slick-dots li {
    width: 20px;
}
ul.slick-dots li.slick-active {
    width: 40px;
}
.hk-global-sub-heading {
    font-size: 15px;
    line-height: 20px;
    padding: 12px 0px 25px;
}
.hk-button {
    min-height: 50px;
    font-size: 18px;
}
.hk-slider-navigation {
    margin-top: 29px;
    gap: 30px;
}
.hk-slider-button svg {
    width: 34px;
    height: 34px;
    aspect-ratio: 1/1;
}
}
/* same css end */



/* header css start */
.hk-header-top-text1 p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.hk-header-top-text1 p a {
    text-decoration-line: underline;
    text-transform: uppercase;
}
.el-header-logo img {
    width: 143px;
}
.hk-element-cart-button {
    display: flex;
    align-items: center;
    gap: 25px;
}
.hk-menu-list {
    display: flex;
    flex-wrap: wrap;
    gap: 34px;
    justify-content: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
}
.hk-menu-list a {
    text-decoration: none;
}
.hk-parent-link {
    display: flex;
    align-items: center;
    gap: 8px;
}
.hk-parent-link svg {
    transform: rotate(180deg);
    transition: all 0.5s ease;
}

@media (min-width:915px) {
.hk-parent-wrapper {
    position: relative;
}
.hk-submenu-links {
    position: absolute;
    top: 100%;
    left: 0px;
    border-right: 1px solid rgba(255, 255, 255, 0.20);
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    border-left: 1px solid rgba(255, 255, 255, 0.20);
    background: #232324;
    padding: 16px;
}
.hk-parent-wrapper:hover {
    border-top: 1px solid rgba(255, 255, 255, 0.20);
    border-right: 1px solid rgba(255, 255, 255, 0.20);
    border-left: 1px solid rgba(255, 255, 255, 0.20);
    background: #232324;
}
.hk-submenu-links a {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
    margin-bottom: 16px;
    display: block;
}
.hk-submenu-links a:last-child {
    margin-bottom: 0px;
}
.hk-submenu-links a {
    padding: 16px 0 !important;
}
.hk-submenu-links a:first-child {
    padding-top: 0 !important;
}
.hk-parent-wrapper:hover a.hk-parent-link {
    position: relative;
    background: #232324;
    z-index: 1;
}
.hk-submenu-links {
    width: 100%;
    border: unset;
    outline: 1px solid rgba(255, 255, 255, 0.20);
}
.hk-parent-wrapper:hover svg {
    transform: rotate(0deg);
}
}


@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-header-top-text1 p {
    font-size: 14px;
}
.el-header-logo img {
    width: 123px;
}
.hk-element-cart-button {
    gap: 14px;
}
.hk-header-content svg {
    height: 23px;
    width: auto;
}
}
/* header css end */





/* header section css start */
.shopify-section.header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
.hk-header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hk-header-logo {
    width: 192px;
    max-width: 100%;
}
.hk-header-logo img {
    width: 100%;
    height: auto;
}
.hk-mobile-menu-button, 
.hk-cart-button {
    background: transparent;
    padding: 0;
    border: unset;
    box-shadow: unset;
    cursor: pointer;
}
.hk-element-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 500px;
    max-width: 100%;
    height: 100%;
    z-index: 11;
    transition: all .5s ease;
}
.hk-drawer-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    cursor: pointer;
    z-index: 10;
}
.hk-drawer-menu {
    padding-right: 20px;
}
.hk-drawer-menu-inner {
    position: relative;
    background: #0C0C0C;
    width: 100%;
    max-width: 100%;
    color: #fff;
    height: 100%;
    padding: 30px 30px;
}
button.hk-mobile-menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: unset;
    box-shadow: unset;
    cursor: pointer;
}
.hk-drawer-menu-content {
    height: 100%;
    display: flex;
    width: 100%;
    flex-direction: column;
}
.hk-drawer-menu-content .hk-element-menu-main {
    flex: 1;
}
.hk-drawer-menu-content a {
    width: 100%;
    display: block;
    text-decoration: unset;
    font-size: 18px;
    padding: 12px 0;
}
.hk-drawer-menu {
    left: -100%;
}
.hk-drawer-menu.active {
    left: 0;
}
.hk-header, 
.hk-annoucement-bar {
    position: relative;
    z-index: 1;
}
.hk-header {
    transition: all .3s ease;
}   
.hk-submenu-links {
    display: none;
}

/* desktop css */
@media (min-width:915px) {
.hk-parent-wrapper:hover .hk-submenu-links {
    display: block;
}

}



/* mobile css */
@media (max-width:915px) {
.hk-drawer-menu-content a {
    font-size: 15px;
    padding: 8px 0;
}
.hk-drawer-menu-inner {
    padding: 30px 20px;
}
.hk-element-annoucement-main {
    gap: 12px;
    font-size: 14px;
    letter-spacing: -0.28px;
    justify-content: center;
}
span.hk-countdown-js {
    gap: 6px;
    font-size: 12px;
    letter-spacing: -0.24px;
}
span.hk-countdown-js>span {
    padding: 5px 5px 3px;
}
.hk-header-logo {
    width: 147px;
    max-width: 100%;
}
.hk-header-content svg {
    height: 16px;
    width: auto;
}
.hk-header-top-text1 p {
    font-size: 14px;
}
.el-header-logo img {
    width: 123px;
}
.hk-element-cart-button {
    gap: 14px;
}
.hk-header-content svg {
    height: 23px;
    width: 23px;
    object-fit: contain;
}
button.hk-mobile-menu-button {
    width: 60px;
}
.hk-menu-list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize;
}
.hk-drawer-menu-content a {
    font-size: 15px;
    padding: 0px;
}
.hk-parent-wrapper {
    position: relative;
    width: 100%;
}
.hk-submenu-links {
    position: unset;
}
.hk-drawer-menu-content a {
    display: flex;
}
}
/* header section css end */

input.hk-pdp-input {
    background: transparent;
}



/* product css start */
.hk-product-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.hk-product-column {
    width: 50%;
}
.hk-product-column1 {
    width: 49%;
}
.hk-product-column2 {
    width: 46.3%;
}
.hk-rative {
    position: relative;
}
.hk-rative.hk-media-main-wrapper .hk-product-media-main-item {
    padding: 0px 10px;
}
.hk-rative.hk-media-main-wrapper {
    margin: 0px -10px;
}
.hk-rative.hk-media-main-wrapper .hk-product-media-main-item img {
    cursor: grab;
    border: 1px solid rgba(255, 255, 255, 0.20);
}
.hk-rative.hk-media-main-wrapper .hk-slider-navigation {
    margin-top: 0px;
    justify-content: space-between;
    padding: 30px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    right: 0px;
}
.hk-slick-slider.hk-slider-product-media-thumb img {
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.20);
}
.hk-slick-slider.hk-slider-product-media-thumb .hk-media.hk-product-media-thumb-item {
    padding-right: 16px;
}
.hk-element-product-media {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.hk-product-rating .hk-icon-with-text-flex {
    justify-content: flex-start;
    font-size: 18px;
    margin-top: 0px;
    gap: 9px;
    margin-bottom: 14px;
}
.hk-product-text ul {
    margin: 25px 0px;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    gap: 16px 10px;
    width: 79%;
}
.hk-product-text ul li {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
    gap: 10px;
    width: calc(50% - 5px);
}
.hk-product-text ul li:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    aspect-ratio: 1 / 1;
    background-image: url(https://brickwar2.com/cdn/shop/files/pdp-compare-check.webp);
}
.hk-pdt-faq {
    margin-top: 16px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: #232324;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.40);
}
.hk-pdt-faq .hk-answer strong {
    color: #6A9E00;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
    margin-bottom: 16px;
    display: block;
    margin-top: 30px;
}
ul li::marker {
    color: #6A9E00;
}
.hk-pdt-faq .hk-answer ul {
    margin-bottom: 30px;
    display: flex;
    list-style-type: square;
    flex-direction: column;
    gap: 14px;
    padding-left: 20px;
}
.hk-pdt-faq .hk-answer p:first-child strong {
    margin-top: 0px;
}
.hk-free-gifts-wrapper .hk-icon-with-text-flex {
    display: flex;
    align-items: center;
    position: relative;
    margin: 25px 0px;
    background: #0C0C0C;
    flex-direction: row-reverse;
}
.hk-product-text {
    border-bottom: 1px solid #FFFFFF1A;
}
.hk-free-gifts-wrapper .hk-element-image {
    width: 46%;
}
.hk-free-gifts-wrapper .hk-element-image img {
    position: absolute;
    width: 46%;
    top: 0px;
    bottom: 0px;
    right: 0px;
    height: 100%;
    object-fit: cover;
}
.hk-free-gifts-wrapper .hk-element-texts {
    width: 54%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.hk-free-gifts-wrapper .hk-element-title {
    font-family: Oswald;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.26px;
    text-transform: uppercase;
}
.hk-free-gifts-wrapper .hk-element-text ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}
.hk-free-gifts-wrapper .hk-element-text ul li {
    color: rgba(255, 255, 255, 0.80);
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 5px;
}
.hk-free-gifts-wrapper .hk-element-text ul li strong {
    color: #FFF;
    font-weight: 500;
}
.hk-free-gifts-wrapper .hk-element-text ul li em {
    font-style: normal;
    display: flex;
    align-items: center;
    gap: 12px;
}
.hk-free-gifts-wrapper .hk-element-text ul li em:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 17.823px;
    height: 17.823px;
    aspect-ratio: 1 / 1;
    background-image: url(/cdn/shop/files/Vector.svg?v=1778762085);
    display: block;
}
.hk-free-gifts-wrapper .hk-element-text p {
    color: rgba(255, 255, 255, 0.80);
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.16px;
    padding-top: 20px;
}
.hk-element-sub-option {
    border: 1px solid rgb(255 255 255 / 30%);
    background: #23232400;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.40);
    width: 100%;
    padding: 30px;
    cursor: pointer;
    max-width: 100%;
}
.hk-element-sub-option.hk-active {
    border-color: rgba(255, 255, 255, 0.80);
    background: #232324;
}
span.hk-sub-option-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #FFFFFF1A;
    padding-bottom: 18px;
    margin-bottom: 18px;
}
span.hk-sub-option-title-flex {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
    gap: 12px;
}
span.hk-sub-option-selector {
    border: 1px solid #FFF;
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1;
}
span.hk-sub-option-selector svg {
    opacity: 0;
}
.hk-element-sub-option.hk-active span.hk-sub-option-selector svg {
    opacity: 1;
}
.hk-sub-option-text ul {
    display: flex;
    border-bottom: 1px solid #FFFFFF1A;
    padding-bottom: 18px;
    margin-bottom: 18px;
    flex-wrap: wrap;
    gap: 16px 34px;
}
.hk-sub-option-text ul li {
    color: rgba(255, 255, 255, 0.80);
    font-family: "Roboto Condensed";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 12px;
    width: calc(50% - 17px);
}
.hk-sub-option-text p {
    color: rgba(255, 255, 255, 0.80);
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.16px;
    text-align: left;
}
.hk-above-pdt-cta .hk-element-icon-with-text-grid {
    display: flex;
    align-items: center;
    margin: 40px 0px 24px;
    gap: 24px;
    justify-content: center;
}
.hk-above-pdt-cta-item .hk-icon-with-text-flex {
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 12px;
}
.hk-element-button-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}
.hk-input-wrapper {
    border: 1px solid rgba(255, 255, 255, 0.20);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.40);
    width: 144px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hk-input-wrapper input {
    width: 33%;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
    border: unset;
    outline: none;
}
.hk-pdp-input-button {
    width: 33.3%;
    height: 65px;
    background: transparent;
    border: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hk-checkout-button {
    width: calc(100% - 164px);
}
.hk-element-price {
    color: #6A9E00;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 25px;
}
.hk-element-price s {
    color: rgba(255, 255, 255, 0.50);
    font-family: "Roboto Condensed";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: line-through;
    text-transform: capitalize;
}
.hk-element-price .hk-save-badge {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    background: #496C00;
    padding: 5.5px 14px;
}
.hk-sub-option-text ul {
    width: 100%;
    padding-right: 21%;
}
.hk-sub-option-price {
    color: #6A9E00;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    gap: 10px;
    align-items: center;
}
.hk-sub-option-price s {
    color: rgba(255, 255, 255, 0.50);
    font-family: "Roboto Condensed";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: line-through;
}
.hk-pdp-input-button {
    cursor: pointer;
}
.hk-element-product-item .hk-product-item-flex {
    display: flex;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: #232324;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.40);
    position: relative;
    align-items: center;
}
.hk-pdt-shipping {
    margin-bottom: 45px;
}
.hk-element-product-item .hk-product-item-flex .hk-element-image {
    width: 145px;
    position: relative;
}
.hk-element-product-item .hk-product-item-flex .hk-element-texts {
    width: calc(100% - 145px);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hk-element-product-item .hk-product-item-flex .hk-element-image .hk-save-badge {
    color: #FFF;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    background: #496C00;
    padding: 3.5px 6.5px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.hk-element-product-item .hk-product-item-flex .hk-element-texts .hk-element-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
    margin-bottom: 16px;
}
.hk-element-product-item .hk-product-item-flex .hk-element-texts .hk-element-text p {
    color: #7EBC00;
    font-family: "Roboto Condensed";
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 10px;
}
.hk-element-product-item .hk-product-item-flex .hk-element-texts .hk-element-text p s {
    color: rgba(255, 255, 255, 0.50);
    font-weight: 400;
}
.hk-element-product-item .hk-product-item-flex .hk-atc-js {
    background: linear-gradient(90deg, #3A5601 0%, #557D01 50%, #3A5601 100%);
    box-shadow: 0 4.941px 4.941px 0 rgba(0, 0, 0, 0.25);
    width: 42px;
    min-height: 42px;
    min-width: 42px;
}
.hk-pdt-review .hk-icon-with-text-flex {
    display: flex;
    background: #0C0C0C;
    margin-top: 45px;
    align-items: center;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-image {
    width: 145px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-texts {
    width: calc(100% - 145px);
    padding: 20px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-texts .hk-element-title {
    color: rgba(255, 255, 255, 0.80);
    font-family: "Roboto Condensed";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 14px 0px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-text p {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 14px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-text p strong {
    font-weight: unset;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-text p em {
    color: #6A9E00;
    text-align: right;
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 7px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-text p 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/pdp-reviews-check.webp");
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-image .hk-media.hk-svg {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.70);
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-image .hk-media.hk-svg svg {
    margin-right: 10px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-image .hk-media.hk-svg strong {
    color: #FFF;
    font-weight: unset;
    padding-left: 5px;
}
.hk-above-pdt-cta-item2 .hk-icon-with-text-flex {
    gap: 0px;
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-product-column1 {
    width: 100%;
}
.hk-product-column2 {
    width: 100%;
    padding-top: 25px;
}
.hk-rative.hk-media-main-wrapper .hk-slider-navigation {
    padding: 20px;
    justify-content: center;
}
.hk-rative.hk-media-main-wrapper .slick-list.draggable {
    width: calc(100% + 32px);
    margin-left: -16px;
}
.hk-slick-slider.hk-slider-product-media-thumb.slick-initialized.slick-slider {
    display: none;
}
.hk-product-rating .hk-icon-with-text-flex {
    justify-content: flex-start;
    font-size: 14px;
    margin-top: 0px;
    gap: 9px;
    margin-bottom: 12px;
}
.hk-product-rating .hk-icon-with-text-flex svg {
    width: 72px;
    height: unset;
}
.hk-product-text ul {
    margin: 20px 0px;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    gap: 16px 18px;
    width: 100%;
}
.hk-product-text ul li {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.80);
    font-size: 13.8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    gap: 6px;
    width: calc(50% - 9px);
}
.hk-product-text ul li:before {
    width: 16px;
    height: 16px;
    aspect-ratio: 1 / 1;
}
.hk-element-price {
    font-size: 20px;
    gap: 12px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.hk-element-price s {
    font-size: 17px;
}
.hk-element-price .hk-save-badge {
    font-size: 12px;
    padding: 5px 8px;
}
.hk-free-gifts-wrapper .hk-icon-with-text-flex {
    margin: 20px 0px;
}
.hk-free-gifts-wrapper .hk-element-image img {
    position: absolute;
    width: 30.5%;
    top: 0px;
    bottom: 0px;
    right: 0px;
    height: 100%;
    object-fit: cover;
}
.hk-free-gifts-wrapper .hk-element-image {
    width: 30.5%;
}
.hk-free-gifts-wrapper .hk-element-texts {
    width: 70.5%;
    padding: 20px 16px;
    gap: 16px;
}
.hk-free-gifts-wrapper .hk-element-title {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.2px;
}
.hk-free-gifts-wrapper .hk-element-text ul li em {
    gap: 6px;
}
.hk-free-gifts-wrapper .hk-element-text ul li {
    font-size: 15px;
}
.hk-free-gifts-wrapper .hk-element-text ul li em:before {
    width: 12px;
    height: 12px;
    aspect-ratio: 1 / 1;
}
.hk-free-gifts-wrapper .hk-element-text p {
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.13px;
    padding-top: 16px;
}
.hk-element-sub-option {
    padding: 16px 14px;
}
.hk-sub-option-price {
    font-size: 15px;
    gap: 6px;
}
.hk-sub-option-price s {
    font-size: 14px;
}
span.hk-sub-option-title-flex {
    font-size: 16px;
    line-height: 18px;
    gap: 10px;
}
span.hk-sub-option-inner {
    padding-bottom: 14px;
    margin-bottom: 14px;
    text-align: left;
}
span.hk-sub-option-selector {
    width: 20px;
    height: 20px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
}
span.hk-sub-option-selector svg {
    width: 12px;
    height: unset;
}
.hk-sub-option-text p {
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.13px;
    text-align: left;
}
.hk-sub-option-text ul {
    width: 100%;
    padding-right: 0%;
    text-align: left;
}
.hk-sub-option-text ul {
    padding-bottom: 14px;
    margin-bottom: 14px;
    gap: 12px;
}
.hk-sub-option-text ul li {
    font-size: 12.5px;
    gap: 4px;
    width: calc(50% - 7px);
}
.hk-sub-option-text ul li svg {
    width: 10px;
}
.hk-above-pdt-cta .hk-element-icon-with-text-grid {
    margin: 30px 0px 20px;
    gap: 16px;
}
.hk-above-pdt-cta-item .hk-icon-with-text-flex {
    font-size: 14px;
    gap: 9px;
}
.hk-above-pdt-cta-item .hk-icon-with-text-flex svg {
    width: 16px;
    height: 16px;
    aspect-ratio: 1/1;
}
.hk-above-pdt-cta-item2 .hk-icon-with-text-flex svg {
    width: 32px;
}
.hk-element-button-flex {
    gap: 12px;
    margin-bottom: 20px;
}
.hk-input-wrapper {
    width: 102px;
    height: 50px;
}
.hk-input-wrapper input {
    width: 33%;
    font-size: 16px;
    line-height: 18px;
}
.hk-pdp-input-button {
    height: 50px;
}
.hk-pdp-input-button svg {
    width: 7px;
    height: unset;
}
.hk-checkout-button {
    width: calc(100% - 114px);
}
.hk-pdt-shipping {
    margin-bottom: 34px;
}
.hk-element-product-item .hk-product-item-flex {
    margin-bottom: 16px;
}
.hk-element-product-item .hk-product-item-flex .hk-element-image {
    width: 102px;
}
.hk-element-product-item .hk-product-item-flex .hk-element-texts {
    width: calc(100% - 102px);
    padding: 14px;
    gap: 14px;
}
.hk-element-product-item .hk-product-item-flex .hk-element-texts .hk-element-texts-right {
    width: 34px;
}
.hk-element-product-item .hk-product-item-flex .hk-element-texts .hk-element-texts-left {
    width: calc(100% - 48px);
}
.hk-element-product-item .hk-product-item-flex .hk-element-texts .hk-element-title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
}
.hk-element-product-item .hk-product-item-flex .hk-element-texts .hk-element-text p {
    font-size: 15px;
    line-height: 18px;
    gap: 5px;
}
.hk-element-product-item .hk-product-item-flex .hk-atc-js {
    width: 34px;
    min-height: 34px;
    min-width: 34px;
}
.hk-pdt-review .hk-icon-with-text-flex {
    margin: 34px 0px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-image {
    width: 102px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-texts {
    width: calc(100% - 102px);
    padding: 14px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-texts .hk-element-title {
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-text p {
    font-size: 14px;
    line-height: 18px;
    gap: 10px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-text p em {
    font-size: 13px;
    gap: 5px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-text p em:before {
    width: 12px;
    height: 12px;
    aspect-ratio: 1/1;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-image .hk-media.hk-svg {
    font-size: 13px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-image .hk-media.hk-svg strong {
    padding-left: 3px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-image .hk-media.hk-svg svg {
    margin-right: 6px;
    width: 57px;
    height: unset;
}
.hk-element-product-item .hk-product-item-flex .hk-atc-js svg {
    width: 12px;
    height: unset;
}
.hk-pdt-faq {
    margin-top: 14px;
}
.hk-pdt-faq .hk-answer strong {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.hk-pdt-faq .hk-answer ul {
    margin-bottom: 20px;
    gap: 10px;
    padding-left: 16px;
}
}
/* product css end */



/* video css start */
.hk-video-slider {
    margin: 34px -16px 0px;
}
.hk-video-slide {
    padding: 0px 16px;
}
.hk-video-wrapper {
    overflow: hidden;
    cursor: grab;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.20);
}
.hk-video-wrapper img, 
.hk-video-wrapper video {
    aspect-ratio: 448/500;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
    max-width: 100%;
    cursor: pointer;
}
.hk-video-wrapper img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}
.hk-play-button {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.hk-play-button span {
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: #232324;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-video-slide {
    padding: 0px 14px 0px 0px;
}
.hk-video-slider {
    margin: 25px 0px 0px;
}
.hk-video-slider .slick-list.draggable {
    padding-right: 150px;
    width: calc(100% + 16px);
}
.hk-video-wrapper img, .hk-video-wrapper video {
    aspect-ratio: 180/260;
}
.hk-play-button span {
    width: 40px;
    height: 40px;
}
.hk-play-button span svg {
    width: 17px;
    height: unset;
}
}
/* video css end */



/* value css start */
.hk-video-list1 .hk-element-icon-with-text-grid {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: #232324;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.40);
}
.hk-video-list1-item .hk-icon-with-text-flex {
    display: flex;
    align-items: center;
    text-align: left;
}
.hk-video-list1-item .hk-element-image {
    width: 100px;
}
.hk-video-list1-item .hk-element-texts {
    width: calc(100% - 100px);
    padding-left: 21px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.hk-video-list1-item .hk-element-texts {
    width: calc(100% - 100px);
    padding-left: 21px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.hk-video-list1-item .hk-element-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
}
.hk-video-list1-item .hk-element-text p {
    display: flex;
    align-items: center;
    color: #7EBC00;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    gap: 10px;
}
.hk-video-list1-item .hk-element-text p em {
    color: rgba(255, 255, 255, 0.50);
    font-weight: 400;
    text-decoration-line: line-through;
    text-transform: capitalize;
    font-style: normal;
}
.hk-video-list1-item .hk-element-text p strong {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    background: #496C00;
    color: #fff;
    padding: 3.5px 14px;
}
.hk-video-list1-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.hk-video-list1-item:last-child {
    border-bottom: unset;
}
.hk-pdp-value-section .hk-image-with-text-column1 {
    width: 49%;
}
.hk-pdp-value-section .hk-image-with-text-column2 {
    width: 46.1%;
}
.hk-value-total .hk-element-texts {
    color: rgba(255, 255, 255, 0.80);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0px;
}
.hk-value-total .hk-element-texts p {
    color: #6A9E00;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    gap: 16px;
    align-items: center;
}
.hk-value-total .hk-element-texts p em {
    color: rgba(255, 255, 255, 0.50);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: line-through;
    text-transform: capitalize;
}
.hk-shipping ul {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin-top: 25px;
}
.hk-shipping ul li {
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 10px;
}
.hk-shipping ul li:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    aspect-ratio: 1/1;
    background-image: url("/cdn/shop/files/pdp-compare-check.webp");
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-value-sub-heading {
    width: 328px;
    max-width: 100%;
}
.hk-pdp-value-section .hk-image-with-text-column1 {
    width: 100%;
}
.hk-pdp-value-section .hk-image-with-text-column2 {
    width: 100%;
    padding-top: 16px;
}
.hk-video-list1-item .hk-element-image {
    width: 70px;
}
.hk-video-list1-item .hk-element-texts {
    width: calc(100% - 70px);
    padding-left: 14px;
    gap: 8px;
}
.hk-video-list1-item .hk-element-title {
    font-size: 16px;
    line-height: 18px;
}
.hk-video-list1-item .hk-element-text p {
    font-size: 15px;
    gap: 7px;
}
.hk-video-list1-item .hk-element-text p strong {
    font-size: 11px;
    padding: 3px 13.5px;
}
.hk-value-total .hk-element-texts {
    font-size: 18px;
    margin: 25px 0px;
}
.hk-value-total .hk-element-texts p {
    font-size: 20px;
    gap: 12px;
}
.hk-value-total .hk-element-texts p em {
    font-size: 17px;
}
.hk-shipping ul {
    margin-top: 21px;
}
.hk-shipping ul li {
    font-size: 14px;
    gap: 6px;
    flex-direction: column;
}
.hk-shipping ul li:before {
    width: 16px;
    height: 16px;
    aspect-ratio: 1/1;
}
}
/* value css end */



/* table css start */
.hk-pdp-table-section .hk-richtext-content {
    position: relative;
}
.hk-table-img img {
    position: absolute;
    top: -30px;
    width: 225px;
    height: unset;
    right: 0px;
}
.hk-table-box {
    display: flex;
    justify-content: space-between;
    gap: 32px;
}
.hk-table-item {
    width: calc(33.3% - (32px)*2/3);
    background: #232324;
    text-align: left;
    padding: 30px 30px 16px 30px;
}
.hk-table-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.80);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.hk-table-top img {
    width: 108px;
    height: unset;
}
.hk-table-top img:nth-child(1) {
    width: 123px;
}
.hk-table-item2 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/cdn/shop/files/pdp-compare-bg.webp");
}
.hk-table-bottom ul {
    display: flex;
    list-style-type: none;
    flex-direction: column;
    margin-top: 34px;
    gap: 23px;
}
.hk-table-bottom ul li img {
    width: 20px;
    height: unset;
}
.hk-table-bottom ul li {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    gap: 10px;
}
.hk-table-item2 .hk-table-bottom ul {
    margin-top: 25px;
}
.hk-table-bottom {
    display: flex;
    flex-direction: column;
}
.hk-table-img {
    width: 199px;
    margin: 49px auto 0px;
}
.hk-table-item2 .hk-table-img {
    width: 327px;
    margin-top: 16px;
}
.hk-table-item3 .hk-table-img {
    width: 135px;
}
.hk-table-img.hk-table-imgafter {
    margin: 0px;
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-table-img img {
    top: -21px;
    width: 85px;
    right: -16px;
}
.hk-table-sub-heading {
    width: 250px;
    max-width: 100%;
}
.hk-table-box {
    gap: 21px;
    flex-wrap: wrap;
}
.hk-table-item {
    width: 100%;
    padding: 30px 24px 14px 14px;
}
.hk-table-top {
    font-size: 20px;
}
.hk-table-top img {
    width: 83px;
}
.hk-table-bottom ul {
    margin-top: 30px;
    gap: 20px;
}
.hk-table-top img:nth-child(1) {
    width: 100px;
}
.hk-table-item2 .hk-table-bottom ul {
    margin-top: 20px;
}
.hk-table-bottom ul li {
    font-size: 14px;
    gap: 7px;
}
.hk-table-bottom ul li img {
    width: 16px;
}
.hk-table-item2 .hk-table-img {
    width: calc(100% + 16px);
    max-width: calc(100% + 8px);
}
.hk-table-item1 .hk-table-img, 
.hk-table-item3 .hk-table-img {
    margin-bottom: 30px;
}
}
/* table css end */



/* trust css start */
.hk-pdp-trust-section .hk-image-with-text-content {
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: #232324;
}
.hk-pdp-trust-section .hk-image-with-text-flex {
    align-items: center;
    position: relative;
}
.hk-pdp-trust-section .hk-image-with-text-column1 {
    width: 49%;
    position: relative;
}
.hk-pdp-trust-section .hk-image-with-text-column2 {
    width: 51%;
    padding-left: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.hk-trust-list1 .hk-icon-with-text-flex {
    display: flex;
    align-items: center;
    gap: 30px;
}
.hk-trust-list1 .hk-icon-with-text-flex .hk-element-image {
    width: 156px;
}
.hk-trust-list1 .hk-element-texts {
    width: calc(100% - 186px);
}
.hk-trust-list1 .hk-element-texts {
    width: calc(100% - 186px);
    display: flex;
    flex-direction: column;
    padding-right: 79px;
    gap: 25px;
    color: rgba(255, 255, 255, 0.80);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.hk-trust-list1 .hk-element-title {
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: -0.42px;
    text-transform: uppercase;
    color: #fff;
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-pdp-trust-section .hk-image-with-text-column2 {
    width: 100%;
    padding: 40px 20px;
    position: relative;
}
.hk-pdp-trust-section .hk-image-with-text-column1 {
    width: 100%;
}
.hk-trust-list1 .hk-icon-with-text-flex {
    gap: 0px;
}
.hk-trust-list1 .hk-icon-with-text-flex .hk-element-image {
    width: 0px;
}
.hk-trust-list1 .hk-icon-with-text-flex .hk-element-image img {
    width: 101px;
    position: absolute;
    top: 14px;
    right: 14px;
}
.hk-trust-list1 .hk-element-texts {
    width: 261px;
    display: flex;
    padding-right: 0px;
    gap: 14px;
    font-size: 15px;
    line-height: 20px;
    max-width: 100%;
}
.hk-trust-list1 .hk-element-title {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.32px;
    width: 201px;
    max-width: 100%;
}
}
/* trust css end */



/* fullimg css start */
.hk-pdp-full-img-section .hk-container {
    width: 100%;
    padding: 0px;
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {

}
/* fullimg css end */



/* number css start */
.hk-pdp-number-section .hk-image-with-text-content {
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #0C0C0C;
}
.hk-pdp-number-section .hk-image-with-text-column1 {
    padding: 50px 80px;
}
.hk-pdp-number-section .hk-image-with-text-flex {
    align-items: center;
}
.hk-number-sub-heading {
    padding-right: 50px;
    padding-top: 12px;
}
.hk-number-list1 .hk-element-icon-with-text-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 34px 16px;
    width: 100%;
}
.hk-number-list1-item {
    width: calc(50% - 8px);
}
.hk-number-list1-item .hk-media.hk-svg {
    color: #6A9E00;
    font-family: Oswald;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: -0.42px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.hk-number-list1-item .hk-element-texts {
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-pdp-number-section .hk-image-with-text-column1 {
    padding: 40px 20px;
    width: 100%;
}
.hk-pdp-number-section .hk-image-with-text-column2 {
    width: 100%;
}
.hk-number-sub-heading {
    padding-right: 0px;
    padding-top: 12px;
    width: 289px;
}
.hk-number-list1 .hk-element-icon-with-text-grid {
    gap: 25px 16px;
}
.hk-number-list1-item .hk-media.hk-svg {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.32px;
    margin-bottom: 7px;
}
.hk-number-list1-item .hk-element-texts {
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
}
}
/* number css end */



/* bar1 css start */
.hk-scroll-text {
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.hk-scroll-text .hk-scroll-item-flex {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding: 0px 23px;
    gap: 10px;
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-scroll-text .hk-scroll-item-flex {
    font-size: 14px;
    padding: 0px 12px;
    gap: 7px;
}
.hk-scroll-text .hk-scroll-item-flex svg {
    width: 16px;
    height: unset;
}
}
/* bar1 css end */



/* reviews css start */
.hk-reviews-rating .hk-icon-with-text-flex {
    gap: 10px;
    padding-bottom: 16px;
}
.hk-reviews-slider {
    margin: 34px -16px 0px;
}
.hk-reviews-slide {
    padding: 0px 16px;
    text-align: left;
}
.hk-reviews-slide .hk-review-card_main {
    background: #232324;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.slick-track {
    display: flex;
}
.slick-slide {
    min-height: inherit;
    height: inherit;
}
.hk-global-reviews .slick-slide>div, 
.hk-global-reviews .hk-reviews-slide, 
.hk-global-reviews .hk-review-card_main {
    height: 100%;
}
.hk-reviews-slide .hk-review-card-rating {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.70);
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    gap: 7px;
    padding: 25px 20px 14px;
}
.hk-reviews-slide .hk-review-card-rating svg {
    width: 79px;
    height: unset;
}
.hk-reviews-slide .hk-review-card-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
    padding: 0px 20px 16px;
}
.hk-reviews-slide .hk-review-card-text {
    padding: 0px 20px 16px;
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.hk-reviews-slide .hk-element-review-name span {
    display: flex;
    align-items: center;
    padding: 0px 20px 25px;
    gap: 12px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
}
.hk-reviews-slide .hk-element-review-name span em {
    color: rgba(255, 255, 255, 0.50);
    font-style: normal;
    font-weight: 400;
}
.hk-reviews-slide .hk-element-review-name span strong {
    color: #6A9E00;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 7px;
}
.hk-reviews-slide .hk-element-review-name span strong: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/pdp-reviews-check.webp");
}
.hk-review-card_main {
    cursor: grab;
}
.hk-reviews-slide .hk-review-card-rating strong {
    font-weight: unset;
    color: #fff;
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-reviews-rating .hk-icon-with-text-flex {
    gap: 7px;
    padding-bottom: 12px;
}
.hk-reviews-rating .hk-icon-with-text-flex svg {
    height: unset;
    width: 73px;
}
.hk-reviews-slide {
    padding: 0px 14px 0px 0px;
}
.hk-reviews-slider {
    margin: 25px 0px 0px;
}
.hk-reviews-slider .slick-list.draggable {
    padding: 0px 50px 0px 0px !important;
    width: calc(100% + 16px);
}
.hk-reviews-slide .hk-review-card-rating {
    font-size: 13px;
    gap: 7px;
    padding: 20px 12px 10px;
}
.hk-reviews-slide .hk-review-card-rating svg {
    width: 58px;
    height: unset;
}
.hk-reviews-slide .hk-review-card-title {
    font-size: 16px;
    line-height: 18px;
    padding: 0px 12px 12px;
}
.hk-reviews-slide .hk-review-card-text {
    padding: 0px 12px 12px;
    font-size: 14px;
    line-height: 20px;
}
.hk-reviews-slide .hk-element-review-name span {
    padding: 0px 12px 20px;
    gap: 10px;
    font-size: 14px;
    line-height: normal;
}
.hk-reviews-slide .hk-element-review-name span strong {
    font-size: 13px;
    gap: 5px;
}
.hk-reviews-slide .hk-element-review-name span strong:before {
    width: 12px;
    height: 12px;
    aspect-ratio: 1/1;
}
}
/* reviews css end */



/* imgslider css start */
.hk-bar-img img {
    width: 160px;
    margin: 0px 15px;
    height: unset;
}
.slick-slide>div {
    display: flex;
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-bar-img img {
    width: 120px;
    margin: 0px 3px;
    height: unset;
}
}
/* imgslider css end */



/* war css start */
.hk-war-list1 .hk-element-icon-with-text-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}
.hk-war-list1-item {
    width: calc(33.3% - (32px)*2/3);
}
.hk-war-list1-item .hk-icon-with-text-flex {
    background: #232324;
    display: flex;
    align-items: center;
    text-align: left;
}
.hk-war-list1-item .hk-icon-with-text-flex .hk-element-image {
    width: 220px;
}
.hk-war-list1-item .hk-element-texts {
    width: calc(100% - 220px);
    padding: 23px;
}
.hk-war-list1-item .hk-element-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    text-transform: uppercase;
    padding-bottom: 12px;
}
.hk-war-list1-item .hk-element-text {
    color: rgba(255, 255, 255, 0.80);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    width: 179px;
    max-width: 100%;
}
.hk-war-list1-item .hk-media.hk-svg {
    margin-bottom: 23px;
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-war-list1 .hk-element-icon-with-text-grid {
    gap: 20px;
}
.hk-war-list1-item {
    width: 100%;
}
.hk-war-list1-item .hk-icon-with-text-flex .hk-element-image {
    width: 50%;
}
.hk-war-list1-item .hk-element-texts {
    padding: 16px;
}
.hk-war-list1-item .hk-media.hk-svg {
    margin-bottom: 12px;
}
.hk-war-list1-item .hk-media.hk-svg svg {
    height: 23px;
    width: unset;
}
.hk-war-list1-item .hk-element-title {
    font-size: 15px;
    line-height: 18px;
    padding-bottom: 8px;
    width: 132px;
    max-width: 100%;
}
.hk-war-list1-item .hk-element-text {
    font-size: 13px;
    line-height: 18px;
    width: 132px;
    max-width: 100%;
}
.hk-war-list1-item:nth-child(2) .hk-icon-with-text-flex {
    flex-direction: row-reverse;
}
.hk-war-list1-item .hk-element-texts {
    width: 50%;
}
}
/* war css end */



/* faq css start */
.hk-pdp-faq-section .hk-image-with-text-column1 {
    width: 46.3%;
}
.hk-pdp-faq-section .hk-image-with-text-column2 {
    width: 49%;
}
.hk-faq-heading {
    margin-bottom: 34px;
}
.hk-faq-item {
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: #232324;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.40);
    margin-top: 16px;
}
.hk-question {
    background: transparent;
    border: unset;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 16px 21px;
    font-family: "Roboto Condensed";
    align-items: center;
    width: 100%;
}
.hk-answer {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    font-family: "Roboto Condensed";
    padding: 0px 21px 16px;
    color: #FFFFFFCC;
}
.hk-question:after {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    aspect-ratio: 1 / 1;
    background-image: url(/cdn/shop/files/chevron-right.svg);
    transition: all 0.5s ease;
}
.hk-question.active:after {
    transform: rotate(-180deg);
}
.hk-pdp-faq-section .hk-image-with-text-flex {
    position: relative;
}
.hk-value-img1 img {
    position: absolute;
    width: 210px;
    top: -59px;
    right: 0px;
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-pdp-faq-section .hk-image-with-text-column1 {
    width: 100%;
}
.hk-pdp-faq-section .hk-image-with-text-column2 {
    width: 100%;
}
.hk-pdp-faq-section .hk-image-with-text-flex {
    position: relative;
    flex-direction: column-reverse;
    gap: 30px;
}
.hk-value-img1 img {
    width: 99px;
    top: -12px;
    right: 0px;
}
.hk-question {
    font-size: 15px;
    padding: 13px 16px;
    width: 100%;
    text-align: left;
}
.hk-question:after {
    width: 23px;
    height: 23px;
    aspect-ratio: 1 / 1;
}
.hk-answer {
    font-size: 14px;
    line-height: 18px;
    padding: 0px 16px 14px;
}
}
/* faq css end */



/* review2 css start */
.hk-reviews2-slider {
    margin: 50px -8px 0px;
}
.hk-reviews2-slide {
    padding: 0px 8px;
    height: 100%;
}
.hk-reviews2-slide .hk-review-card_main {
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: #232324;
    box-shadow: 0 7px 12px -4px rgba(0, 0, 0, 0.22);
}
.hk-reviews2-slider ul.slick-dots {
    display: none !important;
}
.hk-reviews2-slider .hk-review-card-rating {
    border-radius: 0px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: #232324;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.06), 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    width: fit-content;
    margin: 0px auto;
    padding: 12px 16px;
    margin-top: -26px;
    z-index: 1;
    position: relative;
}
.hk-reviews2-slider .hk-element-title-main {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 21px 9px;
}
.hk-reviews2-slider .hk-element-title-main:after {
    background-position: center;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    aspect-ratio: 1 / 1;
    background-image: url(/cdn/shop/files/pdp-review2-check.webp);
}
.hk-reviews2-slider .hk-element-text-main {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 66%;
    margin: 0px auto 39px;
}
.hk-reviews2-slider .hk-slider-navigation {
    display: flex;
    justify-content: center;
    margin-top: 0px;
    align-items: center;
    gap: 0px;
}
.hk-reviews2-slider {
    position: relative;
}
.hk-reviews2-slider .hk-slider-button {
    position: absolute;
    top: 44.1%;
}
.hk-reviews2-slider .hk-slider-button {
    border: 1px solid #FFF;
    background: #232324;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hk-reviews2-slider .hk-slider-next {
    right: -20px;
}
.hk-reviews2-slider .hk-slider-prev {
    left: -20px;
}
.hk-pdp-reviews2-section .hk-container {
    width: 1200px;
}
.hk-slider-button {
    cursor: pointer;
}
.hk-reviews2-slider .hk-element-title-main {
    margin: 21px 0px 9px;
}


@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-reviews2-slider {
    margin: 25px 0px 0px;
}
.hk-reviews2-slider .slick-list.draggable {
    padding: 0px 70px 0px 0px !important;
    width: calc(100% + 16px);
}
.hk-reviews2-slide {
    padding: 0px 12px 0px 0px;
}
.hk-reviews2-slider .hk-review-card-rating svg {
    width: 118px;
    height: unset;
}
.hk-reviews2-slider .hk-element-text-main {
    width: 187px;
    margin: 0px auto 16px;
    text-align: center;
    max-width: 100%;
}
}
/* review2 css end */



/* sticky css start */
.hk-sticky-atc-flex {
    display: flex;
    align-items: center;
}
.hk-sticky-atc-column {
    width: 50%;
    position: relative;
}
.hk-sticky-atc-column1 {
    padding-left: 110px;
}
.hk-stikcy-image {
    width: 90px;
    height: unset;
    position: absolute;
    top: 0px;
    left: 0px;
}
.hk-sticky-rating .hk-icon-with-text-flex {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.80);
    font-family: "Roboto Condensed";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    gap: 8px;
    margin-bottom: 10px;
    margin-top: 12px;
}
.hk-sticky-rating .hk-icon-with-text-flex strong {
    font-weight: 500;
    color: #fff;
}
.hk-stikcy-title h2 {
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.28px;
}
.hk-stikcy-cta .hk-input-wrapper {
    background: #232324;
}
.hk-stikcy-cta .hk-button {
    width: calc(100% - 164px);
}
.hk-stikcy-under-cta-text {
    color: rgba(255, 255, 255, 0.80);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
    margin-top: 9px;
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-stikcy-image,
.hk-sticky-rating,
.hk-stikcy-title {
    display: none;
}
.hk-sticky-atc-column1 {
    padding-left: 0px;
}
.hk-sticky-atc-column {
    width: 100%;
}
.hk-stikcy-cta .hk-button {
    width: calc(100% - 114px);
}
.hk-sticky-atc-flex {
    flex-direction: column;
}
.hk-stikcy-under-cta-text {
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
}
.hk-stikcy-cta .hk-element-button-flex {
    margin-bottom: 0px;
}
.hk-submenu-links {
    position: unset;
    top: 100%;
    left: 0px;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
    background: unset;
    padding: 0px;
    margin-top: 16px;
}
.hk-parent-wrapper:hover {
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: #232324;
    padding: 16px;
    display: flex;
    flex-direction: column;
}
}
/* sticky css end */



/* footer css start */
.hk-footer-section .hk-richtext-content {
    display: flex;
    flex-wrap: wrap;
}
.hk-footer-logo {
    width: 100%;
    border-bottom: 1px solid #FFFFFF33;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.hk-footer-logo img {
    width: 252px;
    margin: 0px auto;
}
.hk-footer-form-text1 {
    width: 59%;
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-top: 1px solid #FFFFFF33;
    padding-top: 50px;
    margin-top: 50px;
}
.hk-footer-copyright {
    border-top: 1px solid #FFFFFF33;
    padding-top: 50px;
    margin-top: 50px;
    width: 41%;
}
.hk-footer-copyright .hk-icon-with-text-flex {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    color: rgba(255, 255, 255, 0.80);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    gap: 14px;
}
.hk-footer-copyright img {
    width: 410px;
}
.hk-footer-form-text1 p {
    padding-right: 10px;
}
.hk-footer-menu {
    width: 30%;
}
.hk-footer-menu p {
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
}
.hk-footer-menu ul {
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}
.hk-footer-menu ul a {
    color: rgba(255, 255, 255, 0.80);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}
.hk-footer-form-box {
    width: 40%;
}
.hk-footer-form-box .hk-element-richtext {
    width: 97%;
    margin-left: auto;
}
.hk-footer-form-box .hk-element-richtext p {
    color: rgba(255, 255, 255, 0.80);
    font-family: "Roboto Condensed";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.hk-footer-form-box .hk-element-richtext p strong {
    color: #fff;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
}
.hk-footer-form-box .hk-icon-with-text-flex {
    display: flex;
    flex-direction: column-reverse;
    gap: 34px;
    width: 97%;
    margin-left: auto;
}
.hk-footer-form-box .hk-element-title {
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    padding-bottom: 16px;
}
.hk-footer-form-box  .hk-element-text {
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.field_lp {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.hk-footer-form-box .hk-icon-with-text-flex .hk-media.hk-svg {
    display: unset;
}
.field_lp input {
    border: 1px solid #FFF;
    color: #fff;
    font-family: "Roboto Condensed";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    outline: none;
    background: transparent;
    padding-left: 16px;
    height: 64px;
}
.field_lp input::placeholder {
    color: rgba(255, 255, 255, 0.50);
}



@media (min-width: 915px) {
    
}



@media (max-width: 915px) {
.hk-footer-logo img {
    width: 179px;
}
.hk-footer-logo {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.hk-footer-menu {
    width: 50%;
}
.hk-footer-menu p {
    font-size: 22px;
    line-height: 24px;
}
.hk-footer-menu ul {
    gap: 16px;
    margin-top: 16px;
}
.hk-footer-menu ul a {
    font-size: 16px;
    line-height: 21px;
}
.hk-footer-form-box {
    width: 100%;
    border-top: 1px solid #FFFFFF33;
    padding-top: 30px;
    margin-top: 30px;
}
.hk-footer-form-box .hk-element-richtext {
    width: 100%;
}
.hk-footer-form-box .hk-element-richtext p strong {
    font-size: 22px;
    line-height: 24px;
}
.hk-footer-form-box .hk-element-richtext p {
    font-size: 14px;
    line-height: 18px;
    gap: 12px;
    width: 300px;
    max-width: 100%;
}
.hk-footer-form-text1 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    padding-top: 30px;
    margin-top: 30px;
}
.hk-footer-form-text1 p {
    padding-right: 0px;
}
.hk-footer-copyright {
    border-top: unset;
    padding-top: 30px;
    margin-top: 0px;
    width: 100%;
}
.hk-footer-copyright img {
    width: 334px;
}
.hk-footer-copyright .hk-icon-with-text-flex {
    justify-content: unset;
    align-items: flex-start;
    font-size: 12px;
    line-height: 14px;
    gap: 14px;
}
.field_lp {
    gap: 12px;
}
.hk-footer-form-box .hk-icon-with-text-flex {
    gap: 25px;
    width: 100%;
}
.field_lp input {
    font-size: 15px;
    line-height: 20px;
    padding-left: 16px;
    height: 50px;
}
.hk-footer-form-box .hk-element-title {
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 12px;
}
.hk-footer-form-box  .hk-element-text {
    font-size: 14px;
    line-height: 18px;
    width: 300px;
    max-width: 100%;
}
}
/* footer css end */



body.hk_body {
    background-image: url("/cdn/shop/files/pdp-body-bgmob.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



/* final touchups */
.hk-war-list1-item .hk-icon-with-text-flex {
    display: block;
    padding-left: 50%;
    position: relative;
}
.hk-war-list1-item .hk-icon-with-text-flex img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    object-fit: cover;
}
.hk-war-list1-item .hk-element-texts {
    width: 100%;
}
.hk-war-list1-item .hk-icon-with-text-flex .hk-element-image {
    width: 100%;
    padding-left: 23px;
}
.hk-war-list1-item .hk-media.hk-svg {
    margin-bottom: 0;
    padding-top: 23px;
}
.hk-slider-button {
    border: unset;
    background: transparent;
    padding: 0;
}
.hk-reviews2-slider .hk-slider-button rect {
    display: none;
}
.hk-table-box {
    display: block;
    margin: 0 -16px;
}
.hk-table-item {
    width: 100%;
    height:100%;
}
.hk-table-box .slick-slide>div {
    padding: 0 16px;
    height:100%;
}
.hk-table-box .slick-track {
    display: flex;
}
.hk-table-box .slick-slide {
    height:inherit;
}
.hk-cart-count {
    font-size: 12px;
    line-height: normal;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #000;
    border-radius: 100%;
    position: absolute;
    top: -10px;
    right: -10px;
}
.hk-sticky-atc {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 8;
    transition: all .5s ease;
    transform: translateY(100%);
}
.hk-sticky-atc.hk-active {
    transform: unset;
}
body {
    padding-bottom: 121px;
}
.hk-cart-button {
    position: relative;
}
button.hk-mobile-menu-button {
    display: flex;
}


.hk-pdt-review .hk-icon-with-text-flex {
    padding-left: 144px;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
}
.hk-pdt-review .hk-icon-with-text-flex img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 144px;
    height: 100%;
    object-fit: cover;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-texts {
    padding-top: 0;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-image {
    width: 100%;
    padding-left: 20px;
    padding-top: 20px;
}

.hk-sub-option-price {
    flex-wrap: wrap;
    row-gap: 0;
    justify-content: flex-end;
}
.hk-sub-option-title {
    white-space: nowrap;
}
.hk-sub-option-text ul li {
    white-space: nowrap;
}
.hk-stikcy-cta .hk-element-button-flex {
    margin-bottom: 0;
}
.hk-button:hover {
    background: linear-gradient(90deg, #3A5601 0%, #557D01 99.99%, #3A5601 100%);
}
.hk-element-product-item .hk-product-item-flex .hk-element-image .hk-save-badge {
    top: 6px;
    left: 6px;
}

body.hk_body {
    background-image: url("/cdn/shop/files/bg-desk.png");
    background-color:#000;
}

@media (min-width:915px) {
.hk-product-column1 {
    position: sticky;
    top: 100px;
}
.hk-value-img {
    position: sticky;
    top: 100px;
}
.hk-stikcy-under-cta-text {
    width: calc(100% - 164px);
    max-width: 100%;
    margin-left: auto;
}
.hk-desktop-menu-content .hk-menu-list a {
    padding: 16px 17px;
}
.hk-desktop-menu-content .hk-menu-list {
    gap: 0;
}
.hk-sub-option-text ul {
    padding-right: 0;
}
.hk-sticky-atc .hk-container {
    width: 1628px;
}
.hk-sticky-atc-column2 {
    width: 650px;
    max-width: 50%;
}
.hk-sticky-atc-flex {
    justify-content: space-between;
}

}
@media (max-width:915px) {
.hk-war-list1-item .hk-icon-with-text-flex .hk-element-image {
    padding-left: 16px;
}
.hk-war-list1-item .hk-media.hk-svg {
    padding-top: 16px;
}
.hk-war-list1-item:nth-child(2) .hk-icon-with-text-flex {
    padding-left: 0;
    padding-right: 50%;
}
.hk-war-list1-item:nth-child(2) .hk-icon-with-text-flex img {
    left: unset;
    right: 0;
}
.hk-table-box .slick-slide>div {
    padding: 0 8px;
}
.hk-table-box {
    margin-left: -8px;
    margin-right: -16px;
}
.hk-table-box .slick-list {
    padding-right: 86px !important;
}
.hk-cart-count {
    font-size: 10px;
    width: 15px;
    height: 15px;
    top: -7px;
    right: -7px;
}
body {
    padding-bottom: 104px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-image {
    padding-left: 14px;
    padding-top: 14px;
}
.hk-pdt-review .hk-icon-with-text-flex {
    padding-left: 102px;
}
.hk-pdt-review .hk-icon-with-text-flex img {
    width: 102px;
}
.hk-pdt-review .hk-icon-with-text-flex .hk-element-texts {
    width: 100%;
}
main#MainContent {
    overflow-x: hidden;
}

body.hk_body {
    background-image: url("/cdn/shop/files/bg-mob.png");
}
}


.shopify-section.header {
    display: block;
}
button {
    color: inherit;
}

body.hk_body {
    background-repeat: repeat-y;
}
.hk-pdp-full-img-section img {
    width: 100%;
}



/* zoom */
@media (max-width: 1600px) and (min-width: 1400px) {
body {
    zoom: 90%;
}
}
 
 
@media (max-width: 1400px) and (min-width: 1100px) {
body {
    zoom: 80%;
}
}
 
 
@media (max-width: 1100px) and (min-width: 915px) {
body {
    zoom: 65%;
}
}



predictive-search[results="true"] .predictive-search.predictive-search--header {
    display: block !important;
}
.hk-header details-modal.header__search summary.header__icon {
    display: none;
}
details-modal.header__search {
    display: inline-flex !important;
}




/* concept section css */
.hk-concept-slide {
    padding: 0 16px;
    height: 100%;
}
.hk-concept-slider .slick-slide>div {
    height: 100%;
}
.hk-concept-slider {
    margin: 0 -16px;
}

.hk-concept-slide {
    padding: 0 16px;
    height: 100%;
}
.hk-concept-slider .slick-slide>div {
    height: 100%;
}
.hk-concept-slider {
    margin: 0 -16px;
}
.hk-concept-slide .hk-slide_main {
    height: 100%;
    background: #0C0C0C;
}
.hk-concept-slide .hk-element-slide-texts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 24px 20px;
    gap: 16px;
}
.hk-concept-slide .hk-element-title {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    text-transform: uppercase;
}
.hk-concept-slide .hk-element-title strong {
    width: 28px;
    height: 28px;
    border: 1.5px solid #6A9E00;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.18px;
    text-transform: uppercase;
    color: #6A9E00;
}
.hk-concept-slide .hk-element-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    opacity: .8;
}


@media (max-width:915px) {
.hk-concept-slide .hk-element-slide-texts {
    padding: 20px 12px;
    gap: 12px;
}
.hk-concept-slide .hk-element-title {
    font-size: 15px;
    gap: 12px;
}
.hk-concept-slide .hk-element-title strong {
    width: 24px;
    height: 24px;
    font-size: 16px;
    line-height: normal;
}
.hk-concept-slide {
    padding: 0 7px;
}
.hk-concept-slider {
    margin-left: -7px;
    margin-right: -16px;
}
.hk-concept-slider .slick-list {
    padding-right: 57px !important;
}
.hk-concept-slide .hk-element-text {
    font-size: 14px;
    line-height: 20px;
}
}