.elementor-12710 .elementor-element.elementor-element-b833ce2{--display:flex;--min-height:100px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12710 .elementor-element.elementor-element-b833ce2:not(.elementor-motion-effects-element-type-background), .elementor-12710 .elementor-element.elementor-element-b833ce2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12710 .elementor-element.elementor-element-6c4f03e{--display:flex;--min-height:0px;--justify-content:flex-end;}.elementor-12710 .elementor-element.elementor-element-6822e7a .woocommerce-breadcrumb{color:#000000;}.elementor-12710 .elementor-element.elementor-element-7f47be7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12710 .elementor-element.elementor-element-b767463{--display:flex;--min-height:0px;}.woocommerce .elementor-12710 .elementor-element.elementor-element-9b530f2 .flex-viewport:not(:last-child){margin-bottom:8px;}.woocommerce .elementor-12710 .elementor-element.elementor-element-9b530f2 .flex-control-thumbs li{padding-right:calc(20px / 2);padding-left:calc(20px / 2);padding-bottom:20px;}.woocommerce .elementor-12710 .elementor-element.elementor-element-9b530f2 .flex-control-thumbs{margin-right:calc(-20px / 2);margin-left:calc(-20px / 2);}.elementor-12710 .elementor-element.elementor-element-79f6c66{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12710 .elementor-element.elementor-element-664f8b7 .elementor-heading-title{font-family:"Altform", Sans-serif;font-size:40px;font-weight:300;color:#000000;}.elementor-12710 .elementor-element.elementor-element-7b65253{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12710 .elementor-element.elementor-element-bf35c18{font-family:"Altform", Sans-serif;font-size:14px;font-weight:300;color:#000000;}.elementor-12710 .elementor-element.elementor-element-d694daf{font-family:"Altform", Sans-serif;font-size:14px;font-weight:300;color:#000000;}.woocommerce .elementor-12710 .elementor-element.elementor-element-2639521 .shop_attributes{color:#000000;font-family:"Altform", Sans-serif;font-size:14px;font-weight:300;}.elementor-12710 .elementor-element.elementor-element-616bd71{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12710 .elementor-element.elementor-element-658c1d0 .cart button, .elementor-12710 .elementor-element.elementor-element-658c1d0 .cart .button{transition:all 0.2s;}.elementor-12710 .elementor-element.elementor-element-658c1d0 .added_to_cart{font-family:"Altform", Sans-serif;font-weight:500;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12710 .elementor-element.elementor-element-eabd758 .elementor-button{background-color:#000000;border-style:solid;}.elementor-12710 .elementor-element.elementor-element-eabd758 .elementor-button:hover, .elementor-12710 .elementor-element.elementor-element-eabd758 .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#000000;}.elementor-12710 .elementor-element.elementor-element-eabd758 .elementor-button:hover svg, .elementor-12710 .elementor-element.elementor-element-eabd758 .elementor-button:focus svg{fill:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12710 .elementor-element.elementor-element-1d0374c .elementor-heading-title{font-family:"Altform", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.woocommerce .elementor-12710 .elementor-element.elementor-element-63b29e6 .woocommerce-product-details__short-description{font-family:"Altform", Sans-serif;font-size:14px;font-weight:300;}.elementor-12710 .elementor-element.elementor-element-a00f5e0{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12710 .elementor-element.elementor-element-99ffa9d .otf-social-share{text-align:left;}.elementor-12710 .elementor-element.elementor-element-0951a6b{font-family:"Altform", Sans-serif;font-size:14px;font-weight:300;}.elementor-12710 .elementor-element.elementor-element-f03569a{--display:flex;--min-height:300px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12710 .elementor-element.elementor-element-f6e6e39.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12710 .elementor-element.elementor-element-f6e6e39.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;}.elementor-12710 .elementor-element.elementor-element-f6e6e39.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;}.elementor-12710 .elementor-element.elementor-element-f6e6e39.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-12710 .elementor-element.elementor-element-f6e6e39.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Altform", Sans-serif;font-size:16px;font-weight:300;}.woocommerce .elementor-12710 .elementor-element.elementor-element-f6e6e39.elementor-wc-products .products > h2{color:#000000;font-family:"Altform", Sans-serif;font-size:32px;font-weight:300;text-align:center;margin-bottom:24px;}.elementor-12710 .elementor-element.elementor-element-30486aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12710 .elementor-element.elementor-element-22d06bb{--display:flex;}.elementor-12710 .elementor-element.elementor-element-0eb8253{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-12710 .elementor-element.elementor-element-b833ce2{--content-width:100%;}.elementor-12710 .elementor-element.elementor-element-6c4f03e{--content-width:95%;}.elementor-12710 .elementor-element.elementor-element-7f47be7{--content-width:75%;}.elementor-12710 .elementor-element.elementor-element-b767463{--width:100%;}.elementor-12710 .elementor-element.elementor-element-79f6c66{--width:100%;}.elementor-12710 .elementor-element.elementor-element-f03569a{--content-width:80%;}}@media(max-width:1024px){.elementor-12710 .elementor-element.elementor-element-f6e6e39.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-12710 .elementor-element.elementor-element-f6e6e39.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-9b530f2 */.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* ===== SCOPE: this product image widget only ===== */
.elementor-element-9b530f2 .woocommerce-product-gallery {
position: relative;
}
/* ---------- DESKTOP (≥768px): keep thumbs top-left OUTSIDE ---------- */
@media (min-width: 768px) {
/* use just one class to avoid “adjoining classes” warning */
.elementor-element-9b530f2 .flex-control-thumbs {
position: absolute !important;
top: 0;
left: -90px;
/* outside the main image */
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
background: transparent;
z-index: 10;
}
/* spacing without using gap */
.elementor-element-9b530f2 .flex-control-thumbs li+li {
margin-top: 10px;
}
/* clean square thumbs */
.elementor-element-9b530f2 .flex-control-thumbs li {
list-style: none;
width: 80px !important;
height: 80px !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
overflow: hidden;
}
.elementor-element-9b530f2 .flex-control-thumbs li img {
width: 100% !important;
height: 100% !important;
display: block;
cursor: pointer;
}
}
/* ---------- MOBILE (≤767px): dots centered BELOW image ---------- */
@media (max-width: 767px) {
.elementor-element-9b530f2 .flex-control-thumbs {
position: static !important;
/* sit under the image */
display: flex !important;
flex-direction: row !important;
justify-content: center;
align-items: center;
margin: 12px 0 0 !important;
padding: 0 !important;
list-style: none;
}
/* horizontal spacing */
.elementor-element-9b530f2 .flex-control-thumbs li+li {
margin-left: 12px;
}
/* each dot has a larger tap target */
.elementor-element-9b530f2 .flex-control-thumbs li {
float: none !important;
display: inline-flex !important;
width: 18px !important;
height: 18px !important;
position: relative;
margin: 0 !important;
padding: 0 !important;
}
/* draw the dot (inactive) */
.elementor-element-9b530f2 .flex-control-thumbs li::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* replaces inset: 0; */
margin: auto;
width: 8px;
height: 8px;
border-radius: 50%;
background: #cfcfcf;
transition: background .15s ease, transform .15s ease;
}
/* keep the ![]()
clickable for FlexSlider but invisible */
.elementor-element-9b530f2 .flex-control-thumbs li img {
position: absolute !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* replaces inset: 0; */
width: 100% !important;
height: 100% !important;
opacity: 0 !important;
display: block !important;
pointer-events: auto !important;
}
/* active dot: JS will toggle .is-active on the LI */
.elementor-element-9b530f2 .flex-control-thumbs li.is-active::before {
background: #000;
transform: scale(1.15);
}
}
/* cap the gallery height */
.elementor-element-9b530f2 .flex-viewport {
min-height: 300px !important;
max-height: 650px !important;
/* never taller than 650px */
overflow: hidden !important;
}
/* make sure images respect the cap */
.elementor-element-9b530f2 .woocommerce-product-gallery__image img {
display: block !important;
width: 100% !important;
height: auto !important;
/* keep aspect ratio */
max-height: 650px !important;
/* match the container cap */
min-height: 300px !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d694daf *//* Single product: disable taxonomy links (category + attributes) */
.single-product .elementor-widget-text-editor a[rel="tag"],
.single-product .woocommerce-product-attributes a {
pointer-events: none; /* cannot click */
cursor: default; /* normal cursor */
text-decoration: none; /* remove underline */
color: inherit; /* match surrounding text */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-2639521 *//* Elementor + WooCommerce Additional Info: seamless, matching Altform 300 */
.elementor-widget-woocommerce-product-additional-information
.woocommerce-product-attributes.shop_attributes {
width: auto;
max-width: 600px; /* adjust if needed */
margin: 0;
padding: 0;
border: none;
background: transparent;
box-shadow: none;
display: block;
text-align: left;
font-family: 'Altform', sans-serif !important;
font-weight: 300 !important;
}
/* Make rows inline-friendly and seamless */
.elementor-widget-woocommerce-product-additional-information
.woocommerce-product-attributes.shop_attributes tr {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 6px;
border: none;
background: transparent !important;
}
/* Labels (e.g., Weight, Dimensions, Color, Finish) */
.elementor-widget-woocommerce-product-additional-information
.woocommerce-product-attributes.shop_attributes th {
font-weight: 300 !important; /* Match Altform 300 */
color: #222;
margin-right: 6px;
padding: 0;
background: transparent !important; /* Remove gray bg */
border: none !important;
font-family: 'Altform', sans-serif !important;
}
/* Values (e.g., 2.4 kg, Yellow, Glossy) */
.elementor-widget-woocommerce-product-additional-information
.woocommerce-product-attributes.shop_attributes td {
font-weight: 300 !important; /* Same thin weight */
color: #444;
padding: 0;
background: transparent !important; /* Remove gray bg */
border: none !important;
font-family: 'Altform', sans-serif !important;
}
/* Remove unwanted inside values */
.elementor-widget-woocommerce-product-additional-information
.woocommerce-product-attributes.shop_attributes td p {
margin: 0;
padding: 0;
font-weight: 300 !important;
background: transparent !important;
}
/* Mobile responsiveness */
@media (max-width: 767px) {
.elementor-widget-woocommerce-product-additional-information
.woocommerce-product-attributes.shop_attributes {
max-width: 100%;
}
}
/* Single product: disable taxonomy links (category + attributes) */
.single-product .elementor-widget-text-editor a[rel="tag"],
.single-product .woocommerce-product-attributes a {
pointer-events: none; /* cannot click */
cursor: default; /* normal cursor */
text-decoration: none; /* remove underline */
color: inherit; /* match surrounding text */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc70218 *//* Wrapper */
.sensi-compatible-products {
margin-top: 40px;
padding-top: 30px;
border-top: 1px solid rgba(0,0,0,0.06);
}
/* Title */
.sensi-compatible-title {
font-size: 22px;
font-weight: 400;
margin-bottom: 20px;
}
/* Grid */
.sensi-compatible-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
}
/* Card */
.sensi-compatible-item {
background: #fff;
border-radius: 8px;
border: 1px solid rgba(0,0,0,0.05);
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sensi-compatible-link {
display: flex;
flex-direction: column;
height: 100%;
text-decoration: none;
}
.sensi-compatible-thumb {
position: relative;
padding-top: 75%; /* 4:3 ratio */
overflow: hidden;
}
.sensi-compatible-thumb-img {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.sensi-compatible-name {
font-size: 14px;
font-weight: 500;
padding: 12px 14px 4px;
color: #333;
}
.sensi-compatible-price {
font-size: 14px;
font-weight: 600;
padding: 0 14px 14px;
color: #000;
}
/* Hover */
.sensi-compatible-item:hover {
transform: translateY(-3px);
box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}
/* Responsive */
@media (max-width: 1024px) {
.sensi-compatible-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.sensi-compatible-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.sensi-compatible-grid {
grid-template-columns: 1fr;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79f6c66 */.single-product .woocommerce-Price-amount{
font-family:"Altform", sans-serif !important;
font-weight:300 !important;
color:#000 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f03569a *//* ==========================================
RELATED / UPSELLS / "MIGHT BE INTERESTED"
Fix: Invisible Images & Stacking
Strategy: Define a square box, position ALL images absolutely inside it.
========================================== */
/* 1. Define the Square Container - MAX SPECIFICITY */
html body .related.products ul.products li.product .product-media,
html body .upsells.products ul.products li.product .product-media,
html body .cross-sells.products ul.products li.product .product-media,
html body section.related.products ul.products li.product .product-media,
html body section.upsells.products ul.products li.product .product-media {
position: relative !important;
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 1 / 1 !important;
overflow: visible !important;
/* Changed from hidden to visible */
background-color: #fff;
padding: 0 !important;
margin: 0 !important;
border: none !important;
/* Remove any border */
box-shadow: none !important;
/* Remove any shadow */
}
/* Hide pseudo-elements that might cause lines */
html body .related.products ul.products li.product .product-media::before,
html body .related.products ul.products li.product .product-media::after,
html body .upsells.products ul.products li.product .product-media::before,
html body .upsells.products ul.products li.product .product-media::after,
html body .cross-sells.products ul.products li.product .product-media::before,
html body .cross-sells.products ul.products li.product .product-media::after,
html body section.related.products ul.products li.product .product-media::before,
html body section.related.products ul.products li.product .product-media::after,
html body section.upsells.products ul.products li.product .product-media::before,
html body section.upsells.products ul.products li.product .product-media::after {
content: none !important;
display: none !important;
border: none !important;
}
/* 2. Make the link fill the container */
html body .related.products ul.products li.product .product-media a,
html body .upsells.products ul.products li.product .product-media a,
html body section.related.products ul.products li.product .product-media a {
display: block !important;
width: 100% !important;
height: 100% !important;
position: absolute !important;
top: 0;
left: 0;
z-index: 10;
margin: 0 !important;
padding: 0 !important;
border: none !important;
/* Remove border from link */
}
/* Hide link pseudo-elements */
html body .related.products ul.products li.product .product-media a::before,
html body .related.products ul.products li.product .product-media a::after,
html body .upsells.products ul.products li.product .product-media a::before,
html body .upsells.products ul.products li.product .product-media a::after,
html body section.related.products ul.products li.product .product-media a::before,
html body section.related.products ul.products li.product .product-media a::after {
content: none !important;
display: none !important;
}
/* 3. Position ALL images absolutely to fill the square */
html body .related.products ul.products li.product .product-media img,
html body .upsells.products ul.products li.product .product-media img,
html body section.related.products ul.products li.product .product-media img,
html body .related.products ul.products li.product .product-media .sensi-thumb,
html body .upsells.products ul.products li.product .product-media .sensi-thumb {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
max-width: 100% !important;
max-height: 100% !important;
}
/* 4. Layering Strategy (Z-Index) */
/* Base Layer: The standard WooCommerce image (fallback) */
html body .related.products ul.products li.product .product-media>img,
html body .upsells.products ul.products li.product .product-media>img {
z-index: 1;
opacity: 1 !important;
}
/* Middle Layer: The Sensi Main Image (if present) */
html body .related.products ul.products li.product .product-media .sensi-thumb .sensi-img--main,
html body .upsells.products ul.products li.product .product-media .sensi-thumb .sensi-img--main {
z-index: 5;
opacity: 1;
transition: opacity 0.3s ease;
background-color: #fff;
}
/* Top Layer: The Sensi Hover Image */
html body .related.products ul.products li.product .product-media .sensi-thumb .sensi-img--hover,
html body .upsells.products ul.products li.product .product-media .sensi-thumb .sensi-img--hover {
z-index: 6;
opacity: 0;
transition: opacity 0.3s ease;
background-color: #fff !important;
/* Fix transparency issue */
}
/* 5. Hover Effects */
html body .related.products ul.products li.product:hover .sensi-thumb .sensi-img--hover,
html body .upsells.products ul.products li.product:hover .sensi-thumb .sensi-img--hover {
opacity: 1 !important;
}
/* 6. RESTORE ADD TO CART BUTTON */
/* Target the wrappers identified in the user's HTML */
html body .wrapper-add-to-cart,
html body .add-to-cart-inner,
html body .related.products ul.products li.product .wrapper-add-to-cart,
html body .upsells.products ul.products li.product .wrapper-add-to-cart,
html body .cross-sells.products ul.products li.product .wrapper-add-to-cart,
html body section.related.products ul.products li.product .wrapper-add-to-cart,
html body section.upsells.products ul.products li.product .wrapper-add-to-cart {
position: relative !important;
z-index: 100 !important;
opacity: 1 !important;
visibility: visible !important;
display: block !important;
transform: none !important;
}
html body .related.products ul.products li.product .add_to_cart_button,
html body .upsells.products ul.products li.product .add_to_cart_button,
html body .cross-sells.products ul.products li.product .add_to_cart_button,
html body section.related.products ul.products li.product .add_to_cart_button,
html body section.upsells.products ul.products li.product .add_to_cart_button,
html body .related.products ul.products li.product .button,
html body .upsells.products ul.products li.product .button,
html body .cross-sells.products ul.products li.product .button,
html body section.related.products ul.products li.product .button,
html body section.upsells.products ul.products li.product .button {
position: relative !important;
z-index: 101 !important;
/* Even higher than wrapper */
opacity: 1 !important;
visibility: visible !important;
display: inline-block !important;
}
/* =========================================
TILES & STONES - RELATED / UPSELL PRICE FIX
Hide Box Price, Show Only m² Price
========================================= */
/* Hide Box Price (QTY) - Targeted via Product Category Class */
.related.products ul.products li.product.product_cat-tiles .price-two-lines .qty-price,
.related.products ul.products li.product.product_cat-stones .price-two-lines .qty-price,
.upsells.products ul.products li.product.product_cat-tiles .price-two-lines .qty-price,
.upsells.products ul.products li.product.product_cat-stones .price-two-lines .qty-price,
/* Fallback: Elementor internal structure if classes bubble up */
.elementor-widget-woocommerce-product-related .product_cat-tiles .price-two-lines .qty-price,
.elementor-widget-woocommerce-product-related .product_cat-stones .price-two-lines .qty-price {
display: none !important;
}
/* Remove Separator before m² Price */
.related.products ul.products li.product.product_cat-tiles .price-two-lines .m2-price::before,
.related.products ul.products li.product.product_cat-stones .price-two-lines .m2-price::before,
.upsells.products ul.products li.product.product_cat-tiles .price-two-lines .m2-price::before,
.upsells.products ul.products li.product.product_cat-stones .price-two-lines .m2-price::before,
.elementor-widget-woocommerce-product-related .product_cat-tiles .price-two-lines .m2-price::before,
.elementor-widget-woocommerce-product-related .product_cat-stones .price-two-lines .m2-price::before {
content: none !important;
margin: 0;
}
/* Style m² Price to be Main Price */
.related.products ul.products li.product.product_cat-tiles .price-two-lines .m2-price,
.related.products ul.products li.product.product_cat-stones .price-two-lines .m2-price,
.upsells.products ul.products li.product.product_cat-tiles .price-two-lines .m2-price,
.upsells.products ul.products li.product.product_cat-stones .price-two-lines .m2-price,
.elementor-widget-woocommerce-product-related .product_cat-tiles .price-two-lines .m2-price,
.elementor-widget-woocommerce-product-related .product_cat-stones .price-two-lines .m2-price {
color: #000 !important;
font-size: 15px !important;
font-weight: 300 !important;
font-style: normal !important;
}
/* Hide prices on related/upsell product sections */
.related.products ul.products li.product .price,
.upsells.products ul.products li.product .price,
.elementor-widget-woocommerce-product-related ul.products li.product .price,
.elementor-widget-woocommerce-products-related ul.products li.product .price,
.elementor-widget-woocommerce-product-upsell ul.products li.product .price {
display: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Altform';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('http://sensi.ae/wp-content/uploads/2023/01/Altform-Bold.woff2') format('woff2');
}
@font-face {
font-family: 'Altform';
font-style: italic;
font-weight: 700;
font-display: auto;
src: url('http://sensi.ae/wp-content/uploads/2023/01/Altform-BoldItalic.woff2') format('woff2');
}
@font-face {
font-family: 'Altform';
font-style: normal;
font-weight: 300;
font-display: auto;
src: url('http://sensi.ae/wp-content/uploads/2023/01/Altform-Light.woff2') format('woff2');
}
@font-face {
font-family: 'Altform';
font-style: italic;
font-weight: 300;
font-display: auto;
src: url('http://sensi.ae/wp-content/uploads/2023/01/Altform-LightItalic.woff2') format('woff2');
}
@font-face {
font-family: 'Altform';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url('http://sensi.ae/wp-content/uploads/2023/01/Altform-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Altform';
font-style: italic;
font-weight: 400;
font-display: auto;
src: url('http://sensi.ae/wp-content/uploads/2023/01/Altform-RegularItalic.woff2') format('woff2');
}
/* End Custom Fonts CSS */