.elementor-13042 .elementor-element.elementor-element-e2bb5f9{--display:flex;--min-height:800px;--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;--justify-content:center;--overlay-opacity:0.6;}.elementor-13042 .elementor-element.elementor-element-e2bb5f9:not(.elementor-motion-effects-element-type-background), .elementor-13042 .elementor-element.elementor-element-e2bb5f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://sensi.ae/wp-content/uploads/2025/08/For-scaled.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-13042 .elementor-element.elementor-element-e2bb5f9::before, .elementor-13042 .elementor-element.elementor-element-e2bb5f9 > .elementor-background-video-container::before, .elementor-13042 .elementor-element.elementor-element-e2bb5f9 > .e-con-inner > .elementor-background-video-container::before, .elementor-13042 .elementor-element.elementor-element-e2bb5f9 > .elementor-background-slideshow::before, .elementor-13042 .elementor-element.elementor-element-e2bb5f9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13042 .elementor-element.elementor-element-e2bb5f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-13042 .elementor-element.elementor-element-9720fac{--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;--align-items:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-13042 .elementor-element.elementor-element-2d0300b{text-align:center;}.elementor-13042 .elementor-element.elementor-element-2d0300b .elementor-heading-title{font-family:"Altform", Sans-serif;font-size:52px;font-weight:500;color:#FFFFFF;}.elementor-13042 .elementor-element.elementor-element-0eeef36.elementor-element{--align-self:flex-start;}.elementor-13042 .elementor-element.elementor-element-0eeef36 .octf-btn{border-color:#FFFFFF;}.elementor-13042 .elementor-element.elementor-element-658f31d{--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;--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--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-13042 .elementor-element.elementor-element-1209c03.elementor-element{--align-self:flex-start;}.elementor-13042 .elementor-element.elementor-element-1209c03{text-align:start;font-family:"Altform", Sans-serif;font-size:12px;font-weight:300;color:#000000;}.elementor-13042 .elementor-element.elementor-element-af58c73{--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;}.elementor-13042 .elementor-element.elementor-element-e1f6dae{--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;--z-index:10;}.elementor-13042 .elementor-element.elementor-element-dbadc2d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13042 .elementor-element.elementor-element-d75a8f4{width:100%;max-width:100%;}@media(max-width:767px){.elementor-13042 .elementor-element.elementor-element-9720fac{--min-height:300px;--justify-content:flex-end;}}@media(min-width:768px){.elementor-13042 .elementor-element.elementor-element-9720fac{--width:100%;}.elementor-13042 .elementor-element.elementor-element-658f31d{--content-width:90%;}.elementor-13042 .elementor-element.elementor-element-af58c73{--content-width:90%;}.elementor-13042 .elementor-element.elementor-element-e1f6dae{--width:25%;}.elementor-13042 .elementor-element.elementor-element-dbadc2d{--content-width:90%;}}/* Start custom CSS for container, class: .elementor-element-9720fac */.cover-title{max-width:600px;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f3b34c *//* Remove horizontal padding from all WOOF filter containers */
.woof_container,
.woof_container_inner,
.widget_woof {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
    padding-top: 12px;
}

/* =============== FILTER BUTTON =============== */
#ff-filter-toggle.ff-filter-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 5px 15px;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 6px;
    font: 300 12px/1 Altform;
    cursor: pointer;
    transition: background-color .25s ease, color .25s ease, border-color .25s ease, opacity .2s ease;
}

/* Hover */
#ff-filter-toggle.ff-filter-btn:hover {
    background: #000;
    color: #fff;
    border-color: #fff;
}

/* Desktop: keep inline */
@media (min-width: 768px) {
    #ff-filter-toggle.ff-filter-btn {
        position: static;
    }
}

/* Mobile: fix to bottom-left (no env()/max() to appease validators) */
@media (max-width: 767.98px) {
    #ff-filter-toggle.ff-filter-btn {
        position: fixed;
        left: 12px;
        bottom: 16px;
        z-index: 100002;
        /* above content, below drawer/backdrop */
    }
}

/* =============== DRAWER + BACKDROP =============== */
#ff-filter-drawer.ff-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: min(420px, 92vw);
    height: 100dvh;
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, .18);
    transform: translateX(100%);
    transition: transform .28s ease;
    display: flex;
    flex-direction: column;
    z-index: 1000002 !important;
}

#ff-filter-drawer.ff-drawer.is-open {
    transform: translateX(0);
}

.ff-drawer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #eee;
}

.ff-drawer__header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.ff-drawer__body {
    overflow: auto;
    padding: 14px 16px 24px;
}

/* Backdrop */
#ff-filter-backdrop.ff-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    z-index: 1000001 !important;
}

#ff-filter-backdrop[hidden] {
    display: none;
}

/* Hide the X close button entirely (use backdrop tap) */
#ff-filter-close {
    display: none !important;
}

/* Lock page scroll when drawer open */
html.ff-no-scroll,
body.ff-no-scroll {
    overflow: hidden !important;
}

/* Optional: while drawer is open, ignore clicks on header behind it */
html.ff-no-scroll .site-header,
html.ff-no-scroll header,
html.ff-no-scroll .elementor-location-header {
    pointer-events: none;
}

/* =============== SELECT2 IN DRAWER =============== */
#ff-filter-drawer .select2-container {
    width: 100% !important;
}

.select2-container .select2-dropdown {
    z-index: 1000003 !important;
}

/* above drawer */

/* =============== HUSKY/WOOF MOBILE UI — HIDE =============== */
/* Prevents an extra bottom-right mobile button or drawer from HUSKY itself */
.woof .woof_mobile_toggle,
.woof-mobile-btn,
.woof-mobile-drawer,
.woof-dim {
    display: none !important;
}

/* Ensure the WOOF form never goes invisible after redraw */
#ff-filter-drawer .woof {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}

/* Kill any old pseudo-element icon */
#ff-filter-toggle.ff-filter-btn::before {
    content: none !important;
}

/* Inline SVG icon inside the button */
#ff-filter-toggle.ff-filter-btn .ff-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0;
}

#ff-filter-toggle.ff-filter-btn .ff-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
    /* match text color (black on idle, white on hover) */
}

/* 1) Put each color item on one row */
.woof .woof_color_list li,
.woof .woof_color_term {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
}

/* 2) Make sure the text label is visible */
.woof .woof_color_list li label,
.woof .woof_color_term label,
.woof .woof_color_term .woof_term_label {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    margin: 0 0 0 8px !important;
    font-size: 14px;
    line-height: 1.2;
    color: #111;
    /* change to your theme color */
}

/* (Optional) keep the swatches tidy */
.woof .woof_color_list li .woof_color,
.woof .woof_color_term .woof_color {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #d6d6d6;
    flex: 0 0 auto;
}

/* Put each color on a single row */
.woof_list_color_sd .woof-sd-ie {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
    margin: 6px 12px 6px 0;
}

/* Make the tooltip text act like a normal inline label */
.woof_list_color_sd .woof-sd-tooltiptext {
    position: static !important;
    /* remove absolute tooltip positioning */
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    background: none !important;
    padding: 0 !important;
    margin-left: 8px !important;
    border: 0 !important;
    box-shadow: none !important;
    white-space: normal !important;
    /* allow wrapping if needed */
    color: #111;
    /* set your text color */
    font-size: 14px;
    line-height: 1.2;
}

/* Keep the swatch circle tidy (optional) */
.woof_list_color_sd .woof-sd-ie label>span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #cfcfcf;
    display: inline-block;
}

/* Hide the tiny counter dot if you don't want it */
.woof_list_color_sd .woof-sd-ie-count {
    display: none !important;
}

/* Put swatch + label on one row and tighten spacing */
.woof_list_color_sd .woof-sd-ie {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    /* was wide; bring label closer */
    margin: 6px 18px 6px 0 !important;
}

/* Make the tooltip text behave like a normal label */
.woof_list_color_sd .woof-sd-tooltiptext {
    position: static !important;
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;

    /* remove tooltip styling */
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    white-space: normal !important;

    color: #111;
    font-size: 14px;
    line-height: 1.25;
}

/* kill the little triangle arrow */
.woof_list_color_sd .woof-sd-tooltiptext::before,
.woof_list_color_sd .woof-sd-tooltiptext::after {
    content: none !important;
    display: none !important;
}

/* keep the swatch tidy and fixed size */
.woof_list_color_sd .woof-sd-ie label>span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #cfcfcf;
    display: inline-block;
}

/* optional: hide the tiny counter dot */
.woof_list_color_sd .woof-sd-ie-count {
    display: none !important;
}

/* 1) Normalize each color row */
.woof_list_color_sd .woof-sd-ie {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* 2) Remove Husky’s built-in pseudo-borders */
.woof_list_color_sd .woof-sd-ie label>span::before,
.woof_list_color_sd .woof-sd-ie label>span::after {
    content: none !important;
    display: none !important;
}

/* 3) Perfectly round color circles — with soft shadow by default */
.woof_list_color_sd .woof-sd-ie label {
    display: flex;
    align-items: center;
    line-height: 0;
    /* avoid vertical stretching */
}

.woof_list_color_sd .woof-sd-ie label>span {
    width: 30px;
    height: 30px;
    aspect-ratio: 1 / 1;
    display: inline-block;
    border-radius: 50%;
    box-sizing: border-box;
    line-height: 0;
    padding: 0;
    margin: 0;

    /* Fill color from Husky variable */
    background: var(--woof-sd-ie-clr_color, transparent);

    /* No border ever */
    border: none !important;

    /* Always visible soft shadow */
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);

    /* Smooth hover animation */
    transition: transform 0.2s ease, box-shadow 0.25s ease;
}

/* 4) Hover effect → stronger shadow + slight enlargement */
.woof_list_color_sd .woof-sd-ie:hover label>span {
    transform: scale(1.08);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

/* 5) Selected state → slightly stronger shadow, no border */
.woof_list_color_sd .woof-sd-ie input[type="checkbox"]:checked+label>span {
    transform: scale(1.1);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}

/* 6) Keep color names aligned properly */
.woof_list_color_sd .woof-sd-tooltiptext {
    position: static !important;
    margin: 0 !important;
    color: #111;
    font-size: 14px;
    line-height: 1.2;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* 7) Hide the tiny counter dot */
.woof_list_color_sd .woof-sd-ie-count {
    display: none !important;
}



/* 2. Style selected items (tags) */
.chosen-container-multi .chosen-choices li.search-choice {
    border: 1px solid #000 !important;
    /* thin black border */
    background: #fff !important;
    /* white background */
    color: #000 !important;
    /* black text */
    font-weight: 400 !important;
    /* not bold */
    padding: 4px 18px 4px 6px !important;
    /* smaller padding */
    border-radius: 4px !important;
    /* slightly rounded */
}


/* 3. Scrollbar styling */
.chosen-container .chosen-results::-webkit-scrollbar {
    width: 8px;
}

.chosen-container .chosen-results::-webkit-scrollbar-track {
    background: #fff !important;
}

.chosen-container .chosen-results::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.chosen-container .chosen-results::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* Remove border from the search input inside the filter drawer */
#ff-filter-drawer .chosen-container .chosen-search input[type="text"],
#ff-filter-drawer .chosen-container-multi .chosen-choices .search-field input[type="text"] {
    border: none !important;
    box-shadow: none !important;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 5px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px;
}

/* Make sure the toggle NEVER gets hidden by Elementor utilities */
#ff-filter-toggle.elementor-hidden-phone,
#ff-filter-toggle.elementor-hidden-mobile,
#ff-filter-toggle.elementor-hidden-tablet,
#ff-filter-toggle {
    display: inline-flex !important;
}

/* Raise z-index to beat theme headers/footers/cookie bars */
#ff-filter-toggle.ff-filter-btn {
    z-index: 2147483000 !important;
}

#ff-filter-drawer.ff-drawer {
    z-index: 2147483001 !important;
}

#ff-filter-backdrop.ff-backdrop {
    z-index: 2147483000 !important;
}

/* Safety: if any ancestor sets overflow hidden, our move-to-body avoids it,
   but keep these just in case the theme touches <body> */
html.ff-no-scroll,
body.ff-no-scroll {
    overflow: hidden !important;
}

/* Ensure the close "X" can be shown if you want it on mobile later */
@media (max-width: 767.98px) {
    #ff-filter-close {
        display: block !important;
    }
}

/* =============== FILTER BUTTON =============== */
#ff-filter-toggle.ff-filter-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 5px 15px;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 6px;
    font: 300 12px/1 Altform, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    cursor: pointer;
    transition: background-color .25s ease, color .25s ease, border-color .25s ease, opacity .2s ease;
}

#ff-filter-toggle.ff-filter-btn:hover {
    background: #000;
    color: #fff;
    border-color: #fff;
}

/* Desktop: keep inline */
@media (min-width: 768px) {
    #ff-filter-toggle.ff-filter-btn {
        position: static;
    }
}

/* Mobile: bottom-left */
@media (max-width: 767.98px) {
    #ff-filter-toggle.ff-filter-btn {
        position: fixed;
        left: 12px;
        bottom: 16px;
        z-index: 2147483000 !important;
        /* above content, below drawer/backdrop */
    }
}

/* =============== DRAWER + BACKDROP =============== */
#ff-filter-drawer.ff-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: min(420px, 92vw);
    height: 100dvh;
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, .18);
    transform: translateX(100%);
    transition: transform .28s ease;
    display: flex;
    flex-direction: column;
    z-index: 2147483002 !important;
}

#ff-filter-drawer.ff-drawer.is-open {
    transform: translateX(0);
}

.ff-drawer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #eee;
}

.ff-drawer__body {
    overflow: auto;
    padding: 14px 16px 24px;
}

/* Backdrop */
#ff-filter-backdrop.ff-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    z-index: 2147483001 !important;
}

#ff-filter-backdrop[hidden] {
    display: none !important;
}

/* Lock page scroll when drawer open */
html.ff-no-scroll,
body.ff-no-scroll {
    overflow: hidden !important;
}

/* Make Select2/Chosen behave in the drawer (no visual restyle) */
#ff-filter-drawer .select2-container {
    width: 100% !important;
}

/* =============== CHOSEN DROPDOWN FIXES (REVISED) =============== */
/* Strategy: Make the dropdown static (accordion-style) so it expands the drawer flow */

/* Default state: hidden */
#ff-filter-drawer .chosen-container .chosen-drop {
    display: none;
    position: relative !important;
    /* Push content down */
    top: auto !important;
    left: auto !important;
    z-index: 1000 !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    box-shadow: none !important;
    /* Flat look for inline */
    width: 100% !important;
    margin-top: 5px;
}

/* Open state: Visible block */
#ff-filter-drawer .chosen-container.chosen-with-drop .chosen-drop {
    display: block !important;
    left: 0 !important;
}

/* Ensure results are visible and scrollable within the block */
#ff-filter-drawer .chosen-container .chosen-results {
    color: #222 !important;
    max-height: 300px !important;
    /* Allow taller list */
    padding: 4px 0 !important;
    margin: 0 !important;
    overflow-y: auto !important;
    /* Internal scroll if needed */
}

/* List Items */
#ff-filter-drawer .chosen-container .chosen-results li {
    padding: 8px 12px !important;
    line-height: 1.4 !important;
    color: #222 !important;
}

/* Hover/active state - Soft Gray instead of Blue */
#ff-filter-drawer .chosen-container .chosen-results li.highlighted {
    background-color: #f0f0f0 !important;
    background-image: none !important;
    color: #000 !important;
}

/* Ensure container allows expansion */
#ff-filter-drawer .woof_container_inner,
#ff-filter-drawer .woof_block_html_items {
    overflow: visible !important;
}

/* Add extra padding to drawer bottom so the list is never flush with viewport edge */
.ff-drawer__body {
    padding-bottom: 200px !important;
}

/* Ensure the input field itself is visible */
/* Ensure the input field itself is visible - MINIMAL STYLE */
#ff-filter-drawer .chosen-container-multi .chosen-choices {
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-left: 0 !important;
}

/* =============== HIDE RESET BUTTONS IN DRAWER =============== */
#ff-filter-drawer .woof_reset_search_form,
#ff-filter-drawer .woof_submit_search_form_container {
    display: none !important;
}

/* =============== TOP FILTERS RESTYLE (CLEAR ALL & CHIPS) =============== */

/* 1. Container Flexbox Layout */
.woof_products_top_panel {
    margin-bottom: 20px !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
}

.woof_products_top_panel_ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Flatten the nested structure if possible, but usually WOOF has nested ULs */
.woof_products_top_panel_ul>li,
.woof_products_top_panel_ul ul li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Inner lists container */
.woof_products_top_panel_ul ul {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. "Clear All" Button */
.woof_reset_button_2 {
    display: inline-block !important;
    /* margin-top: 12px; -> Removed in favor of flex gap */
    padding: 8px 16px !important;
    background: rgb(0, 0, 0) !important;
    color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(0, 0, 0) !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: 0.25s !important;
    text-decoration: none !important;
    line-height: normal !important;
    text-transform: capitalize;
    /* Optional cleanup */
}

.woof_reset_button_2:hover {
    background: #fff !important;
    color: #000 !important;
}

/* 3. Active Filter Chips (Red X replacement) */
/* Target the link inside the list items */
.woof_products_top_panel_ul li a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 12px !important;
    background: #fff !important;
    /* White bg */
    color: #000 !important;
    /* Black text */
    border: 1px solid #000 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: 0.25s !important;
    background-image: none !important;
    /* Remove any default images */
}

/* Add a clean 'X' */
.woof_products_top_panel_ul li a::after {
    content: "×" !important;
    display: inline-block;
    margin-left: 6px;
    font-size: 18px;
    line-height: 0.8;
    font-weight: 400;
}

/* Hover state for chips */
.woof_products_top_panel_ul li a:hover {
    background: #000 !important;
    color: #fff !important;
}

/* Clean up internal span */
.woof_products_top_panel_ul li a span {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
}

/* =============== CONDITIONAL LOGIC =============== */
/* Hide Color Filter on Sanitary Products page */
/* We use JS to add .page-sanitary-custom to body if URL contains /sanitary/ */
body.page-sanitary-custom .woof_container_pa_color {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dbadc2d *//* =========================
   PRODUCT GRID + PRICES FIX
   ========================= */

/* --- Product Grid Basics --- */
.woof_shortcode_output ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
}

/* Maintain perfect square product images */
.woof_shortcode_output ul.products li.product .product-media {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.woof_shortcode_output ul.products li.product .product-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Title styling */
.woof_shortcode_output ul.products li.product .woocommerce-loop-product__title {
    margin: 6px 0 4px !important;
    /* pull title closer to price */
    line-height: 1.2;
    min-height: 2.6em;
}

/* =========================
   FINAL TWO-LINE PRICE STYLING
   ========================= */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin-top: 0 !important;
    font-weight: 600;
}

/* QTY price — always black & bold */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .qty-price {
    font-size: 1.05em !important;
    font-weight: 300 !important;
    color: #000 !important;
    /* force solid black */
    font-style: normal !important;
    line-height: 1.1;
}

/* m² price — smaller, italic, gray */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price {
    font-size: 0.78em !important;
    font-weight: 300 !important;
    font-style: italic !important;
    color: #666 !important;
    /* softer gray */
    line-height: 1.1;
}

/* Units styling */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .unit {
    margin-left: 0.25ch;
    font-weight: 300;
}

.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .unit sup {
    font-size: 0.65em;
    vertical-align: super;
    line-height: 0;
}

/* --- Force QTY line solid black --- */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .qty-price,
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .qty-price *,
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .qty-price .woocommerce-Price-amount,
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .qty-price .woocommerce-Price-amount bdi {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    font-weight: 300 !important;
    font-style: normal !important;
    opacity: 1 !important;
}

/* --- Make m² line slightly bigger but still lighter & italic --- */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price,
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price *,
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price .woocommerce-Price-amount,
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price .woocommerce-Price-amount bdi {
    color: #666 !important;
    font-size: 1.01em !important;
    /* increased from 0.78em → more readable */
    font-weight: 300 !important;
    font-style: normal !important;
    opacity: 1 !important;
}


/* Unit tweaks (keeps the tiny ² neat) */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .unit {
    margin-left: .1ch;
    font-weight: 600;
}

.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .unit sup {
    font-size: .35em;
    line-height: 0;
    vertical-align: super;
}

/* ================================
   Unified Two-Line Pricing (QTY + m²)
   Applies to: WOOF results, Shop/Category archives, Elementor Loop Grid
   ================================ */

/* target the INNER price span Woo nests: <span class="price"><span class="price price-two-lines">… */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines,
.woocommerce ul.products li.product span.price>span.price.price-two-lines,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 6px;
    font-weight: 300;
    color: #000;
    align-items: center;
    /* switch to flex-start if you want it left-aligned */
}

/* QTY line (dominant) */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .qty-price,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .qty-price,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .qty-price {
    font-size: 15px;
    color: #000;
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
}

/* ensure any theme rule on <bdi> can’t gray this */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .qty-price *,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .qty-price *,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .qty-price * {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

/* m² line (smaller + lighter) */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .m2-price,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .m2-price {
    font-size: 12.5px;
    /* same as your related products widget */
    color: #555;
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    font-weight: 300;
    font-style: italic;
    /* subtle emphasis */
}

.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price .unit,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .m2-price .unit,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .m2-price .unit {
    margin-left: .25ch;
    font-style: italic;
    font-size: 11px;
    color: #666;
}

.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price .unit sup,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .m2-price .unit sup,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .m2-price .unit sup {
    font-size: .65em;
    line-height: 0;
    vertical-align: super;
}

/* keep currency symbol consistent (scoped to these price blocks) */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .woocommerce-Price-currencySymbol,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .woocommerce-Price-currencySymbol,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .woocommerce-Price-currencySymbol {
    font-weight: 300;
    color: #000;
}

/* remove any legacy ::after that might append /QTY */
.woof_shortcode_output ul.products li.product span.price::after,
.woocommerce ul.products li.product span.price::after,
.elementor .elementor-widget-loop-grid ul.products li.product span.price::after {
    content: "" !important;
}

/* keep numbers inline just in case a theme forces block */
.woof_shortcode_output ul.products li.product .price .woocommerce-Price-amount bdi,
.woocommerce ul.products li.product .price .woocommerce-Price-amount bdi,
.elementor .elementor-widget-loop-grid ul.products li.product .price .woocommerce-Price-amount bdi {
    display: inline !important;
}

/* Optional: tighten title → price spacing for a nicer card rhythm */
.woof_shortcode_output ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor .elementor-widget-loop-grid ul.products li.product .woocommerce-loop-product__title {
    margin: 6px 0 4px !important;
    line-height: 1.2;
}

/* =========================
   WOOF Price Font & Weight Fix
   ========================= */

/* Apply Altform font + remove bold for QTY and m² */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .qty-price,
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price,
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .qty-price *,
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price *,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .qty-price,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .m2-price,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .qty-price *,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .m2-price *,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .qty-price,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .m2-price,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .qty-price *,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .m2-price * {
    font-family: "Altform", sans-serif !important;
    font-weight: 300 !important;
    /* Normal weight */
    font-style: normal !important;
    -webkit-text-fill-color: currentColor !important;
}

/* Keep QTY price black */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .qty-price,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .qty-price,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .qty-price {
    color: #000 !important;
}

/* m² price lighter gray */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .m2-price,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .m2-price {
    color: #555 !important;
}

/* =========================
   Final Pricing Fixes (QTY + m²)
   ========================= */

/* Force QTY price to be normal weight + Altform font */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .qty-price,
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .qty-price *,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .qty-price,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .qty-price *,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .qty-price,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .qty-price * {
    font-family: "Altform", sans-serif !important;
    font-weight: 400 !important;
    /* Remove bold completely */
    font-style: normal !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

/* Apply Altform + normal weight to m² price */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price,
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price *,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .m2-price,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .m2-price *,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .m2-price,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .m2-price * {
    font-family: "Altform", sans-serif !important;
    font-weight: 300 !important;
    /* No bold */
    font-style: normal !important;
    color: #555 !important;
}

/* Make the m² symbol tighter & visually correct */
.woof_shortcode_output ul.products li.product span.price>span.price.price-two-lines .m2-price .unit sup,
.woocommerce ul.products li.product span.price>span.price.price-two-lines .m2-price .unit sup,
.elementor .elementor-widget-loop-grid ul.products li.product span.price>span.price.price-two-lines .m2-price .unit sup {
    font-size: 0.6em !important;
    /* Slightly smaller */
    vertical-align: top !important;
    line-height: 0 !important;
    margin-left: -2px;
    /* Pulls ² closer to m */
    position: relative;
    top: -0.15em;
    /* Fine-tune positioning */
}

/* Two-image hover swap */
.sensi-thumb {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    /* keeps square tiles like your loop */
    overflow: hidden;
}

.sensi-thumb .sensi-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity .25s ease;
}

.sensi-thumb .sensi-img--hover {
    opacity: 0;
}

.woocommerce ul.products li.product:hover .sensi-thumb .sensi-img--hover {
    opacity: 1;
}

.woocommerce ul.products li.product:hover .sensi-thumb .sensi-img--main {
    opacity: 0;
}

/* (Optional) make the whole image area feel clickable */
.woocommerce ul.products li.product .product-media a {
    cursor: pointer;
}

/* Sensi — tighten title ↔ price spacing on all product loops */
.woof_shortcode_output ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor .elementor-widget-loop-grid ul.products li.product .woocommerce-loop-product__title {
    margin: 6px 0 2px !important;
    /* was 6/0/4 → shrink the bottom gap */
    line-height: 1.2;
}

/* Kill the default top-margin/padding many themes add to .price */
.woof_shortcode_output ul.products li.product .price,
.woocommerce ul.products li.product .price,
.elementor .elementor-widget-loop-grid ul.products li.product .price {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

/* Your two-line price block: keep it snug but readable */
.woof_shortcode_output ul.products li.product .price.price-two-lines,
.woocommerce ul.products li.product .price.price-two-lines,
.elementor .elementor-widget-loop-grid ul.products li.product .price.price-two-lines {
    display: flex;
    flex-direction: column;
    gap: 2px;
    /* adjust to 1–3px to taste */
}

/* Micro-tweak the units baseline so “m²”/“/BOX” sit nicely */
.price.price-two-lines .qty-price,
.price.price-two-lines .m2-price {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

/* Safety: if any theme adds spacing to price wrapper spans, zero it */
.woof_shortcode_output ul.products li.product .price>span,
.woocommerce ul.products li.product .price>span {
    margin: 0 !important;
    padding: 0 !important;
}

/* Product title line-height override */
.woof_shortcode_output ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor .elementor-widget-loop-grid ul.products li.product .woocommerce-loop-product__title,
.woof_shortcode_output ul.products li.product .woocommerce-loop-product__title a,
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.elementor .elementor-widget-loop-grid ul.products li.product .woocommerce-loop-product__title a {
    line-height: 2.5 !important;
    margin: 6px 0 2px !important;
    /* keep the tighter gap to price */
}

/* Force product pricing font size */
.woof_shortcode_output ul.products li.product .price,
.woocommerce ul.products li.product .price,
.elementor .elementor-widget-loop-grid ul.products li.product .price {
    font-size: 14px !important;
    line-height: 1.4;
    /* optional for readability */
    font-weight: 400;
    /* or 500 if you want a bit bolder */
}

/* === FINAL OVERRIDE: lock two-line prices to 14px === */
:is(.woof_shortcode_output ul.products li.product,
    .woocommerce ul.products li.product,
    .elementor .elementor-widget-loop-grid ul.products li.product) span.price>span.price.price-two-lines {
    font-size: 14px !important;
    line-height: 1.35 !important;
}

/* make every child inside inherit that 14px (overrides prior !important sizes) */
:is(.woof_shortcode_output ul.products li.product,
    .woocommerce ul.products li.product,
    .elementor .elementor-widget-loop-grid ul.products li.product) span.price>span.price.price-two-lines:is(.qty-price, .m2-price, .woocommerce-Price-amount, .woocommerce-Price-amount bdi,
    .woocommerce-Price-currencySymbol, .unit, .unit sup) {
    font-size: inherit !important;
    line-height: inherit !important;
}

.woof_shortcode_output ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor .elementor-widget-loop-grid ul.products li.product .woocommerce-loop-product__title,
.woof_shortcode_output ul.products li.product .woocommerce-loop-product__title a,
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.elementor .elementor-widget-loop-grid ul.products li.product .woocommerce-loop-product__title a {
    line-height: 2.5 !important;
    font-size: 18px;
    margin: 6px 0 2px !important;
}

.woocommerce .woocommerce-result-count {
    color: #555;
    font-size: 12px;
    margin: 14px 0px 0px 0px;
}

/* =========================
   IMAGE FIT: CONTAIN & STACKING FIX
   Strategy: Square container + Absolute images
   ========================= */

/* 1. Define the Square Container - MAX SPECIFICITY */
html body .woof_shortcode_output ul.products li.product .product-media,
html body .woocommerce ul.products li.product .product-media,
html body .woocommerce-page 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;
    /* Reset padding */
    margin: 0 !important;
    /* Reset margin */
    border: none !important;
    /* Remove any border */
    box-shadow: none !important;
    /* Remove any shadow */
}

/* Hide pseudo-elements that might cause lines */
html body .woof_shortcode_output ul.products li.product .product-media::before,
html body .woof_shortcode_output ul.products li.product .product-media::after,
html body .woocommerce ul.products li.product .product-media::before,
html body .woocommerce ul.products li.product .product-media::after,
html body .woocommerce-page ul.products li.product .product-media::before,
html body .woocommerce-page 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 .woof_shortcode_output ul.products li.product .product-media a,
html body .woocommerce ul.products li.product .product-media a,
html body .woocommerce-page 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 .woof_shortcode_output ul.products li.product .product-media a::before,
html body .woof_shortcode_output ul.products li.product .product-media a::after,
html body .woocommerce ul.products li.product .product-media a::before,
html body .woocommerce ul.products li.product .product-media a::after,
html body .woocommerce-page ul.products li.product .product-media a::before,
html body .woocommerce-page 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 .woof_shortcode_output ul.products li.product .product-media img,
html body .woocommerce ul.products li.product .product-media img,
html body .woocommerce-page ul.products li.product .product-media img,
html body .sensi-thumb,
html body .sensi-thumb img {
    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;
    /* Disable zoom/scale */
    max-width: 100% !important;
    max-height: 100% !important;
}

/* 4. Layering (Z-Index) */
/* Fallback image at bottom */
html body .woof_shortcode_output ul.products li.product .product-media>img,
html body .woocommerce ul.products li.product .product-media>img {
    z-index: 1;
    opacity: 1 !important;
}

/* Sensi Main Image */
html body .sensi-thumb .sensi-img--main {
    z-index: 5;
    opacity: 1;
    background-color: #fff;
}

/* Sensi Hover Image */
html body .sensi-thumb .sensi-img--hover {
    z-index: 6;
    opacity: 0;
    transition: opacity 0.3s ease;
    background-color: #fff !important;
    /* Fix transparency issue */
}

/* 5. Hover Effect */
html body .woof_shortcode_output ul.products li.product:hover .sensi-thumb .sensi-img--hover,
html body .woocommerce ul.products li.product:hover .sensi-thumb .sensi-img--hover,
html body .woocommerce-page 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 .woof_shortcode_output ul.products li.product .wrapper-add-to-cart,
html body .woocommerce ul.products li.product .wrapper-add-to-cart,
html body .woocommerce-page ul.products li.product .wrapper-add-to-cart {
    position: relative !important;
    /* Ensure it has a stacking context */
    z-index: 100 !important;
    /* Sit on top of images */
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    transform: none !important;
    /* Prevent scale/translate from hiding it */
}

/* Ensure the button sits ON TOP of the absolute images */
html body .woof_shortcode_output ul.products li.product .add_to_cart_button,
html body .woocommerce ul.products li.product .add_to_cart_button,
html body .woocommerce-page ul.products li.product .add_to_cart_button,
html body .woof_shortcode_output ul.products li.product .button,
html body .woocommerce ul.products li.product .button,
html body .woocommerce-page 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;
}

:is(.woof_shortcode_output ul.products li.product, .woocommerce ul.products li.product, .elementor .elementor-widget-loop-grid ul.products li.product) span.price>span.price.price-two-lines :is(.qty-price, .m2-price, .woocommerce-Price-amount, .woocommerce-Price-amount bdi, .woocommerce-Price-currencySymbol, .unit, .unit sup) {
    font-size: inherit !important;
    line-height: inherit !important;
    color: black;
}

/* =========================
   BORDER REMOVAL - DEEP CLEAN
   ========================= */

/* 1. Ana Liste Öğesi (li) ve Sanal Öğeleri */
/* Genellikle border burada, ::before veya ::after içinde gizlenir */
li.product,
li.product::before,
li.product::after {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    /* Arka plan rengi farkını yok et */
    content: none !important;
    /* Eğer border çizmek için içerik eklenmişse siler */
}

/* 2. Medya Kapsayıcısı (.product-media) */
/* Görseli saran kutudaki border veya gölgeyi siler */
li.product .product-media,
li.product .product-media::before,
li.product .product-media::after {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}

/* 3. Görsellerin Kendisi (img) */
/* Bazen border direkt resme verilir */
li.product .product-media img,
li.product .product-media .sensi-thumb img {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    /* Bazen padding + background border gibi görünür */
}

/* 4. Link Etiketleri (a) */
/* Görselin etrafındaki link etiketindeki border'ı siler */
li.product .product-media a {
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* 5. Ürün "Hover" Durumu */
/* Üzerine gelince çıkan border'ı engeller */
li.product:hover,
li.product:hover .product-media {
    box-shadow: none !important;
    border-color: transparent !important;
    transform: none !important;
    /* Hafif yukarı kalkma efektini de durdurur */
}

/* 1. First (Main) Photo - Cover */
html body .woof_shortcode_output ul.products li.product .product-media .sensi-thumb .sensi-img.sensi-img--main,
html body .woocommerce ul.products li.product .product-media .sensi-thumb .sensi-img.sensi-img--main,
html body .sensi-thumb .sensi-img.sensi-img--main {
    object-fit: cover !important;
    height: 100% !important;
    width: 100% !important;
}

/* 2. Second (Hover) Photo - Contain */
html body .woof_shortcode_output ul.products li.product .product-media .sensi-thumb .sensi-img.sensi-img--hover,
html body .woocommerce ul.products li.product .product-media .sensi-thumb .sensi-img.sensi-img--hover,
html body .sensi-thumb .sensi-img.sensi-img--hover {
    object-fit: contain !important;
    object-position: center center !important;
    background-color: #fff !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0;
    left: 0;
}

/* Hide prices on product grid */
.woof_shortcode_output ul.products li.product .price,
.woocommerce ul.products li.product .price,
.elementor .elementor-widget-loop-grid 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 */