/** Shopify CDN: Minification failed

Line 1397: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: 70px !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;
}
.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;
}
}
/* masonry work */
/* =====================================================
TURBOLOCKER MOSAIC TEST 1
Restore natural image proportions — duplicate theme
===================================================== */
body #snize_results #snize-search-results-grid-mode
li.snize-product .snize-thumbnail-wrapper,
body #snize_results #snize-search-results-grid-mode
li.snize-product span.snize-thumbnail {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
aspect-ratio: auto !important;
display: block !important;
overflow: hidden !important;
}
body #snize_results #snize-search-results-grid-mode
li.snize-product span.snize-thumbnail a {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
aspect-ratio: auto !important;
display: block !important;
}
body #snize_results #snize-search-results-grid-mode
li.snize-product span.snize-thumbnail img,
body #snize_results #snize-search-results-grid-mode
li.snize-product img.snize-item-image,
body #snize_results #snize-search-results-grid-mode
li.snize-product .snize-product-image,
body #snize_results #snize-search-results-grid-mode
li.snize-product span.snize-thumbnail video {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
aspect-ratio: auto !important;
object-fit: contain !important;
object-position: center !important;
position: static !important;
display: block !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);
}
}
/* masonry work */
/* =====================================================
TURBOLOCKER MOSAIC TEST 2
Masonry positioning
===================================================== */
body #snize_results #snize-search-results-grid-mode
ul.snize-search-results-content.tl-masonry-grid {
display: block !important;
position: relative !important;
width: 100% !important;
height: auto;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body #snize_results #snize-search-results-grid-mode
ul.snize-search-results-content.tl-masonry-grid > li.snize-product {
position: absolute !important;
float: none !important;
clear: none !important;
vertical-align: top !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 4px !important;
box-sizing: border-box !important;
list-style: none !important;
}

/* =====================================================
TURBOLOCKER MOBILE MOSAIC
Normal-flow CSS columns: no JS positioning or scroll rebuilds
===================================================== */
@media screen and (max-width: 1024px) {
body #snize_results #snize-search-results-grid-mode
ul.snize-search-results-content {
display: block !important;
position: relative !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
column-count: 2 !important;
column-gap: 0 !important;
-webkit-column-count: 2 !important;
-webkit-column-gap: 0 !important;
font-size: 0 !important;
}

body #snize_results #snize-search-results-grid-mode
ul.snize-search-results-content > li.snize-product {
position: relative !important;
left: auto !important;
top: auto !important;
float: none !important;
clear: none !important;
display: inline-flex !important;
flex-direction: column !important;
vertical-align: top !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 4px !important;
box-sizing: border-box !important;
break-inside: avoid !important;
-webkit-column-break-inside: avoid !important;
page-break-inside: avoid !important;
font-size: 14px !important;
}
}

/* masonry smoothing mobile */
/* =====================================================
TURBOLOCKER MOBILE MOSAIC
Reserve thumbnail dimensions before images load
Prevents CSS columns from rebalancing on page load
===================================================== */
@media screen and (max-width: 1024px) {

  /* Standard landscape thumbnails */
  body #snize_results #snize-search-results-grid-mode
  li.snize-product:not(.snize-product-tag-portrait)
  span.snize-thumbnail {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 4 / 3 !important;
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
  }

  /* Portrait thumbnails */
  body #snize_results #snize-search-results-grid-mode
  li.snize-product-tag-portrait
  span.snize-thumbnail {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 3 / 4 !important;
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
  }

  /* Video thumbnails retain their square format */
  body #snize_results #snize-search-results-grid-mode
  li.snize-product-tag-video
  span.snize-thumbnail {
    aspect-ratio: 1 / 1 !important;
  }

  /* Make the media link fill the reserved space */
  body #snize_results #snize-search-results-grid-mode
  li.snize-product span.snize-thumbnail > a {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  /* Show the full image inside its reserved space */
  body #snize_results #snize-search-results-grid-mode
  li.snize-product span.snize-thumbnail img,
  body #snize_results #snize-search-results-grid-mode
  li.snize-product img.snize-item-image,
  body #snize_results #snize-search-results-grid-mode
  li.snize-product span.snize-thumbnail video {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
  }

  /* Reduce Safari repainting during column balancing */
  body #snize_results #snize-search-results-grid-mode
  li.snize-product,
  body #snize_results #snize-search-results-grid-mode
  span.snize-thumbnail,
  body #snize_results #snize-search-results-grid-mode
  img.snize-item-image {
    animation: none !important;
    transition: none !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
}


/* show no results better */
div.snize li.snize-no-products-found {
    margin-bottom: 40px !important;
}