.elementor-21911 .elementor-element.elementor-element-b1ab041{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0.5%;--padding-bottom:00.2%;--padding-left:5%;--padding-right:5%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-21911 .elementor-element.elementor-element-21cc35a0{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;text-align:center;}.elementor-21911 .elementor-element.elementor-element-21cc35a0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-21911 .elementor-element.elementor-element-21cc35a0 img{max-width:40%;}.elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-21911 .elementor-element.elementor-element-928a700{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:10%;--margin-right:20%;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-c0ca652{--display:flex;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{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-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-21911 .elementor-element.elementor-element-21a7204 .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-21a7204.elementor-wc-products ul.products{grid-column-gap:30px;grid-row-gap:30px;}.elementor-21911 .elementor-element.elementor-element-21a7204 a > img{border-radius:50% 50% 50% 50%;margin-bottom:0px;}.elementor-21911 .elementor-element.elementor-element-21a7204 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:"Cairo", Sans-serif;font-size:12px;font-weight:500;}.elementor-21911 .elementor-element.elementor-element-21a7204 .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-66797d0{--display:flex;}.elementor-21911 .elementor-element.elementor-element-11c4be7 .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-11c4be7.elementor-wc-products ul.products{grid-column-gap:30px;grid-row-gap:30px;}.elementor-21911 .elementor-element.elementor-element-11c4be7 a > img{border-radius:50% 50% 50% 50%;margin-bottom:0px;}.elementor-21911 .elementor-element.elementor-element-11c4be7 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:"Cairo", Sans-serif;font-size:12px;font-weight:500;}.elementor-21911 .elementor-element.elementor-element-11c4be7 .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-c25b320{--display:flex;}.elementor-21911 .elementor-element.elementor-element-d6653f4 .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-d6653f4.elementor-wc-products ul.products{grid-column-gap:30px;grid-row-gap:30px;}.elementor-21911 .elementor-element.elementor-element-d6653f4 a > img{border-radius:50% 50% 50% 50%;margin-bottom:0px;}.elementor-21911 .elementor-element.elementor-element-d6653f4 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:"Cairo", Sans-serif;font-size:12px;font-weight:500;}.elementor-21911 .elementor-element.elementor-element-d6653f4 .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-2cde3d7{--display:flex;}.elementor-21911 .elementor-element.elementor-element-8325d46 .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-8325d46.elementor-wc-products ul.products{grid-column-gap:30px;grid-row-gap:30px;}.elementor-21911 .elementor-element.elementor-element-8325d46 a > img{border-radius:50% 50% 50% 50%;margin-bottom:0px;}.elementor-21911 .elementor-element.elementor-element-8325d46 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:"Cairo", Sans-serif;font-size:12px;font-weight:500;}.elementor-21911 .elementor-element.elementor-element-8325d46 .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-80f12b2{--display:flex;}.elementor-21911 .elementor-element.elementor-element-fcbe6fd .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-fcbe6fd.elementor-wc-products ul.products{grid-column-gap:30px;grid-row-gap:30px;}.elementor-21911 .elementor-element.elementor-element-fcbe6fd a > img{border-radius:50% 50% 50% 50%;margin-bottom:0px;}.elementor-21911 .elementor-element.elementor-element-fcbe6fd .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:"Cairo", Sans-serif;font-size:12px;font-weight:500;}.elementor-21911 .elementor-element.elementor-element-fcbe6fd .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-ce4c105{--display:flex;}.elementor-21911 .elementor-element.elementor-element-663f3ad .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-663f3ad.elementor-wc-products ul.products{grid-column-gap:30px;grid-row-gap:30px;}.elementor-21911 .elementor-element.elementor-element-663f3ad a > img{border-radius:50% 50% 50% 50%;margin-bottom:0px;}.elementor-21911 .elementor-element.elementor-element-663f3ad .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:"Cairo", Sans-serif;font-size:12px;font-weight:500;}.elementor-21911 .elementor-element.elementor-element-663f3ad .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-b11ac0c{--display:flex;}.elementor-21911 .elementor-element.elementor-element-da82214 .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-da82214.elementor-wc-products ul.products{grid-column-gap:30px;grid-row-gap:30px;}.elementor-21911 .elementor-element.elementor-element-da82214 a > img{border-radius:50% 50% 50% 50%;margin-bottom:0px;}.elementor-21911 .elementor-element.elementor-element-da82214 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:"Cairo", Sans-serif;font-size:12px;font-weight:500;}.elementor-21911 .elementor-element.elementor-element-da82214 .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-c0fa1bc{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:30px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:6px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-color:var( --e-global-color-cc39607 );--n-tabs-title-color-active:var( --e-global-color-cc39607 );--n-tabs-title-direction:row;--n-tabs-icon-order:1;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-gap:20px;--n-tabs-icon-color:var( --e-global-color-cc39607 );--n-tabs-icon-color-active:var( --e-global-color-cc39607 );}.elementor-21911 .elementor-element.elementor-element-c0fa1bc > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-cbe43da );}.elementor-21911 .elementor-element.elementor-element-c0fa1bc.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F3F3F370;}.elementor-21911 .elementor-element.elementor-element-c0fa1bc.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-21911 .elementor-element.elementor-element-c0fa1bc.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F3F3F370;}.elementor-21911 .elementor-element.elementor-element-c0fa1bc > .elementor-widget-container{padding:1% 1% 0% 2%;}.elementor-21911 .elementor-element.elementor-element-c0fa1bc.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-21911 .elementor-element.elementor-element-c0fa1bc [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-cc39607 );--n-tabs-icon-color-hover:var( --e-global-color-cc39607 );}.elementor-21911 .elementor-element.elementor-element-b62bfd0{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:space-between;--n-menu-title-flex-grow:1;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:20px;width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-transition:300ms;--n-menu-title-direction:row;--n-menu-icon-order:1;--n-menu-icon-align-items:initial;--n-menu-title-align-items-toggle:center;--n-menu-icon-size:16px;--n-menu-icon-gap:10px;--n-menu-dropdown-indicator-space:0px;--n-menu-toggle-icon-hover-duration:500ms;}.elementor-21911 .elementor-element.elementor-element-b62bfd0 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-21911 .elementor-element.elementor-element-b62bfd0 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-21911 .elementor-element.elementor-element-b62bfd0 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-21911 .elementor-element.elementor-element-8229bb4{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;--e-search-input-padding-block-start:5px;--e-search-input-padding-inline-start:5px;--e-search-input-padding-block-end:5px;--e-search-input-padding-inline-end:5px;--e-search-icon-label-size:20px;}.elementor-21911 .elementor-element.elementor-element-8229bb4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:02px 02px 02px 02px;border-color:var( --e-global-color-secondary );border-radius:10px 10px 10px 10px;}.elementor-21911 .elementor-element.elementor-element-8229bb4 .e-search-input{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );border-radius:10px 10px 10px 10px;}.elementor-21911 .elementor-element.elementor-element-ee90f90{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:10%;--margin-right:20%;}.elementor-21911 .elementor-element.elementor-element-ce5353f{--display:flex;}.elementor-21911 .elementor-element.elementor-element-f64905c .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-f64905c.elementor-wc-products ul.products{grid-column-gap:25px;grid-row-gap:10px;}.elementor-21911 .elementor-element.elementor-element-f64905c a > img{border-radius:50% 50% 50% 50%;}.elementor-21911 .elementor-element.elementor-element-f64905c .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:"Cairo", Sans-serif;font-weight:500;}.elementor-21911 .elementor-element.elementor-element-f64905c .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-1064065{--display:flex;}.elementor-21911 .elementor-element.elementor-element-f2fc2a2 .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-f2fc2a2.elementor-wc-products ul.products{grid-column-gap:25px;grid-row-gap:10px;}.elementor-21911 .elementor-element.elementor-element-f2fc2a2 a > img{border-radius:50% 50% 50% 50%;}.elementor-21911 .elementor-element.elementor-element-f2fc2a2 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-f2fc2a2 .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-80b88cc{--display:flex;}.elementor-21911 .elementor-element.elementor-element-0a0bfef .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-0a0bfef.elementor-wc-products ul.products{grid-column-gap:25px;grid-row-gap:10px;}.elementor-21911 .elementor-element.elementor-element-0a0bfef a > img{border-radius:50% 50% 50% 50%;}.elementor-21911 .elementor-element.elementor-element-0a0bfef .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:"Cairo", Sans-serif;font-weight:500;}.elementor-21911 .elementor-element.elementor-element-0a0bfef .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-43d5e39{--display:flex;}.elementor-21911 .elementor-element.elementor-element-f87fd76 .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-f87fd76.elementor-wc-products ul.products{grid-column-gap:25px;grid-row-gap:10px;}.elementor-21911 .elementor-element.elementor-element-f87fd76 a > img{border-radius:50% 50% 50% 50%;}.elementor-21911 .elementor-element.elementor-element-f87fd76 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:"Cairo", Sans-serif;font-weight:500;}.elementor-21911 .elementor-element.elementor-element-f87fd76 .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-15942f5{--display:flex;}.elementor-21911 .elementor-element.elementor-element-d055107 .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-d055107.elementor-wc-products ul.products{grid-column-gap:25px;grid-row-gap:10px;}.elementor-21911 .elementor-element.elementor-element-d055107 a > img{border-radius:50% 50% 50% 50%;}.elementor-21911 .elementor-element.elementor-element-d055107 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:"Cairo", Sans-serif;font-weight:500;}.elementor-21911 .elementor-element.elementor-element-d055107 .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-35f6dbe{--display:flex;}.elementor-21911 .elementor-element.elementor-element-5d82eb7 .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-5d82eb7.elementor-wc-products ul.products{grid-column-gap:25px;grid-row-gap:10px;}.elementor-21911 .elementor-element.elementor-element-5d82eb7 a > img{border-radius:50% 50% 50% 50%;}.elementor-21911 .elementor-element.elementor-element-5d82eb7 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:"Cairo", Sans-serif;font-weight:500;}.elementor-21911 .elementor-element.elementor-element-5d82eb7 .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-3a2c62a{--display:flex;}.elementor-21911 .elementor-element.elementor-element-f8fe413 .product{text-align:center;}.elementor-21911 .elementor-element.elementor-element-f8fe413.elementor-wc-products ul.products{grid-column-gap:25px;grid-row-gap:10px;}.elementor-21911 .elementor-element.elementor-element-f8fe413 a > img{border-radius:50% 50% 50% 50%;}.elementor-21911 .elementor-element.elementor-element-f8fe413 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-cc39607 );font-family:"Cairo", Sans-serif;font-weight:500;}.elementor-21911 .elementor-element.elementor-element-f8fe413 .woocommerce-loop-category__title .count{color:var( --e-global-color-cbe43da );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21911 .elementor-element.elementor-element-d8b0ab8{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:6px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-color:var( --e-global-color-cc39607 );--n-tabs-title-color-active:var( --e-global-color-cc39607 );--n-tabs-title-direction:row;--n-tabs-icon-order:1;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-gap:20px;--n-tabs-icon-color:var( --e-global-color-cc39607 );--n-tabs-icon-color-active:var( --e-global-color-cc39607 );}.elementor-21911 .elementor-element.elementor-element-d8b0ab8 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-cbe43da );}.elementor-21911 .elementor-element.elementor-element-d8b0ab8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F3F3F370;}.elementor-21911 .elementor-element.elementor-element-d8b0ab8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-21911 .elementor-element.elementor-element-d8b0ab8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F3F3F370;}.elementor-21911 .elementor-element.elementor-element-d8b0ab8 > .elementor-widget-container{padding:1% 1% 0% 2%;}.elementor-21911 .elementor-element.elementor-element-d8b0ab8 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-cc39607 );--n-tabs-icon-color-hover:var( --e-global-color-cc39607 );}.elementor-21911 .elementor-element.elementor-element-f66f149{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:20px;width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-transition:300ms;--n-menu-title-direction:row;--n-menu-icon-order:1;--n-menu-icon-align-items:initial;--n-menu-title-justify-content:initial;--n-menu-title-align-items-toggle:center;--n-menu-icon-size:16px;--n-menu-icon-gap:10px;--n-menu-dropdown-indicator-space:0px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;}.elementor-21911 .elementor-element.elementor-element-f66f149 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-21911 .elementor-element.elementor-element-f66f149 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-21911 .elementor-element.elementor-element-f66f149 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-21911 .elementor-element.elementor-element-6c023bb .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-21911 .elementor-element.elementor-element-6c023bb .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-21911 .elementor-element.elementor-element-6c023bb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-21911 .elementor-element.elementor-element-6c023bb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-21911 .elementor-element.elementor-element-6c023bb .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-21911 .elementor-element.elementor-element-6c023bb .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-21911 .elementor-element.elementor-element-d926685 .elementor-icon-wrapper{text-align:center;}.elementor-21911 .elementor-element.elementor-element-d926685.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-cc39607 );}.elementor-21911 .elementor-element.elementor-element-d926685.elementor-view-framed .elementor-icon, .elementor-21911 .elementor-element.elementor-element-d926685.elementor-view-default .elementor-icon{color:var( --e-global-color-cc39607 );border-color:var( --e-global-color-cc39607 );}.elementor-21911 .elementor-element.elementor-element-d926685.elementor-view-framed .elementor-icon, .elementor-21911 .elementor-element.elementor-element-d926685.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-cc39607 );}.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-21911 .elementor-element.elementor-element-85ae6e7 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-cc39607 );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-21911 .elementor-element.elementor-element-b74ca09{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-border-width:0px;--toggle-icon-size:20px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-21911 .elementor-element.elementor-element-b74ca09 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-21911 .elementor-element.elementor-element-b1ab041{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:1%;--padding-bottom:0.5%;--padding-left:1%;--padding-right:1%;}.elementor-21911 .elementor-element.elementor-element-21cc35a0{--container-widget-width:15%;--container-widget-flex-grow:0;width:var( --container-widget-width, 15% );max-width:15%;}.elementor-21911 .elementor-element.elementor-element-21cc35a0 img{max-width:70%;}.elementor-21911 .elementor-element.elementor-element-928a700{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21911 .elementor-element.elementor-element-c0ca652{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21911 .elementor-element.elementor-element-c0fa1bc{--n-tabs-heading-width:30%;}.elementor-21911 .elementor-element.elementor-element-b62bfd0{--n-menu-heading-wrap:nowrap;--n-menu-heading-overflow-x:scroll;--container-widget-width:18%;--container-widget-flex-grow:0;width:var( --container-widget-width, 18% );max-width:18%;}.elementor-21911 .elementor-element.elementor-element-8229bb4{--container-widget-width:35%;--container-widget-flex-grow:0;width:var( --container-widget-width, 35% );max-width:35%;}.elementor-21911 .elementor-element.elementor-element-f66f149{--n-menu-heading-wrap:nowrap;--n-menu-heading-overflow-x:scroll;--container-widget-width:17%;--container-widget-flex-grow:0;width:var( --container-widget-width, 17% );max-width:17%;}.elementor-21911 .elementor-element.elementor-element-d926685 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-21911 .elementor-element.elementor-element-d926685 .elementor-icon{font-size:25px;}.elementor-21911 .elementor-element.elementor-element-d926685 .elementor-icon svg{height:25px;}.elementor-21911 .elementor-element.elementor-element-b74ca09 > .elementor-widget-container{padding:0px 0px 8px 0px;}.elementor-21911 .elementor-element.elementor-element-b74ca09{--toggle-icon-size:25px;}}@media(max-width:767px){.elementor-21911 .elementor-element.elementor-element-b1ab041{--justify-content:center;--flex-wrap:wrap;--padding-top:2%;--padding-bottom:0.5%;--padding-left:0%;--padding-right:0%;}.elementor-21911 .elementor-element.elementor-element-21cc35a0{--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}.elementor-21911 .elementor-element.elementor-element-21cc35a0 img{max-width:100%;height:100%;}.elementor-21911 .elementor-element.elementor-element-928a700{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-21911 .elementor-element.elementor-element-8229bb4{--container-widget-width:65%;--container-widget-flex-grow:0;width:var( --container-widget-width, 65% );max-width:65%;}.elementor-21911 .elementor-element.elementor-element-ee90f90{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-21911 .elementor-element.elementor-element-f64905c a > img{border-radius:50% 50% 50% 50%;}.elementor-21911 .elementor-element.elementor-element-f64905c .woocommerce .woocommerce-loop-category__title{font-size:9px;}.elementor-21911 .elementor-element.elementor-element-0a0bfef a > img{border-radius:50% 50% 50% 50%;}.elementor-21911 .elementor-element.elementor-element-0a0bfef .woocommerce .woocommerce-loop-category__title{font-size:9px;}.elementor-21911 .elementor-element.elementor-element-f87fd76 a > img{border-radius:50% 50% 50% 50%;}.elementor-21911 .elementor-element.elementor-element-f87fd76 .woocommerce .woocommerce-loop-category__title{font-size:9px;}.elementor-21911 .elementor-element.elementor-element-d055107 a > img{border-radius:50% 50% 50% 50%;}.elementor-21911 .elementor-element.elementor-element-d055107 .woocommerce .woocommerce-loop-category__title{font-size:9px;}.elementor-21911 .elementor-element.elementor-element-5d82eb7 a > img{border-radius:50% 50% 50% 50%;}.elementor-21911 .elementor-element.elementor-element-5d82eb7 .woocommerce .woocommerce-loop-category__title{font-size:9px;}.elementor-21911 .elementor-element.elementor-element-f8fe413 a > img{border-radius:50% 50% 50% 50%;}.elementor-21911 .elementor-element.elementor-element-f8fe413 .woocommerce .woocommerce-loop-category__title{font-size:9px;}.elementor-21911 .elementor-element.elementor-element-f66f149{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--container-widget-width:81%;--container-widget-flex-grow:0;width:var( --container-widget-width, 81% );max-width:81%;}.elementor-21911 .elementor-element.elementor-element-f66f149 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-21911 .elementor-element.elementor-element-f66f149.elementor-element{--align-self:center;}}/* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-928a700 *//* ✅ ديسكتوب */ @media (min-width: 1025px) { /* نفس القسم */ .elementor-21911 .elementor-element.elementor-element-928a700 { max-height: 80vh; overflow-y: auto; width: 100%; } /* الحاوية الداخلية لإلمنتور داخل القسم */ .elementor-21911 .elementor-element.elementor-element-928a700 { max-width: 80vw !important; /* عرض 80% من عرض الشاشة */ width: 80vw !important; margin-inline: auto; /* سنترة الحاوية */ } } /* ✅ تابلت */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-21911 .elementor-element.elementor-element-928a700 { max-height: 80vh; overflow-y: auto; width: 100%; } .elementor-21911 .elementor-element.elementor-element-928a700 { max-width: 100vw !important; width: 100vw !important; margin-inline: auto; } } /* ✅ موبايل */ @media (max-width: 767px) { .elementor-21911 .elementor-element.elementor-element-928a700 { max-height: 60vh; overflow-y: auto; width: 100%; } .elementor-21911 .elementor-element.elementor-element-928a700 > .elementor-container { max-width: 100vw !important; width: 100vw !important; margin-inline: auto; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-21a7204 */.e-n-menu-content e-active { width: 60px; height: 60px; object-fit: cover; } /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a{ position: relative; display: block; padding-bottom: 36px; /* مساحة كافية أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ position: absolute; bottom: -16px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين بالظبط */ min-height: 2.6em; max-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category{ margin-bottom: 80px; } /* للموبايل */ @media (max-width: 768px){ .woocommerce ul.products li.product.product-category a{ padding-bottom: 40px; } .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{ font-size: 11px; bottom: -14px; min-height: 2.8em; /* سطرين */ max-height: 2.8em; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-11c4be7 */.elementor-21911 .elementor-element.elementor-element-11c4be7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d6653f4 */.elementor-21911 .elementor-element.elementor-element-d6653f4 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-8325d46 */.elementor-21911 .elementor-element.elementor-element-8325d46 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-fcbe6fd */.elementor-21911 .elementor-element.elementor-element-fcbe6fd img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-663f3ad */.elementor-21911 .elementor-element.elementor-element-663f3ad img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-da82214 */.elementor-21911 .elementor-element.elementor-element-da82214 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-928a700 *//* ✅ ديسكتوب */ @media (min-width: 1025px) { /* نفس القسم */ .elementor-21911 .elementor-element.elementor-element-928a700 { max-height: 80vh; overflow-y: auto; width: 100%; } /* الحاوية الداخلية لإلمنتور داخل القسم */ .elementor-21911 .elementor-element.elementor-element-928a700 { max-width: 80vw !important; /* عرض 80% من عرض الشاشة */ width: 80vw !important; margin-inline: auto; /* سنترة الحاوية */ } } /* ✅ تابلت */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-21911 .elementor-element.elementor-element-928a700 { max-height: 80vh; overflow-y: auto; width: 100%; } .elementor-21911 .elementor-element.elementor-element-928a700 { max-width: 100vw !important; width: 100vw !important; margin-inline: auto; } } /* ✅ موبايل */ @media (max-width: 767px) { .elementor-21911 .elementor-element.elementor-element-928a700 { max-height: 60vh; overflow-y: auto; width: 100%; } .elementor-21911 .elementor-element.elementor-element-928a700 > .elementor-container { max-width: 100vw !important; width: 100vw !important; margin-inline: auto; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee90f90 *//* ✅ شاشة الكمبيوتر (أكبر من 1025px) */ @media (min-width: 1025px) { .elementor-21911 .elementor-element.elementor-element-ee90f90 { max-height: 80vh; overflow-y: auto; width: 70%; max-width: 100%; } } /* ✅ شاشة التابلت (بين 768px و1024px) */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-21911 .elementor-element.elementor-element-ee90f90 { max-height: 80vh; overflow-y: auto; width: 100%; max-width: 100%; } } /* ✅ شاشة الموبايل (أقل من 768px) */ @media (max-width: 767px) { .elementor-21911 .elementor-element.elementor-element-ee90f90 { max-height: 60vh; overflow-y: auto; width: 100%; max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f64905c */..elementor-21911 .elementor-element.elementor-element-f64905c img { width: 60px; height: 60px; object-fit: cover; } @media (max-width: 768px) { /* الحاوية المرجعية تحت الصورة */ .woocommerce ul.products li.product.product-category a { position: relative; display: block; padding-bottom: 40px; /* مساحة أسفل الصورة */ } /* العنوان خارج الصورة وتحتها – بدون تغيير الـ transform */ .woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title { position: absolute; bottom: -4px; left: 50%; transform: translateX(10%); /* زي ما طلبت */ width: 100%; margin: 0; padding: 0 4px; text-align: center; line-height: 1.3; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; /* تثبيت الارتفاع على سطرين فقط */ min-height: 2.8em; max-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; /* خليها 2 سطور */ -webkit-box-orient: vertical; overflow: hidden; } /* مسافة تحت العنصر عشان الصف اللي بعده ما يقطع العنوان */ .woocommerce ul.products li.product.product-category { margin-bottom: 80px; } }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f2fc2a2 */.elementor-21911 .elementor-element.elementor-element-f2fc2a2 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-0a0bfef */.elementor-21911 .elementor-element.elementor-element-0a0bfef img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f87fd76 */.elementor-21911 .elementor-element.elementor-element-f87fd76 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-d055107 */.elementor-21911 .elementor-element.elementor-element-d055107 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-5d82eb7 */.elementor-21911 .elementor-element.elementor-element-5d82eb7 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for wc-categories, class: .elementor-element-f8fe413 */.elementor-21911 .elementor-element.elementor-element-f8fe413 img { width: 60px; height: 60px; object-fit: cover; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee90f90 *//* ✅ شاشة الكمبيوتر (أكبر من 1025px) */ @media (min-width: 1025px) { .elementor-21911 .elementor-element.elementor-element-ee90f90 { max-height: 80vh; overflow-y: auto; width: 70%; max-width: 100%; } } /* ✅ شاشة التابلت (بين 768px و1024px) */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-21911 .elementor-element.elementor-element-ee90f90 { max-height: 80vh; overflow-y: auto; width: 100%; max-width: 100%; } } /* ✅ شاشة الموبايل (أقل من 768px) */ @media (max-width: 767px) { .elementor-21911 .elementor-element.elementor-element-ee90f90 { max-height: 60vh; overflow-y: auto; width: 100%; max-width: 100%; } }/* End custom CSS */