.elementor-7770 .elementor-element.elementor-element-63f2f59 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-7770 .elementor-element.elementor-element-dcfdd41 .woocommerce-breadcrumb{color:var( --e-global-color-primary );}.elementor-7770 .elementor-element.elementor-element-a765f03 > .elementor-widget-container{margin:12px 0px 0px 0px;}.elementor-7770 .elementor-element.elementor-element-a765f03.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7770 .elementor-element.elementor-element-9861f7c > .elementor-element-populated{padding:31px 10px 10px 10px;}.elementor-7770 .elementor-element.elementor-element-0a78126{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7770 .elementor-element.elementor-element-937ae20{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7770 .elementor-element.elementor-element-73e0a18{--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:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7770 .elementor-element.elementor-element-8540e9a.elementor-element{--align-self:center;}.elementor-7770 .elementor-element.elementor-element-9a69c2d > .elementor-widget-container{margin:5px 0px 5px 0px;}.elementor-7770 .elementor-element.elementor-element-118aea1 > .elementor-widget-container{margin:11px 0px 10px 0px;}.elementor-7770 .elementor-element.elementor-element-3939436 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7770 .elementor-element.elementor-element-3939436{margin-top:0px;margin-bottom:0px;padding:10px 0px 10px 0px;}.elementor-7770 .elementor-element.elementor-element-52f1add > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:22px;}.elementor-7770 .elementor-element.elementor-element-4113140 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-7770 .elementor-element.elementor-element-121e420 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-7770 .elementor-element.elementor-element-121e420 .et-separator{background-color:var( --e-global-color-primary );height:1px;}.elementor-7770 .elementor-element.elementor-element-cc8af2b .cart button, .elementor-7770 .elementor-element.elementor-element-cc8af2b .cart .button{border-style:solid;border-width:1px 1px 1px 1px;border-radius:6px 6px 6px 6px;padding:00px 00px 00px 00px;transition:all 0.2s;}.elementor-7770 .elementor-element.elementor-element-cc8af2b .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-7770 .elementor-element.elementor-element-cc8af2b form.cart .variations{width:100%;}.elementor-7770 .elementor-element.elementor-element-8edea88 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-7770 .elementor-element.elementor-element-8edea88 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-7770 .elementor-element.elementor-element-8edea88 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-7770 .elementor-element.elementor-element-8edea88 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-7770 .elementor-element.elementor-element-8edea88 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-7770 .elementor-element.elementor-element-8edea88 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-7770 .elementor-element.elementor-element-8edea88 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7770 .elementor-element.elementor-element-8edea88 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7770 .elementor-element.elementor-element-8edea88{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-7770 .elementor-element.elementor-element-8edea88 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7770 .elementor-element.elementor-element-8edea88 .elementor-icon-list-item > a{font-weight:600;}.elementor-7770 .elementor-element.elementor-element-8edea88 .elementor-icon-list-text{transition:color 0.3s;}.elementor-7770 .elementor-element.elementor-element-3e27f54 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-7770 .elementor-element.elementor-element-3e27f54 .et-separator{background-color:var( --e-global-color-primary );height:2px;}.elementor-7770 .elementor-element.elementor-element-cd83444{padding:0px 0px 0px 0px;}.elementor-7770 .elementor-element.elementor-element-51e0366 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-7770 .elementor-element.elementor-element-b3cf985.elementor-element{--align-self:flex-start;}.elementor-bc-flex-widget .elementor-7770 .elementor-element.elementor-element-ae55829.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7770 .elementor-element.elementor-element-ae55829.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7770 .elementor-element.elementor-element-e79fd5f{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;text-align:end;}.elementor-7770 .elementor-element.elementor-element-e79fd5f.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-7770 .elementor-element.elementor-element-e79fd5f .elementor-heading-title{-webkit-text-stroke-color:#000;stroke:#000;}.elementor-7770 .elementor-element.elementor-element-e825f94{width:var( --container-widget-width, 86% );max-width:86%;--container-widget-width:86%;--container-widget-flex-grow:0;}.elementor-7770 .elementor-element.elementor-element-b9884b6{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7770 .elementor-element.elementor-element-b9884b6 > .elementor-widget-container{margin:48px 0px 0px 0px;padding:13px 13px 13px 13px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:6px 6px 6px 6px;}.elementor-7770 .elementor-element.elementor-element-b9884b6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7770 .elementor-element.elementor-element-b9884b6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7770 .elementor-element.elementor-element-b9884b6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7770 .elementor-element.elementor-element-b9884b6 .elementor-icon-list-item > a{font-size:22px;}.elementor-7770 .elementor-element.elementor-element-b9884b6 .elementor-icon-list-text{transition:color 0.3s;}.elementor-7770 .elementor-element.elementor-element-09dd4cb{--grid-side-margin:11px;--grid-column-gap:11px;--grid-row-gap:12px;--grid-bottom-margin:12px;--e-share-buttons-primary-color:#00000012;--e-share-buttons-secondary-color:var( --e-global-color-text );}.elementor-7770 .elementor-element.elementor-element-09dd4cb .elementor-share-btn:hover{--e-share-buttons-primary-color:var( --e-global-color-primary );--e-share-buttons-secondary-color:var( --e-global-color-accent );}.elementor-7770 .elementor-element.elementor-element-e6455f9{padding:0px 0px 60px 0px;}.elementor-7770 .elementor-element.elementor-element-7e31b77 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-7770 .elementor-element.elementor-element-d32fac9{width:var( --container-widget-width, 10.598% );max-width:10.598%;--container-widget-width:10.598%;--container-widget-flex-grow:0;}.elementor-7770 .elementor-element.elementor-element-d32fac9.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-7770 .elementor-element.elementor-element-3882512 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-7770 .elementor-element.elementor-element-3882512{text-align:start;}.elementor-7770 .elementor-element.elementor-element-a9d6db2{--spacer-size:69px;}.elementor-7770 .elementor-element.elementor-element-6932b84 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7770 .elementor-element.elementor-element-6f50c54 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-7770 .elementor-element.elementor-element-47c904b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7770 .elementor-element.elementor-element-47c904b.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7770 .elementor-element.elementor-element-613ef00{width:var( --container-widget-width, 34% );max-width:34%;--container-widget-width:34%;--container-widget-flex-grow:0;text-align:start;}.elementor-7770 .elementor-element.elementor-element-613ef00 > .elementor-widget-container{margin:70px 0px 0px 0px;}.elementor-7770 .elementor-element.elementor-element-613ef00.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-7770 .elementor-element.elementor-element-068dcda.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7770 .elementor-element.elementor-element-068dcda.elementor-wc-products ul.products li.product{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5) inset;}.elementor-7770 .elementor-element.elementor-element-068dcda.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-7770 .elementor-element.elementor-element-4e547b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7770 .elementor-element.elementor-element-f7d63da .et-separator{background-color:#e0e0e0;height:1px;}.elementor-7770 .elementor-element.elementor-element-342876b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7770 .elementor-element.elementor-element-c01ffb3{--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;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:72px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}.elementor-7770 .elementor-element.elementor-element-a7934ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:27px 27px;--row-gap:27px;--column-gap:27px;--margin-top:12px;--margin-bottom:12px;--margin-left:12px;--margin-right:12px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:12%;}.elementor-7770 .elementor-element.elementor-element-a7934ea.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7770 .elementor-element.elementor-element-3aebcab .et-heading{text-align:left;font-size:27px;text-transform:uppercase;line-height:40px;color:#111111;}.elementor-7770 .elementor-element.elementor-element-3aebcab .et-heading *{color:#111111;}.elementor-7770 .elementor-element.elementor-element-3aebcab .et-heading .icon{background:#111111;}.elementor-7770 .elementor-element.elementor-element-6bf5ede{width:var( --container-widget-width, 111.434% );max-width:111.434%;--container-widget-width:111.434%;--container-widget-flex-grow:0;}.elementor-7770 .elementor-element.elementor-element-6bf5ede.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7770 .elementor-element.elementor-element-6bf5ede .et-text{text-align:left;}.elementor-7770 .elementor-element.elementor-element-6bf5ede .et-text, .elementor-7770 .elementor-element.elementor-element-6bf5ede .et-text *{font-size:16px;line-height:24px;color:#444444;}.elementor-7770 .elementor-element.elementor-element-eb7ca97 > .elementor-widget-container > .et-button{font-size:16px;font-weight:400;line-height:20px;color:#111111;}.elementor-7770 .elementor-element.elementor-element-eb7ca97 > .elementor-widget-container > .et-button > .icon{background:#111111;}.elementor-7770 .elementor-element.elementor-element-eb7ca97 > .elementor-widget-container > .et-button:after{background:#111111;}.elementor-7770 .elementor-element.elementor-element-eb7ca97 > .elementor-widget-container > .et-button > .button-back{border-color:#111111;border-width:1px;border-style:solid;}.elementor-7770 .elementor-element.elementor-element-eb7ca97 > .elementor-widget-container > .et-button:hover{color:#ffffff;}.elementor-7770 .elementor-element.elementor-element-eb7ca97 > .elementor-widget-container > .et-button:hover > .icon{background:#ffffff;}.elementor-7770 .elementor-element.elementor-element-eb7ca97 > .elementor-widget-container > .et-button:hover:after{background:#ffffff;}.elementor-7770 .elementor-element.elementor-element-eb7ca97 > .elementor-widget-container > .et-button:hover > .button-back{background-color:#111111;border-color:#111111;}.elementor-7770 .elementor-element.elementor-element-6e1ba9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:12%;}@media(max-width:1365px){.elementor-7770 .elementor-element.elementor-element-a7934ea{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:9%;}.elementor-7770 .elementor-element.elementor-element-6e1ba9d{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:9%;}}@media(min-width:768px){.elementor-7770 .elementor-element.elementor-element-937ae20{--width:50%;}.elementor-7770 .elementor-element.elementor-element-73e0a18{--width:50%;}.elementor-7770 .elementor-element.elementor-element-52f1add{width:100%;}.elementor-7770 .elementor-element.elementor-element-a7934ea{--width:54.238%;}.elementor-7770 .elementor-element.elementor-element-6e1ba9d{--width:51%;}}@media(max-width:1023px) and (min-width:768px){.elementor-7770 .elementor-element.elementor-element-63f2f59{width:50%;}.elementor-7770 .elementor-element.elementor-element-a7934ea{--width:50%;}.elementor-7770 .elementor-element.elementor-element-6e1ba9d{--width:50%;}}@media(max-width:1279px){.elementor-7770 .elementor-element.elementor-element-b9884b6{--container-widget-width:94%;--container-widget-flex-grow:0;width:var( --container-widget-width, 94% );max-width:94%;}.elementor-7770 .elementor-element.elementor-element-a7934ea{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-7770 .elementor-element.elementor-element-3aebcab > .elementor-widget-container{margin:0% 10% 0% 0%;padding:0px 0px 0px 0px;}.elementor-7770 .elementor-element.elementor-element-3aebcab .et-heading{font-size:32px;line-height:40px;}.elementor-7770 .elementor-element.elementor-element-6e1ba9d{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(max-width:1023px){.woocommerce .elementor-7770 .elementor-element.elementor-element-cc8af2b form.cart table.variations label{font-size:13px;line-height:0em;}.woocommerce .elementor-7770 .elementor-element.elementor-element-b3cf985 h2{font-size:16px;}.elementor-7770 .elementor-element.elementor-element-e79fd5f .elementor-heading-title{font-size:16px;}.elementor-7770 .elementor-element.elementor-element-b9884b6 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-7770 .elementor-element.elementor-element-b9884b6{--container-widget-width:86%;--container-widget-flex-grow:0;width:var( --container-widget-width, 86% );max-width:86%;} .elementor-7770 .elementor-element.elementor-element-09dd4cb{--grid-side-margin:11px;--grid-column-gap:11px;--grid-row-gap:12px;--grid-bottom-margin:12px;}.elementor-7770 .elementor-element.elementor-element-47c904b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7770 .elementor-element.elementor-element-068dcda.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7770 .elementor-element.elementor-element-c01ffb3{--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:48px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-7770 .elementor-element.elementor-element-a7934ea{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-7770 .elementor-element.elementor-element-3aebcab > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-7770 .elementor-element.elementor-element-3aebcab .et-heading{font-size:24px;line-height:32px;}.elementor-7770 .elementor-element.elementor-element-6bf5ede{width:initial;max-width:initial;}.elementor-7770 .elementor-element.elementor-element-6bf5ede .et-text, .elementor-7770 .elementor-element.elementor-element-6bf5ede .et-text *{font-size:13px;line-height:19px;}.elementor-7770 .elementor-element.elementor-element-6e1ba9d{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(max-width:767px){.elementor-7770 .elementor-element.elementor-element-a765f03{width:var( --container-widget-width, 329px );max-width:329px;--container-widget-width:329px;--container-widget-flex-grow:0;}.elementor-7770 .elementor-element.elementor-element-9861f7c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-7770 .elementor-element.elementor-element-0a78126{--width:100%;}.elementor-7770 .elementor-element.elementor-element-937ae20{--width:50%;}.elementor-7770 .elementor-element.elementor-element-73e0a18{--width:50%;}.elementor-7770 .elementor-element.elementor-element-118aea1 .elementor-heading-title{font-size:20px;line-height:1.8em;}.elementor-7770 .elementor-element.elementor-element-4113140 > .elementor-widget-container{margin:20px 0px 20px 0px;}.woocommerce .elementor-7770 .elementor-element.elementor-element-cc8af2b form.cart table.variations label{font-size:10px;}.elementor-7770 .elementor-element.elementor-element-cd83444{padding:20px 0px 20px 0px;}.elementor-7770 .elementor-element.elementor-element-e79fd5f{--container-widget-width:284px;--container-widget-flex-grow:0;width:var( --container-widget-width, 284px );max-width:284px;}.elementor-7770 .elementor-element.elementor-element-e825f94{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-7770 .elementor-element.elementor-element-b9884b6{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;} .elementor-7770 .elementor-element.elementor-element-09dd4cb{--grid-side-margin:11px;--grid-column-gap:11px;--grid-row-gap:12px;--grid-bottom-margin:12px;}.elementor-7770 .elementor-element.elementor-element-d32fac9{--container-widget-width:249px;--container-widget-flex-grow:0;width:var( --container-widget-width, 249px );max-width:249px;}.elementor-7770 .elementor-element.elementor-element-47c904b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7770 .elementor-element.elementor-element-068dcda.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7770 .elementor-element.elementor-element-c01ffb3{--padding-top:32px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-7770 .elementor-element.elementor-element-a7934ea{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-7770 .elementor-element.elementor-element-3aebcab{margin:0;}.elementor-7770 .elementor-element.elementor-element-3aebcab .et-heading{text-align:center;font-size:28px;line-height:32px;}.elementor-7770 .elementor-element.elementor-element-6bf5ede{justify-content:center;display:flex;}.elementor-7770 .elementor-element.elementor-element-6bf5ede .et-text{text-align:center;}.elementor-7770 .elementor-element.elementor-element-6bf5ede .et-text, .elementor-7770 .elementor-element.elementor-element-6bf5ede .et-text *{font-size:14px;line-height:22px;}.elementor-7770 .elementor-element.elementor-element-eb7ca97{margin:0;}.elementor-7770 .elementor-element.elementor-element-6e1ba9d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-a765f03 *//* ===== ARABIC PRODUCT GALLERY (product-img-cus) — FIXED ===== */

/* Outer layout: main image + vertical thumbs on the right */
html[lang="ar"] .product-img-cus .woocommerce-product-gallery{
  display:grid;
  grid-template-columns: 1fr 110px;   /* main | thumbs */
  gap:16px;
  align-items:start;

  /* keep slider logic LTR even on RTL pages */
  direction:ltr !important;
}
html[lang="ar"] .product-img-cus .woocommerce-product-gallery .flex-viewport,
html[lang="ar"] .product-img-cus .woocommerce-product-gallery .woocommerce-product-gallery__wrapper{
  direction:ltr !important;
}

/* Put main viewport and thumbs into the two grid columns */
html[lang="ar"] .product-img-cus .woocommerce-product-gallery .flex-viewport{ 
  grid-column:1; 
  min-width:0;
  overflow:hidden;                     /* mask the track */
}

/* Thumbs as a vertical rail */
html[lang="ar"] .product-img-cus .woocommerce-product-gallery .flex-control-thumbs{
  grid-column:2;
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:110px;
  direction:ltr !important;            /* avoid RTL flips in the list */
}

/* ✅ LET FLEXSLIDER CONTROL WIDTH — do NOT override it */
/* (removed the old width:auto !important rule) */

/* Slides must be in one horizontal row */
html[lang="ar"] .product-img-cus .woocommerce-product-gallery
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{
  float:left !important;
  clear:none !important;
  margin:0 !important;
}

/* Each thumb fills the rail width and stays visible */
html[lang="ar"] .product-img-cus .woocommerce-product-gallery .flex-control-thumbs li{
  width:100% !important;
  margin:0 !important;
  list-style:none;
  float:none !important;               /* no RTL floats */
}

html[lang="ar"] .product-img-cus .woocommerce-product-gallery .flex-control-thumbs img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
  border:1px solid #ddd;
  padding:5px;
  border-radius:5px;
}

/* Main image frame */
html[lang="ar"] .product-img-cus .woocommerce-product-gallery
.woocommerce-product-gallery__image img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  border:1px solid #ddd;
  padding:10px;
  border-radius:5px;
}

/* Hover effect for thumbs (optional) */
html[lang="ar"] .product-img-cus .woocommerce-product-gallery .flex-control-thumbs img:hover{
  border-color:#f0b;
  transform:scale(1.05);
  transition:transform .2s ease, border-color .2s ease;
}

/* ----- Mobile: stack, thumbs row under main ----- */
@media (max-width:768px){
  html[lang="ar"] .product-img-cus .woocommerce-product-gallery{
    grid-template-columns:1fr;
    gap:12px;
  }
  html[lang="ar"] .product-img-cus .woocommerce-product-gallery .flex-control-thumbs{
    grid-column:1;
    flex-direction:row;
    flex-wrap:wrap;
    gap:8px;
    max-width:none;
  }
  html[lang="ar"] .product-img-cus .woocommerce-product-gallery .flex-control-thumbs li{
    width:calc(25% - 6px) !important;  /* 4 per row with gaps */
  }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-cc8af2b *//* ===== ARABIC PRODUCT PAGE ONLY ===== */
html[lang="ar"] .woocommerce-variation-add-to-cart {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch;
  gap: 10px;
}

/* Handle disabled state the same layout */
html[lang="ar"] .woocommerce-variation-add-to-cart-disabled {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch;
  gap: 10px;
}

/* Make controls align nicely in RTL */
html[lang="ar"] .woocommerce-variation-add-to-cart .quantity,
html[lang="ar"] .woocommerce-variation-add-to-cart .button,
html[lang="ar"] .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  margin: 0 !important;
}

/* If there's any horizontal offset from older CSS, neutralize it in RTL */
html[lang="ar"] .woocommerce-variation-add-to-cart {
  margin-inline-start: 0 !important; /* replaces margin-right/left safely */
}

/* Full width on mobile: stack neatly */
@media (max-width: 768px) {
  html[lang="ar"] .woocommerce-variation-add-to-cart,
  html[lang="ar"] .woocommerce-variation-add-to-cart-disabled {
    flex-direction: column !important;
    gap: 8px;
  }

  html[lang="ar"] .woocommerce-variation-add-to-cart .quantity,
  html[lang="ar"] .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  html[lang="ar"] .woocommerce-variation-add-to-cart .button {
    width: 100% !important;
  }

  /* Variation table or wrapper should span the container */
  html[lang="ar"] table.responsive,
  html[lang="ar"] .variations,
  html[lang="ar"] .variations select,
  html[lang="ar"] .variations .value,
  html[lang="ar"] .variations .label {
    width: 100% !important;
  }
}

/* Hide calc box if you want it hidden on both states */
html[lang="ar"] .variation-calc {
  display: none !important;
}

/* ---------- Variation row (Weight) ---------- */
html[lang="ar"] .variations { width: 100% !important; }

html[lang="ar"] .variations .label {
  display: block !important;
  width: 100% !important;
  text-align: right !important;     /* RTL label */
  margin-bottom: 6px;
  color: inherit !important;        /* ensure it’s visible */
  opacity: 1 !important;
}

html[lang="ar"] .variations .value,
html[lang="ar"] .variations select {
  width: 100% !important;
}

html[lang="ar"] .variations select {
  direction: rtl;                   /* cursor starts on the right */
  padding: 10px 12px;
  height: 42px;
  line-height: 42px;
  appearance: auto;                 /* keep the dropdown arrow */
}

/* ===== AR MOBILE FIX: price + weight visibility ===== */
@media (max-width:768px){

  /* Make sure the price line actually renders on mobile */
  html[lang="ar"] body.single-product .summary .price,
  html[lang="ar"] body.single-product .summary p.price {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    font-size:26px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
    margin: 8px 0 12px !important;
  }
  /* If a parent clips it, open the container */
  html[lang="ar"] body.single-product .summary .elementor-widget-container {
    overflow:visible !important;
  }
  /* Make sure the amount isn’t collapsed */
  html[lang="ar"] .summary .price .woocommerce-Price-amount.amount,
  html[lang="ar"] .summary .price .woocommerce-Price-amount.amount bdi,
  html[lang="ar"] .summary .price .woocommerce-Price-currencySymbol{
    font-size:inherit !important;
    line-height:inherit !important;
    display:inline !important;
  }

  /* Weight row: full width, RTL, readable height */
  html[lang="ar"] .weight-actions-ar .variations,
  html[lang="ar"] .weight-actions-ar .variations .value,
  html[lang="ar"] .weight-actions-ar .variations select{
    width:100% !important;
  }
  html[lang="ar"] .weight-actions-ar .variations .label{
    display:block !important;
    text-align:right !important;
    margin-bottom:6px !important;
  }
  html[lang="ar"] .weight-actions-ar .variations select{
    direction:rtl !important;
    height:44px !important;
    line-height:44px !important;
    padding:10px 12px !important;
    appearance:auto !important;
  }

  /* If a wrapper-link overlay sits over the price/weight, push them above it */
  html[lang="ar"] .wraplink-fix .summary,
  html[lang="ar"] .wraplink-fix .weight-actions-ar{
    position:relative; z-index:2;
  }
}

/* Safety: if any theme rule hides variable-product price until selection */
html[lang="ar"] body.single-product div.product .summary .woocommerce-variation-price,
html[lang="ar"] body.single-product div.product .summary .price{
  display:block !important;
}
/* ===== AR — make sure variation block is isolated from gallery ===== */
html[lang="ar"] .weight-actions-ar .variations { width:100% !important; }
html[lang="ar"] .weight-actions-ar .variations .label{
  display:block !important; width:100% !important; text-align:right !important; margin-bottom:6px !important;
}
html[lang="ar"] .weight-actions-ar .variations .value,
html[lang="ar"] .weight-actions-ar .variations select{ width:100% !important; }
html[lang="ar"] .weight-actions-ar .variations select{
  direction:rtl; padding:10px 12px; height:42px; line-height:42px; appearance:auto;
}

/* Keep add-to-cart row isolated (prevents cross-effects on gallery wrappers) */
html[lang="ar"] .weight-actions-ar .woocommerce-variation-add-to-cart,
html[lang="ar"] .weight-actions-ar .woocommerce-variation-add-to-cart-disabled{
  display:flex !important; align-items:stretch; gap:10px;
}
@media (max-width:768px){
  html[lang="ar"] .weight-actions-ar .woocommerce-variation-add-to-cart,
  html[lang="ar"] .weight-actions-ar .woocommerce-variation-add-to-cart-disabled{
    flex-direction:column !important; gap:8px;
  }
  html[lang="ar"] .weight-actions-ar .woocommerce-variation-add-to-cart .quantity,
  html[lang="ar"] .weight-actions-ar .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  html[lang="ar"] .weight-actions-ar .woocommerce-variation-add-to-cart .button{
    width:100% !important; margin:0 !important;
  }
}

/* ===== AR mobile — force price to behave like text, not a flex box ===== */
@media (max-width:768px){
  /* Some Elementor blocks turn the widget into flex; ensure price renders */
  html[lang="ar"] body.single-product .summary .price,
  html[lang="ar"] body.single-product .summary p.price{
    display:block !important;           /* not flex */
    align-items:unset !important;
    gap:0 !important;
    width:auto !important; max-width:100% !important;
    height:auto !important; max-height:none !important;
    overflow:visible !important;
    font-size:26px !important; font-weight:700 !important; line-height:1.3 !important;
    margin:8px 0 12px !important;
  }
  html[lang="ar"] .summary .elementor-widget-container{ overflow:visible !important; }
  html[lang="ar"] .summary .price .woocommerce-Price-amount.amount,
  html[lang="ar"] .summary .price .woocommerce-Price-amount.amount bdi,
  html[lang="ar"] .summary .price .woocommerce-Price-currencySymbol{
    display:inline !important; font-size:inherit !important; line-height:inherit !important;
  }
}

/* Safety: if any other flex rule hit the summary, don’t let children collapse */
@media (max-width:768px){
  html[lang="ar"] body.single-product .summary > *{ flex:unset !important; min-width:0 !important; }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-b3cf985 *//* Wrapper Link fix: keep overlay clickable, but not over the gallery */
html[lang="ar"] .wraplink-fix { position: relative; }

/* The overlay anchor many addons create */
html[lang="ar"] .wraplink-fix > a.elementor-wrapper-link,
html[lang="ar"] .wraplink-fix > a.elementor-clickable,
html[lang="ar"] .wraplink-fix > a.eael-wrapper-link {
  position: absolute !important;
  inset: 0 !important;          /* cover the section */
  z-index: 1 !important;        /* sit above normal content */
}

/* Lift the gallery above the overlay so thumbs/zoom work */
html[lang="ar"] .wraplink-fix .product-img-cus,
html[lang="ar"] .wraplink-fix .product-img-cus .woocommerce-product-gallery {
  position: relative;
  z-index: 2;                   /* gallery wins over overlay */
}

/* If any other clickable UI inside this section needs to stay usable, lift it too */
html[lang="ar"] .wraplink-fix .weight-actions-ar,
html[lang="ar"] .wraplink-fix .elementor-button,
html[lang="ar"] .wraplink-fix .woocommerce a.button,
html[lang="ar"] .wraplink-fix .woocommerce button {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-51e0366 *//* === AR product page tidy === */

/* 1) Inputs spacing (keep) */
.chakout-cus textarea,
.chakout-cus select,
.chakout-cus input[type="date"],
.chakout-cus input[type="datetime"],
.chakout-cus input[type="datetime-local"],
.chakout-cus input[type="email"],
.chakout-cus input[type="month"],
.chakout-cus input[type="number"],
.chakout-cus input[type="password"],
.chakout-cus input[type="search"],
.chakout-cus input[type="tel"],
.chakout-cus input[type="text"],
.chakout-cus input[type="time"],
.chakout-cus input[type="url"],
.chakout-cus input[type="week"],
.chakout-cus input[type="file"],
.chakout-cus .select2-container--default .select2-selection--single { margin-bottom: 0; }

/* 2) Main cart row layout (qty + Add to cart + Buy now) */
html[dir="rtl"] .chakout-cus .woocommerce-variation-add-to-cart,
html[dir="rtl"] .chakout-cus form.cart {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

/* 3) SHOW the main Add to cart (you had display:none) */
.chakout-cus .single_add_to_cart_button {
  display: inline-flex !important;
  width: auto !important;
  white-space: nowrap;
}

/* 4) Buy-now inline next to Add to cart */
.chakout-cus a.buy-now-button {
  display: inline-flex !important;
  width: auto !important;
  white-space: nowrap;
  margin-inline-start: 12px !important;
}

/* 5) Hide **extra/duplicate** CTA blocks that come AFTER the main .cart row */
html[dir="rtl"] .single-product .summary .cart ~ * .single_add_to_cart_button,
html[dir="rtl"] .single-product .summary .cart ~ * .buy-now-button { display: none !important; }

/* 6) Hide quantity (1) and +/- if you don’t want them on AR */
html[dir="rtl"] .single-product .summary .cart .quantity { display: none !important; }

/* 7) Variation calc wrapper should not take full width */
.chakout-cus .variation-calc { max-width: 100%; width: auto; display: inline-flex; margin: 0; }/* End custom CSS */