/** Shopify CDN: Minification failed

Line 17:0 All "@import" rules must come first
Line 393:69 Unexpected "{"

**/
/* Global */
@font-face {
    font-family: 'Cutive';
    src: url('/cdn/shop/files/Cutive-Regular.woff2?v=1758027870') format('woff2'),
        url('/cdn/shop/files/Cutive-Regular.woff?v=1758027870') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;1,300&display=swap');

/* Typopgraphy */
html,body{
    overflow-X: hidden;
    overflow-Y: auto;
}
:root{

    --font-heading-family: 'Cutive', serif;
    --font-heading-weight:500;
}
body{
    line-height:1.78;
    letter-spacing: 1px;
}



h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    letter-spacing: 1px; 
    line-height: calc(1 + .3 / max(1, var(--font-heading-scale))); 
}

h2, .h2, h2.h1{
    font-size: 3.2rem;
}

body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
    color: rgba(var(--color-foreground), 1); 
}

.heading-font{
    font-family: "Cutive", serif;
    font-weight: 500;
    font-style: normal;
}
.raleway-font{
    font-family: var(--font-body-family) !important;
}
.mw-100{
    max-width:100% !important;
}
.d-none{
    display: none !important;
}
.highlight{
    color: #F99F1E;
}
/* Global link color */
.rte a {
  color:rgba(52, 97, 209, 0.85);   
}
.rte a:hover {
  color:rgba(52, 97, 209, 1);          /* hover shade */
}
.mb-0{
    margin-bottom: 0 !important;
}
/* Buttons */
button, .button, .button-label, .shopify-challenge__button, .customer button{
    text-transform: uppercase !important;
}
.button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after, .shopify-payment-button__button--unbranded:hover:after{
    --border-offset: none !important;  
    box-shadow: none !important;
}
.button:not([disabled]):hover, .shopify-challenge__button:hover, .customer button:hover, .shopify-payment-button__button--unbranded:hover{
    background: #F99F1E !important;
    color: #fff;
}

html .extended-width, [id*="MainProduct-template"] .page-width, .related-products.page-width {
    max-width: 1300px;
}

.text-uppercase{ 
    text-transform: uppercase;
}

/* Header style */
.header .header__icons {
    display: none;
}

.header.header--middle-left {
    grid-template-columns: auto 1fr;
    gap: 0;
    max-width: 1520px;
}

.header.header--middle-left .header__inline-menu {
    margin-left: auto;
}

.header .list-menu .header__menu-item {
    font-size: 14px;
    text-transform: uppercase;
    opacity: 1;
    color: rgb(var(--color-foreground));
    text-decoration: none;
}

.header .list-menu details[open] > .header__menu-item {
    color: #F99F1E;
}

.header .list-menu details[open] .header__menu-item .icon path, .header .list-menu details .header__menu-item:hover .icon path {
    fill: #F99F1E;
}

.header .list-menu .header__menu-item:hover span {
    text-decoration: none;
    color: #F99F1E;
}
/* .mega-menu__summary {
    display: flex;
    align-items: center;
    gap: 0;
}

.mega-menu__summary .icon-caret {
    position: static;
} */
header-menu details > .header__submenu {
    border-top: 2px solid #F99F1E !important;
    padding: 0 !important;
    width: 24rem;
}

header-menu .header__submenu li > a.header__menu-item {
    padding-block: 8px;
    width: 100%;
    justify-content: center;
    display: block;
    text-align: center;
}

header-menu .header__submenu li > a.header__menu-item:hover {
    background: #F9D281;
    text-decoration: none;
}
header .header__icon .icon {
    height: 3.2rem;
    width: 3.2rem;
}
/* Open menu on hover */
/* Side cart css */
cart-notification {
    display: none;
}
.qsc2-drawer-wrapper {
    --sc-gutter: 20px;
}
.qsc2-mini-cart .qsc2-drawer {
    top: 10px;
    right: 10px;
    bottom: 10px;
    width: calc(100% - 10px);
    height: calc(100% - 20px);
    border-radius: 12px !important;
    overflow: hidden;
}
.qsc2-mini-cart .qsc2-drawer {
    top: 10px;
    right: 10px;
    bottom: 10px;
    width: calc(100% - 10px);
    height: calc(100% - 20px);
    border-radius: 12px !important;
    overflow: hidden;
} 

.qsc2-drawer .qsc2-drawer-header__close-button {
    background: transparent;
}

.qsc2-drawer .qsc2-drawer-header__close-button .qsc2-svg--icon-close {
    width: 15px;
    fill: #4F717C;
}
.qsc2-mini-cart .qsc2-drawer.qsc2-drawer--hidden {
    transform: translate(calc(100% + 12px));
}
.qsc2-drawer-rows.qsc2-drawer-rows--recommended-products {
    background: #FCFCFF !important;
}
.qsc2-r-product-wrapper {
    background: #F2F2F6 !important;
}
.qsc2-drawer-rows.qsc2-drawer-rows--recommended-products .qsc2-recommendation-title {
    display: none;
}
.qsc2-drawer-announcement{
    background-color: #8D1A1C !important;
    border-color: #8D1A1C !important;
}
.qsc2-drawer-announcement .qsc2-announcement {
    font-weight: 500;
    font-size: 15.46px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.qsc2-drawer-rows.qsc2-drawer-rows--recommended-products .qsc2-recommended-products {
    padding-inline: 0;
    background: #F2F2F6;
}

.qsc2-recommended-products .qsc2-r-product-wrapper {
    position: relative;
}

.qsc2-recommended-products .qsc2-r-product-wrapper:not(:last-child)::after{
    content: '';
    border-bottom: 1px solid #0E4A5A;
    width: calc(100% - 20px);
    display: block;
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
a.qsc2-note-triggered { 
    font-weight: 600;
    font-size: 14px;
    line-height: 30.93px; 
    text-decoration: none;
    color: #6BB0A4;
}
a.qsc2-note-triggered .qsc2-svg-icon {
    margin-right: 10px;
}
.qsc2-mini-cart .qsc2-drawer .qsc2-btn {
font-weight: 400;
    line-height: 100%;
    letter-spacing: 1px !important;
    text-align: center;
    border-radius: 0;
    height: 40px;
}
.qsc2-mini-cart .qsc2-drawer .qsc2-btn:hover{
        background: #F99F1E !important;
    color: #fff;
        transform: none;
}
.qsc2-drawer-wrapper .qsc2-drawer-footer {
    box-shadow: none;
}
.qsc2-drawer-header__shipping-goal-msg {
    margin-bottom: 2rem;
}
.qsc2-drawer-header__shipping-goal-progress {
    --sc-shipping-goal-progress-bg: #6BB0A4;
}
 

.qsc2-r-product .qsc2-r-product__actions button {
    height: auto !important;
    padding: 8px 16px;
}
/* .header .list-menu .header__menu-item:hover + .header__submenu {
    animation: animateMenuOpen var(--duration-default) ease;
    animation-fill-mode: forwards;
    z-index: 1;
} */


/* Announcement bar */
.custom-announcement-bar.announcement-bar {
    gap: 16px;
    align-items: center;
    flex-wrap: nowrap;
}

.custom-announcement-bar .announcement-bar__link {
    width: max-content;
    font-size: 13px;
    text-decoration: none;
    color: #0e4a5a;
}

.custom-announcement-bar .announcement-bar__link:hover {
    color: rgb(var(--color-button-text));
}

/* Pllay btn */
.video-section__poster .deferred-media__poster-button {
    width: 150px;
    height: 150px;
    background: rgba(0,0,0,0.5);
}

.video-section__poster .deferred-media__poster-button svg path {
    color: #fff;
    fill: #fff;
}

.video-section__poster .deferred-media__poster-button svg.icon, .video-section__poster .deferred-media__poster-button .svg-wrapper {
    width: 60px;
    height: 60px;
}

/* Instafeed */
#insta-feed .instafeed-new-layout-item::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-image: url(/cdn/shop/files/play.svg?v=1758025486);
    pointer-events: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* stagger between left/right */
.multirow .split-anim{ --stagger: 0.6s; }  

/* Minimal split-in: left/right slide + fade */
.multirow .split-anim .image-with-text__media,
.multirow .split-anim .image-with-text__content{
  opacity: 0;
  transform: translateX(0);
  transition: transform 0.6s ease, opacity .6s ease;
}

/* Grid NOT reversed => media is visually LEFT, content RIGHT */
.multirow .split-anim .image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__media{
  transform: translateX(-48px); /* from left */
}
.multirow .split-anim .image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__content{
  transform: translateX(48px);  /* from right */
}

/* Grid IS reversed => content is LEFT, media RIGHT */
.multirow .split-anim .image-with-text__grid.image-with-text__grid--reverse .image-with-text__content{
  transform: translateX(-48px); /* from left */
}
.multirow .split-anim .image-with-text__grid.image-with-text__grid--reverse .image-with-text__media{
  transform: translateX(48px);  /* from right */
}

/* Reveal state — add .is-inview via tiny JS below */
.multirow .split-anim.is-inview .image-with-text__media,
.multirow .split-anim.is-inview .image-with-text__content{
  opacity: 1;
  transform: translateX(0) !important;
}


/* NOT reversed: left = media, right = content */
.multirow .split-anim .image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__media{
  transition-delay: 0s;                 /* left first */
}
.multirow .split-anim .image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__content{
  transition-delay: var(--stagger);     /* right after 1 */
}

/* REVERSED: left = content, right = media */
.multirow .split-anim .image-with-text__grid.image-with-text__grid--reverse .image-with-text__content{
  transition-delay: 0s;                 /* left first */
}
.multirow .split-anim .image-with-text__grid.image-with-text__grid--reverse .image-with-text__media{
  transition-delay: var(--stagger);     /* right after 1 */
} 
.shopify-design-mode .split-anim.no-anim .image-with-text__media-item,
.shopify-design-mode .split-anim.no-anim .image-with-text__text-item,{
  opacity: 1 !important; transform:none !important; transition:none !important;
}
 
.alt-pagination {
    margin-top: 7rem;
    text-align: center;
}
.alt-pagination__list, .pagination .pagination__list{ 
    display:flex; 
    gap:1rem; 
    align-items:center; 
    justify-content: center;
    padding:0; 
    list-style:none; 
}

.alt-pagination__list > li > *, .pagination .pagination__list .pagination__item {
    background: #0E4A5A;
    color: #fff;
    font-size: 2.4rem;
    display: flex;
    text-decoration: none;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    line-height: 1;
    padding: 5px 5px 6px 7px;
}
.alt-pagination__list > li > *[aria-label="Previous"], .alt-pagination__list > li > *[aria-label="Next"], 
.pagination .pagination__list .pagination__item-arrow, .pagination .pagination__list .pagination__item::after{
  display: none !important;
}

.alt-pagination__list > li.is-active > *, .pagination .pagination__list  .pagination__item--current {
    background-color: #F99F1E;
}
 
.pagination .pagination__list .pagination__item svg path {
    fill: #fff;
}

/* Notified form */
.notified-form {
    padding: 60px 0px;
    background: #F2F2F6;
}

.notified-form .form-wrapper {
    max-width: 750px;
    margin: 0 auto;
}

.nf-title {
    margin: 0 0 2rem;
    color: #F99F1E;
}
._form-title.nf-title, .nf-desc{
    margin: 0;
} 
.nf-desc > p{
    margin-top: 0;
}
.notified-form .contact__fields, .common-form .contact__fields  {
    grid-row-gap: 2rem;
    grid-column-gap: 1rem;
    display: grid;
}
.form-wrapper.common-form button[type=submit] {
    max-width: max-content;
}
.form-wrapper.common-form ._button-wrapper {
    margin-top: -2rem;
}
.form-wrapper.common-form{
    padding-inline: 2.4rem;
}

    .notified-form   .contact__fields > .full-width-field, .common-form form .full-width-field{
  grid-column: 1 / -1; /* spans across both columns */
}
.field__input.show-placeholder::placeholder{
    opacity:1 !important; 
}
.field__input::placeholder{  
    color: #0E4A5A !important;
}
.common-form .field .field__label[hidden] {
    display: none;
}
.common-form form, ._form-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.common-form .field:before, .common-form .field:after{
    display: none
}

.common-form .field {
    flex-direction: column;
    gap: 10px;
}

.common-form .field .field__label {
    position: static;
    color: #fff;
}

.common-form .field .field__input {
    padding: 10px !important;
}
.common-form .field textarea.field__input{
    min-height: 88px;
}
/* .dropdown--feild{
    display: flex;;
    flex-direction: column;
    gap: 10px;
} */
 ._form-thank-you > *:not(:last-child){
      margin-bottom: 2rem;
    }

.dropdown--feild select.field__input {
    padding-top: 7px;
    background-image: url(/cdn/shop/files/polygon.svg?v=1761143959);
    background-repeat: no-repeat;
    background-position: 97% center;
}
.common-form .form__message .form-status {
    color: #fff;
    font-family: var(--font-body-family);
    font-size: 18px;
    margin-top: 0;
}

.common-form .form__message .form-status .icon  {
    display: none;
}

/* .form-status-list, .form-status-list a {
    margin: 0;
    color: #fff;
} */

.field__input._has_error + ._error {
    font-size: 12px;
    margin-top: 5px;
    color: rgb(255 100 102);
}

.field__input._has_error {
    border: 1px solid rgb(255 100 102);
}

*:focus-visible {
    outline: none !important;
    outline-offset: none !important;
    box-shadow: none !important;
}

/* Typography */
      .contact-form-heading{
      margin: 0; 
      font-size: clamp(2.4rem, 3.2vw, 3.2rem); 
      color: #F99F1E;
    }
     .contact-form-body{
      margin: 0;
      font-size: clamp(1.4rem, 1.1vw, 1.8rem); 
    }

.text-accent{
    color: #F99F1E;
}

/* Collection page */
.collection-menu .custom-menu {
    padding: 0;
    list-style-type: none;
    display: flex;
    gap: 1.6rem 2.8rem;
    justify-content: center;
    flex-wrap: wrap;
}
.collection-menu .custom-menu a {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #0E4A5A;
    text-decoration: none;
}
.collection-menu .custom-menu li.active a {
    color: #F99F1E;
}

.collection--empty .title {
    font-size: 2.4rem;
    line-height: 1.5;
}

.below-banner-wrapper {
    padding: 60px 0;
    background-image: url(/cdn/shop/files/Subtitle-bg.jpg?v=1761836699);
    color: #fff;
}

.below-banner-sep {
    height: 12px;
    background-image: url(//kw0tpg-ia.myshopify.com/cdn/shop/files/sep-top.png?v=1758011939&width=3000);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: transparent;
}

.below-banner-content {
    text-align: center;
}

.below-banner-content .bb-heading {
    margin: 0 0 2rem;
    font-size: clamp(3.2rem, 4vw, 4rem);
    color: #fff;
}
.color-content {
    color: #F9D281;
}
.bb-body p {
    margin: 0 0 1rem;
}

.bb-body p:last-child {
    margin: 0;
}

/* Common serach */
 .template-search__search input.search__input {
    min-width: 170px;
    border: 1px solid #B9D5DD;
    min-height: 35px;
    height: 35px;
    padding: 5px 10px;
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: none;
    outline: none;
    color: #0E4A5A;
}
.template-search__search  .field__label, .customer .field label { 
    left: calc(var(--inputs-border-width) + 1rem);
    top: calc(0.8rem + var(--inputs-border-width)); 
}
.template-search__search  .field__label{
  font-size: 1.4rem;
  color: #0E4A5A;
}
.template-search__search .field::before, .template-search__search .field::after, .template-search aside#main-search-filters {
    display: none;
    
}
.template-search__search button.search__button {
    position: static;
    background: #0E4A5A !important;
    width: 35px;
    height: 35px;
    min-width: 35px;
}
.template-search__search button.reset__button{
  width: 35px;
    height: 35px;
}
.predictive-search__result-group .predictive-search__pages-wrapper {
    display: none !important;
}
.template-search__search button.search__button svg path {
    fill: #fff;
    transform: rotate(85deg);
    transform-origin: center;
}

.template-search__search .field {
    gap: 5px;
        align-items: anchor-center;
}
.template-search__search .field__input:focus~.field__label,.template-search__search .field__input:not(:placeholder-shown)~.field__label{
  display: none;
}
aside.facets-wrapper {
    margin-bottom: 60px;
}

.facets form#FacetFiltersForm {
    display: flex;
    justify-content: flex-end;
    margin: 0;
    border: 1px solid #B9D5DD !important;
    padding: 4px 10px;
}
 
.facets-container .facets {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
}
.facets form#FacetFiltersForm .facet-filters__label {
    margin: 2px;
}

.facets form#FacetFiltersForm .facet-filters.sorting.caption {
    padding: 0;
}



/* Creation detail page */

/* Product listing page */
.card-wrapper .card__content .card__heading {
    font-size: clamp(1.6rem, 2.4vw, 2.4rem);
    line-height: 1.3;
    text-align: center;
}
.product__info-wrapper .product__description h3, .product__info-wrapper .product__description h2, 
.product__info-wrapper .product__description h4, .product__info-wrapper .product__description h5, .product__info-wrapper .product__description h6, 
[class*="ai-product-tabs__panel"] h2, [class*="ai-product-tabs__panel"] h3, [class*="ai-product-tabs__panel"] h4, [class*="ai-product-tabs__panel"] h5, [class*="ai-product-tabs__panel"] h6 {
    margin-block: 2rem;
}
.card-wrapper .card__content .price__container {
    text-align: center;
    display: block;
}

.card-wrapper .card__content .price {
    margin-top: 2rem !important;
}

.card-wrapper .card__content .price__container > * {
    margin: 0 auto 0;
    padding: 13px 18px;
    background: #0E4A5A;
    color: #fff;
    max-width: max-content; 
    font-size: 18px;
    font-size: clamp(1.6rem, 1.8vw, 1.8rem);
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
}
.card-wrapper .card__content:hover .price__container > *{
    background: #F99F1E;
}
.product-card-wrapper:hover h3 a {
    text-decoration: none;
}
.product-card-wrapper .card__media .media img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.product-grid-container #product-grid {
    --grid-desktop-horizontal-spacing: 2rem;
    --grid-desktop-vertical-spacing: 6rem;
}

.flex-col{ 
    display: flex;
    flex-direction: column;
}

.creation-detail-banner {
    height: auto;
    min-height: 720px;
    padding: 6rem 0;
    position: relative
}
.creation--details {
    position: relative;
    z-index: 2;
}

.creation-detail-content > .grid {
    --grid-desktop-horizontal-spacing: 6rem;
    align-items: center;
}

.creation-detail-content > .grid .creation--media {
    text-align: right;
}

.creation--details {    
    gap: 20px;
    align-items: flex-start;
}

.creation--details * {
    margin: 0;
}

.creation--details-header { 
    gap: 1rem;
}
.creation--details-header h3 {
    font-size: clamp(1.8rem, 2.4vw, 2.4rem);
    line-height: 100%;
    color: #4F717C;
}

.creation--details-header h1 {
    font-size: clamp(2.4rem, 4vw, 4rem);
}

.comparison-content > .grid {
    --grid-desktop-horizontal-spacing: 4rem;
}

.comparison-wrapper {
    position: relative;
    padding-bottom: 20px;
}

.comparison-wrapper > .page-width {
    max-width: 1000px;
}

.comparison--media img {
    max-width: 100%;
}


.comparison-bg-block {
    min-height: 180px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.additional--img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 40vw;
}

.comparison-content {
    position: relative;
    z-index: 2;
    top: -50px;
}

.comparison-content .comparison--media {
    padding: 2rem;
    box-shadow: 2px 2px 3.3px 2px #0000001A;
    background: #fff;
    text-align: center;
    font-size: 20px; 
    text-transform: uppercase;
}

.comparison-content .comparison--media .cm-title {
    margin: 15px 0 0;
    color: #6E6E6E;
}

.creation-detail-body, .video-section-wrapper {
    padding: 6rem 0 12rem;
}

.creation-detail-body-content > .grid {
    --grid-desktop-horizontal-spacing: 7.2rem;
}

.cdb--body h2, .cdb--body h3, .cdb--body h4, .cdb--body h5, .cdb--body h6, .cdb--body p, .cdb--body{
    color: #000;
}
.cdb--body small{
    display: block;
    color:#6E6E6E
}

.cdb--body img{
    max-width: 400px;
    width: 100%;
}

.cdb--body > h2 {
    margin: 30px 0 0;
}

.cdb--body > h2:first-child, .cdb--body > p:first-child {
    margin-top: 0;
}

.cbd-right {
    padding: 2.4rem;
}

.cbd-right strong {
    text-transform: uppercase;
    font-weight: 600;
}

.cbd-right > p:nth-child(2n), .cbd-right > ul {
    margin-top: 0;
}

.cbd-right > p:nth-child(odd) {
    margin-bottom: 8px;
}
.creation--media-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
}
.creation--media img{
    max-width: 100%;
    box-shadow: 10px 10px 10.6px 0px #00000042;
    width: 400px;
}

/* Product page */
.product .product__title h1 {
    font-size: clamp(3.2rem, 3.2vw, 3.2rem);
}

.product-form__input .form__label {
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
}
.related-products .grid {
    --grid-desktop-vertical-spacing: 36px;
    --grid-desktop-horizontal-spacing: 24PX;
    --grid-mobile-vertical-spacing: 24px;
    --grid-mobile-horizontal-spacing: 16px;
}
.related-products .related-products__heading {
    text-align: center;
}
.slider-mobile-gutter {
    margin-bottom: 3rem;
}
.product-tabs-wrapper {
    padding-block: 60px;
}
.free-ship-text {
    display: flex;
    align-items: center;
    gap: 10px;
}
.product__info-wrapper .price-item {
    font-family: Raleway;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    text-transform: uppercase;
}
.product__info-wrapper .price-item::after {
    content: 'USD';
}
.buy-original-btn {
    display: flex;
    max-width: max-content;
    margin-top: 10px;
    color: #8d1a1c;
}
a.buy-original-btn:hover {
    color: #F99F1E;
}
/* Responsive adjustments */
@media screen and (min-width: 750px) {
    body {
        font-size: 1.8rem;
    } 

    h1, .h1 {
        font-size: calc(var(--font-heading-scale) * 4rem + 8px);
    }
    .card-wrapper .card__content .price__container > * {
        padding: 13px 28px;
}
    
}

/* Max width queries */

@media screen and (max-width:1199px){
        .header:not(.drawer-menu).page-width {
            padding-left: 2rem;
            padding-right: 2rem;
        }
        .header .list-menu .header__menu-item:not(summary.list-menu__item) {
            padding-inline: 5px;
        }
        .header .list-menu .header__menu-item {
            font-size: 13px;
            padding-left:5px;
        }
            .header .header__heading {
            max-width: 140px;
        }
}

@media screen and (max-width:1024px){
    .creation-detail-body-content > .grid {
        --grid-desktop-horizontal-spacing: 5rem;
    }
}

@media screen and (max-width:989px){
    .header.header--mobile-left.page-width {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .menu-drawer__navigation .menu-drawer__menu-item {
        text-transform: uppercase;
        font-size: 1.6rem;
    }
    h1, .h1 {
        font-size: calc(var(--font-heading-scale) * 3.5rem);
    }
    h2, .h2, h2.h1 {
        font-size: 2.6rem;
    }
    .creation-detail-content > .grid {
    --grid-desktop-horizontal-spacing: 3rem;
    }
    .creation-detail-content > .grid .creation--media img {
        max-width: 100%;
    } 
    .comparison-content > .grid {
        --grid-desktop-horizontal-spacing: 2rem;
    }
    .creation-detail-body, .video-section-wrapper {
        padding: 4rem 0;
    }
}

@media screen and (max-width:980px){
    
}

@media screen and (max-width:749px){
    h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 { 
        letter-spacing: 0.6px; 
    }
    h1, .h1 {
        font-size: calc(var(--font-heading-scale) * 2.4rem);
    }
    h2, .h2, h2.h1 {
        font-size: 2.4rem;
    }
    body{
        font-size: 1.4rem;
    }
    .button{
        width: 100%;
        text-align: center;
    }
    .split-anim .image-with-text__content {
        padding: 0 0 2rem;
    } 
    .custom-announcement-bar.announcement-bar {
        display: block;
        text-align: center;
        line-height: 1.2;
        padding-block: 10px;
    }

    .custom-announcement-bar.announcement-bar .announcement-bar__message {
        display: inline;
    }

    .custom-announcement-bar.announcement-bar .announcement-bar__link {
        color: #f9d281;
        background: no-repeat;
        border: 0;
        outline: navajowhite;
        display: inline;
        box-shadow: none;
        padding: 0;
        font-size: 12px;
    }

    .custom-announcement-bar.announcement-bar .announcement-bar__link::before, .custom-announcement-bar.announcement-bar .announcement-bar__link::after {
        display: none;
    }
    /* Pllay btn */
    .video-section__poster .deferred-media__poster-button {
        width: 90px;
        height: 90px; 
    } 

    .video-section__poster .deferred-media__poster-button svg.icon, .video-section__poster .deferred-media__poster-button .svg-wrapper {
        width: 30px;
        height: 30px;
    }
    .menu-drawer .list-social{
        display: none;
    }
    .menu-drawer__utility-links .menu-drawer__account {
        width: 100%;
        /* justify-content: center; */
        font-family: 'Raleway';
        font-size: 18px;
    }
    .button, .shopify-challenge__button, .customer button { 
        padding: 0 2rem; 
    }
    .nf-title, .contact-form-heading {
    text-align: center
    }
    .creation-detail-content .grid .grid__item, .comparison-content .grid .grid__item, .creation-detail-body-content .grid .grid__item{
        width: 100%;
        max-width: 100%;
    }
    .comparison-bg-block{
        display: none;
    }
        .comparison-content {
        top: 0px;
        max-width: 400px;
        margin: 0 auto;
    }
    .comparison-wrapper {
        padding-block: 4rem 2rem;
    }
    .creation-detail-body-content > .grid, .comparison-content .grid {
        --grid-mobile-vertical-spacing: 4rem;
    }
    .creation-detail-content > .grid .creation--media {
        text-align: center;
    }   
    .creation--details {
    align-items: center;
        text-align: center;
    }
    .cdb--body > h2 { 
        text-align: center;
    }
    .creation-detail-banner { 
        padding: 0; 
    }
    .creation-detail-banner .page-width {
        padding: 0;
    }
    .creation-detail-content .grid__item {
        position: relative;
    }
    .creation-detail-content > .grid .creation--media {
        padding: 3rem 2rem 2rem;
    }
    .creation-detail-content > .grid {
        --grid-mobile-vertical-spacing: 0;
    }
    .creation--details {
        padding: 4rem 2.4rem;
        background: url(/cdn/shop/files/hiw-left.jpg?v=1761031900) center center / cover no-repeat;
    }
    .creation--details-header h3, .creation--details{
        color: #fff;
    }
    .creation--details-header h1{
        color: #F9D281
    }
    .creation--details .button {
        background: #8D1A1C;
        border-color: #8D1A1C;
    }
    .card-wrapper .card__content .price__container > * {
        width: 100%;
        max-width: 100%;
    }
    .below-banner-wrapper, .product-tabs-wrapper {
        padding: 30px 0; 
    }
      .template-search__search input.search__input, .alt-collection__sort {
        min-width: 140px; 
    }
    aside.facets-wrapper {
        margin-bottom: 40px;
    }

}

@media screen and (max-width:749px) and (min-width:320px){

    .multirow .image-with-text .grid {
        row-gap: 20px;
    }

}