/* Add custom CSS styles below */ /* Moktalef: show the existing hero without waiting for theme lazy-image JS. Scoped to the current image pair; stops matching if the banner is replaced. */.moktalef-home-hero .bg__image:has(> img[data-src*="iFMKAd04kpUtShOFWxO8CbvLYQ4prHNAQOTMVpBC"]):has(> img[data-src*="GUXE0ieChCy0rB7lNSVRuuQcdmT7GrC2bhu1vn8v"]) { background-image: url("https://cdn.salla.sa/BxKZY/products/iFMKAd04kpUtShOFWxO8CbvLYQ4prHNAQOTMVpBC.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;}@media (min-width: 1024px) { .moktalef-home-hero .bg__image:has(> img[data-src*="iFMKAd04kpUtShOFWxO8CbvLYQ4prHNAQOTMVpBC"]):has(> img[data-src*="GUXE0ieChCy0rB7lNSVRuuQcdmT7GrC2bhu1vn8v"]) { background-image: url("https://cdn.salla.sa/BxKZY/products/GUXE0ieChCy0rB7lNSVRuuQcdmT7GrC2bhu1vn8v.webp"); }}.moktalef-home-hero .bg__image:has(> img[data-src*="iFMKAd04kpUtShOFWxO8CbvLYQ4prHNAQOTMVpBC"]):has(> img[data-src*="GUXE0ieChCy0rB7lNSVRuuQcdmT7GrC2bhu1vn8v"]) > img[src*="placeholder-wide.png"] { visibility: hidden;}/* Approved responsive hero: preserve complete artwork and place live CTA. */.moktalef-home-hero { --fs-mob-height:125vw !important; --fs-tablet-height:125vw !important; --fs-desk-height:50vw !important; }.moktalef-home-hero .floating-wrapper { top:auto !important; bottom:6% !important; left:0 !important; right:auto !important; width:55% !important; height:auto !important; transform:none !important; justify-content:center !important; }.moktalef-home-hero .floating_text { padding:0 1rem !important; }.moktalef-home-hero .fs_banners_btn { margin-top:0 !important; min-height:44px; padding:12px 28px; font-size:16px; border-radius:6px; }@media (max-width:1023px) { .moktalef-home-hero .floating-wrapper { width:100% !important; bottom:3% !important; } }/* Sidr gallery pilot: reserve a square before hydration and preserve the full image. */#details-slider-654177161 { display:block; }#details-slider-654177161:not(.hydrated) > a[data-fslightbox] { display:none; }#details-slider-654177161:not(.hydrated) > a[data-slid-index="0"] { display:block; position:relative; height:0; padding-bottom:100%; overflow:hidden; }#details-slider-654177161:not(.hydrated) > a[data-slid-index="0"] > img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }#details-slider-654177161 > .s-slider-container { position:relative; height:0 !important; padding-bottom:100%; overflow:hidden; }#details-slider-654177161 > .s-slider-container > .s-slider-swiper-wrapper { position:absolute; top:0; left:0; width:100%; height:100% !important; }#details-slider-654177161 > .s-slider-container > .s-slider-swiper-wrapper > .swiper-slide { height:100% !important; }#details-slider-654177161 > .s-slider-container > .s-slider-swiper-wrapper > .swiper-slide img { width:100%; height:100%; object-fit:contain !important; } /* MK_SIDR_MOBILE_RESERVATION_V2: stable image and thumbnail space. */ @media (max-width:767px) { #product-654177161 > .sidebar { container-type:inline-size; } #details-slider-654177161 { height:calc(100vw - 30px + 116px); min-height:calc(100vw - 30px + 116px); overflow:hidden; } @supports (height:1cqw) { #details-slider-654177161 { height:calc(100cqw + 116px); min-height:calc(100cqw + 116px); } } #details-slider-654177161 > .s-slider-thumbs { height:100px !important; min-height:100px; max-height:100px; overflow:hidden; } #details-slider-654177161 > .s-slider-thumbs .swiper { height:100px !important; } #details-slider-654177161 > .s-slider-thumbs img { height:100%; object-fit:contain; } } /* MK_HOME_SECTION_STYLE_V2: compact category rail and honey-inspired line icons. */ body.index .moktalef-shop-categories .s-slider-block__title h2{font-size:27px!important;font-weight:800!important;line-height:1.5;color:#59431d} body.index .moktalef-shop-categories .swiper{overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x!important;scrollbar-width:thin;scrollbar-color:#cbb27a transparent;padding-bottom:10px} body.index .moktalef-shop-categories .swiper-wrapper{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;transform:none!important;width:100%!important;height:auto!important} body.index .moktalef-shop-categories .swiper-slide{width:auto!important;margin:0!important;height:auto!important} body.index .moktalef-shop-categories .slide--cat-entry{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:115px;height:100%;padding:14px 8px!important;border:1px solid #e6dac2!important;border-radius:16px!important;background:linear-gradient(145deg,#fffefa,#faf5e9)!important;color:#59431d!important;box-shadow:none!important;text-align:center} body.index .moktalef-shop-categories .slide--cat-entry i{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0!important;border-radius:50%;background:#f2e5c7!important;color:#795923!important} body.index .moktalef-shop-categories .slide--cat-entry i:before{content:""!important;display:block;width:27px;height:27px;background:currentColor;-webkit-mask:var(--mk-icon) center/contain no-repeat;mask:var(--mk-icon) center/contain no-repeat} body.index .moktalef-shop-categories .slide--cat-entry h2{font-size:17px!important;line-height:1.5!important;font-weight:700!important;margin:0!important;color:#59431d!important;white-space:normal} body.index .moktalef-shop-categories a:focus-visible{outline:3px solid #9e7735;outline-offset:3px} body.index .aali-products-tabs[class*="moktalef-home-section-"]>.tabs{display:flex;justify-content:center;overflow:visible;padding:8px 10px 16px;margin-bottom:22px} body.index .aali-products-tabs[class*="moktalef-home-section-"]>.tabs .tab-trigger.s-button-element{display:inline-flex!important;align-items:center;justify-content:center;gap:14px;font-size:27px!important;font-weight:800!important;line-height:1.5!important;min-height:68px;padding:12px 28px!important;border:1px solid #d4bd8f!important;border-radius:16px!important;background:linear-gradient(135deg,#fffdf8,#f5ecd7)!important;color:#513c18!important;box-shadow:0 4px 14px #6e51210c;white-space:normal;text-align:center} body.index .aali-products-tabs[class*="moktalef-home-section-"]>.tabs .tab-trigger.s-button-element:before{content:""!important;display:inline-block;flex-shrink:0;width:36px;height:36px;background:#99702f;-webkit-mask:var(--mk-icon) center/contain no-repeat;mask:var(--mk-icon) center/contain no-repeat} body.index .enhanced-features{padding-top:26px;padding-bottom:20px} body.index .enhanced-features .features--title-outer h3{font-size:32px!important;font-weight:800!important;line-height:1.5;color:#59431d!important} body.index .enhanced-features .features--title-outer>p{font-size:17px!important;line-height:1.7;color:#806b46!important;margin-top:5px} body.index .enhanced-features>.grid{gap:16px!important;margin-top:24px} body.index .enhanced-features .s-block--features__item{display:flex;flex-direction:column;align-items:center!important;text-align:center;padding:22px 14px!important;border:1px solid #e5d7ba;border-radius:20px!important;background:linear-gradient(145deg,#fffefa,#f8f2e5)!important;box-shadow:0 5px 18px #69501e08} body.index .enhanced-features .feature-icon{display:flex!important;align-items:center;justify-content:center;width:64px!important;height:64px!important;background:#f0e2be!important;border:1px solid #dfc995;border-radius:50%!important;margin:0 auto 13px!important} body.index .enhanced-features .feature-icon img{display:none!important} body.index .enhanced-features .feature-icon:before{content:"";display:block;width:38px;height:38px;background:#8b6628;-webkit-mask:var(--mk-icon) center/contain no-repeat;mask:var(--mk-icon) center/contain no-repeat} body.index .enhanced-features h4{font-size:21px!important;font-weight:800!important;line-height:1.5!important;color:#59431d!important;margin:0!important} body.index .enhanced-features .s-block--features__item>p{font-size:16px!important;font-weight:500!important;line-height:1.7!important;color:#806b46!important;margin-top:5px!important} @media(max-width:767px){body.index .moktalef-shop-categories .swiper-wrapper{grid-template-columns:repeat(6,91px);gap:9px;width:max-content!important;min-width:100%}body.index .moktalef-shop-categories .slide--cat-entry{min-height:104px;padding:12px 6px!important;border-radius:14px!important;gap:8px}body.index .moktalef-shop-categories .slide--cat-entry h2{font-size:13px!important;max-width:80px}body.index .moktalef-shop-categories .s-slider-block__title h2{font-size:23px!important}body.index .aali-products-tabs[class*="moktalef-home-section-"]>.tabs .tab-trigger.s-button-element{font-size:22px!important;min-height:62px;padding:12px 18px!important;gap:10px}body.index .aali-products-tabs[class*="moktalef-home-section-"]>.tabs .tab-trigger.s-button-element:before{width:31px;height:31px}body.index .enhanced-features>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:18px}body.index .enhanced-features .s-block--features__item{padding:18px 10px!important;border-radius:16px!important}body.index .enhanced-features .features--title-outer h3{font-size:28px!important}body.index .enhanced-features h4{font-size:18px!important}body.index .enhanced-features .s-block--features__item>p{font-size:14px!important}} body.index .moktalef-shop-categories a[href*="c1939921722"]{--mk-icon:var(--mk-shared-art-1)} body.index .moktalef-shop-categories a[href*="c1213775131"]{--mk-icon:var(--mk-shared-art-2)} body.index .moktalef-shop-categories a[href*="c1883241217"]{--mk-icon:var(--mk-shared-art-3)} body.index .moktalef-shop-categories a[href*="c968924809"]{--mk-icon:var(--mk-shared-art-4)} body.index .moktalef-shop-categories a[href*="c642964480"]{--mk-icon:var(--mk-shared-art-5)} body.index .moktalef-shop-categories a[href*="c485905027"]{--mk-icon:var(--mk-shared-art-6)} body.index .moktalef-home-section-1797806835{--mk-icon:var(--mk-shared-art-6)} body.index .moktalef-home-section-54384328{--mk-icon:var(--mk-shared-art-4)} body.index .moktalef-home-section-83059800{--mk-icon:var(--mk-shared-art-1)} body.index .moktalef-home-section-2079978697{--mk-icon:var(--mk-shared-art-2)} body.index .moktalef-home-section-693308449{--mk-icon:var(--mk-shared-art-2)} body.index .moktalef-home-section-896313549{--mk-icon:var(--mk-shared-art-3)} body.index .moktalef-home-section-96969562{--mk-icon:var(--mk-shared-art-4)} body.index .moktalef-home-section-1437299625{--mk-icon:var(--mk-shared-art-5)} body.index .enhanced-features .s-block--features__item:nth-child(1){--mk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2013c0-6%2016-6%2016%200M6%2019c-4-6%2024-6%2020%200M5%2025c-4-6%2026-6%2022%200M5%2025h22M16%207V3%22%2F%3E%3Cpath%20d%3D%22M12%2025v-4a4%204%200%200%201%208%200v4%22%2F%3E%3C%2Fsvg%3E")} body.index .enhanced-features .s-block--features__item:nth-child(2){--mk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m16%203%2011%204v8c0%207-6%2011-11%2014C11%2026%205%2022%205%2015V7l11-4Z%22%2F%3E%3Cpath%20d%3D%22m10%2016%204%204%208-9%22%2F%3E%3C%2Fsvg%3E")} body.index .enhanced-features .s-block--features__item:nth-child(3){--mk-icon:var(--mk-shared-art-7)} body.index .enhanced-features .s-block--features__item:nth-child(4){--mk-icon:var(--mk-shared-art-4)} /* END MK_HOME_SECTION_STYLE_V2 */ /* MK_TRUST_EIGHT_V1: compact, evidence-based trust highlights. */ body.index .moktalef-trust-eight{padding-top:20px;padding-bottom:10px} body.index .moktalef-trust-eight>.grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:10px!important;margin-top:18px} body.index .moktalef-trust-eight .s-block--features__item{padding:14px 7px!important;min-height:132px;border-radius:16px!important} body.index .moktalef-trust-eight .feature-icon{width:42px!important;height:42px!important;min-width:42px;min-height:42px;margin:0 auto 9px!important;border:none!important;background:#f2e5c7!important} body.index .moktalef-trust-eight .feature-icon:before{width:27px!important;height:27px!important} body.index .moktalef-trust-eight .feature-icon>i,body.index .moktalef-trust-eight .feature-icon>img{display:none!important} body.index .moktalef-trust-eight h4{font-size:16px!important;line-height:1.55!important} body.index .moktalef-trust-eight .s-block--features__item>p{font-size:12px!important;line-height:1.65!important;margin-top:4px!important} body.index .moktalef-trust-eight .features--title-outer h3{font-size:28px!important} body.index .moktalef-trust-eight .features--title-outer>p{font-size:15px!important} body.index .moktalef-trust-eight .s-block--features__item:nth-child(4){--mk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2211%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2027v-3a9%209%200%200%201%2018%200v3H3Zm18-10a7%207%200%200%201%208%207v3h-4%22%2F%3E%3C%2Fsvg%3E")} body.index .moktalef-trust-eight .s-block--features__item:nth-child(5){--mk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%203h10M13%203v10L6%2025a3%203%200%200%200%203%204h14a3%203%200%200%200%203-4l-7-12V3M10%2020h12%22%2F%3E%3Cpath%20d%3D%22m13%2024%202%202%204-4%22%2F%3E%3C%2Fsvg%3E")} body.index .moktalef-trust-eight .s-block--features__item:nth-child(6){--mk-icon:var(--mk-shared-art-4)} body.index .moktalef-trust-eight .s-block--features__item:nth-child(7){--mk-icon:var(--mk-shared-art-7)} body.index .moktalef-trust-eight .s-block--features__item:nth-child(8){--mk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%202v5m8-5v5M12%2025v5m8-5v5M2%2012h5m-5%208h5m18-8h5m-5%208h5M12%2012h8v8h-8z%22%2F%3E%3C%2Fsvg%3E")} @media(max-width:1023px){body.index .moktalef-trust-eight>.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:767px){body.index .moktalef-trust-eight>.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-top:15px}body.index .moktalef-trust-eight .s-block--features__item{padding:12px 4px!important;min-height:138px;border-radius:12px!important}body.index .moktalef-trust-eight h4{font-size:13px!important}body.index .moktalef-trust-eight .s-block--features__item>p{font-size:11px!important;line-height:1.65!important}body.index .moktalef-trust-eight .features--title-outer h3{font-size:25px!important}body.index .moktalef-trust-eight .features--title-outer>p{font-size:13px!important}} @media(max-width:359px){body.index .moktalef-trust-eight>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.index .moktalef-trust-eight h4{font-size:15px!important}body.index .moktalef-trust-eight .s-block--features__item>p{font-size:12px!important}} /* END MK_TRUST_EIGHT_V1 */ body.index { --mk-shared-art-1: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%203C13%208%207%2014%207%2020a9%209%200%200%200%2018%200c0-6-6-12-9-17Z%22%2F%3E%3Cpath%20d%3D%22M11%2020a5%205%200%200%200%205%205%22%2F%3E%3C%2Fsvg%3E"); --mk-shared-art-2: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m10%203%206%203.5v7L10%2017l-6-3.5v-7L10%203Zm12%200%206%203.5v7L22%2017l-6-3.5v-7L22%203ZM16%2013.5l6%203.5v7L16%2027.5%2010%2024v-7l6-3.5Z%22%2F%3E%3C%2Fsvg%3E"); --mk-shared-art-3: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2014h22v14H5zM3%209h26v5H3zM16%209v19%22%2F%3E%3Cpath%20d%3D%22M16%209C4%2010%207-2%2013%204l3%205Zm0%200c12%201%209-11%203-5l-3%205Z%22%2F%3E%3C%2Fsvg%3E"); --mk-shared-art-4: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2219%22%20rx%3D%227%22%20ry%3D%229%22%2F%3E%3Cpath%20d%3D%22M10%2016h12M9%2021h14M13%2010l-2-5M19%2010l2-5M16%2028v2%22%2F%3E%3Cpath%20d%3D%22M10%2014C0%2013%202%203%208%207l5%205m9%202C32%2013%2030%203%2024%207l-5%205%22%2F%3E%3C%2Fsvg%3E"); --mk-shared-art-5: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%229%22%20rx%3D%226%22%20ry%3D%227%22%20transform%3D%22rotate(35%2012%209)%22%2F%3E%3Cpath%20d%3D%22m15%2015%2011%2013M9%206l4%205M7%2010l4%205M12%203l4%205%22%2F%3E%3C%2Fsvg%3E"); --mk-shared-art-6: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%203h12v5H10zM9%208h14l3%205v14a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2V13l3-5ZM6%2015h20M6%2025h20%22%2F%3E%3Cpath%20d%3D%22M16%2017c-1%202-3%203-3%205a3%203%200%200%200%206%200c0-2-2-3-3-5Z%22%2F%3E%3C%2Fsvg%3E"); --mk-shared-art-7: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2218%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m9%2011-3-8h7l3%206%203-6h7l-3%208M16%2012l2%204%204%20.5-3%203%201%204-4-2-4%202%201-4-3-3%204-.5%202-4Z%22%2F%3E%3C%2Fsvg%3E"); } /* MK_TRUST_MOTION_V1 — continuous trust strip and bevelled section titles */ body.index .moktalef-trust-eight .mk-trust-controls { display: flex; justify-content: center; margin: 8px 0 12px; } body.index .moktalef-trust-eight .mk-trust-toggle { min-height: 34px; padding: 4px 12px; border: 1px solid #d9c8a4; border-radius: 999px; background: #fffaf0; color: #604619; font-size: 12px; } body.index .moktalef-trust-eight .mk-trust-viewport { overflow: hidden; direction: ltr; } body.index .moktalef-trust-eight .mk-trust-track { display: flex; width: max-content; animation: mk-trust-left-to-right 46s linear infinite; animation-play-state: paused; } body.index .moktalef-trust-eight.mk-trust-in-view:not(.mk-trust-paused) .mk-trust-track { animation-play-state: running; } body.index .moktalef-trust-eight .mk-trust-group { display: flex !important; direction: rtl; flex: none; gap: 10px !important; margin: 0 !important; padding: 0 10px 8px 0; } body.index .moktalef-trust-eight .mk-trust-group > .s-block--features__item { flex: 0 0 clamp(144px, 13vw, 175px); min-width: 0; } @keyframes mk-trust-left-to-right { from { transform: translateX(-50%); } to { transform: translateX(0); } } @media (hover: hover) { body.index .moktalef-trust-eight.mk-trust-in-view .mk-trust-viewport:hover .mk-trust-track { animation-play-state: paused; } } body.index .aali-products-tabs[class*="moktalef-home-section-"] > .tabs > salla-button.tab-trigger { --mk-bevel: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px); position: relative; isolation: isolate; filter: drop-shadow(0 4px 4px #67471e30); max-width: 100%; } body.index .aali-products-tabs[class*="moktalef-home-section-"] > .tabs > salla-button.tab-trigger > button.tab-trigger.s-button-element { clip-path: var(--mk-bevel); border: 0 !important; border-radius: 0 !important; background: linear-gradient(145deg, #fff8e8 0%, #ead5a2 45%, #d1ac64 100%) !important; color: #3f2a0f !important; box-shadow: inset 0 2px 0 #fffaeb, inset 0 -3px 0 #9d763a78, inset 2px 0 0 #e4c184, inset -2px 0 0 #ae88468c !important; } body.index .aali-products-tabs[class*="moktalef-home-section-"] > .tabs > salla-button.tab-trigger > button.tab-trigger.s-button-element::before { background: linear-gradient(145deg, #b07f32, #624214) !important; filter: drop-shadow(0 1px 0 #fff1c3); } body.index .aali-products-tabs[class*="moktalef-home-section-"] > .tabs > salla-button.tab-trigger::after { content: ''; position: absolute; inset: 0; pointer-events: none; clip-path: var(--mk-bevel); background: linear-gradient(115deg, transparent 35%, #fff9eaa6 50%, transparent 65%) 100% 0 / 270% 100% no-repeat; opacity: 0; } body.index .aali-products-tabs[class*="moktalef-home-section-"] > .tabs > salla-button.mk-section-shine::after { animation: mk-section-gold-shine 1.65s ease-out 1; } @keyframes mk-section-gold-shine { from { opacity: 0; background-position: 100% 0; } 25% { opacity: 1; } 75% { opacity: 1; } to { opacity: 0; background-position: 0 0; } } @media (prefers-reduced-motion: reduce) { body.index .moktalef-trust-eight .mk-trust-controls, body.index .moktalef-trust-eight .mk-trust-copy { display: none !important; } body.index .moktalef-trust-eight .mk-trust-viewport { overflow-x: auto; } body.index .moktalef-trust-eight .mk-trust-track { animation: none !important; } body.index .aali-products-tabs[class*="moktalef-home-section-"] > .tabs > salla-button.mk-section-shine::after { animation: none !important; } } /* END MK_TRUST_MOTION_V1 */