:root {
--iac-unify-bg: #070b0a;
--iac-unify-panel: rgba(17, 23, 21, 0.90);
--iac-unify-panel-soft: rgba(244, 247, 246, 0.055);
--iac-unify-text: #f4f7f6;
--iac-unify-muted: rgba(244, 247, 246, 0.70);
--iac-unify-line: rgba(244, 247, 246, 0.14);
--iac-unify-accent: #14b8a6;
--iac-unify-gold: #5eead4;
}
html body:not(.home),
html body:not(.home) #page,
html body:not(.home) #content,
html body:not(.home) .site-content {
color: var(--iac-unify-text) !important;
background:
radial-gradient(circle at 82% 8%, rgba(20, 184, 166, 0.13), transparent 30vw),
radial-gradient(circle at 12% 18%, rgba(244, 247, 246, 0.055), transparent 28vw),
linear-gradient(180deg, #07100f 0%, #0d1513 42%, #050807 100%) !important;
}
html body:not(.home) #primary,
html body:not(.home) .content-area,
html body:not(.home) .site-main,
html body:not(.home) .entry-content,
html body:not(.home) .woocommerce,
html body:not(.home) .woocommerce-page {
color: var(--iac-unify-text) !important;
}
html body:not(.home) .site-content > .woostify-container,
html body:not(.home) .site-main > .woostify-container,
html body:not(.home) .content-area > .woostify-container,
html body:not(.home) .product-page-container > .woostify-container,
html body:not(.home) .container {
width: min(calc(100% - 48px), 1480px) !important;
}
html body:not(.home) h1,
html body:not(.home) h2,
html body:not(.home) h3,
html body:not(.home) h4,
html body:not(.home) .page-title,
html body:not(.home) .entry-title,
html body:not(.home) .product_title,
html body:not(.home) .woocommerce-products-header__title {
color: #f7fbfa !important;
letter-spacing: 0 !important;
}
html body:not(.home) p,
html body:not(.home) li,
html body:not(.home) .woocommerce-result-count,
html body:not(.home) .term-description,
html body:not(.home) .product_meta,
html body:not(.home) .woocommerce-product-details__short-description,
html body:not(.home) .woocommerce-tabs,
html body:not(.home) .woocommerce-MyAccount-content {
color: var(--iac-unify-muted) !important;
}
html body:not(.home) a {
color: inherit;
}
html body:not(.home) a:hover,
html body:not(.home) .woocommerce-breadcrumb a:hover,
html body:not(.home) .woostify-breadcrumb a:hover {
color: var(--iac-unify-gold) !important;
}
html body:not(.home) .woocommerce-breadcrumb,
html body:not(.home) .woostify-breadcrumb,
html body:not(.home) .breadcrumb,
html body:not(.home) .product-navigation,
html body:not(.home) .prev-next-products {
color: rgba(244, 247, 246, 0.58) !important;
}
html body:not(.home) .page-header,
html body:not(.home) .woocommerce-products-header,
html body:not(.home) article.page,
html body:not(.home) article.post,
html body:not(.home) .entry,
html body:not(.home) .woocommerce-MyAccount-content,
html body:not(.home) .woocommerce-MyAccount-navigation,
html body:not(.home) .cart_totals,
html body:not(.home) .woocommerce-checkout-review-order,
html body:not(.home) form.checkout,
html body:not(.home) .woocommerce form.login,
html body:not(.home) .woocommerce form.register,
html body:not(.home) .woocommerce form.lost_reset_password,
html body:not(.home) #secondary .widget,
html body:not(.home) .sidebar .widget {
background: var(--iac-unify-panel) !important;
border: 1px solid var(--iac-unify-line) !important;
border-radius: 8px !important;
box-shadow: 0 22px 56px rgba(0, 0, 0, 0.26) !important;
}
html body:not(.home) .page-header,
html body:not(.home) .woocommerce-products-header {
padding: clamp(34px, 5vw, 72px) !important;
margin: 0 0 28px !important;
background:
radial-gradient(circle at 86% 18%, rgba(20, 184, 166, 0.20), transparent 28vw),
linear-gradient(135deg, rgba(17, 23, 21, 0.96), rgba(5, 4, 3, 0.98)) !important;
}
html body.tax-product_cat .woocommerce-products-header {
display: none !important;
}
html body.tax-product_cat .iac-category-banner {
grid-column: 2 !important;
width: 100% !important;
min-height: 220px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
margin: 0 0 28px !important;
padding: clamp(36px, 5vw, 74px) !important;
border: 1px solid rgba(244,247,246,0.16) !important;
border-radius: 10px !important;
background:
radial-gradient(circle at 78% 18%, rgba(20, 184, 166, 0.24), transparent 28rem),
radial-gradient(circle at 18% 80%, rgba(244, 247, 246, 0.08), transparent 24rem),
linear-gradient(135deg, rgba(18, 28, 25, 0.98), rgba(6, 10, 9, 0.98)) !important;
color: #f4f7f6 !important;
box-shadow: 0 24px 64px rgba(0,0,0,0.26) !important;
}
html body.tax-product_cat .iac-category-banner span {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
color: #14b8a6 !important;
font-size: 12px !important;
font-weight: 900 !important;
text-transform: uppercase !important;
}
html body.tax-product_cat .iac-category-banner span::before {
content: "" !important;
width: 28px !important;
height: 2px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, #14b8a6, #5eead4) !important;
}
html body.tax-product_cat .iac-category-banner h1 {
margin: 14px 0 0 !important;
color: #ffffff !important;
font-size: clamp(48px, 5.5vw, 92px) !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-shadow: 0 18px 52px rgba(0,0,0,0.34) !important;
}
html body.tax-product_cat .iac-category-banner p {
max-width: 760px !important;
margin: 16px 0 0 !important;
color: rgba(244,247,246,0.72) !important;
font-size: 16px !important;
line-height: 1.65 !important;
}
html body:not(.home) ul.products li.product,
html body:not(.home) .products .product,
html body:not(.home) ul.products li.product-category,
html body:not(.home) .products .product-category,
html body:not(.home) .wc-block-grid__product {
position: relative !important;
overflow: hidden !important;
padding: 18px !important;
border-radius: 8px !important;
background: var(--iac-unify-panel-soft) !important;
border: 1px solid var(--iac-unify-line) !important;
box-shadow: 0 16px 38px rgba(0, 0, 0, 0.22) !important;
transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), border-color 260ms ease, box-shadow 260ms ease !important;
}
html body:not(.home) ul.products li.product:hover,
html body:not(.home) .products .product:hover,
html body:not(.home) ul.products li.product-category:hover,
html body:not(.home) .products .product-category:hover,
html body:not(.home) .wc-block-grid__product:hover {
transform: translate3d(0, -5px, 0) !important;
border-color: rgba(20, 184, 166, 0.48) !important;
box-shadow: 0 28px 58px rgba(0, 0, 0, 0.30) !important;
}
html body:not(.home) ul.products li.product img,
html body:not(.home) .products .product img,
html body:not(.home) ul.products li.product-category img,
html body:not(.home) .products .product-category img,
html body:not(.home) .wc-block-grid__product img,
html body:not(.home) .woocommerce-product-gallery img,
html body:not(.home) img.wp-post-image {
border-radius: 6px !important;
background: radial-gradient(circle at 50% 38%, #121a17, #0a100e 68%, #071311) !important;
transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1), filter 260ms ease !important;
}
html body:not(.home) ul.products li.product:hover img,
html body:not(.home) .products .product:hover img,
html body:not(.home) ul.products li.product-category:hover img,
html body:not(.home) .products .product-category:hover img {
transform: scale(1.035) !important;
filter: saturate(1.05) contrast(1.03) !important;
}
html body:not(.home) .woocommerce-loop-product__title,
html body:not(.home) .woocommerce-loop-category__title,
html body:not(.home) ul.products li.product .price,
html body:not(.home) .price,
html body:not(.home) .price * {
color: var(--iac-unify-text) !important;
}
html body:not(.home) input[type="text"],
html body:not(.home) input[type="email"],
html body:not(.home) input[type="password"],
html body:not(.home) input[type="tel"],
html body:not(.home) input[type="number"],
html body:not(.home) input[type="search"],
html body:not(.home) textarea,
html body:not(.home) select,
html body:not(.home) .select2-container .select2-selection {
min-height: 46px !important;
border-radius: 6px !important;
border: 1px solid rgba(244, 247, 246, 0.18) !important;
background: rgba(255, 255, 255, 0.065) !important;
color: var(--iac-unify-text) !important;
box-shadow: none !important;
}
html body:not(.home) input:focus,
html body:not(.home) textarea:focus,
html body:not(.home) select:focus {
border-color: rgba(20, 184, 166, 0.62) !important;
box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.15) !important;
outline: none !important;
}
html body:not(.home) button,
html body:not(.home) .button,
html body:not(.home) input[type="submit"],
html body:not(.home) .woocommerce a.button,
html body:not(.home) .woocommerce button.button,
html body:not(.home) .woocommerce input.button,
html body:not(.home) .single_add_to_cart_button,
html body:not(.home) .checkout-button,
html body:not(.home) .elementor-button {
min-height: 46px !important;
border-radius: 6px !important;
border: 1px solid rgba(0, 0, 0, 0.16) !important;
background: linear-gradient(135deg, var(--iac-unify-accent), #2dd4bf) !important;
color: #071311 !important;
font-weight: 850 !important;
box-shadow: 0 16px 34px rgba(20, 184, 166, 0.22) !important;
transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease !important;
}
html body:not(.home) button:hover,
html body:not(.home) .button:hover,
html body:not(.home) input[type="submit"]:hover,
html body:not(.home) .woocommerce a.button:hover,
html body:not(.home) .woocommerce button.button:hover,
html body:not(.home) .woocommerce input.button:hover,
html body:not(.home) .single_add_to_cart_button:hover,
html body:not(.home) .checkout-button:hover,
html body:not(.home) .elementor-button:hover {
transform: translate3d(0, -2px, 0) !important;
filter: brightness(1.04) !important;
box-shadow: 0 20px 42px rgba(20, 184, 166, 0.28) !important;
}
html body:not(.home) table,
html body:not(.home) .shop_table,
html body:not(.home) .woocommerce-table {
color: var(--iac-unify-text) !important;
background: var(--iac-unify-panel) !important;
border-color: var(--iac-unify-line) !important;
border-radius: 8px !important;
overflow: hidden !important;
}
html body:not(.home) table th,
html body:not(.home) table td,
html body:not(.home) .shop_table th,
html body:not(.home) .shop_table td {
border-color: rgba(244, 247, 246, 0.10) !important;
}
html body:not(.home).woocommerce-cart .site-content,
html body:not(.home).woocommerce-cart #content,
html body:not(.home).woocommerce-checkout .site-content,
html body:not(.home).woocommerce-checkout #content {
background:
radial-gradient(circle at 82% 8%, rgba(20, 184, 166, 0.13), transparent 30vw),
radial-gradient(circle at 12% 18%, rgba(244, 247, 246, 0.055), transparent 28vw),
linear-gradient(180deg, #07100f 0%, #0d1513 52%, #050807 100%) !important;
}
html body:not(.home).woocommerce-cart .site-content > .woostify-container,
html body:not(.home).woocommerce-checkout .site-content > .woostify-container {
display: block !important;
width: min(calc(100% - 56px), 1180px) !important;
max-width: 1180px !important;
margin: 0 auto !important;
}
html body:not(.home).woocommerce-cart #primary,
html body:not(.home).woocommerce-cart .content-area,
html body:not(.home).woocommerce-cart article.page,
html body:not(.home).woocommerce-cart .entry-content,
html body:not(.home).woocommerce-cart .woocommerce,
html body:not(.home).woocommerce-checkout #primary,
html body:not(.home).woocommerce-checkout .content-area,
html body:not(.home).woocommerce-checkout article.page,
html body:not(.home).woocommerce-checkout .entry-content,
html body:not(.home).woocommerce-checkout .woocommerce {
float: none !important;
display: block !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
background: transparent !important;
color: var(--iac-unify-text) !important;
}
html body:not(.home).woocommerce-cart article.page,
html body:not(.home).woocommerce-cart .entry-content {
padding: clamp(28px, 5vw, 72px) 0 !important;
border: 0 !important;
box-shadow: none !important;
}
html body:not(.home).woocommerce-cart .cart-empty,
html body:not(.home).woocommerce-cart .woocommerce-info.cart-empty {
display: block !important;
width: 100% !important;
max-width: 760px !important;
margin: 0 0 18px !important;
padding: clamp(28px, 4vw, 48px) !important;
border: 1px solid rgba(20, 184, 166, 0.28) !important;
border-radius: 8px !important;
background:
radial-gradient(circle at 90% 10%, rgba(20, 184, 166, 0.16), transparent 26rem),
rgba(17, 23, 21, 0.92) !important;
color: #f7fbfa !important;
box-shadow: 0 22px 56px rgba(0, 0, 0, 0.26) !important;
}
html body:not(.home).woocommerce-cart .return-to-shop {
margin: 0 !important;
}
html body:not(.home).woocommerce-account .site-content > .woostify-container {
display: block !important;
width: min(calc(100% - 56px), 1180px) !important;
max-width: 1180px !important;
margin: 0 auto !important;
}
html body:not(.home).woocommerce-account #primary,
html body:not(.home).woocommerce-account .content-area,
html body:not(.home).woocommerce-account article.page,
html body:not(.home).woocommerce-account .entry-content {
float: none !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
}
html body:not(.home).woocommerce-account .woocommerce {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
}
html body:not(.home).logged-in.woocommerce-account.woocommerce-page .woocommerce {
display: grid !important;
grid-template-columns: minmax(230px, 270px) minmax(0, 1fr) !important;
gap: clamp(24px, 4vw, 44px) !important;
align-items: start !important;
}
html body:not(.home).woocommerce-account .woocommerce-MyAccount-navigation {
float: none !important;
grid-column: 1 !important;
width: 100% !important;
max-width: 270px !important;
padding: 0 !important;
position: sticky !important;
top: 110px !important;
}
html body:not(.home).woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 0 !important;
padding: 10px !important;
list-style: none !important;
}
html body:not(.home).woocommerce-account .woocommerce-MyAccount-navigation li {
margin: 0 !important;
color: rgba(244, 247, 246, 0.76) !important;
}
html body:not(.home).woocommerce-account .woocommerce-MyAccount-navigation a {
display: flex !important;
align-items: center !important;
min-height: 46px !important;
padding: 0 14px !important;
border-radius: 6px !important;
color: rgba(244, 247, 246, 0.76) !important;
font-weight: 750 !important;
white-space: nowrap !important;
}
html body:not(.home).woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
html body:not(.home).woocommerce-account .woocommerce-MyAccount-navigation a:hover {
background: rgba(20, 184, 166, 0.16) !important;
color: #f7fbfa !important;
}
html body:not(.home).woocommerce-account .woocommerce-MyAccount-content {
float: none !important;
grid-column: 2 !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
padding: clamp(28px, 4vw, 54px) !important;
color: rgba(244, 247, 246, 0.78) !important;
}
html body:not(.home).woocommerce-account .woocommerce-MyAccount-content *,
html body:not(.home).woocommerce-account #customer_login *,
html body:not(.home).woocommerce-account .woocommerce-form * {
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
}
html body:not(.home).woocommerce-account .woocommerce-MyAccount-content p,
html body:not(.home).woocommerce-account .woocommerce-MyAccount-content li,
html body:not(.home).woocommerce-account .woocommerce-MyAccount-content address {
font-size: 16px !important;
line-height: 1.75 !important;
max-width: 820px !important;
}
html body:not(.home).woocommerce-account #customer_login {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: clamp(24px, 4vw, 44px) !important;
width: 100% !important;
max-width: 1120px !important;
margin: 0 auto !important;
}
html body:not(.home).woocommerce-account #customer_login .u-column1,
html body:not(.home).woocommerce-account #customer_login .u-column2,
html body:not(.home).woocommerce-account #customer_login .col-1,
html body:not(.home).woocommerce-account #customer_login .col-2 {
float: none !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
html body:not(.home).woocommerce-account .woocommerce form.login,
html body:not(.home).woocommerce-account .woocommerce form.register {
padding: clamp(24px, 3vw, 38px) !important;
}
html body:not(.home) .woocommerce-message,
html body:not(.home) .woocommerce-info,
html body:not(.home) .woocommerce-error {
border-radius: 8px !important;
border: 1px solid rgba(20, 184, 166, 0.28) !important;
background: rgba(20, 184, 166, 0.12) !important;
color: var(--iac-unify-text) !important;
}
html body:not(.home).archive .site-content > .woostify-container,
html body:not(.home):not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout).woocommerce-page .site-content > .woostify-container,
html body:not(.home).tax-product_cat .site-content > .woostify-container,
html body:not(.home).post-type-archive-product .site-content > .woostify-container {
width: min(calc(100% - 56px), 1500px) !important;
display: grid !important;
grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) !important;
gap: clamp(22px, 3vw, 40px) !important;
align-items: start !important;
}
html body:not(.home).tax-product_cat .site-content > .woostify-container {
display: block !important;
grid-template-columns: none !important;
width: min(calc(100% - 56px), 1180px) !important;
}
html body:not(.home).archive #secondary,
html body:not(.home).post-type-archive-product #secondary {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
float: none !important;
position: sticky !important;
top: 110px !important;
align-self: start !important;
grid-column: 1 !important;
grid-row: 1 / span 3 !important;
width: 100% !important;
max-width: 280px !important;
height: auto !important;
overflow: visible !important;
pointer-events: auto !important;
transform: none !important;
}
html body:not(.home).archive #secondary .widget_product_categories,
html body:not(.home).post-type-archive-product #secondary .widget_product_categories,
html body:not(.home).archive #secondary .product-categories,
html body:not(.home).post-type-archive-product #secondary .product-categories,
html body:not(.home).archive #secondary .cat-item,
html body:not(.home).post-type-archive-product #secondary .cat-item {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
overflow: visible !important;
}
html body:not(.home).archive #primary,
html body:not(.home).tax-product_cat #primary,
html body:not(.home).post-type-archive-product #primary {
float: none !important;
grid-column: 2 !important;
grid-row: 1 !important;
min-width: 0 !important;
width: 100% !important;
max-width: none !important;
}
html body:not(.home).tax-product_cat #primary {
grid-column: auto !important;
width: 100% !important;
}
html body:not(.home) #secondary .widget,
html body:not(.home) .sidebar .widget,
html body:not(.home) .widget_product_categories,
html body:not(.home) .widget_price_filter {
padding: 22px !important;
background: rgba(17, 23, 21, 0.82) !important;
color: var(--iac-unify-text) !important;
}
html body:not(.home) #secondary .widget-title,
html body:not(.home) #secondary h2,
html body:not(.home) #secondary h3,
html body:not(.home) .widget_product_categories .widget-title,
html body:not(.home) .widget_price_filter .widget-title {
color: #f7fbfa !important;
font-size: 15px !important;
font-weight: 850 !important;
text-transform: uppercase !important;
}
html body:not(.home) #secondary a,
html body:not(.home) .widget_product_categories a,
html body:not(.home) .widget_layered_nav a,
html body:not(.home) .price_label {
color: rgba(244, 247, 246, 0.72) !important;
}
html body:not(.home) #secondary a:hover,
html body:not(.home) .widget_product_categories .current-cat > a,
html body:not(.home) .widget_product_categories a:hover {
color: var(--iac-unify-accent) !important;
}
html body:not(.home) .price_slider_wrapper .ui-slider,
html body:not(.home) .price_slider_wrapper .price_slider {
background: rgba(244, 247, 246, 0.16) !important;
border-radius: 999px !important;
}
html body:not(.home) .price_slider_wrapper .ui-slider-range {
background: linear-gradient(90deg, var(--iac-unify-accent), var(--iac-unify-gold)) !important;
}
html body:not(.home) .price_slider_wrapper .ui-slider-handle {
width: 16px !important;
height: 16px !important;
top: -5px !important;
border-radius: 999px !important;
background: #dff7f2 !important;
border: 3px solid var(--iac-unify-accent) !important;
box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.18) !important;
}
html body:not(.home) .woocommerce-products-header {
max-width: 100% !important;
min-height: 220px !important;
display: grid !important;
align-content: center !important;
}
html body:not(.home) .woocommerce-products-header__title {
font-size: clamp(36px, 4.8vw, 72px) !important;
line-height: 0.96 !important;
margin: 0 0 18px !important;
}
html body:not(.home) .woocommerce-products-header p,
html body:not(.home) .term-description,
html body:not(.home) .term-description p {
max-width: 760px !important;
color: rgba(244, 247, 246, 0.74) !important;
font-size: 15px !important;
line-height: 1.75 !important;
}
html body:not(.home) .woocommerce-result-count {
color: rgba(244, 247, 246, 0.78) !important;
font-weight: 650 !important;
}
html body:not(.home) .woocommerce-ordering select {
min-width: 220px !important;
background-color: rgba(244, 247, 246, 0.08) !important;
border-color: rgba(244, 247, 246, 0.28) !important;
color: #f7fbfa !important;
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important;
}
html body:not(.home) .woocommerce-ordering select option {
background: #111715 !important;
color: #f4f7f6 !important;
}
html body:not(.home) .woocommerce-ordering select option:checked,
html body:not(.home) .woocommerce-ordering select option:hover {
background: var(--iac-unify-accent) !important;
color: #07100f !important;
}
html body:not(.home) ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 24px !important;
}
html body:not(.home) ul.products::before,
html body:not(.home) ul.products::after {
display: none !important;
}
html body:not(.home) ul.products li.product {
display: flex !important;
flex-direction: column !important;
float: none !important;
min-height: 0 !important;
width: auto !important;
margin: 0 !important;
padding: 16px 16px 20px !important;
background: rgba(244, 247, 246, 0.07) !important;
backdrop-filter: blur(10px) saturate(1.05) !important;
}
html body:not(.home) ul.products li.product *,
html body:not(.home) .products .product * {
text-shadow: none !important;
}
html body:not(.home) ul.products li.product .product-loop-wrapper,
html body:not(.home) ul.products li.product .product-loop-content,
html body:not(.home) ul.products li.product .product-loop-image-wrapper,
html body:not(.home) ul.products li.product .product-loop-image,
html body:not(.home) ul.products li.product .woocommerce-LoopProduct-link,
html body:not(.home) ul.products li.product a.woocommerce-loop-product__link,
html body:not(.home) .products .product .product-loop-wrapper,
html body:not(.home) .products .product .product-loop-content,
html body:not(.home) .products .product .product-loop-image-wrapper,
html body:not(.home) .products .product .product-loop-image,
html body:not(.home) .products .product .woocommerce-LoopProduct-link,
html body:not(.home) .products .product a.woocommerce-loop-product__link {
position: static !important;
inset: auto !important;
transform: none !important;
overflow: visible !important;
min-height: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
html body:not(.home) ul.products li.product img {
width: 100% !important;
aspect-ratio: 1 / 1 !important;
height: auto !important;
max-height: min(300px, 48vw) !important;
object-fit: contain !important;
margin: 0 0 18px !important;
background:
radial-gradient(circle at 50% 38%, #111816, #090807 70%) !important;
border: 1px solid rgba(244, 247, 246, 0.10) !important;
}
html body:not(.home) ul.products li.product .iac-product-image-box,
html body:not(.home) .products .product .iac-product-image-box {
position: relative !important;
display: grid !important;
place-items: center !important;
width: 100% !important;
aspect-ratio: 1 / 1 !important;
min-height: 0 !important;
max-height: min(300px, 48vw) !important;
margin: 0 0 18px !important;
overflow: hidden !important;
border: 1px solid rgba(244, 247, 246, 0.10) !important;
border-radius: 6px !important;
background: radial-gradient(circle at 50% 38%, #111816, #090807 70%) !important;
}
html body:not(.home) ul.products li.product .iac-product-image-box > a,
html body:not(.home) .products .product .iac-product-image-box > a {
display: grid !important;
place-items: center !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
html body:not(.home) ul.products li.product .iac-product-image-box img,
html body:not(.home) .products .product .iac-product-image-box img {
width: 100% !important;
height: 100% !important;
max-height: none !important;
margin: 0 !important;
object-fit: contain !important;
border: 0 !important;
background: transparent !important;
}
html body:not(.home) ul.products li.product .iac-product-image-box--missing img,
html body:not(.home) .products .product .iac-product-image-box--missing img {
opacity: 0 !important;
visibility: hidden !important;
}
html body:not(.home) ul.products li.product .iac-product-image-box--missing::before,
html body:not(.home) .products .product .iac-product-image-box--missing::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background:
linear-gradient(135deg, rgba(20, 184, 166, 0.10), transparent 34%),
radial-gradient(circle at 50% 38%, #111816, #090807 70%) !important;
}
html body:not(.home) ul.products li.product .woocommerce-loop-product__title,
html body:not(.home) ul.products li.product .woocommerce-loop-category__title {
color: #f7fbfa !important;
font-size: 15px !important;
font-weight: 850 !important;
line-height: 1.3 !important;
min-height: 0 !important;
}
html body:not(.home) ul.products li.product .price,
html body:not(.home) ul.products li.product .price * {
color: #f7fbfa !important;
font-weight: 850 !important;
}
html body:not(.home) ul.products li.product .iac-loop-stock,
html body:not(.home) .products .product .iac-loop-stock {
width: 100% !important;
display: block !important;
margin: 10px 0 14px !important;
padding: 0 !important;
background: transparent !important;
color: rgba(244, 247, 246, 0.72) !important;
order: 30 !important;
}
html body:not(.home) ul.products li.product .iac-loop-stock__meta,
html body:not(.home) .products .product .iac-loop-stock__meta {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 0 0 6px !important;
color: rgba(244, 247, 246, 0.68) !important;
font-size: 11px !important;
font-weight: 850 !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
html body:not(.home) ul.products li.product .iac-loop-stock__meta strong,
html body:not(.home) .products .product .iac-loop-stock__meta strong {
color: #f4f7f6 !important;
font-size: 11px !important;
font-weight: 900 !important;
text-transform: none !important;
white-space: nowrap !important;
}
html body:not(.home) ul.products li.product .iac-loop-stock__track,
html body:not(.home) .products .product .iac-loop-stock__track {
width: 100% !important;
height: 8px !important;
overflow: hidden !important;
border-radius: 999px !important;
background: rgba(244, 247, 246, 0.12) !important;
box-shadow: inset 0 0 0 1px rgba(244, 247, 246, 0.08) !important;
}
html body:not(.home) ul.products li.product .iac-loop-stock__track span,
html body:not(.home) .products .product .iac-loop-stock__track span {
display: block !important;
height: 100% !important;
min-width: 0 !important;
border-radius: inherit !important;
background: linear-gradient(90deg, #14d8ff, #4ce3a3) !important;
}
html body:not(.home) ul.products li.product .iac-loop-stock--medium .iac-loop-stock__track span,
html body:not(.home) .products .product .iac-loop-stock--medium .iac-loop-stock__track span {
background: linear-gradient(90deg, #5eead4, #14b8a6) !important;
}
html body:not(.home) ul.products li.product .iac-loop-stock--low .iac-loop-stock__track span,
html body:not(.home) .products .product .iac-loop-stock--low .iac-loop-stock__track span {
background: linear-gradient(90deg, #f26b4f, #14b8a6) !important;
}
html body:not(.home) ul.products li.product .iac-loop-stock--out .iac-loop-stock__track span,
html body:not(.home) .products .product .iac-loop-stock--out .iac-loop-stock__track span {
background: rgba(244, 247, 246, 0.20) !important;
}
html body:not(.home) ul.products li.product .button,
html body:not(.home) ul.products li.product a.button,
html body:not(.home) ul.products li.product .add_to_cart_button,
html body:not(.home) ul.products li.product .iac-card-cart-button,
html body:not(.home) ul.products li.product .product_type_simple,
html body:not(.home) ul.products li.product .product_type_variable,
html body:not(.home) .products .product .button,
html body:not(.home) .products .product a.button,
html body:not(.home) .products .product .add_to_cart_button,
html body:not(.home) .products .product .iac-card-cart-button {
clear: both !important;
position: static !important;
inset: auto !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: 44px !important;
height: 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: auto 0 0 !important;
padding: 11px 14px !important;
border-radius: 8px !important;
background: #14b8a6 !important;
color: #071311 !important;
font-size: 14px !important;
font-weight: 900 !important;
line-height: 44px !important;
text-align: center !important;
text-decoration: none !important;
white-space: nowrap !important;
overflow: hidden !important;
z-index: 20 !important;
order: 40 !important;
box-shadow: 0 14px 28px rgba(20, 184, 166, 0.18) !important;
}
html body:not(.home) ul.products li.product .button *,
html body:not(.home) ul.products li.product a.button *,
html body:not(.home) ul.products li.product .add_to_cart_button *,
html body:not(.home) ul.products li.product .iac-card-cart-button *,
html body:not(.home) .products .product .button *,
html body:not(.home) .products .product a.button *,
html body:not(.home) .products .product .add_to_cart_button *,
html body:not(.home) .products .product .iac-card-cart-button * {
color: #071311 !important;
font-size: 14px !important;
font-weight: 900 !important;
line-height: 1 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
html body:not(.home) ul.products li.product .button::before,
html body:not(.home) ul.products li.product .button::after,
html body:not(.home) ul.products li.product a.button::before,
html body:not(.home) ul.products li.product a.button::after,
html body:not(.home) .products .product .button::before,
html body:not(.home) .products .product .button::after {
position: static !important;
transform: none !important;
opacity: 1 !important;
margin: 0 !important;
}
html body:not(.home) ul.products li.product .button.loading,
html body:not(.home) ul.products li.product .button.added,
html body:not(.home) .products .product .button.loading,
html body:not(.home) .products .product .button.added {
padding-right: 14px !important;
}
html body:not(.home) ul.products li.product .button.loading::after,
html body:not(.home) .products .product .button.loading::after {
content: "" !important;
width: 16px !important;
height: 16px !important;
border: 2px solid rgba(9, 7, 6, 0.28) !important;
border-top-color: #071311 !important;
border-radius: 999px !important;
animation: iacProductButtonSpin 0.75s linear infinite !important;
}
html body:not(.home) ul.products li.product .button.added::after,
html body:not(.home) .products .product .button.added::after {
content: none !important;
display: none !important;
}
html body:not(.home) ul.products li.product .added_to_cart,
html body:not(.home) .products .product .added_to_cart,
html body:not(.home) ul.products li.product a.added_to_cart,
html body:not(.home) .products .product a.added_to_cart {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
html body:not(.home) ul.products li.product .loop-add-to-cart-on-image,
html body:not(.home) ul.products li.product .product-loop-action,
html body:not(.home) ul.products li.product .product-loop-meta,
html body:not(.home) ul.products li.product .product-loop-footer,
html body:not(.home) .products .product .loop-add-to-cart-on-image,
html body:not(.home) .products .product .product-loop-action,
html body:not(.home) .products .product .product-loop-meta,
html body:not(.home) .products .product .product-loop-footer {
position: static !important;
inset: auto !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
width: 100% !important;
margin-top: auto !important;
background: transparent !important;
}
@keyframes iacProductButtonSpin {
to {
transform: rotate(360deg);
}
}
html body:not(.home) footer#colophon,
html body:not(.home) .site-footer {
background: #050807 !important;
color: var(--iac-unify-muted) !important;
border-top: 1px solid var(--iac-unify-line) !important;
}
@media (max-width: 1180px) {
html,
body {
overflow-x: hidden !important;
}
html body:not(.home) .site-content > .woostify-container,
html body:not(.home) .site-main > .woostify-container,
html body:not(.home) .content-area > .woostify-container,
html body:not(.home) .container {
width: min(calc(100% - 36px), 1180px) !important;
max-width: calc(100vw - 36px) !important;
}
html body:not(.home).archive .site-content > .woostify-container,
html body:not(.home):not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout).woocommerce-page .site-content > .woostify-container,
html body:not(.home).tax-product_cat .site-content > .woostify-container,
html body:not(.home).post-type-archive-product .site-content > .woostify-container {
display: block !important;
width: min(calc(100% - 36px), 1180px) !important;
max-width: calc(100vw - 36px) !important;
}
html body.tax-product_cat .iac-category-banner {
grid-column: auto !important;
width: 100% !important;
}
html body:not(.home).archive #secondary,
html body:not(.home).tax-product_cat #secondary,
html body:not(.home).post-type-archive-product #secondary {
position: relative !important;
top: auto !important;
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
max-width: none !important;
margin: 0 0 24px !important;
}
html body:not(.home).archive #primary,
html body:not(.home).tax-product_cat #primary,
html body:not(.home).post-type-archive-product #primary {
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
}
html body:not(.home) ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body:not(.home) .iac-catalog-tools {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
width: 100% !important;
}
html body:not(.home) .iac-catalog-tools a {
flex: 1 1 220px !important;
min-width: 0 !important;
white-space: normal !important;
text-align: center !important;
}
}
@media (max-width: 760px) {
html body:not(.home) .site-content > .woostify-container,
html body:not(.home) .site-main > .woostify-container,
html body:not(.home) .content-area > .woostify-container,
html body:not(.home) .container {
width: min(calc(100% - 28px), 1480px) !important;
}
html body:not(.home).archive .site-content > .woostify-container,
html body:not(.home):not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout).woocommerce-page .site-content > .woostify-container,
html body:not(.home).tax-product_cat .site-content > .woostify-container,
html body:not(.home).post-type-archive-product .site-content > .woostify-container {
display: block !important;
width: min(calc(100% - 28px), 1480px) !important;
}
html body.tax-product_cat .iac-category-banner {
grid-column: auto !important;
min-height: 180px !important;
padding: 30px 22px !important;
}
html body.tax-product_cat .iac-category-banner h1 {
font-size: clamp(34px, 11vw, 54px) !important;
}
html body:not(.home).archive #secondary,
html body:not(.home).tax-product_cat #secondary,
html body:not(.home).post-type-archive-product #secondary {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
top: auto !important;
margin-bottom: 24px !important;
max-width: none !important;
}
html body:not(.home).woocommerce-account .site-content > .woostify-container {
width: min(calc(100% - 28px), 1180px) !important;
}
html body:not(.home).logged-in.woocommerce-account.woocommerce-page .woocommerce,
html body:not(.home).woocommerce-account #customer_login {
display: block !important;
}
html body:not(.home).woocommerce-account .woocommerce-MyAccount-navigation {
position: relative !important;
top: auto !important;
max-width: none !important;
margin-bottom: 22px !important;
}
html body:not(.home).woocommerce-account .woocommerce-MyAccount-navigation ul {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 6px !important;
}
html body:not(.home).woocommerce-account .woocommerce-MyAccount-content,
html body:not(.home).woocommerce-account .woocommerce form.login,
html body:not(.home).woocommerce-account .woocommerce form.register {
padding: 24px 18px !important;
}
html body:not(.home) ul.products {
grid-template-columns: 1fr !important;
}
html body:not(.home) .page-header,
html body:not(.home) .woocommerce-products-header,
html body:not(.home) article.page,
html body:not(.home) article.post {
padding: 28px 18px !important;
}
}