@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//iscoksa.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//iscoksa.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//iscoksa.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//iscoksa.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//iscoksa.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//iscoksa.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//iscoksa.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//iscoksa.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//iscoksa.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-hb-opt-h: 40px;
	--wd-text-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 15px;
	--wd-title-font: "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Noto Kufi Arabic", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: E31B23;
	--wd-alternative-color: rgb(16,24,32);
	--btn-default-bgcolor: #101820;
	--btn-default-bgcolor-hover: rgb(227,27,35);
	--btn-accented-bgcolor: rgb(227,27,35);
	--btn-accented-bgcolor-hover: rgb(201,21,28);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://iscoksa.com/wp-content/uploads/2021/10/banner3233_overlay_0.6.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	background-repeat: no-repeat;
	object-fit: cover;
	background-attachment: fixed;
	object-position: center bottom;
}
.wd-footer {
	background-color: rgb(31,31,31);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 40px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 10px;
	--wd-widget-title-font-size: 10px;
	--wd-header-el-font-size: 12px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "Manrope3";
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: "Manrope3";
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Manrope3";
	font-weight: 400;
	font-style: normal;
}

/* =========================================================
   ISCO SHOP 2026 — CLEAN MASTER CSS
   WoodMart + WooCommerce + Elementor
   ========================================================= */


/* =========================================================
   01 — DESIGN TOKENS
   ========================================================= */

:where(
    .isco-shop-hero,
    .isco-shop-categories,
    .isco-categories-grid,
    .isco-shop-products,
    .isco-shop-toolbar,
    .isco-shop-filters,
    .isco-products-grid
){
    --isco-red: #E31B23;
    --isco-red-hover: #C9151C;
    --isco-dark: #101820;
    --isco-text: #344054;
    --isco-muted: #667085;
    --isco-soft: #98A2B3;
    --isco-bg: #F6F8FA;
    --isco-white: #FFFFFF;
    --isco-border: #E4E7EC;

    --isco-shadow:
        0 6px 20px rgba(16,24,32,.055);

    --isco-shadow-hover:
        0 16px 34px rgba(16,24,32,.11);
}



/* =========================================================
   02 — HERO
   ========================================================= */

.isco-shop-hero{
    width: 100% !important;

    padding: 60px 30px !important;

    background: var(--isco-dark) !important;

    overflow: hidden !important;
}


.isco-shop-hero .elementor-heading-title{
    margin-top: 0 !important;
    line-height: 1.35 !important;
}


.isco-shop-hero .elementor-widget-text-editor{
    max-width: 800px !important;
    margin-inline: auto !important;
}


.isco-shop-hero .elementor-widget-text-editor,
.isco-shop-hero .elementor-widget-text-editor p{
    line-height: 1.9 !important;
}



/* =========================================================
   03 — CATEGORY SECTION
   ========================================================= */

.isco-shop-categories{
    width: 100% !important;

    padding: 55px 0 !important;

    background: var(--isco-white) !important;
}



/* Category cards */

.isco-categories-grid :is(
    .category-grid-item,
    .wd-cat,
    .product-category
){
    background: var(--isco-white) !important;

    border: 1px solid var(--isco-border) !important;
    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow: var(--isco-shadow) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease !important;
}



/* Category image */

.isco-categories-grid :is(
    .category-image,
    .category-image-wrapp
){
    background: var(--isco-white) !important;
}


.isco-categories-grid :is(
    .category-image,
    .category-image-wrapp
) img{
    width: 100% !important;
    height: auto !important;

    object-fit: contain !important;

    background: var(--isco-white) !important;

    transition: transform .25s ease !important;
}



/* Category titles */

.isco-categories-grid :is(
    .wd-entities-title,
    .category-title
){
    color: var(--isco-dark) !important;

    font-weight: 700 !important;
    line-height: 1.5 !important;
}


.isco-categories-grid :is(
    .wd-entities-title,
    .category-title
) a{
    color: inherit !important;
    text-decoration: none !important;
}



/* =========================================================
   04 — PRODUCTS SECTION
   ========================================================= */

.isco-shop-products{
    width: 100% !important;

    padding:
        55px 18px
        65px !important;

    background: var(--isco-bg) !important;

    border-radius: 20px !important;
}



/* =========================================================
   05 — SHOP TOOLBAR
   ========================================================= */

.isco-shop-toolbar{
    width: 100% !important;

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 18px !important;

    padding: 14px 18px !important;

    margin:
        10px 0
        20px !important;

    background: var(--isco-white) !important;

    border: 1px solid var(--isco-border) !important;
    border-radius: 14px !important;

    box-shadow:
        0 5px 18px
        rgba(16,24,32,.045) !important;
}


.isco-shop-toolbar > .elementor-element,
.isco-shop-toolbar .elementor-widget{
    margin-bottom: 0 !important;
}



/* Result count */

.isco-shop-toolbar .woocommerce-result-count{
    margin: 0 !important;

    color: var(--isco-muted) !important;

    font-size: 14px !important;
}



/* Ordering */

.isco-shop-toolbar .woocommerce-ordering{
    margin: 0 !important;
}


.isco-shop-toolbar select,
.isco-shop-toolbar .orderby{
    min-height: 44px !important;

    padding: 0 16px !important;

    background: var(--isco-white) !important;

    color: var(--isco-dark) !important;

    border: 1px solid var(--isco-border) !important;
    border-radius: 999px !important;

    box-shadow: none !important;

    font-size: 13.5px !important;

    outline: none !important;
}


.isco-shop-toolbar select:focus,
.isco-shop-toolbar .orderby:focus{
    border-color: var(--isco-red) !important;

    box-shadow:
        0 0 0 3px
        rgba(227,27,35,.08) !important;
}



/* Filter button */

.isco-shop-toolbar :is(
    .wd-filter-buttons,
    .filters-area-button,
    .wd-show-sidebar-btn
),
.isco-shop-toolbar :is(
    .wd-filter-buttons,
    .filters-area-button,
    .wd-show-sidebar-btn
) a{
    color: var(--isco-dark) !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}



/* =========================================================
   06 — FILTER AREA
   ========================================================= */

.isco-shop-filters{
    width: 100% !important;

    padding: 24px !important;

    margin: 0 0 28px !important;

    background: var(--isco-white) !important;

    border: 1px solid var(--isco-border) !important;
    border-radius: 16px !important;

    box-shadow:
        0 8px 24px
        rgba(16,24,32,.05) !important;
}


.isco-shop-filters .widget{
    margin-bottom: 0 !important;
}


.isco-shop-filters :is(
    .widget-title,
    .wd-widget-title,
    h4,
    h5
){
    margin:
        0 0
        14px !important;

    color: var(--isco-dark) !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}


.isco-shop-filters a{
    color: var(--isco-text) !important;

    text-decoration: none !important;

    transition:
        color .2s ease !important;
}


.isco-shop-filters a:hover{
    color: var(--isco-red) !important;
}



/* Filter buttons */

.isco-shop-filters :is(
    button,
    .button
){
    min-height: 38px !important;

    padding: 7px 17px !important;

    background: var(--isco-dark) !important;

    color: #FFFFFF !important;

    border: 0 !important;
    border-radius: 999px !important;

    font-weight: 700 !important;
}


.isco-shop-filters :is(
    button,
    .button
):hover{
    background: var(--isco-red) !important;
}



/* =========================================================
   07 — PRODUCT GRID
   ========================================================= */

.isco-products-grid :is(
    .wd-products,
    .products
){
    align-items: stretch !important;
}



/* Product card */

.isco-products-grid :is(
    .wd-product,
    .product-grid-item,
    li.product
){
    height: 100% !important;

    background: var(--isco-white) !important;

    border: 1px solid var(--isco-border) !important;
    border-radius: 16px !important;

    overflow: hidden !important;

    box-shadow: var(--isco-shadow) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease !important;
}



/* Product wrapper */

.isco-products-grid :is(
    .product-wrapper,
    .wd-product-wrapper
){
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;
}



/* =========================================================
   08 — PRODUCT IMAGE
   ========================================================= */

.isco-products-grid .product-element-top{
    overflow: hidden !important;

    background: #FFFFFF !important;

    border-radius:
        15px 15px
        0 0 !important;
}


.isco-products-grid .product-element-top img{
    display: block !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 1 / 1 !important;

    object-fit: contain !important;

    background: #FFFFFF !important;

    transition:
        transform .28s ease !important;
}



/* =========================================================
   09 — PRODUCT INFO
   ========================================================= */

.isco-products-grid :is(
    .product-information,
    .wd-product-information
){
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    padding: 16px 16px 18px !important;
}



/* Product title */

.isco-products-grid :is(
    .wd-entities-title,
    .woocommerce-loop-product__title
){
    margin:
        7px 0
        9px !important;

    color: var(--isco-dark) !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
}


.isco-products-grid .wd-entities-title a{
    color: inherit !important;
}



/* Product category */

.isco-products-grid :is(
    .wd-product-cats,
    .wd-product-cat
){
    color: var(--isco-muted) !important;

    font-size: 12px !important;
    line-height: 1.5 !important;
}


.isco-products-grid :is(
    .wd-product-cats,
    .wd-product-cat
) a{
    color: inherit !important;
}



/* =========================================================
   10 — PRICE
   ========================================================= */

.isco-products-grid .price{
    margin:
        8px 0
        12px !important;

    color: var(--isco-dark) !important;

    font-size: 15px !important;
    font-weight: 800 !important;

    line-height: 1.5 !important;
}


.isco-products-grid .price ins{
    color: var(--isco-red) !important;

    font-weight: 800 !important;

    text-decoration: none !important;
}


.isco-products-grid .price del{
    color: var(--isco-soft) !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    opacity: 1 !important;
}



/* =========================================================
   11 — ADD TO CART
   IMPORTANT:
   Includes WoodMart's real add-to-cart selector
   ========================================================= */

/* Wrapper */

.isco-products-grid .wd-add-btn{
    margin-top: auto !important;

    text-align: center !important;
}



/* Actual buttons */

.isco-products-grid .wd-add-btn > a,
.isco-products-grid .wd-add-btn a.button,
.isco-products-grid .wd-add-btn-replace .add-to-cart-loop,
.isco-products-grid a.add_to_cart_button,
.isco-products-grid a.product_type_simple,
.isco-products-grid a.product_type_variable,
.isco-products-grid a.product_type_external{
    display: inline-flex !important;

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

    width: auto !important;

    min-height: 40px !important;

    padding: 8px 17px !important;

    margin-inline: auto !important;

    background: var(--isco-red) !important;

    color: #FFFFFF !important;

    border: 1px solid var(--isco-red) !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow:
        0 6px 16px
        rgba(227,27,35,.16) !important;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}



/* Button hover */

.isco-products-grid .wd-add-btn > a:hover,
.isco-products-grid .wd-add-btn a.button:hover,
.isco-products-grid .wd-add-btn-replace .add-to-cart-loop:hover,
.isco-products-grid a.add_to_cart_button:hover,
.isco-products-grid a.product_type_simple:hover,
.isco-products-grid a.product_type_variable:hover,
.isco-products-grid a.product_type_external:hover{
    background: var(--isco-red-hover) !important;

    border-color: var(--isco-red-hover) !important;

    color: #FFFFFF !important;
}



/* =========================================================
   12 — BADGES
   ========================================================= */

.isco-products-grid
.product-labels
.product-label{
    padding: 6px 10px !important;

    border-radius: 999px !important;

    font-size: 10px !important;
    font-weight: 800 !important;
}


.isco-products-grid :is(
    .product-label.onsale,
    .onsale
){
    background: var(--isco-red) !important;

    color: #FFFFFF !important;
}


.isco-products-grid :is(
    .product-label.out-of-stock,
    .product-label.stock-out
){
    background: var(--isco-dark) !important;

    color: #FFFFFF !important;
}



/* =========================================================
   13 — DESKTOP HOVER
   Real mouse devices only
   ========================================================= */

@media (hover: hover) and (pointer: fine){

    .isco-categories-grid :is(
        .category-grid-item,
        .wd-cat,
        .product-category
    ):hover{
        transform:
            translateY(-5px) !important;

        border-color:
            rgba(227,27,35,.28) !important;

        box-shadow:
            var(--isco-shadow-hover) !important;
    }


    .isco-categories-grid :is(
        .category-grid-item,
        .wd-cat,
        .product-category
    ):hover
    :is(
        .category-image,
        .category-image-wrapp
    ) img{
        transform:
            scale(1.035) !important;
    }


    .isco-products-grid :is(
        .wd-product,
        .product-grid-item,
        li.product
    ):hover{
        transform:
            translateY(-5px) !important;

        border-color:
            rgba(227,27,35,.25) !important;

        box-shadow:
            var(--isco-shadow-hover) !important;
    }


    .isco-products-grid :is(
        .wd-product,
        .product-grid-item,
        li.product
    ):hover
    .product-element-top img{
        transform:
            scale(1.025) !important;
    }


    .isco-products-grid
    .wd-entities-title
    a:hover{
        color:
            var(--isco-red) !important;
    }

}



/* =========================================================
   14 — TABLET
   ========================================================= */

@media (max-width: 1024px){

    .isco-shop-hero{
        padding:
            50px 22px !important;
    }


    .isco-shop-categories{
        padding:
            45px 0 !important;
    }


    .isco-shop-products{
        padding:
            45px 14px
            55px !important;
    }


    .isco-shop-toolbar{
        gap: 12px !important;

        padding:
            12px 14px !important;
    }


    .isco-products-grid :is(
        .wd-entities-title,
        .woocommerce-loop-product__title
    ){
        font-size:
            14px !important;
    }

}



/* =========================================================
   15 — MOBILE
   ONE MOBILE BLOCK ONLY
   ========================================================= */

@media (max-width: 767px){

    /* =====================================================
       HERO
       ===================================================== */

    .isco-shop-hero{
        min-height: auto !important;

        padding:
            40px 18px !important;
    }


    .isco-shop-hero
    h1.elementor-heading-title{
        max-width: 100% !important;

        font-size: 31px !important;
        line-height: 1.42 !important;
    }


    .isco-shop-hero
    h6.elementor-heading-title{
        font-size:
            14px !important;
    }


    .isco-shop-hero
    .elementor-widget-text-editor,
    .isco-shop-hero
    .elementor-widget-text-editor p{
        font-size:
            13px !important;

        line-height:
            1.8 !important;
    }



    /* =====================================================
       CATEGORY SECTION
       ===================================================== */

    .isco-shop-categories{
        padding:
            35px 12px !important;
    }


    .isco-categories-grid :is(
        .category-grid-item,
        .wd-cat,
        .product-category
    ){
        display: flex !important;

        flex-direction: column !important;

        height: auto !important;
        min-height: 175px !important;

        border-radius: 14px !important;

        overflow: hidden !important;
    }



    /* Category image area */

    .isco-categories-grid :is(
        .category-image,
        .category-image-wrapp
    ){
        position: relative !important;

        display: flex !important;

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

        width: 100% !important;

        height: 105px !important;
        min-height: 105px !important;

        padding: 7px !important;

        background:
            var(--isco-bg) !important;

        overflow: hidden !important;
    }


    .isco-categories-grid :is(
        .category-image,
        .category-image-wrapp
    ) img{
        position: static !important;

        display: block !important;

        width: 78px !important;
        height: 78px !important;

        max-width: 78px !important;
        max-height: 78px !important;

        padding: 0 !important;
        margin: auto !important;

        object-fit: contain !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }



    /* Category content */

    .isco-categories-grid :is(
        .category-content,
        .wd-cat-content,
        .wrapp-category
    ){
        position: static !important;

        display: flex !important;

        flex-direction: column !important;

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

        width: 100% !important;

        height: auto !important;
        min-height: 62px !important;

        padding:
            8px 5px
            10px !important;

        margin: 0 !important;

        background:
            var(--isco-white) !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }



    /* Full category name */

    .isco-categories-grid :is(
        .wd-entities-title,
        .category-title
    ){
        position: static !important;

        display: block !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;

        padding:
            0 3px !important;

        overflow: visible !important;

        color:
            var(--isco-dark) !important;

        font-size:
            11.5px !important;

        font-weight:
            700 !important;

        line-height:
            1.4 !important;

        text-align:
            center !important;

        white-space:
            normal !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform:
            none !important;
    }


    .isco-categories-grid :is(
        .wd-entities-title,
        .category-title
    ) a{
        display:
            block !important;

        color:
            var(--isco-dark) !important;

        white-space:
            normal !important;

        opacity: 1 !important;
        visibility: visible !important;
    }



    /* Hide category count */

    .isco-categories-grid :is(
        .more-products,
        .category-count,
        .wd-cat-count
    ){
        display:
            none !important;
    }



    /* Touch feedback */

    .isco-categories-grid :is(
        .category-grid-item,
        .wd-cat,
        .product-category
    ):active{
        transform:
            scale(.98) !important;

        border-color:
            rgba(227,27,35,.35) !important;
    }



    /* =====================================================
       PRODUCTS SECTION
       ===================================================== */

    .isco-shop-products{
        padding:
            35px 9px
            40px !important;

        border-radius:
            16px !important;
    }



    /* =====================================================
       TOOLBAR
       ===================================================== */

    .isco-shop-toolbar{
        width:
            100% !important;

        display:
            flex !important;

        flex-wrap:
            nowrap !important;

        align-items:
            center !important;

        gap:
            8px !important;

        padding:
            9px !important;

        border-radius:
            12px !important;
    }



    /* Result count unnecessary on phone */

    .isco-shop-toolbar
    .woocommerce-result-count,
    .isco-shop-toolbar
    [class*="result-count"]{
        display:
            none !important;
    }



    .isco-shop-toolbar
    .woocommerce-ordering{
        flex:
            1 1 auto !important;
    }


    .isco-shop-toolbar select,
    .isco-shop-toolbar .orderby{
        width:
            100% !important;

        max-width:
            none !important;

        min-height:
            40px !important;

        padding:
            0 10px !important;

        font-size:
            11px !important;
    }



    /* =====================================================
       FILTER AREA
       ===================================================== */

    .isco-shop-filters{
        padding:
            15px !important;

        margin-bottom:
            18px !important;

        border-radius:
            13px !important;
    }


    .isco-shop-filters :is(
        .widget-title,
        .wd-widget-title,
        h4,
        h5
    ){
        font-size:
            13px !important;
    }



    /* =====================================================
       PRODUCT CARDS
       ===================================================== */

    .isco-products-grid :is(
        .wd-product,
        .product-grid-item,
        li.product
    ){
        display:
            flex !important;

        height:
            100% !important;

        min-width:
            0 !important;

        border-radius:
            13px !important;
    }


    .isco-products-grid :is(
        .product-wrapper,
        .wd-product-wrapper
    ){
        display:
            flex !important;

        flex-direction:
            column !important;

        width:
            100% !important;

        height:
            100% !important;
    }



    /* =====================================================
       PRODUCT IMAGE
       ===================================================== */

    .isco-products-grid
    .product-element-top{
        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            100% !important;

        height:
            122px !important;

        min-height:
            122px !important;

        overflow:
            hidden !important;

        background:
            #FFFFFF !important;
    }


    .isco-products-grid
    .product-element-top img{
        width:
            100% !important;

        height:
            100% !important;

        aspect-ratio:
            auto !important;

        object-fit:
            contain !important;
    }



    /* =====================================================
       PRODUCT INFORMATION
       ===================================================== */

    .isco-products-grid :is(
        .product-information,
        .wd-product-information
    ){
        display:
            flex !important;

        flex-direction:
            column !important;

        flex:
            1 1 auto !important;

        width:
            100% !important;

        padding:
            8px 7px
            10px !important;
    }



    /* Product title:
       fixed 3-line area so rows stay balanced */

    .isco-products-grid :is(
        .wd-entities-title,
        .woocommerce-loop-product__title
    ){
        display:
            -webkit-box !important;

        height:
            52px !important;

        min-height:
            52px !important;

        max-height:
            52px !important;

        margin:
            4px 0
            5px !important;

        overflow:
            hidden !important;

        font-size:
            10.5px !important;

        line-height:
            1.63 !important;

        -webkit-line-clamp:
            3 !important;

        -webkit-box-orient:
            vertical !important;
    }



    /* Product category */

    .isco-products-grid :is(
        .wd-product-cats,
        .wd-product-cat
    ){
        display:
            -webkit-box !important;

        min-height:
            26px !important;

        max-height:
            26px !important;

        overflow:
            hidden !important;

        font-size:
            8.5px !important;

        line-height:
            1.45 !important;

        -webkit-line-clamp:
            2 !important;

        -webkit-box-orient:
            vertical !important;
    }



    /* =====================================================
       PRICE
       ===================================================== */

    .isco-products-grid
    .price{
        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        flex-wrap:
            wrap !important;

        min-height:
            27px !important;

        margin:
            4px 0
            6px !important;

        font-size:
            10.5px !important;

        line-height:
            1.35 !important;
    }


    .isco-products-grid
    .price del{
        font-size:
            8.5px !important;
    }



    /* =====================================================
       MOBILE ADD-TO-CART
       Exact WoodMart selectors
       ===================================================== */

    .isco-products-grid
    .wd-add-btn{
        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            100% !important;

        margin-top:
            auto !important;

        padding-top:
            4px !important;
    }



    .isco-products-grid
    .wd-add-btn > a,

    .isco-products-grid
    .wd-add-btn a.button,

    .isco-products-grid
    .wd-add-btn-replace
    .add-to-cart-loop,

    .isco-products-grid
    a.add_to_cart_button,

    .isco-products-grid
    a.product_type_simple,

    .isco-products-grid
    a.product_type_variable,

    .isco-products-grid
    a.product_type_external{

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        flex:
            0 0 94px !important;

        width:
            94px !important;

        min-width:
            94px !important;

        max-width:
            94px !important;

        min-height:
            34px !important;

        height:
            auto !important;

        padding:
            6px 7px !important;

        margin:
            0 auto !important;

        background:
            var(--isco-red) !important;

        color:
            #FFFFFF !important;

        border:
            0 !important;

        border-radius:
            999px !important;

        font-size:
            9.5px !important;

        font-weight:
            700 !important;

        line-height:
            1.2 !important;

        text-align:
            center !important;

        white-space:
            normal !important;

        box-shadow:
            0 4px 10px
            rgba(227,27,35,.15) !important;
    }



    /*
       WoodMart replacement-button mode can show a cart icon
       instead of the text. On mobile we want one stable text button.
    */

    .isco-products-grid
    .wd-add-btn-replace
    .add-to-cart-loop::before{
        display:
            none !important;

        content:
            none !important;
    }



    /*
       Force WoodMart's button text back into its normal position
       if the theme moved it for its hover animation.
    */

    .isco-products-grid
    .wd-add-btn-replace
    .add-to-cart-loop
    span:not(.wd-tooltip-label){

        opacity:
            1 !important;

        visibility:
            visible !important;

        transform:
            none !important;
    }



    /* Touch feedback */

    .isco-products-grid :is(
        .wd-product,
        .product-grid-item,
        li.product
    ):active{
        transform:
            scale(.985) !important;
    }


    .isco-products-grid
    .wd-add-btn > a:active,

    .isco-products-grid
    .wd-add-btn-replace
    .add-to-cart-loop:active,

    .isco-products-grid
    a.add_to_cart_button:active{

        transform:
            scale(.95) !important;

        background:
            var(--isco-red-hover) !important;
    }



    /* =====================================================
       MOBILE BADGES
       ===================================================== */

    .isco-products-grid
    .product-labels
    .product-label{
        padding:
            4px 7px !important;

        font-size:
            8px !important;
    }

}



/* =========================================================
   16 — VERY SMALL PHONES
   ========================================================= */

@media (max-width: 380px){

    .isco-shop-products{
        padding-left:
            6px !important;

        padding-right:
            6px !important;
    }


    .isco-products-grid
    .product-element-top{
        height:
            112px !important;

        min-height:
            112px !important;
    }


    .isco-products-grid :is(
        .wd-entities-title,
        .woocommerce-loop-product__title
    ){
        font-size:
            10px !important;
    }


    .isco-products-grid
    .wd-add-btn > a,

    .isco-products-grid
    .wd-add-btn a.button,

    .isco-products-grid
    .wd-add-btn-replace
    .add-to-cart-loop,

    .isco-products-grid
    a.add_to_cart_button,

    .isco-products-grid
    a.product_type_simple,

    .isco-products-grid
    a.product_type_variable,

    .isco-products-grid
    a.product_type_external{

        flex-basis:
            88px !important;

        width:
            88px !important;

        min-width:
            88px !important;

        max-width:
            88px !important;

        font-size:
            9px !important;
    }

}
/* مساحة آمنة فوق شريط WoodMart السفلي في الهاتف */
@media (max-width: 767px){
    .isco-shop-products,
    .isco-shop-categories{
        padding-bottom: 90px !important;
    }
}