/** Shopify CDN: Minification failed

Line 1569:0 Unexpected "}"

**/

/*
Custom CSS
*/
@media (max-width: 576px) {
    .main-product__container {
        gap: 20px !important;
    }
}
/* --- Replace Shopify dynamic checkout button label (Buy it now) --- */
/* Make the button a positioning context */
.shopify-payment-button__button {
  position: relative;
  overflow: hidden;
}
/* Hide any existing text inside the button (covers spans, text nodes, etc.) */
.shopify-payment-button__button,
.shopify-payment-button__button * {
  color: transparent !important;
  text-shadow: none !important;
}
/* Also hide any SVG/icon text (usually none, but safe) */
.shopify-payment-button__button svg {
  visibility: hidden !important;
}
/* Inject your custom label */
.shopify-payment-button__button::after {
  content: "Purchase License Now";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: inherit;          /* will inherit, but we set color below */
  color: #fff !important;  /* if your button is dark; remove if needed */
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}






@media (min-width: 1025px){
  /* anchor the dropdown to the header (safe default) */
  header, .section-header, .header__desktop, .header__main { position: relative; }
@media (min-width: 1025px){
  .hp-menu--desktop{
    position: absolute;
    z-index: 9999;
  }
}
  .hp-menu__panel{
    width: min(860px, 92vw);
    margin-top: 10px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 14px;
    box-shadow: 0 16px 50px rgba(0,0,0,.12);
    overflow: hidden;
  }
  .hp-menu__cols{
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    min-height: 360px;
  }
  .hp-menu__col{ padding: 14px; }
  .hp-menu__col--parents{ border-right: 1px solid rgba(0,0,0,.08); }
  .hp-menu__list, .hp-menu__sublist{ list-style: none; margin: 0; padding: 0; }
  .hp-menu__item + .hp-menu__item{ margin-top: 6px; }
  .hp-menu__parent{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 10px 10px;
    border-radius: 10px;
    text-decoration:none;
    color:inherit;
  }
  .hp-menu__parent:hover,
  .hp-menu__parent.is-active{ background: rgba(0,0,0,.06); }
  .hp-menu__chev{ font-size: 18px; opacity: .7; }
  .hp-menu__subhead{ font-weight: 650; padding: 8px 6px 10px; }
  .hp-menu__subitem + .hp-menu__subitem{ margin-top: 8px; }
  .hp-menu__child{
    display:inline-block;
    padding: 6px 6px;
    border-radius: 8px;
    text-decoration:none;
    color:inherit;
  }
  .hp-menu__child:hover{ background: rgba(0,0,0,.05); }
}
@media (max-width: 1024px){
  .hp-menu--desktop{ display:none !important; }
}
@media (min-width: 1025px){
  #header-modal-mainmenu { display:none !important; }
}
@media (min-width: 1025px){
  #header-modal-mainmenu { display:none !important; }
}



@media (min-width: 1025px) {
  header,
  .section-header,
  .header__desktop,
  .header__main {
    position: relative !important;
    z-index: 10000 !important;
  }

  .hp-menu--desktop {
    z-index: 10001 !important;
  }
}












/* product page license text */
.license-wrapper {
  border: 1px solid rgba(0,0,0,0.15);
  padding: 5px;
  border-radius: 4px;
  margin-top:20px !important;
}
.license-heading {
  margin-bottom: 0px; /* smaller gap */
}
.license {
  margin-top: 0; /* remove any top spacing */
  font-size: 14px;
}
.license-heading {
  display: flex;
  align-items: center; /* vertical alignment fix */
  gap: 8px;
  font-weight: 500;
  line-height: 1; /* removes extra baseline space */
  margin-bottom: 4px;
}
.license-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.license-icon svg {
  display: block; /* removes inline baseline shift */
}
.product-tab {
  margin-top: 20px !important;
}








.product-sku {
  font-size:15px;
  margin-top:10px !important;
}
.product-sku .sku-label {
  margin-right: 4px;
}

/* product page badges */
/* --- Premium Marketplace Badges --- */
.fs-info-badges--premium{
  display:flex;
  gap:12px;
  margin:16px 0 18px;
}
.fs-info-badges--premium .fs-info-badge{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:12px 12px;
  border-radius:30px;
  /* Premium card feel */
  border:1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.70);
  backdrop-filter: blur(10px);
  /* Typography */
  font-size:13px;
  font-weight:650;
  letter-spacing:0.2px;
  line-height:1;
  text-align:center;
  /* Subtle depth 
  box-shadow:
    0 1px 1px rgba(0,0,0,0.05),
    0 10px 24px rgba(0,0,0,0.06);*/
  transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}
/*
.fs-info-badges--premium .fs-info-badge:hover{
  transform: translateY(-1px);
  box-shadow:
    0 1px 1px rgba(0,0,0,0.06),
    0 14px 32px rgba(0,0,0,0.09);
  border-color: rgba(0,0,0,0.14);
}
*/
.fs-info-badges--premium .fs-icon{
  display:flex;
  align-items:center;
}
.fs-info-badges--premium .fs-info-badge svg{
  width:16px;
  height:16px;
  flex-shrink:0;
  display:block;
  opacity:0.95;
}
/* Elegant “tinted” variants (not loud buttons) */
/* Instant Download — Deep Blue (Action / speed) */
.fs-info-badges--premium .fs-badge-download{
  color: #0B3B8C;
  background: linear-gradient(180deg, rgba(37,99,235,0.16), rgba(37,99,235,0.08));
  border-color: rgba(37,99,235,0.28);
}
/* High Resolution — Emerald (Quality) */
.fs-info-badges--premium .fs-badge-resolution{
  color: #0B5A34;
  background: linear-gradient(180deg, rgba(16,185,129,0.16), rgba(16,185,129,0.08));
  border-color: rgba(16,185,129,0.28);
}
/* Own Forever — Royal Purple (Ownership / premium) */
.fs-info-badges--premium .fs-badge-forever{
  color: #4A2077;
  background: linear-gradient(180deg, rgba(124,58,237,0.16), rgba(124,58,237,0.08));
  border-color: rgba(124,58,237,0.28);
}
/* Watermark Free — Amber (Clean / value highlight) */
.fs-info-badges--premium .fs-badge-watermark{
  color: #7A4B00;
  background: linear-gradient(180deg, rgba(245,158,11,0.18), rgba(245,158,11,0.08));
  border-color: rgba(245,158,11,0.30);
}
.fs-info-badges--premium {
  flex-wrap: wrap;
}
/* Keep side-by-side; just tighten a touch on small screens */
@media (max-width: 480px){
  .fs-info-badges--premium{
    gap:10px;
  }
  .fs-info-badges--premium .fs-info-badge{
    padding:11px 10px;
    font-size:12px;
    border-radius:24px;
  }
  .fs-info-badges--premium .fs-info-badge svg{
    width:15px;
    height:15px;
  }
}
/* Tablet portrait: force 2x2 layout */
@media (min-width: 600px) and (max-width: 900px) {
  .fs-info-badges--premium {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .fs-info-badges--premium .fs-info-badge {
    width: 100%;
    min-width: 0; /* prevents overflow */
  }
}
/* High Resolution Infobox Tooltip Work */
/* Tooltip container */
/* Tooltip container */
.fs-tooltip {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 0;
}
/* invisible hover bridge between ? and tooltip */
.fs-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  width: 120px;
  height: 14px;
}
/* Question mark icon */
.fs-tooltip-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 50%;
  background: rgba(0,0,0,0.15);
  color: #000;
  cursor: pointer;
  flex-shrink: 0;
}
/* Tooltip box */
.fs-tooltip-box {
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  max-width: calc(100vw - 24px);
  white-space: normal;
  word-break: break-word;
  background: #111;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  padding: 8px 10px;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, visibility 0s linear 0.18s;
  z-index: 999;
  text-align: left;
  box-sizing: border-box;
}
/* Arrow */
.fs-tooltip-box::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #111 transparent transparent transparent;
}
/* Show on hover */
.fs-tooltip:hover .fs-tooltip-box,
.fs-tooltip:focus-within .fs-tooltip-box,
.fs-tooltip-box:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.18s ease;
}
/* Mobile tap support */
.fs-tooltip-trigger:active + .fs-tooltip-box {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
/* On tablet + mobile, anchor tooltip to the right side of the badge */
@media (max-width: 900px) {
  .fs-tooltip::after {
    left: auto;
    right: 0;
    transform: none;
    width: 80px;
  }
  .fs-tooltip-box {
    left: auto;
    right: 0;
    transform: none;
  }
  .fs-tooltip-box::after {
    left: auto;
    right: 10px;
    transform: none;
  }
}
.fs-tooltip-box a {
  color: #fff;
  text-decoration: underline;
}
.fs-tooltip-box a:hover {
  color: #89c9d1 !important;
  opacity: 0.8;
}
/* here */
.fs-info-badges--premium .fs-info-badge {
  position: relative;
  z-index: 1;
}
.fs-info-badges--premium .fs-badge-resolution {
  z-index: 30;
}
.fs-tooltip-box {
  z-index: 9999;
}







.featured-top-template--26308912349551__featured_collection_16_KBFTrX {
        display: flex;
        justify-content: center;
        text-align: center;
    }
  
    .featured-top-template--26308912349551__featured_collection_16_KBFTrX {
        justify-content: space-between;
        display: flex !important;
        justify-content: center !important;
    }

.product-tab {
    background: #f0f0f0;
    padding: 5px;
    border-radius: 4px;
}
div#product-container.product__buttons {
  margin-top:20px !important;
}
/* Searchandise */

.snize-thumbnail img  {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;   
}
   



div.snize div.snize-product-filters-title.open i.snize-product-filters-close, div.snize div.snize-product-filters-wrapper-title.open i.snize-product-filters-close {
    display: none !important;
}
div.snize .snize-filters-sidebar div.snize-product-filters-title {
    /*text-align: center;*/
    display: block;
    font-weight:bold;
}
div.snize div.snize-product-filters-title {
    background: #d6d6d6;
    margin-bottom: 10px;
    border-radius: 4px;
    padding:5px !important;
}

div.snize .snize-filters-sidebar ul.snize-product-filters-list, div.snize .snize-filters-sidebar ul.snize-product-color-filter, div.snize .snize-filters-sidebar ul.snize-product-size-filter {
    margin-bottom: 0px !important; 
}


.snize .snize-product-filters-block {
    border: 1px solid #e6e6e6;
    margin-bottom: 15px;
    border-radius: 4px;
    padding:5px;
    background-color: #f0f0f0;
}
@media screen and (min-width: 768px) {
div.snize ul.snize-product-filters-list .snize-filter-variant-count {
    color: #6f6f6f !important;
    font-size: 10px;
    line-height: 10px;
    border-radius:10px;
    padding-top: 5px;
}}
@media screen and (max-width: 768px) {
#snize-modal-mobile-filters-dialog div.snize-product-filter-container span.snize-filter-variant-count {
    top: 4px;
}}
div.snize ul.snize-product-filters-list li label>span {
    font-size: 15px !important;
}
div.snize .snize-filters-sidebar .snize-filters-title {
border: 1px solid #e6e6e6;
    margin-bottom: 15px;
    border-radius: 4px;
    padding:5px !important;
    background-color: #f0f0f0;
}
div.snize li.snize-filter-button:not(.snize-clear-all-button) {
    background-color: #030303 !important;
    color: #ffffff !important;
    border-radius: 4px;
}
#snize_results > div.snize-filters-sidebar.snize-product-filters > div.snize-filters-title > span {
  text-align: center;
    display: block;
    font-weight: 700;
}
div.snize div.snize-main-panel-controls ul li a span {
    display: none;
}

div.snize div.snize-search-results-header {
    font-size: 15px !important;
}
/* single product video work */
.re-product-inline-video{
  width: 100%;
}
.re-product-inline-video__media,
.re-product-inline-video video{
  display: block;
  width: 100%;
  height: auto !important;
  background: #000;
  border-radius: inherit;
}
.re-product-inline-video video{
  object-fit: contain;
}
/* keep iframe/model rules, but do NOT force all videos to height:100% */
.product__media iframe,
.product__media model-viewer {
  width: 100%;
  height: 100%;
  display: block;
}
/* Anchor positioning to the product card */
#snize-search-results-grid-mode li.snize-product-out-of-stock {
  position: relative;
}
/* VIDEO badge */
#snize-search-results-grid-mode li.snize-product-tag-video .snize-thumbnail{
  position: relative;
}
/* video and bundle badges */
/* 4k video badge */

#snize-search-results-grid-mode li.snize-product-tag-video .snize-thumbnail{
  position: relative;
}
#snize-search-results-grid-mode li.snize-product-tag-video .snize-thumbnail::before{
  content:"4K Video";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%) translateY(5px);
  z-index:20;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 6px;
  border-radius:999px;
  font-size:9px;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;
  color:#fff;
  background:linear-gradient(180deg, rgba(19,19,21,0.96), rgba(35,35,40,0.92));
  box-shadow:
    0 6px 18px rgba(0,0,0,0.22),
    inset 0 1px 0 rgba(255,255,255,0.12);
  pointer-events:none;
  white-space:nowrap;
}
/* tablet/mobile */
@media (max-width:1024px){
  #snize-search-results-grid-mode li.snize-product-tag-video .snize-thumbnail::before{
    transform:translateX(-50%) translateY(10px);
    padding:0 9px;
    min-height:26px;
    font-size:11px;
  }
}
@media (min-width: 769px) and (max-width: 1024px){
  #snize-search-results-grid-mode li.snize-product-tag-video .snize-thumbnail::before{
    transform: translateX(-50%) translateY(5px);
  }
}
/* Photo Bundle */
#snize-search-results-grid-mode li.snize-product-tag-bundle .snize-thumbnail{
  position: relative;
}
#snize-search-results-grid-mode li.snize-product-tag-bundle .snize-thumbnail::before{
  content:"Photo Bundle";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%) translateY(5px);
  z-index:20;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 6px;
  border-radius:999px;
  font-size:9px;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;
  color:#fff;
  background:linear-gradient(180deg, rgba(19,19,21,0.96), rgba(35,35,40,0.92));
  box-shadow:
    0 6px 18px rgba(0,0,0,0.22),
    inset 0 1px 0 rgba(255,255,255,0.12);
  pointer-events:none;
  white-space:nowrap;
}
/* tablet/mobile */
@media (max-width:1024px){
  #snize-search-results-grid-mode li.snize-product-tag-bundle .snize-thumbnail::before{
    transform:translateX(-50%) translateY(10px);
    padding:0 9px;
    min-height:26px;
    font-size:11px;
  }
}


/* Portrait Badge */
#snize-search-results-grid-mode li.snize-product-tag-portrait .snize-thumbnail{
  position: relative;
}

#snize-search-results-grid-mode li.snize-product-tag-portrait .snize-thumbnail::before{
  content:"Portrait Orientation";
  position:absolute;

  top:0;
  left:50%;
  transform:translateX(-50%) translateY(5px);

  z-index:20;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:4px 6px;
  border-radius:999px;

  font-size:9px;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;

  color:#fff;
  background:linear-gradient(180deg, rgba(19,19,21,0.96), rgba(35,35,40,0.92));
  box-shadow:
    0 6px 18px rgba(0,0,0,0.22),
    inset 0 1px 0 rgba(255,255,255,0.12);

  pointer-events:none;
  white-space:nowrap;
}

/* tablet/mobile */
@media (max-width:1024px){
  #snize-search-results-grid-mode li.snize-product-tag-portrait .snize-thumbnail::before{
    transform:translateX(-50%) translateY(10px);
    padding:0 9px;
    min-height:26px;
    font-size:11px;
  }
}

@media (min-width: 769px) and (max-width: 1024px){
  #snize-search-results-grid-mode li.snize-product-tag-portrait .snize-thumbnail::before{
    transform: translateX(-50%) translateY(5px);
  }
}

/* Graphic Bundle Badge */
#snize-search-results-grid-mode li.snize-product-tag-graphic-bundle .snize-thumbnail{
  position: relative;
}

#snize-search-results-grid-mode li.snize-product-tag-graphic-bundle .snize-thumbnail::before{
  content:"Graphic Bundle!";
  position:absolute;

  top:0;
  left:50%;
  transform:translateX(-50%) translateY(5px);

  z-index:20;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:4px 6px;
  border-radius:999px;

  font-size:9px;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;

  color:#fff;
  background:linear-gradient(180deg, rgba(19,19,21,0.96), rgba(35,35,40,0.92));
  box-shadow:
    0 6px 18px rgba(0,0,0,0.22),
    inset 0 1px 0 rgba(255,255,255,0.12);

  pointer-events:none;
  white-space:nowrap;
}

/* tablet/mobile */
@media (max-width:1024px){
  #snize-search-results-grid-mode li.snize-product-tag-graphic-bundle .snize-thumbnail::before{
    transform:translateX(-50%) translateY(10px);
    padding:0 9px;
    min-height:26px;
    font-size:11px;
  }
}

@media (min-width: 769px) and (max-width: 1024px){
  #snize-search-results-grid-mode li.snize-product-tag-graphic-bundle .snize-thumbnail::before{
    transform: translateX(-50%) translateY(5px);
  }
}



/* Header work */
#theme-block-topbar_petnwj {
  background: #000;
}
.list-menu__item, .list-menu__item>span {
    color: #f0f0f0;
}
.disclosure-form-field__text {
    color: #f0f0f0;
}
.disclosure-selector {
    color: #f0f0f0 !important;
}

/* video specs on single product page */
.product-video-specs{
  margin-top: 20px !important;
  padding:5px;
  border-radius:4px;
  /* Premium glass card */
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border:1px solid rgba(0,0,0,0.06);
  /* Soft shadow (luxury feel) 
  box-shadow:
    0 1px 2px rgba(0,0,0,0.04),
    0 8px 24px rgba(0,0,0,0.06);*/
}
/* Title */
.product-video-specs__title{
  margin:0 0 12px;  /* removes top gap + keeps spacing below */
  font-size:13px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  font-weight:600;
  opacity:0.65;
}
/* Grid layout instead of stacked list */
.product-video-specs__list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:10px 18px;
}
/* Each row */
.product-video-specs__list li{
  display:flex;
  flex-direction:column;
  gap:2px;
}
/* Label (small, subtle) */
.product-video-specs .label{
  font-size:11px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  opacity:0.55;
}
/* Value (main focus) */
.product-video-specs .value{
  font-size:14px;
  font-weight:600;
  letter-spacing:0.01em;
}
/* Mobile: stack to 1 column */
@media (max-width: 640px){
  .product-video-specs__list{
    grid-template-columns: 1fr;
  }
}
/* Header search bar hover fix */
.field__input:not(:focus):hover {
    color: red;
    background: red;
    border-color: transparent !important;
    outline: 4px solid var(--color-input-outline-active);
    outline-offset: 0;
}
/*front pg banner*/
#theme-section-template--26661050909039__banners_xH8xVb > div > div.page-grid-sp-1.page-grid-st-3.page-grid-md-3.page-grid-lg-3.page-grid-3.fullscreen-page-gap-0.justify-content-center {
  margin-top:0px;
}

h1.snize-search-results-page-title { 
  font-size: 28px;
  letter-spacing: -0.3px;
  color: #111;
}

/* Product slider box shadow */
.swiper-thumb__container--vertical {
        padding: 10px 0px 0px 10px;
    }

/*Product variant description text*/
.variants-label{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  width:100%;
}
.variants-label__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
}
.variants-label__main{
  display:block;
}
.variants-label__subtext{
  display:block;
  width:100%;
  margin-top:4px;
  font-size:12px;
  line-height:1.3;
  color:rgba(0,0,0,0.6);
}
@media (min-width: 1025px){
  .variants-label.half{
    width:50%;
  }
}
.product-form__input__small-top .variants-label{
  display: flex;
  flex-direction: column !important;   /* force vertical */
  align-items: flex-start;
  justify-content: flex-start;
}
.product-form__input__small-top .variants-label__top{
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.product-form__input__small-top .variants-label__subtext{
  display: block;
  width: 100%;
  font-size: 12px;
  color: rgba(0,0,0,0.6);
}
.variants-label.half {
        width: 100% !important;
    }
    .variants-tooltip{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  width: 16px;
  height: 16px;
  font-size: 11px;
  font-weight: 600;
  color: #555;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.2);
  cursor: pointer;
}
.variants-tooltip__content{
  position: absolute;
  bottom: 140%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(20,20,20,0.92);
  backdrop-filter: blur(8px);
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  padding: 10px 12px;
  border-radius: 8px;
  white-space: normal;
  max-width: 240px;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 50;
}
.variants-tooltip__content::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: rgba(20,20,20,0.92) transparent transparent transparent;
}
@media (max-width: 768px){
  .variants-tooltip__content{
    left: 0;
    transform: none;
    max-width: 180px;
  }
}
@media (max-width: 768px){
  .variants-tooltip__content{
    left: 0;
    transform: none;
    max-width: 200px;
  }
  .variants-tooltip__content::after{
    left: 12px; /* arrow aligns better on mobile */
    transform: none;
  }
}
.variants-tooltip:hover .variants-tooltip__content{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.variants-tooltip__content a.variants-tooltip__link{
  color: #fff;
  text-decoration: underline;
  font-weight: 500;
}
.variants-tooltip__content a.variants-tooltip__link:hover{
  opacity: 0.85;
}
.variants-tooltip__link{
  border-bottom: 1px solid rgba(255,255,255,0.6);
}

h1.snize-search-results-page-title, .re-latest-heading, .h5.price__main, h1.mt0.h4   {
     font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}
/*
h1.mt0.h4 {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}
.h5.price__main {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}
.product-tab__content.mt--first-child-0.body2 {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}
*/

/* Hide product media gallery arrows */
.product--thumbnail_slider .internal-swiper-button-prev,
.product--thumbnail_slider .internal-swiper-button-next,
.product--thumbnail_slider__mobile .internal-swiper-button-prev,
.product--thumbnail_slider__mobile .internal-swiper-button-next{
  display: none !important;
}
/* hero section searh box */
.home-search-hero__select{
  height: 50px;
  border-radius: 4px;
  border: 1px solid #a6a6a6f0;
  padding: 0 12px;
  background: rgba(255, 255, 255, .92);
  color: #757575;
  font-size: 14px;
  min-width: 130px;
}
@media (max-width: 740px){
  .home-search-hero__select{
    display:none;
  }
}

.home-search-hero__trending{
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
  color: rgba(17,17,17,.65);
  font-weight: 400;
  width: 100%;
}

@media (max-width: 768px){
  .home-search-hero__trending{
    margin-top: 8px;
  }
}

.home-search-hero__trending-label{
  color: rgba(17,17,17,.55);
  font-weight: 500;
  letter-spacing: .02em;
}

.home-search-hero__trending a{
  color: rgba(17,17,17,.75);
  text-decoration: none;
  transition: color .15s ease, opacity .15s ease;
}

.home-search-hero__trending a:hover{
  color: rgba(17,17,17,1);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.home-search-hero__trending .separator{
  color: rgba(17,17,17,.35);
}



/*desktop sidebar work*/
/* FILTER BUTTON */


/* SEARCHANISE DRAWER */
.snize-filters-sidebar,
.snize-filters{
  position: fixed !important;
  top:0 !important;
  left:-340px !important;

  width:320px !important;
  height:100vh !important;

  background:#fff !important;
  z-index:99998 !important;

  overflow-y:auto !important;

  transition:left .35s ease !important;

  padding:20px !important;

  box-shadow:0 0 40px rgba(0,0,0,.15);
}

/* OPEN STATE */
.re-filter-open .snize-filters-sidebar,
.re-filter-open .snize-filters{
  left:0 !important;
}

/* Remove Searchanise sidebar column from page layout */
div.snize div.snize-main-panel,
div.snize .snize-main-panel {
  display: block !important;
  width: 100% !important;
}

/* Force product results area full width */
div.snize #snize-search-results-grid-mode,
div.snize .snize-search-results-content,
div.snize .snize-products-view {
  width: 100% !important;
  max-width: 100% !important;
}

/* Take the Searchanise filters OUT of the page layout */
div.snize .snize-filters-sidebar,
div.snize .snize-filters,
div.snize #snize_filters {
  position: fixed !important;
  top: 0 !important;
  left: -360px !important;
  width: 330px !important;
  height: 100vh !important;
  background: #fff !important;
  z-index: 999999 !important;
  overflow-y: auto !important;
  padding: 24px !important;
  box-shadow: 0 0 40px rgba(0,0,0,.18) !important;
  transition: left .3s ease !important;
}

/* Drawer open */
body.re-filter-open div.snize .snize-filters-sidebar,
body.re-filter-open div.snize .snize-filters,
body.re-filter-open div.snize #snize_filters {
  left: 0 !important;
}

/* Filter button */
.re-filter-toggle {
    background: #000;;
    color: #fff;
    border: 0;
    padding: 10px 25px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    margin: 22px 0 0px 0px !important;
    letter-spacing: 1px;
    position: fixed !important;
  top: 85px !important;
  left: 20px !important;
  z-index: 1 !important;
    font-size: 14px;

}



/* Remove desktop filter panel search filter at the top*/ 
@media (min-width:1024px){
div.snize .snize-custom-searchbar__widget input {
    display: none;
}}

div.snize .snize-custom-searchbar__widget button {
    background-image: none !important;
}





.re-filter-icon{
  width:18px;
  height:18px;
  flex-shrink:0;
  margin-right:5px;
}

/* Hide by default */
.re-filter-toggle,
.re-filter-close {
  display: none !important;
}

/* Show only when JS confirms this is a collection/search page */
body.re-show-filter-button .re-filter-toggle {
  display: flex !important;
}
/* Hide custom desktop filter button on iPad Air portrait */
@media screen and (min-width: 768px) and (max-width: 820px) and (orientation: portrait) {
  body.re-show-filter-button .re-filter-toggle,
  body.re-show-filter-button.re-filter-open .re-filter-close {
    display: none !important;
  }
}
/* CLOSE BUTTON - slide with drawer */
.re-filter-close{
  position: fixed !important;
  top: 6px !important;
  left: -60px !important;

  width: 25px !important;
  height: 25px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #111 !important;
  color: #fff !important;
  border-radius: 4px !important;

  font-size: 27px !important;
  line-height: 1 !important;
padding-bottom: 2px !important;
  font-weight: 600 !important;

  cursor: pointer !important;
  z-index: 1000000 !important;

  transition: left .3s ease !important;
}

/* Close icon slides in with drawer */
body.re-filter-open .re-filter-close{
  left: 275px !important;
}

/* Close button only appears after drawer is open */
body.re-show-filter-button.re-filter-open .re-filter-close {
  display: flex !important;
}

/* product page portrait image fix */
/* Product page image fix 


.product--thumbnail_slider .product__media::before {
  content: none !important;
  display: none !important;
  padding-top: 0 !important;
}

.product--thumbnail_slider .product__media img {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  max-height: 620px !important;
  object-fit: contain !important;
  display: block !important;
}


body.product-portrait .product--thumbnail_slider .product__media img {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
*/


/* DT filter button normal position under breadcrumbs */
.re-filter-toggle {
  position: absolute !important;
  top: 140px !important;
  left: 20px !important;
  z-index: 9998 !important;
  transition: none !important;
}

/* Sticky position after scrolling */
body.re-filter-scrolled .re-filter-toggle {
  position: fixed !important;
  top: 10px !important;
  left: 20px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.22) !important;
}



/* Force hide on phones in any orientation */
@media screen and (max-width: 767px) {
  body.re-show-filter-button .re-filter-toggle,
  body.re-show-filter-button.re-filter-open .re-filter-close {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  footersticky-nav {
    z-index: 999999 !important;
  }

  footersticky-nav .footer-sticky-nav,
  .footer-sticky-nav {
    z-index: 999999 !important;
  }
}

@media screen and (max-width: 767px) {
  .re-4k-video-badge,
  .re-portrait-badge,
  .re-bundle-badge,
  .re-photo-bundle-badge {
    z-index: 1 !important;
  }
}






/* Searchanise tablet portrait: force 2 columns */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  div.snize #snize-search-results-grid-mode {
    display: block !important;
    width: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    font-size: 0 !important;
  }

  div.snize #snize-search-results-grid-mode li.snize-product {
    display: inline-block !important;
    vertical-align: top !important;
    width: 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 6px 18px !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: none !important;
    font-size: 14px !important;
  }

  div.snize #snize-search-results-grid-mode li.snize-product span.snize-thumbnail,
  div.snize #snize-search-results-grid-mode li.snize-product span.snize-thumbnail img {
    width: 100% !important;
  }

}

/* Searchanise iPad 10th/11th gen portrait: stop 16:9 thumbnail crop */
@media screen and (min-width: 768px) and (max-width: 900px) and (orientation: portrait) {

  div.snize #snize-search-results-grid-mode li.snize-product span.snize-thumbnail img {
    aspect-ratio: 3 / 4 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: cover !important;
  }

}







/* Center Searchanise product grid properly */
div.snize div.snize-main-content,
div.snize div.snize-main-content-inner,
div.snize ul.snize-search-results-content,
div.snize #snize-search-results-grid-mode {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box !important;
}








/* Remove hidden overflow causing right-side gap */
html,
body {
  overflow-x: hidden !important;
}

/* Fix uneven grid alignment */
div.snize #snize-search-results-grid-mode {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

/* Product card sizing */
div.snize #snize-search-results-grid-mode li.snize-product {
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media screen and (min-width: 577px) and (max-width: 1024px) and (orientation: portrait) {

  footersticky-nav {
    isolation: isolate !important;
    z-index: 999999 !important;
  }

  footersticky-nav .footer-sticky-nav {
    z-index: 999999 !important;
  }

}

div.snize div.snize-main-panel-controls {
    display: none;
}

#snize_results.snize-mobile-design.snize-new-version div.snize-main-panel {
    min-height: 0px !important;
}

@media (max-width: 768px){
div.snize.snize-search-results.snize-mobile-design#snize_results {
    margin-top: 20px;
}}

@media (max-width: 768px) {
  #snize-search-results-grid-mode > ul {
    padding-left: 5px !important;
    list-style: none !important;
  }

  #snize-search-results-grid-mode > ul > li {
    list-style: none !important;
  }
}



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

  #snize_results.snize-mobile-design.snize-new-version div.snize-main-panel-mobile-filters {
    position: absolute !important;
    top: 60px !important;
    right: 6px !important;
    left: auto !important;
    width: auto !important;
    max-width: calc(100vw - 16px) !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

}


#snize_results.snize-mobile-design.snize-new-version div.snize-header {
    margin-left: 0px !important;
    margin-right: calc(50% - 46vw);
    display: block;
    height: auto;
}



/* Portrait product page image sizing */
.main-product__container.product-tag-portrait
.product--thumbnail_slider .product-media__item [style*="--aspect-ratio"] {
  --aspect-ratio: 1.15 !important;
}

.main-product__container.product-tag-portrait
.product--thumbnail_slider .product-media__item img {
  object-fit: contain !important;
}

/* Tablet portrait: make portrait product images larger */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .main-product__container.product-tag-portrait
  .product--thumbnail_slider .product-media__item [style*="--aspect-ratio"] {
    --aspect-ratio: 0.8 !important;
  }
}

/* Hero Homepage Section Stop Movement On Page Load */
/* Stop homepage hero jump / flash gap on load */
body.template-index .shopify-section:first-child,
body.template-index .shopify-section:first-child > *,
body.template-index .hero,
body.template-index .hero-section,
body.template-index .custom-hero,
body.template-index .turbolocker-hero {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Prevent hero from resizing while page loads */
body.template-index .shopify-section:first-child {
  min-height: 420px;
  overflow: hidden;
}

/* Mobile/tablet */
@media screen and (max-width: 768px) {
  body.template-index .shopify-section:first-child {
    min-height: 360px;
  }
}





 .menu-drawer .drawer-nav-secondary {
    display: none !important;
  }
  
  .product-form__buttons__content .btn {
  font-size:17px;
}


.opus-wrapper-price-section {
  display: block !important;
  flex: unset !important;
}

#theme-section-template--26661050909039__custom_liquid_WanPCU {
  margin-top: 0 !important;
}

/* Searchanise desktop thumbnail height and consistent row spacing */
/* Searchanise row spacing */
/* Searchanise desktop image height and row spacing */
@media screen and (min-width: 1025px) {
  div.snize #snize-search-results-grid-mode
  ul.snize-search-results-content {
    row-gap: 16px !important;
  }

  div.snize #snize-search-results-grid-mode
  li.snize-product .snize-thumbnail-wrapper,
  div.snize #snize-search-results-grid-mode
  li.snize-product span.snize-thumbnail {
    height: 260px !important;
    min-height: 0 !important;
    max-height: 240px !important;
  }
}



.mt10.h6.cart-item__heading.animation-underline::after {
    content: "\00A0(Digital Photo)" !important;      /* one non-breaking space */
    display: inline !important;
  }
}

.template-product .product-media__item .product__media {
  position: relative;
}

/* product page watermark */
/* Watermark */
.product-media__item .product__media::after {
  content: "\00A9\00A0TurboLocker" !important;

  position: absolute !important;

  top: 50% !important;
  left: 50% !important;

  transform: translate(-50%, -50%) !important;

  font-size: 92px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-synthesis: none !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  color: rgba(255, 255, 255, 0.32) !important;

  text-shadow:
    0 1px 1px rgba(0, 0, 0, 0.18) !important;

  letter-spacing: -1px !important;

  white-space: nowrap !important;
  pointer-events: none !important;
  z-index: 20 !important;

    transition: none !important;
  animation: none !important;
}

/* Smaller watermark on mobile */
@media (max-width: 749px) {
  .product-media__item .product__media::after {
    font-size: 44px !important;
  }
}



@media (max-width: 749px) {
  body.template-index footersticky-nav .footer-sticky-nav,
  body.template-index .footer-sticky-nav {
    display: none !important;
  }
}




/* 
End custom css
*/



a:not(.a--no-hover-color):not(.btn){
  --color-a: var(--color-text-link-block, var(--color-accent-section, var(--color-text-link-main)));
}
a{
  color: var(--color-a, inherit);
  text-decoration: none;
  outline: 0;
  transition: color var(--duration-medium) var(--animation-bezier);
}
@media (min-width:1025px){
  a:not(.a--no-hover-color):not(.btn):hover{
    --color-a-hover: var(--color-text-link-hover-block, var(--color-accent-section, var(--color-text-link-hover-main)));
  }
  a:hover{
    color: var(--color-a-hover, inherit);
    text-decoration: underline;
  }
}
a.clear-underline{
  text-decoration: none;
}
a[href*="tel:"]{
  text-decoration: none;
}
a[href*="tel:"]:hover{
  color: var(--color-text,  var(--color-base-section, var(--color-base)));
}
h1,h2,h3,.h1,.h2,.h3{
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: var(--color-heading-block, var(--color-base-section, var(--color-heading-main)));
  line-height: var(--font-heading-line-height);
  word-break: break-word;
}
h4,h5,h6,.h4,.h5,.h6{
  font-family: var(--font-h4h5h6-family,var(--font-heading-family));
  font-style: var(--font-h4h5h6-style,var(--font-heading-style));
  font-weight: var(--font-h4h5h6-weight,var(--font-heading-weight));
  color: var(--color-heading-block, var(--color-base-section, var(--color-heading-main)));
  line-height: var(--font-heading-line-height);
  word-break: break-word;
}
.section-heading-text{
  color: var(--color-base-section, var(--color-heading-main));
}
.section-heading-desc-text{
  color: var(--color-base-section, var(--color-base));
}
.h1,.h2,.h3,.h4,.h5,.h6{
  margin: 0;
}
h1>a,h2>a,h3>a,h4>a,h5>a,h6>a,
.h1>a,.h2>a,.h3>a,.h4>a,.h5>a,.h6>a{
  color: var(--color-heading-block, var(--color-base-section, var(--color-heading-main)));
}
.subheading{
  color: var(--color-accent-section ,var(--color-subheading-main));
}
@media (min-width: 1025px){
  h1,h2{
    --h-mt: var(--main-text-top-offset);
    --h-mb: var(--main-text-bottom-offset);
  }
}
@media (max-width: 1024px){
  h1,h2{
    --h-mt: var(--main-text-top-offset);
    --h-mb: var(--main-text-bottom-offset);
  }
}
h1,.h1{
  font-size: calc(48px * var(--font-h1h2h3_scale, var(--font-heading-scale)));
}
h2,.h2{
  font-size: calc(40px * var(--font-h1h2h3_scale, var(--font-heading-scale)));
}
h1,h2{
  margin-top: var(--h-mt, 0);
  margin-bottom: var(--h-mb, 0);
}
h3,.h3{
  font-size: calc(32px * var(--font-h1h2h3_scale, var(--font-heading-scale)));
}
@media (max-width: 576px){
  h1,.h1{
    font-size: calc(36px * var(--font-h1h2h3_scale, var(--font-heading-scale)));
  }
  h2,.h2{
    font-size: calc(32px * var(--font-h1h2h3_scale, var(--font-heading-scale)));
  }
  h3,.h3{
    font-size: calc(28px * var(--font-h1h2h3_scale, var(--font-heading-scale)));
  }
}
h4,.h4{
  font-size: calc(24px * var(--font-h4h5h6_scale, var(--font-heading-scale)));
}
h5,.h5{
  font-size: calc(19px * var(--font-h4h5h6_scale, var(--font-heading-scale)));
}
h6,.h6{
  font-size: calc(16px * var(--font-h4h5h6_scale, var(--font-heading-scale)));
}
h3,h4,h5,h6{
  --h-mt: var(--main-text-top-offset);
  --h-mb: var(--main-text-bottom-offset);
  margin-top: var(--h-mt);
  margin-bottom: var(--h-mb);
}
.body2{
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  font-weight: var(--font-body-weight);
}
.body3{
  font-size: var(--font-body3-size);
  line-height: var(--font-body3-line-height);
  font-weight: var(--font-body-weight);
}
@media (max-width:1024px){
  .body3-st{
    font-size: var(--font-body3-size);
    line-height: var(--font-body3-line-height);
    font-weight: var(--font-body-weight);
  }
}
.body3-no-scale{
  font-size: var(--font-body3-size-no-scale);
  line-height: var(--font-body3-line-height);
  font-weight: var(--font-body-weight);
}
strong,b,.strong{
  --font-body-weight-bold-value: var(--font-body-weight-bold);
  font-weight: var(--font-body-weight-bold);
}
h1.strong,h2.strong,h3.strong,h4.strong,h5.strong,h6.strong,.h1.strong,.h2.strong,.h3.strong,.h4.strong,.h5.strong,.h6.strong,
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,.h1 strong,.h2 strong,.h3 strong,.h4 strong,.h5 strong,.h6 strong,
h1 b,h2 b,h3 b,h4 b,h5 b,h6 b,.h1 b,.h2 b,.h3 b,.h4 b,.h5 b,.h6 b{
  font-weight: var(--font-heading-weight);
}
p{
  margin: var(--main-text-top-offset) 0 0;
}
ul, ol{
  margin-top:var(--main-text-top-offset);
  margin-bottom:0;
  padding-left: 28px;
}
.unstyle-ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
a:empty, ul:empty, dl:empty, p:empty {
  display: none;
}
img{
  max-width: 100%;
  vertical-align: middle;
}
meta+img,p+img{
  max-width: 100%;
  vertical-align: middle;
  margin: var(--main-text-top-offset) 0 0;
}
p span img{
  max-width: 100%;
  vertical-align: middle;
}
button, button:active, button:focus {
  outline: none;
}
button {
  border: none;
}
.section-background--small{
  --section-background-spacing: var(--sections-top-spacing--small);
  --section-background-spacing-mobile: var(--sections-top-spacing--small-mobile);
}
.section-background--medium{
  --section-background-spacing: var(--sections-top-spacing--medium);
  --section-background-spacing-mobile: var(--sections-top-spacing--medium-mobile);
}
.section-background--normal{
  --section-background-spacing: var(--sections-top-spacing);
  --section-background-spacing-mobile: var(--sections-top-spacing-mobile);
}
.section-background{
  padding-top: var(--section-background-spacing, 0);
  padding-bottom: var(--section-background-spacing, 0);
  padding-left: 0;
  padding-right: 0;
  background: var(--color-section-background-custom, var(--color-section-background));
}
.background__horizontal-line{
  width:100%;
  height:1px;
  background:var(--color-lines);
}
.section-background--no-color{
  background: unset;
}
@media(min-width: 577px){
  [class*="page-wi"] .section-background{
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media(max-width: 576px){
  .section-background{
    padding-top: var(--section-background-spacing-mobile, 0);
    padding-bottom: var(--section-background-spacing-mobile, 0);
  }
  [class*="page-"].section-background--mobile-width{
    padding-left: 0;
    padding-right: 0;
  }
  [class*="page-wi"] .section-background{
    padding-left: var(--grid-padding);
    padding-right:var(--grid-padding);
    border-radius:0;
  }
  .background__page-padding0{
    --grid-padding: 0;
  }
}
.border__radius,
.image--radius img{
  border-radius: var(--radius);
}
.section-heading-elements{
  display:flex;
  flex-direction:column;
  gap:16px;
}
@media (min-width:1025px){
  .heading-with-button{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "b c";
  }
  .heading-with-button.text-center{
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: "a b c";
  }
  .heading-with-button>*:first-child{
    grid-area:b;
  }
  .heading-with-button>*:last-child{
    text-align:right;
    grid-area:c;
    margin-top: auto;
  }
}
@media (max-width:1024px){
  .heading-with-button>*:last-child{
    display: none;
  }
}
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt13{margin-top:13px;}
.mt15{margin-top:15px;}
.mt16{margin-top:var(--main-text-section-top-offset);}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.page-content__mockup .section-heading-container+*,
.section-heading-container:not(.section-heading-container--no-bt)+*,
.mt40{margin-top:40px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb16{margin-bottom:16px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mt-first-0>*:first-child{margin-top:0;}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.nomargin{margin: 0;}
.mt--first-child-0 > *:first-child{margin-top:0;}
.mb--last-child-0 > *:last-child{margin-bottom:0;}
.text-uppercase{text-transform: uppercase !important;}
.justify-content-center{justify-content: center !important;}
.justify-content-end{justify-content: flex-end !important;}
.align-items-start{align-items: flex-start !important;}
.align-items-center{align-items: center !important;}
.align-items-end{align-items: flex-end !important;}
.align-self-center{align-self: center !important;}
.align-self-end{align-self: flex-end !important;}
.display-block{display: block;}
.display-flex{display: flex;}
.display-flex--column{flex-direction:column;}
.display-inline-flex{display: inline-flex;}
.justify-content-between{justify-content: space-between;}
.position-relative{position: relative;}
.hidden, .hide{display: none !important;}
.body-bold-weight{font-weight: var(--font-body-weight-bold);}
.visibility-hidden{
  visibility: hidden;
  display: none !important;
}
.visibility-hidden:first-child+*:not(.visibility-hidden){
  margin-top: 0;
}
@media (max-width:1024px){
  .hide-st{
    display:none;
  }
}
.mt0{margin-top: 0px;}
.mb0{margin-bottom: 0px;}
@media (min-width:577px){
  .mt--first-child-0-desktop > *:first-child{margin-top:0;}
}
blockquote{
  background: rgba(var(--color-base-rgb),.05);
  border-radius: var(--radius);
  padding: 30px;
  margin: var(--main-text-top-offset) 0 0;
}
blockquote>:first-child{
  margin: 0;
}
svg.theme-icon path,
svg.theme-icon rect{
  fill: var(--color-text-icons-block, var(--color-base-section, var(--color-text-icons-main)));
}
svg > *{
  transition: fill var(--duration-medium) var(--animation-bezier);
}
.placeholder__svg--bg{
  position: relative;
  overflow: hidden;
  width: 100%;
}
.placeholder__svg--bg-none{
  background: rgba(0,0,0,0);
}
.icon-as-image img{
  width:var(--icon-image-width, 40px);
  height:auto;
}
.placeholder__svg--bg svg{
  display: flex;
  width: 100%;
  height: auto;
}
tag-image{
  display:flex;
  width:100%;
}
.image-hover-box__container{
  display:block;
  position:relative;
  overflow:hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  height: max-content;
  z-index:0;
}
.image-hover-box{
  display:block;
  position:relative;
  border-radius: var(--custom-image-radius, var(--radius));
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  z-index:0;
}
.image-hover-box>*{
  pointer-events:none;
}
.change-to__small-radius .product-card swiper-slider,
.change-to__small-radius .image-hover-box,
.image-hover-box__small-radius{
  border-radius: var(--radius-image);
}
.image-hover-box--circle{
  border-radius: 50%!important;
}
@media (min-width:577px){
  .image-aspratio-round--desktop{
    border-radius: 50%!important;
  }
}
@media (max-width:576px){
  .image-aspratio-round--mobile{
    border-radius: 50%!important;
  }
}
summary {
  cursor: pointer;
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}
[style*="--aspect-ratio"]{
  position: relative;
  overflow: hidden;
  width: 100%;
  z-index:0;
}
[style*="--aspect-ratio"] img,
[style*="--aspect-ratio"].placeholder__svg--bg svg{
  backface-visibility: hidden;
  transform: translateZ(0);
  object-fit: cover;
  object-position: var(--media-object-position, center);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:0;
}
.image-fit-contain [style*="--aspect-ratio"] img{
  object-fit: contain;
}
[style*="--aspect-ratio"]:before{
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: calc(100%/(0 + var(--aspect-ratio, 1 / 1)));
  transition: background 1s var(--animation-bezier);
}
[style*="--aspect-ratio"].bg-preloader:before{
  background:var(--color-image-preloader-bg);
}
[style*="--aspect-ratio"].bg-preloader:has(.image-loaded):before{
  background:transparent; 
}
@media (max-width: 576px){
  [style*="--aspect-ratio-mobile"]:before{
    --aspect-ratio: var(--aspect-ratio-mobile);
  }
}
@media (min-width: 1025px){
  .image-hover01 .image-hover-box>*,
  .image-hover01-personal .image-hover-personal-element .image-hover-box>*{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
  .image-hover01:not(.image-hover01-rotate-personal):hover .image-hover-box>*,
  .image-hover01-personal:hover .image-hover-personal-element  .image-hover-box>*{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  .image-hover01.image-hover01-rotate:hover .image-hover-box>*,
  .image-hover01.image-hover01-rotate-personal:hover .image-hover-personal-element  .image-hover-box>*{
    -webkit-transform: scale(1.2) rotate(-10deg);
    transform: scale(1.2) rotate(-10deg);
  }
  .image-hover02 .image-hover-box img,
  .image-hover02-personal .image-hover-personal-element .image-hover-box img,
  .image-hover02 .image-hover-box svg{
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
  .image-hover02:hover .image-hover-box img,
  .image-hover02-personal:hover .image-hover-personal-element  .image-hover-box img,
  .image-hover02:hover .image-hover-box svg{
    max-width:116%;
    width:116%;
    height:116%;
  }
  .image-hover03 .image-hover-box>*,
  .image-hover03-personal .image-hover-personal-element .image-hover-box>*{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
  .image-hover03:hover .image-hover-box>*,
  .image-hover03-personal:hover .image-hover-personal-element  .image-hover-box>*{
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .image-hover04 .image-hover-box img,
  .image-hover04-personal .image-hover-personal-element .image-hover-box img,
  .image-hover04 .image-hover-box svg{
    max-width:116%;
    width:116%;
    height:116%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
  .image-hover04:hover .image-hover-box img,
  .image-hover04-personal:hover .image-hover-personal-element  .image-hover-box img,
  .image-hover04:hover .image-hover-box svg{
    max-width:100%;
    width:100%;
    height:100%;
  }
  .image-hover05 .image-hover-box img,
  .image-hover05-personal .image-hover-personal-element .image-hover-box img,
  .image-hover05 .image-hover-box svg{
    left: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
  .image-hover05:hover .image-hover-box img,
  .image-hover05-personal:hover .image-hover-personal-element  .image-hover-box img,
  .image-hover05:hover .image-hover-box svg{
    left: -30px;
  }
  [class*="image-hover05"] img,
  [class*="image-hover05"] .placeholder__svg--bg svg{
    width: calc(100% + 30px);
    max-width:unset;
  }
  .image-hover06 .image-hover-box>*:after,
  .image-hover06-personal .image-hover-personal-element .image-hover-box>*:after{
    position: absolute;
    top: 0;
    left: -150%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
  }
  .image-hover06:hover .image-hover-box>*:after,
  .image-hover06-personal:hover .image-hover-personal-element  .image-hover-box>*:after{
    -webkit-animation: shine .75s;
    animation: shine .75s;
  }
  @-webkit-keyframes shine {
    1% {
      left: -100%;
    }
    100% {
      left: 125%;
    }
  }
  @keyframes shine {
    1% {
      left: -100%;
    }
    100% {
      left: 125%;
    }
  }
}
table{
  overflow:hidden;
  border: 0;
  padding: 0;
  background: none;
  border-collapse: separate;
  border-spacing: 0;
  border-radius:var(--radius-table);
  width: 100%;
  text-align: left;
  border: var(--border);
  --border: 1px solid var(--color-lines);
  word-break: break-word;
}
.scroll-table-mobile:not(:only-child) table,
table:not(:only-child){
  margin-top:var(--main-text-top-offset);
}
dd,dl{
  margin:0;
}
th{
  font-weight:var(--font-body-weight-bold);
}
td{
  font-weight:var(--font-body-weight);
  border:none;
}
table.rounded-corners th:not(:last-child),
table.rounded-corners td:not(:last-child) {
  border-right: var(--border);
}
table>thead>tr:not(:last-child)>th,
table>thead>tr:not(:last-child)>td,
table>tbody>tr:not(:last-child)>th,
table>tbody>tr:not(:last-child)>td,
table>tfoot>tr:not(:last-child)>th,
table>tfoot>tr:not(:last-child)>td,
table>thead:not(:last-child)>tr>th,
table>thead:not(:last-child)>tr>td,
table>tbody:not(:last-child)>tr>th,
table>tbody:not(:last-child)>tr>td,
table>tfoot:not(:last-child)>tr>th,
table>tfoot:not(:last-child)>tr>td,
table>tr:not(:last-child)>td,
table>tr:not(:last-child)>th,
table>thead:not(:last-child),
table>tbody:not(:last-child),
table>tfoot:not(:last-child) {
  border-bottom: var(--border);
}
table th:not(:last-child),
table td:not(:last-child){
  border-right: var(--border);
}
td, th {
  padding:10px;
}
table h1, table h2, table h3, table h4, table h5, table h6{
  margin-top: 0;
  margin-bottom: 0;
}
table thead{
  text-align: left;
}
@media (max-width:576px){
  .scroll-table-mobile{
    overflow-y: hidden;
    overflow-x: auto;
    width: calc(100% + 15px);
    padding-right:20px;
  }
  .scroll-table-mobile table{
    width: max-content!important;
    min-width: 100%;
    max-width: 767px;
  }
}
.page-content__mockup img{
  border-radius:var(--radius);
}
.page-content__mockup iframe{
  display:block;
  border-radius: var(--radius);
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  margin-top:var(--main-text-top-offset);
}
.page-content__mockup p iframe{
  margin-top:0;
}
.link{
  --color-link-text:var(--color-link-button-block, var(--color-accent-section, var(--color-link-button)));
  --color-link-icon:var(--color-link-button-icon-block, var(--color-accent-section, var(--color-link-button-icon)));
  --color-link-text-hover:var(--color-link-button-block-hover, var(--color-base-section, var(--color-link-button-hover)));
  --color-link-icon-hover:var(--color-link-button-icon-block-hover, var(--color-base-section, var(--color-link-button-icon-hover)));
  cursor: pointer;
  display: inline-flex;
  gap:5px;
  align-items: center;
  border: none;
  box-shadow: none;
  text-decoration: none;
  background-color: transparent;
  position:relative;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color:var(--color-link-text);
  font-family:var(--font-body-family);
  font-style:var(--font-body-style);
  font-size:var(--font-body3-size);
  line-height:var(--font-body3-line-height);
  transition: color var(--duration-medium) var(--animation-bezier);
}
.link.link--medium{
  font-size: var(--font-body2-size);
  line-height: var(--font-body2-line-height);
  gap:8px;
}
.link.link--big{
  font-size: calc(19px * var(--font-h4h5h6_scale, var(--font-heading-scale)));
  font-family: var(--font-h4h5h6-family,var(--font-heading-family));
  font-style: var(--font-h4h5h6-style,var(--font-heading-style));
  font-weight: var(--font-h4h5h6-weight,var(--font-heading-weight));
  line-height: var(--font-heading-line-height);
}
.link--max-content{
  width:max-content;
}
.link svg{
  flex: 0 0 auto;
}
.link svg path{
  fill: var(--color-link-icon);
}
.link.link-hover-span span{
  position:relative;
}
.link:not(.link-hover-span):before,
.link.link-hover-span span:before{
  content: "";
  position: absolute;
  width: 0;
  height:var(--animation-underline-thin);
  left: 0;
  top: 100%;
  background: var(--color-link-text-hover);
  transition: width var(--duration-medium) var(--animation-bezier);
  pointer-events:none;
}
.link.link--no-underline:before,
.link.link--no-underline span:before{
  content:none;
}
.link.link-hover-span span span:before{
  content: none;
}
.link.link-hover-span--underline span:before{
  width: 100%;
  background: var(--color-link-text);
}
.heading-color-block-main,
.heading-color-block-hover{
  --color-heading-block:var(--color-heading-link-block, var(--color-base-section, var(--color-heading-main)));
  color:var(--color-heading-block);
}
.heading-color-block-main.animation-underline{
  --color-hover:var(--color-heading-block);
}
@media (min-width: 1025px){
  .heading-color-block-hover {
    transition: color var(--duration-medium) var(--animation-bezier);
  }
  .heading-color-block-hover.animation-underline{
    --color-hover:var(--color-heading-hover-block, var(--color-accent-section, var(--color-accent)));
  }
  .hover-area:hover .link:not(.native-hover),
  .link:not(:empty):not(.empty):hover{
    text-decoration:none;
    color:var(--color-link-text-hover);
  }
  .heading-color-block-hover:hover,
  .hover-area:hover .heading-color-block-hover:not(.native-hover){
    text-decoration:none;
    color:var(--color-heading-hover-block, var(--color-accent-section, var(--color-accent)));
  }
  .hover-area:hover .link:not(.native-hover) svg path,
  .link:hover svg path{
    fill:var(--color-link-icon-hover);
  }
  .hover-area:hover .link:not(.native-hover):not(.link-hover-span):hover:before,
  .link:not(.link-hover-span):hover:before,
  .hover-area:hover .link.link-hover-span:not(.native-hover):hover span:before,
  .link.link-hover-span:hover span:before{
    text-decoration: none;
    width: 100%;
  }
  .link.link-hover-span--underline:hover span:before{
    width: 0%;
  }
}
.link.active,
.link.link-active{
  color:var(--color-link-text-hover);
}
.link.active svg path,
.link.link-active svg path{
  fill:var(--color-link-icon-hover);
}
.link.link-hover-span.active span:before,
.link.link-hover-span.link-active span:before{
  text-decoration: none;
  width: 100%;
}
.link__base-to_accent-color{
  --color-link-text: var(--color-link-button-block-inverse, var(--color-base-section, var(--color-base)));
  --color-link-icon: var(--color-link-button-icon-block-inverse, var(--color-base-section, var(--color-base)));
  --color-link-text-hover: var(--color-link-button-block-inverse-hover, var(--color-accent-section, var(--color-accent)));
  --color-link-icon-hover: var(--color-link-button-icon-block-inverse-hover, var(--color-accent-section, var(--color-accent)));
}
.btn{
  --background: var(--color-button-block, var(--color-accent-section, var(--color-button_main, var(--color-accent))));
  --color:var(--color-button-text_main, var(--color-base));
  --border:var(--color-button-border_main);
  --background-hover: var(--color-button-hover-block, var(--color-base-section, var(--color-button-hover_main, var(--color-base))));
  --background-program-hover: var(--background-hover);
  --color-hover:var(--color-button-text-hover_main, var(--color-accent));
  --border-hover:var(--color-button-border-hover_main);
  --border-width:var(--border-button-width_main);
  --border-width-hover:var(--border-button-width-hover_main);
  --icon:var(--color-button-icon_main, var(--color-base));
  --icon-hover:var(--color-button-icon-hover_main, var(--color-accent));
  --button-opacity-hover:var(--color-button-opacity-hover_main);
  --shadow-button-current:var(--shadow-button_main);
  --shadow-button-current-hover:var(--shadow-button-hover_main);
  --self-border-width:var(--border-button-width-value_main);
  --height:var(--button-height);
  --height-mobile:var(--button-height-mob);
  position: relative;
  display: inline-flex;
  vertical-align:top;
  justify-content: center;
  align-items:center;
  text-align:center;
  font-family: var(--font-button-family, var(--font-body-family));
  font-style: var(--font-button-style, var(--font-body-style));
  font-weight: var(--font-button-weight);
  font-size: calc(14px * var(--font-button_scale, var(--font-body-scale)));
  line-height: var(--font-body2-line-height);
  height:var(--height);
  background: transparent;
  color: var(--color);
  border-radius: var(--radius-button);
  padding: 0 25px 0;
  width: auto;
  text-decoration: none;
  cursor: pointer;
  box-shadow:var(--shadow-button-current);
  transition: color var(--duration-medium) var(--animation-bezier),
              box-shadow var(--duration-medium) var(--animation-bezier);
}
.btn-font{
  font-family: var(--font-button-family, var(--font-body-family));
  font-style: var(--font-button-style, var(--font-body-style));
  font-weight: var(--font-button-weight);
  font-size: calc(14px * var(--font-button_scale, var(--font-body-scale)));
  line-height: var(--font-body2-line-height);
}
.btn>*{
  position:relative;
  z-index:1;
}
.btn-small-width{
  width:max-content;
}
.btn__texts{
  pointer-events:none;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  height:calc(var(--height) - var(--self-border-width) * 2);
  z-index:1;
}
.btn--large{
  --height:var(--button-height-big);
  font-size: var(--font-body-size);
  line-height: var(--font-body-line-height);
}
.btn--border{
  --background: var(--color-button-block_secondary, var(--color-button_secondary, var(--color-body-background)));
  --color:var(--color-button-text_secondary, var(--color-accent-section, var(--color-accent)));
  --border:var(--color-button-border_secondary-block, var(--color-accent-section, var(--color-button-border_secondary, var(--color-accent))));
  --background-hover: var(--color-button-hover-block_secondary, var(--color-accent-section, var(--color-button-hover_secondary, var(--color-accent))));
  --color-hover:var(--color-button-text-hover_secondary, var(--color-base));
  --border-hover:var(--color-button-border-hover_secondary);
  --border-width:var(--border-button-width_secondary);
  --border-width-hover:var(--border-button-width-hover_secondary);
  --icon:var(--color-button-icon_secondary, var(--color-accent-section, var(--color-accent)));
  --icon-hover:var(--color-button-icon-hover_secondary, var(--color-base));
  --button-opacity-hover:var(--color-button-opacity-hover_secondary);
  --shadow-button-current:var(--shadow-button_secondary);
  --shadow-button-current-hover:var(--shadow-button-hover_secondary);
  --self-border-width:var(--border-button-width-value_secondary);
}
.btn--tabs{
  --background: var(--color-button-block_tabs, var(--color-button_tabs, var(--color-secondary-background)));
  --color:var(--color-button-text-block_tabs, var(--color-base-section, var(--color-button-text_tabs, var(--color-base))));
  --border:var(--color-button-border_tabs, var(--color-secondary-background));
  --background-hover: var(--color-button-hover-block_tabs, var(--color-base-section, var(--color-button-hover_tabs, var(--color-base))));
  --color-hover:var(--color-button-text-hover_tabs);
  --border-hover:var(--color-button-border-hover_tabs);
  --border-width:var(--border-button-width_tabs);
  --border-width-hover:var(--border-button-width-hover_tabs);
  --icon:var(--color);
  --icon-hover:var(--color-hover);
  --button-opacity-hover:var(--color-button-opacity-hover_tabs);
  --shadow-button-current:unset;
  --shadow-button-current-hover:unset;
  --self-border-width:var(--border-button-width-value_tabs);
}
.btn--tabs.active{
  --background: var(--color-button-hover-block_tabs, var(--color-base-section, var(--color-button-hover_tabs, var(--color-base))));
  --color:var(--color-button-text-hover_tabs);
  --border:var(--color-button-border-hover_tabs);
  --border-width:var(--border-button-width-hover_tabs);
  --button-opacity:var(--color-button-opacity-hover_tabs);
  cursor: default;
  pointer-events: none;
}
.btn--checkout{
  --radius-button:var(--radius-button-product-page);
  --background: var(--color-button-block, var(--color-accent-section, var(--color-button_checkout, var(--color-accent))));
  --color:var(--color-button-text_checkout, var(--color-accent));
  --border:var(--color-button-border_checkout, var(--color-accent));
  --background-hover: var(--color-button-hover-block, var(--color-base-section, var(--color-button-hover_checkout, var(--color-base))));
  --color-hover:var(--color-button-text-hover_checkout, var(--color-base));
  --border-hover:var(--color-button-border-hover_checkout);
  --border-width:var(--border-button-width_checkout);
  --border-width-hover:var(--border-button-width-hover_checkout);
  --icon:var(--color-button-icon_checkout, var(--color-accent));
  --icon-hover:var(--color-button-icon-hover_checkout, var(--color-base));
  --button-opacity-hover:var(--color-button-opacity-hover_checkout);
  --shadow-button-current:var(--shadow-button_checkout);
  --shadow-button-current-hover:var(--shadow-button-hover_checkout);
  --self-border-width:var(--border-button-width-value_checkout);
  --height:var(--button-height-big);
}
.btn--addtocart-page{
  --radius-button:var(--radius-button-product-page);
  --background: var(--color-button-block_addtocart, var(--color-accent-section, var(--color-button_addtocart, var(--color-accent))));
  --color:var(--color-button-text_addtocart, var(--color-accent));
  --border:var(--color-button-border_addtocart, var(--color-accent));
  --background-hover: var(--color-button-hover-block_addtocart, var(--color-base-section, var(--color-button-hover_addtocart, var(--color-base))));
  --color-hover:var(--color-button-text-hover_addtocart, var(--color-base));
  --border-hover:var(--color-button-border-hover_addtocart);
  --border-width:var(--border-button-width_addtocart);
  --border-width-hover:var(--border-button-width-hover_addtocart);
  --icon:var(--color-button-icon_addtocart, var(--color-accent));
  --icon-hover:var(--color-button-icon-hover_addtocart, var(--color-base));
  --button-opacity-hover:var(--color-button-opacity-hover_addtocart);
  --shadow-button-current:var(--shadow-button_addtocart);
  --shadow-button-current-hover:var(--shadow-button-hover_addtocart);
  --self-border-width:var(--border-button-width-value_addtocart);
}
.btn span>svg{
  max-width:20px;
  max-height:20px;
}
.btn svg path{
  fill: var(--icon);
  transition: fill var(--duration-medium) var(--animation-bezier);
}
.btn:hover{
  text-decoration: none;
}
.btn__top-text,
.btn__bottom-text{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
}
.btn__top-text>svg,
.btn__bottom-text>svg{
  flex:0 0 auto;
}
.btn__no-shadow{
  box-shadow:unset;
}
.btn:before,
.btn:after{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius: var(--radius-button);
  background: var(--background-hover);
  z-index:0;
  opacity:0;
  transition: all var(--duration-medium) var(--animation-bezier);
  border: var(--border-width) solid var(--border);
}
.btn:after{
  border: var(--border-width-hover) solid var(--border-hover);
}
.btn:before{
  background: var(--background);
  opacity:1;
  transition: none;
}
.secondary-btn__container{
  display: flex;
  flex-wrap:wrap;
  gap:15px;
}
@media (min-width:1025px){
  .hover-area:hover .btn:not(.native-hover),
  .btn:hover{
    color: var(--color-hover);
    box-shadow:var(--shadow-button-current-hover);
  }
  .hover-area:hover .btn:not(.native-hover) svg path,
  .btn:hover svg path{
    fill: var(--icon-hover);
  }
  .hover-area:hover .btn:not(.native-hover):before,
  .btn:hover:before{
    opacity:0;
    transition: all var(--duration-medium) 100ms var(--animation-bezier);
  }
  .hover-area:hover .btn:not(.native-hover):after,
  .btn:hover:after{
    opacity:1;
  }
  .btn__transition-text .btn__top-text.is-visible {
    position: relative;
    top: 0;
    padding-bottom: 1px;
  }
  .btn__transition-text .btn__bottom-text.is-hidden {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    padding-bottom: 1px;
    color: var(--color-hover);
  }
  svg~.btn__bottom-text.is-hidden{
    left: 30px;
  }
  .btn__transition-text .btn__bottom-text,
  .btn__transition-text .btn__top-text {
    transition: top 0.4s, transform 0.4s;
  }
  .hover-area:hover .btn__transition-text:not(.native-hover) .btn__bottom-text.is-hidden,
  .btn__transition-text:hover .btn__bottom-text.is-hidden {
    top: 50%;
    transform: translate(0, -50%);
  }
  .hover-area:hover .btn__transition-text:not(.native-hover) .btn__top-text.is-visible,
  .btn__transition-text:hover .btn__top-text.is-visible {
    top: -20em;
  }
}
@media (min-width:577px){
  .btn-wide{
    width:100%;
    max-width:var(--button-width-wide);
  }
  .btn-wide2{
    min-width:var(--button-width-wide);
    max-width:100%;
  }
}
@media (max-width:1024px){ 
  .btn__bottom-text.is-hidden {
    display:none;
  }
  .w-t-full{
    width:100%;
    max-width:100%;
  }
}
@media (max-width:576px){
  .btn{
    --height:var(--height-mobile);
  }
  .btn--large,.btn--checkout{
    --height:var(--button-height-big-mob);
  }
  .btn-wide-mob,
  .btn-wide,
  .btn-wide2{
    width:100%;
  }
}
.btn[aria-disabled=true]{
  cursor: not-allowed;
  opacity:.3;
}
.link[aria-disabled=true]{
  cursor: not-allowed;
  opacity: .5;
  pointer-events: none;
}
.separate-line{
  height:1px;
  background:var(--color-lines);
  width:100%;
}
.animation-underline{
  --color-hover:var(--color-animation-underline,var(--color-accent-section, var(--color-accent)));
  display: inline-flex;
  position: relative;
  text-decoration: none;
}
.animation-underline:before{
  content: "";
  position: absolute;
  width: 0;
  height: var(--animation-underline-thin);
  left: 0;
  top: 100%;
  background: var(--color-hover);
  transition: width var(--duration-medium) var(--animation-bezier);
  pointer-events:none;
}
.animation-underline--active:before{
  width: 100%;
}
@media (min-width: 1025px){
  .animation-underline:hover{
    text-decoration:none;
  }
  .hover-area:hover .animation-underline:not(.native-hover):before,
  .animation-underline:hover:before{
    text-decoration: none;
    width: 100%;
  }
  .hover-area:hover .animation-underline:not(.native-hover):not(.default-state):hover:before{
    text-decoration: none;
    width: 0;
  }
  .button-transition-up>*,
  a.transition-up>*{
    position:relative;
    transition: all 0.20s ease-out;
  }
  .button-transition-up:hover>*,
  a.transition-up:hover>*{
    transform: translateY(-5px);
  } 
}
.badges__container{
  display:flex;
  gap:3px;
  flex-wrap:wrap;
  pointer-events:none;
  font-weight: var(--font-body-weight-bold);
}
.badges__container--gap5{
  gap:5px;
}
.badges__container .badges-item__menu{
  margin-left:0;
}
.badges-item__small{
  border-radius:var(--radius-badge);
  font-size:10px;
  padding: 2px 5px 3px;
}
.badges-item__medium{
  border-radius:var(--radius-badge);
  font-size:12px;
  padding: 7px 12px;
  width:max-content;
}
.badges-item__menu{
  display:inline-flex;
  margin-left:5px;
  vertical-align: middle;
  background:var(--auto-accent-color-bg);
  color:var(--auto-accent-color-text);
}
.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden {
  overflow: hidden;
}
@media (min-width: 1025px){
  .hide-desktop{
    display:none !important;
  }
}
@media (max-width: 1024px){
  .hide-mobile-xl-st{
    display:none !important;
  }
}
terms_and_condition-checkbox{
  display:block;
}
terms_and_condition-checkbox:not(.checked)+*,
terms_and_condition-checkbox:not(.checked)~.cart__dynamic-checkout-buttons {
  pointer-events: none;
  opacity: .3;
}
.accent-color{
  color:var(--color-accent-section, var(--color-accent));
}
.accent-to-base-color{
  color:var(--color-base);
}
.w-full {width:100%;}
.h-full {height:100%;}
@media (min-width:577px){
  .h-full-desktop-tablet {height:100%;}
}
@media (max-width:576px){
  .w-full-mobile {
    width:100%;
  }
}
.shopify-challenge__message{
  margin:0 0 30px;
}
.shopify-challenge__container .shopify-challenge__button{
  margin:40px auto 0;
}
.shopify-challenge__container{
  margin:200px auto;
}
.section__richtext__editor>:first-child{
  margin-top:0;
}
.section__richtext__editor h1,
.section__richtext__editor h2,
.section__richtext__editor h3,
.section__richtext__editor h4,
.section__richtext__editor h5,
.section__richtext__editor h6{
  margin: 0;
}
.section__richtext__editor ul,
.section__richtext__editor ol{
  margin:0;
  padding:0 0 0 40px;
  max-width: max-content;
}
.text-center .section__richtext__editor ul,
.text-center .section__richtext__editor ol,
.text-center.section__richtext__editor ul,
.text-center.section__richtext__editor ol{
  margin-left: auto;
  margin-right: auto;
}
.section__richtext__editor>*:not(:first-child){
  margin-top:16px;
}
.section__richtext__editor.section__richtext__editor--mt10>*:not(:first-child){
  margin-top:10px;
}
.loading-overlay__spinner{
  position:absolute;
  width: 20px;
  height: 20px;
  display: inline-flex;
  z-index: 1;
}
.loading > *:not(.loading-overlay__spinner){
  opacity: 0;
  visibility: hidden;
}
.spinner {
  animation: rotator 1.4s linear infinite;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: var(--color-loader, var(--color-base-section, var(--color-base)));
  animation: dash 1.4s ease-in-out infinite;
}
.btn .path {
  stroke: var(--icon-hover);
}
@media screen and (forced-colors: active) {
  .path{
    stroke: CanvasText;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}
@media (hover:hover){
  .modal-close-animation svg{
    transition: transform var(--duration-medium) cubic-bezier(0.5, -0.33, 0.26, 1.19);
  }
  .modal-close-animation:hover svg{
    transform: rotate(90deg);
  }
}
.themeloader_container {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  z-index:100;
  opacity:0;
  visibility:hidden;
  transition: opacity var(--duration-medium) var(--animation-bezier),
              visibility var(--duration-medium) var(--animation-bezier);
}
.themeloader_container--absolute {
  position:absolute;
}
@media (min-width:1025px){
  .themeloader_container {
    left:var(--left, 0);
    right:var(--right, 0);
  }
}
.themeloader_container.loading_now {
  opacity:1;
  visibility:visible;
}
.themeloader_container__content{
  transform: scale(.7);
}
.themeloader {
  -webkit-animation: rotate 1.2s linear infinite normal;
          animation: rotate 1.2s linear infinite normal;
  position: relative;
  transform-origin: 50% 50%;
  transform: scale(0.7);
}
.themeloader__ball {
  height: 1.75rem;
  left: -0.875rem;
  position: absolute;
  top: -0.875rem;
  transform-origin: 50% 50%;
  width: 1.75rem;
}
.themeloader__ball:nth-of-type(2) {
  transform: rotate(120deg);
}
.themeloader__ball:nth-of-type(3) {
  transform: rotate(240deg);
}
.themeloader__ball::after {
  -webkit-animation: moveAndScale 0.6s ease-in-out infinite alternate;
          animation: moveAndScale 0.6s ease-in-out infinite alternate;
  background-color: var(--color-accent);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
  transform-origin: 50% 50%;
}
@-webkit-keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes moveAndScale {
  0%, 15% {
    transform: translateY(0) scale(0.65);
  }
  100% {
    transform: translateY(-150%) scale(1);
  }
}
@keyframes moveAndScale {
  0%, 15% {
    transform: translateY(0) scale(0.65);
  }
  100% {
    transform: translateY(-150%) scale(1);
  }
}
.big-svg-icon svg{
  width:40px;
  height:40px;
}
.big-svg-icon__opacity-20{
  opacity:0.2;
}
.color-error{
  color:var(--color-error);
}
*:focus {
  outline: 0;
}
*:focus-visible:not(textarea):not(input):not(select){
  outline: 4px solid #0909FF;
  outline-offset: 3px;
}
.breadcrumb-background{
  background:var(--color-breadcrumb-background, transparent);
}
@media (min-width:1025px){
  .breadcrumb .breadcrumb-background-boxed{
    padding-left:20px;
    padding-right:20px;
    border-radius:var(--radius);
    background:var(--color-breadcrumb-background, transparent);
  }
}
@media (max-width:1024px){
  .breadcrumb:has(.breadcrumb-background-boxed){
    background:var(--color-breadcrumb-background, transparent);
  }
}
.breadcrumb__container{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 5px;
  column-gap: 21px;
  padding: 18px 5px;
  color:var(--color-breadcrumb-text, var(--color-base));
}
.breadcrumb li {
  position:relative;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumb li:not(:last-child):before {
  content:"";
  display:flex;
  position:absolute;
  right:-11px;
  width:1px;
  height:15px;
  background:var(--color-breadcrumb-line, var(--color-lines));
}
.breadcrumb__container__home svg path{
  fill: var(--color-breadcrumb-text, var(--color-base));
}
.breadcrumb__container__home:hover svg path{
  fill: var(--color-breadcrumb-text-hover, var(--color-accent));
}
.breadcrumb .link{
    --color-link-text: var(--color-breadcrumb-text, var(--color-base));
    --color-link-text-hover: var(--color-breadcrumb-text-hover, var(--color-accent));
}
body:has(header .page-wide) .breadcrumb .page-width{
  width: 100%;
  max-width: unset;
  margin-left: unset;
  margin-right: unset;
}
@media (min-width:1025px){
  .content-for-layout .shopify-policy__container{
    max-width: calc(var(--page-width) * 2 / 3);
    width: calc(var(--page-width) * 2 / 3);
  }
}
.index-top-spacing-none+[class*="top-spacing"]{
  margin-top:0;
}
.footer__content{
  margin-top: 0px;
}
shopify-accelerated-checkout,
shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-border-radius: var(--radius-button);
  --shopify-accelerated-checkout-button-block-size:50px;
}
.cart-notification__content shopify-accelerated-checkout,
.cart-notification__content shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-block-size:40px;
}
@media(min-width:1025px){
  .text-center-desktop{text-align: center !important;}
  .justify-content-center-desktop{justify-content: center !important;}
}
@media(min-width:577px){
  
  .product-card-name-size{
    font-size:var(--product-name-size);
  }
}
@media(max-width:576px){
  .product-card-name-size{
    font-size:var(--product-name-size-mobile);
  }
}