:root { --c-purple: #7E22A1; --c-primary: #dc2065; --c-primary-deep: #B91A55; --c-purple-soft: #7E22A1; --c-pink-bright: #dc2065; --grad-brand: linear-gradient(to right, #7E22A1, #dc2065); --grad-brand-deep: linear-gradient(100deg, #6A1C8A 0%, #A5278C 48%, #D41F63 100%); --c-bg-soft: #FBF1F7; --c-bg-soft-2: #F6E6F1; --c-tint-purple: #F4EAF9; --c-tint-pink: #FDEBF2; --c-white: #FFFFFF; --c-ink: #1F1530; --c-text-muted: #6E6479; --c-line: #EADFEA; --c-whatsapp: #25D366; --c-star: #F5A623; --font: "Tajawal", sans-serif; --radius-s: 8px; --radius-m: 14px; --radius-l: 20px; --radius-pill: 999px; --shadow-card: 0 4px 18px rgba(126, 34, 161, .09); --shadow-pop: 0 16px 40px rgba(126, 34, 161, .2); --container: 1200px; --gutter: 24px; --section-pad: 80px; } @media (max-width: 1024px) { :root { --section-pad: 56px; } } @media (max-width: 767px)  { :root { --section-pad: 40px; --gutter: 16px; } } a:hover,a:focus-visible{color:var(--c-primary)} button:hover,button:focus-visible,[type=button]:hover,[type=button]:focus-visible,[type=submit]:hover,[type=submit]:focus-visible{background-color:var(--c-tint-pink);color:var(--c-primary);border-color:var(--c-primary)} select:focus,select:focus-visible,.woocommerce select:focus,.elementor select:focus,.orderby:focus,.safy-products select:focus{outline:0!important;box-shadow:none!important;border-color:var(--c-primary)!important} @supports (appearance: base-select) { select,select::picker(select){-webkit-appearance:base-select!important;appearance:base-select!important} select{display:flex!important;align-items:center;justify-content:space-between;gap:8px;background-image:none!important;padding-inline-end:14px!important} select::picker-icon{content:"";width:16px;height:16px;margin-inline-start:auto;background:var(--c-text-muted);-webkit-mask:var(--ico-chevd) center/contain no-repeat;mask:var(--ico-chevd) center/contain no-repeat;transition:transform .2s} select:open::picker-icon{transform:rotate(180deg)} select::picker(select){margin-top:6px;padding:6px;border:1px solid var(--c-line);border-radius:12px;background:var(--c-white);box-shadow:var(--shadow-pop);font-family:Tajawal,sans-serif} select option{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--c-white);border-radius:8px;background:transparent;color:var(--c-ink);font-size:14px;cursor:pointer} select option:hover,select option:focus-visible{background:var(--c-tint-pink);color:var(--c-primary);outline:0} select option:checked,select option:checked:hover{background:linear-gradient(to right,var(--c-tint-pink),var(--c-tint-purple));color:var(--c-primary);font-weight:700} select option::checkmark{display:none} } .safy-footer-columns .elementor-heading-title{color:var(--c-white)!important} .safy-benefits .elementor-heading-title,.safy-page-title .elementor-heading-title,.safy-widget-title .elementor-heading-title,.safy-cart-empty__title .elementor-heading-title,.safy-call-popup .elementor-widget-heading .elementor-heading-title,.safy-drawer-popup .elementor-widget-heading .elementor-heading-title,.safy-call-card .elementor-heading-title,.safy-call-support .elementor-heading-title{color:var(--c-ink)!important} .woocommerce-Price-amount bdi{direction:rtl;unicode-bidi:isolate}
:root{--ico-grid:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E");--ico-list:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%206h13M8%2012h13M8%2018h13M3%206h.01M3%2012h.01M3%2018h.01%22%2F%3E%3C%2Fsvg%3E");--ico-utensils:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%202v7a2%202%200%200%200%202%202h4a2%202%200%200%200%202-2V2M7%202v20M21%2015V2a5%205%200%200%200-5%205v6a2%202%200%200%200%202%202h3zm0%200v7%22%2F%3E%3C%2Fsvg%3E");--ico-cart:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2221%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M1%201h4l2.68%2013.39a2%202%200%200%200%202%201.61h9.72a2%202%200%200%200%202-1.61L23%206H6%22%2F%3E%3C%2Fsvg%3E");--ico-star:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202l3.09%206.26L22%209.27l-5%204.87%201.18%206.88L12%2017.77l-6.18%203.25L7%2014.14%202%209.27l6.91-1.01z%22%2F%3E%3C%2Fsvg%3E");--ico-pin:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2010c0%207-9%2013-9%2013S3%2017%203%2010a9%209%200%200%201%2018%200z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");--ico-clock:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%206v6l4%202%22%2F%3E%3C%2Fsvg%3E");--ico-chevd:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E");--ico-chevl:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%2018l-6-6%206-6%22%2F%3E%3C%2Fsvg%3E");} .safy-ico::before{content:"";display:inline-block;width:1em;height:1em;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;vertical-align:-.125em} :root{--ico-store:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209l1-5h16l1%205M3%209a3%203%200%200%200%206%200%203%203%200%200%200%206%200%203%203%200%200%200%206%200M5%2012v9h14v-9%22%2F%3E%3C%2Fsvg%3E");--ico-headset:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2018v-6a9%209%200%200%201%2018%200v6%22%2F%3E%3Cpath%20d%3D%22M21%2019a2%202%200%200%201-2%202h-1a2%202%200%200%201-2-2v-3a2%202%200%200%201%202-2h3zM3%2019a2%202%200%200%200%202%202h1a2%202%200%200%200%202-2v-3a2%202%200%200%200-2-2H3z%22%2F%3E%3C%2Fsvg%3E");--ico-phone:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.36%201.9.7%202.81a2%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.91.34%201.85.57%202.81.7A2%202%200%200%201%2022%2016.92z%22%2F%3E%3C%2Fsvg%3E");--ico-whatsapp:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021l1.65-4.8A9%209%200%201%201%208%2019.5L3%2021z%22%2F%3E%3Cpath%20d%3D%22M9%2010c.6%202.2%202.3%203.9%204.5%204.5l1.2-1.2a.7.7%200%200%201%20.9-.1l1.2.7c.3.2.4.5.2.8-.5%201-1.5%201.5-2.6%201.3C10.9%2015.9%208.1%2013.1%207.7%209.8c-.1-1.1.4-2.1%201.3-2.6.3-.2.6-.1.8.2l.7%201.2c.2.3.1.6-.1.9z%22%2F%3E%3C%2Fsvg%3E")} :root { --ico-truck: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1%203h15v13H1zM16%208h4l3%203v5h-7z%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E"); --ico-arrow-l: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2012H5M12%2019l-7-7%207-7%22%2F%3E%3C%2Fsvg%3E"); --ico-cart-empty: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2221%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M1%201h4l2.68%2013.39a2%202%200%200%200%202%201.61h9.72a2%202%200%200%200%202-1.61L23%206H6%22%2F%3E%3C%2Fsvg%3E"); } :root{--ico-home:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011l9-8%209%208v10a1%201%200%200%201-1%201h-5v-7H9v7H4a1%201%200%200%201-1-1z%22%2F%3E%3C%2Fsvg%3E");--ico-bag:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202L3%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4zM3%206h18M16%2010a4%204%200%200%201-8%200%22%2F%3E%3C%2Fsvg%3E");--ico-box:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z%22%2F%3E%3Cpath%20d%3D%22M3.27%206.96L12%2012.01l8.73-5.05M12%2022.08V12%22%2F%3E%3C%2Fsvg%3E");--ico-user:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E");--ico-logout:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4M16%2017l5-5-5-5M21%2012H9%22%2F%3E%3C%2Fsvg%3E");} :root{--ico-trash:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6m3%200V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2M10%2011v6M14%2011v6%22%2F%3E%3C%2Fsvg%3E");} :root { --li-phone: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.36%201.9.7%202.81a2%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.91.34%201.85.57%202.81.7A2%202%200%200%201%2022%2016.92z%22%2F%3E%3C%2Fsvg%3E"); --li-whatsapp: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021l1.65-4.8A9%209%200%201%201%208%2019.5L3%2021z%22%2F%3E%3Cpath%20d%3D%22M9%2010c.6%202.2%202.3%203.9%204.5%204.5l1.2-1.2a.7.7%200%200%201%20.9-.1l1.2.7c.3.2.4.5.2.8-.5%201-1.5%201.5-2.6%201.3C10.9%2015.9%208.1%2013.1%207.7%209.8c-.1-1.1.4-2.1%201.3-2.6.3-.2.6-.1.8.2l.7%201.2c.2.3.1.6-.1.9z%22%2F%3E%3C%2Fsvg%3E"); --li-facebook: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%202h-3a5%205%200%200%200-5%205v3H7v4h3v8h4v-8h3l1-4h-4V7a1%201%200%200%201%201-1h3z%22%2F%3E%3C%2Fsvg%3E"); --li-instagram: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M17.5%206.5h.01%22%2F%3E%3C%2Fsvg%3E"); --li-mail: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2z%22%2F%3E%3Cpath%20d%3D%22M22%206l-10%207L2%206%22%2F%3E%3C%2Fsvg%3E"); --li-heart: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78L12%2021.23l8.84-8.84a5.5%205.5%200%200%200%200-7.78z%22%2F%3E%3C%2Fsvg%3E"); --li-user: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E"); --li-award: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M15.48%2012.89L17%2022l-5-3-5%203%201.52-9.11%22%2F%3E%3C%2Fsvg%3E"); --li-menu: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18M3%2012h18M3%2018h18%22%2F%3E%3C%2Fsvg%3E"); --li-box: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z%22%2F%3E%3Cpath%20d%3D%22M3.27%206.96L12%2012.01l8.73-5.05M12%2022.08V12%22%2F%3E%3C%2Fsvg%3E"); --li-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206L9%2017l-5-5%22%2F%3E%3C%2Fsvg%3E"); --li-chev-l: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%2018l-6-6%206-6%22%2F%3E%3C%2Fsvg%3E"); --li-chev-r: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E"); --li-chev-u: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2015l-6-6-6%206%22%2F%3E%3C%2Fsvg%3E"); --li-chev-d: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E"); --li-clock: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%206v6l4%202%22%2F%3E%3C%2Fsvg%3E"); --li-pin: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2010c0%207-9%2013-9%2013S3%2017%203%2010a9%209%200%200%201%2018%200z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); --li-quote: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021c3%200%207-1%207-8V5c0-1.25-.76-2-2-2H4c-1.25%200-2%20.75-2%202v6c0%201.25.75%202%202%202h3c0%203-1%204-4%204v2zM15%2021c3%200%207-1%207-8V5c0-1.25-.76-2-2-2h-4c-1.25%200-2%20.75-2%202v6c0%201.25.75%202%202%202h3c0%203-1%204-4%204v2z%22%2F%3E%3C%2Fsvg%3E"); --li-shield: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22%2F%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22%2F%3E%3C%2Fsvg%3E"); --li-truck: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1%203h15v13H1zM16%208h4l3%203v5h-7z%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E"); --li-users: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E"); --li-chef: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%2021a1%201%200%200%200%201-1v-5.35c0-.46.32-.84.73-1.04a4%204%200%200%200-2.14-7.59%205%205%200%200%200-9.18%200%204%204%200%200%200-2.14%207.59c.41.2.73.58.73%201.04V20a1%201%200%200%200%201%201zM6%2017h12%22%2F%3E%3C%2Fsvg%3E"); --li-bowl: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021a9%209%200%200%200%209-9H3a9%209%200%200%200%209%209zM7%2021h10M8%209c0-1.5%201-2%201-3.5M12%209c0-1.5%201-2%201-3.5M16%209c0-1.5%201-2%201-3.5%22%2F%3E%3C%2Fsvg%3E"); --li-leaf: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%2020A7%207%200%200%201%209.8%206.1C15.5%205%2017%204.48%2019%202c1%202%202%204.18%202%208%200%205.5-4.78%2010-10%2010z%22%2F%3E%3Cpath%20d%3D%22M2%2021c0-3%201.85-5.36%205.08-6C9.5%2014.52%2012%2013%2013%2012%22%2F%3E%3C%2Fsvg%3E"); --li-store: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209l1-5h16l1%205M3%209a3%203%200%200%200%206%200%203%203%200%200%200%206%200%203%203%200%200%200%206%200M5%2012v9h14v-9%22%2F%3E%3C%2Fsvg%3E"); --li-search: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22M21%2021l-4.35-4.35%22%2F%3E%3C%2Fsvg%3E"); --li-headset: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2018v-6a9%209%200%200%201%2018%200v6%22%2F%3E%3Cpath%20d%3D%22M21%2019a2%202%200%200%201-2%202h-1a2%202%200%200%201-2-2v-3a2%202%200%200%201%202-2h3zM3%2019a2%202%200%200%200%202%202h1a2%202%200%200%200%202-2v-3a2%202%200%200%200-2-2H3z%22%2F%3E%3C%2Fsvg%3E"); --li-x: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206L6%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E"); --li-home: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011l9-8%209%208v10a1%201%200%200%201-1%201h-5v-7H9v7H4a1%201%200%200%201-1-1z%22%2F%3E%3C%2Fsvg%3E"); --li-globe: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M2%2012h20M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z%22%2F%3E%3C%2Fsvg%3E"); --li-star: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202l3.09%206.26L22%209.27l-5%204.87%201.18%206.88L12%2017.77l-6.18%203.25L7%2014.14%202%209.27l6.91-1.01z%22%2F%3E%3C%2Fsvg%3E"); --li-send: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%202L11%2013M22%202l-7%2020-4-9-9-4%2020-7z%22%2F%3E%3C%2Fsvg%3E"); --li-tag: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.59%2013.41l-7.17%207.17a2%202%200%200%201-2.83%200L2%2012V2h10l8.59%208.59a2%202%200%200%201%200%202.82z%22%2F%3E%3Cpath%20d%3D%22M7%207h.01%22%2F%3E%3C%2Fsvg%3E"); --li-edit: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7M18.5%202.5a2.1%202.1%200%200%201%203%203L12%2015l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E"); --li-lock: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2011H5a2%202%200%200%200-2%202v7a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7a2%202%200%200%200-2-2zM7%2011V7a5%205%200%200%201%2010%200v4%22%2F%3E%3C%2Fsvg%3E"); --li-cookie: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202a10%2010%200%201%200%2010%2010%204%204%200%200%201-5-5%204%204%200%200%201-5-5zM8.5%208.5v.01M16%2015.5v.01M12%2012v.01M11%2017v.01M7%2014v.01%22%2F%3E%3C%2Fsvg%3E"); --li-settings: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%201%201-2.83%202.83l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%201%201-4%200v-.09a1.65%201.65%200%200%200-1-1.51%201.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%201%201-2.83-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.82%201.65%201.65%200%200%200-1.51-1H3a2%202%200%201%201%200-4h.09a1.65%201.65%200%200%200%201.51-1%201.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%201%201%202.83-2.83l.06.06a1.65%201.65%200%200%200%201.82.33h0a1.65%201.65%200%200%200%201-1.51V3a2%202%200%201%201%204%200v.09a1.65%201.65%200%200%200%201%201.51h0a1.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%201%201%202.83%202.83l-.06.06a1.65%201.65%200%200%200-.33%201.82v0a1.65%201.65%200%200%200%201.51%201H21a2%202%200%201%201%200%204h-.09a1.65%201.65%200%200%200-1.51%201z%22%2F%3E%3C%2Fsvg%3E"); --li-list: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%206h13M8%2012h13M8%2018h13M3%206h.01M3%2012h.01M3%2018h.01%22%2F%3E%3C%2Fsvg%3E"); --li-wallet: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012V7a2%202%200%200%200-2-2H5a2%202%200%200%201%200-4h12M3%205v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-5M18%2014h3v4h-3a2%202%200%200%201%200-4z%22%2F%3E%3C%2Fsvg%3E"); --li-bag: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202L3%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4zM3%206h18M16%2010a4%204%200%200%201-8%200%22%2F%3E%3C%2Fsvg%3E"); --li-refresh: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M23%204v6h-6M1%2020v-6h6M3.5%209a9%209%200%200%201%2014.85-3.36L23%2010M1%2014l4.65%204.36A9%209%200%200%200%2020.5%2015%22%2F%3E%3C%2Fsvg%3E"); } svg.e-font-icon-svg.e-light { background: currentColor; -webkit-mask: var(--li) center / contain no-repeat; mask: var(--li) center / contain no-repeat; } svg.e-font-icon-svg.e-light path { display: none; } svg.e-font-icon-svg:is(.e-fas-phone, .e-far-phone, .e-fab-phone) { --li: var(--li-phone); background: currentColor; -webkit-mask: var(--li-phone) center / contain no-repeat; mask: var(--li-phone) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-phone, .e-far-phone, .e-fab-phone) path { display: none; } svg.e-font-icon-svg:is(.e-fas-whatsapp, .e-far-whatsapp, .e-fab-whatsapp) { --li: var(--li-whatsapp); background: currentColor; -webkit-mask: var(--li-whatsapp) center / contain no-repeat; mask: var(--li-whatsapp) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-whatsapp, .e-far-whatsapp, .e-fab-whatsapp) path { display: none; } svg.e-font-icon-svg:is(.e-fas-facebook-f, .e-far-facebook-f, .e-fab-facebook-f) { --li: var(--li-facebook); background: currentColor; -webkit-mask: var(--li-facebook) center / contain no-repeat; mask: var(--li-facebook) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-facebook-f, .e-far-facebook-f, .e-fab-facebook-f) path { display: none; } svg.e-font-icon-svg:is(.e-fas-instagram, .e-far-instagram, .e-fab-instagram) { --li: var(--li-instagram); background: currentColor; -webkit-mask: var(--li-instagram) center / contain no-repeat; mask: var(--li-instagram) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-instagram, .e-far-instagram, .e-fab-instagram) path { display: none; } svg.e-font-icon-svg:is(.e-fas-envelope, .e-far-envelope, .e-fab-envelope) { --li: var(--li-mail); background: currentColor; -webkit-mask: var(--li-mail) center / contain no-repeat; mask: var(--li-mail) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-envelope, .e-far-envelope, .e-fab-envelope) path { display: none; } svg.e-font-icon-svg:is(.e-fas-heart, .e-far-heart, .e-fab-heart) { --li: var(--li-heart); background: currentColor; -webkit-mask: var(--li-heart) center / contain no-repeat; mask: var(--li-heart) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-heart, .e-far-heart, .e-fab-heart) path { display: none; } svg.e-font-icon-svg:is(.e-fas-user, .e-far-user, .e-fab-user) { --li: var(--li-user); background: currentColor; -webkit-mask: var(--li-user) center / contain no-repeat; mask: var(--li-user) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-user, .e-far-user, .e-fab-user) path { display: none; } svg.e-font-icon-svg:is(.e-fas-award, .e-far-award, .e-fab-award) { --li: var(--li-award); background: currentColor; -webkit-mask: var(--li-award) center / contain no-repeat; mask: var(--li-award) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-award, .e-far-award, .e-fab-award) path { display: none; } svg.e-font-icon-svg:is(.e-fas-bars, .e-far-bars, .e-fab-bars) { --li: var(--li-menu); background: currentColor; -webkit-mask: var(--li-menu) center / contain no-repeat; mask: var(--li-menu) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-bars, .e-far-bars, .e-fab-bars) path { display: none; } svg.e-font-icon-svg:is(.e-fas-box, .e-far-box, .e-fab-box) { --li: var(--li-box); background: currentColor; -webkit-mask: var(--li-box) center / contain no-repeat; mask: var(--li-box) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-box, .e-far-box, .e-fab-box) path { display: none; } svg.e-font-icon-svg:is(.e-fas-check, .e-far-check, .e-fab-check) { --li: var(--li-check); background: currentColor; -webkit-mask: var(--li-check) center / contain no-repeat; mask: var(--li-check) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-check, .e-far-check, .e-fab-check) path { display: none; } svg.e-font-icon-svg:is(.e-fas-chevron-left, .e-far-chevron-left, .e-fab-chevron-left) { --li: var(--li-chev-l); background: currentColor; -webkit-mask: var(--li-chev-l) center / contain no-repeat; mask: var(--li-chev-l) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-chevron-left, .e-far-chevron-left, .e-fab-chevron-left) path { display: none; } svg.e-font-icon-svg:is(.e-fas-chevron-right, .e-far-chevron-right, .e-fab-chevron-right) { --li: var(--li-chev-r); background: currentColor; -webkit-mask: var(--li-chev-r) center / contain no-repeat; mask: var(--li-chev-r) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-chevron-right, .e-far-chevron-right, .e-fab-chevron-right) path { display: none; } svg.e-font-icon-svg:is(.e-fas-chevron-up, .e-far-chevron-up, .e-fab-chevron-up) { --li: var(--li-chev-u); background: currentColor; -webkit-mask: var(--li-chev-u) center / contain no-repeat; mask: var(--li-chev-u) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-chevron-up, .e-far-chevron-up, .e-fab-chevron-up) path { display: none; } svg.e-font-icon-svg:is(.e-fas-chevron-down, .e-far-chevron-down, .e-fab-chevron-down) { --li: var(--li-chev-d); background: currentColor; -webkit-mask: var(--li-chev-d) center / contain no-repeat; mask: var(--li-chev-d) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-chevron-down, .e-far-chevron-down, .e-fab-chevron-down) path { display: none; } svg.e-font-icon-svg:is(.e-fas-clock, .e-far-clock, .e-fab-clock) { --li: var(--li-clock); background: currentColor; -webkit-mask: var(--li-clock) center / contain no-repeat; mask: var(--li-clock) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-clock, .e-far-clock, .e-fab-clock) path { display: none; } svg.e-font-icon-svg:is(.e-fas-map-marker-alt, .e-far-map-marker-alt, .e-fab-map-marker-alt) { --li: var(--li-pin); background: currentColor; -webkit-mask: var(--li-pin) center / contain no-repeat; mask: var(--li-pin) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-map-marker-alt, .e-far-map-marker-alt, .e-fab-map-marker-alt) path { display: none; } svg.e-font-icon-svg:is(.e-fas-quote-right, .e-far-quote-right, .e-fab-quote-right) { --li: var(--li-quote); background: currentColor; -webkit-mask: var(--li-quote) center / contain no-repeat; mask: var(--li-quote) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-quote-right, .e-far-quote-right, .e-fab-quote-right) path { display: none; } svg.e-font-icon-svg:is(.e-fas-shield-alt, .e-far-shield-alt, .e-fab-shield-alt) { --li: var(--li-shield); background: currentColor; -webkit-mask: var(--li-shield) center / contain no-repeat; mask: var(--li-shield) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-shield-alt, .e-far-shield-alt, .e-fab-shield-alt) path { display: none; } svg.e-font-icon-svg:is(.e-fas-truck, .e-far-truck, .e-fab-truck) { --li: var(--li-truck); background: currentColor; -webkit-mask: var(--li-truck) center / contain no-repeat; mask: var(--li-truck) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-truck, .e-far-truck, .e-fab-truck) path { display: none; } svg.e-font-icon-svg:is(.e-fas-users, .e-far-users, .e-fab-users) { --li: var(--li-users); background: currentColor; -webkit-mask: var(--li-users) center / contain no-repeat; mask: var(--li-users) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-users, .e-far-users, .e-fab-users) path { display: none; } svg.e-font-icon-svg:is(.e-fas-utensils, .e-far-utensils, .e-fab-utensils) { --li: var(--li-chef); background: currentColor; -webkit-mask: var(--li-chef) center / contain no-repeat; mask: var(--li-chef) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-utensils, .e-far-utensils, .e-fab-utensils) path { display: none; } svg.e-font-icon-svg:is(.e-fas-drumstick-bite, .e-far-drumstick-bite, .e-fab-drumstick-bite) { --li: var(--li-bowl); background: currentColor; -webkit-mask: var(--li-bowl) center / contain no-repeat; mask: var(--li-bowl) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-drumstick-bite, .e-far-drumstick-bite, .e-fab-drumstick-bite) path { display: none; } svg.e-font-icon-svg:is(.e-fas-leaf, .e-far-leaf, .e-fab-leaf) { --li: var(--li-leaf); background: currentColor; -webkit-mask: var(--li-leaf) center / contain no-repeat; mask: var(--li-leaf) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-leaf, .e-far-leaf, .e-fab-leaf) path { display: none; } svg.e-font-icon-svg:is(.e-fas-store, .e-far-store, .e-fab-store) { --li: var(--li-store); background: currentColor; -webkit-mask: var(--li-store) center / contain no-repeat; mask: var(--li-store) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-store, .e-far-store, .e-fab-store) path { display: none; } svg.e-font-icon-svg:is(.e-fas-search, .e-far-search, .e-fab-search) { --li: var(--li-search); background: currentColor; -webkit-mask: var(--li-search) center / contain no-repeat; mask: var(--li-search) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-search, .e-far-search, .e-fab-search) path { display: none; } svg.e-font-icon-svg:is(.e-fas-headset, .e-far-headset, .e-fab-headset) { --li: var(--li-headset); background: currentColor; -webkit-mask: var(--li-headset) center / contain no-repeat; mask: var(--li-headset) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-headset, .e-far-headset, .e-fab-headset) path { display: none; } svg.e-font-icon-svg:is(.e-fas-times, .e-far-times, .e-fab-times) { --li: var(--li-x); background: currentColor; -webkit-mask: var(--li-x) center / contain no-repeat; mask: var(--li-x) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-times, .e-far-times, .e-fab-times) path { display: none; } svg.e-font-icon-svg:is(.e-fas-home, .e-far-home, .e-fab-home) { --li: var(--li-home); background: currentColor; -webkit-mask: var(--li-home) center / contain no-repeat; mask: var(--li-home) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-home, .e-far-home, .e-fab-home) path { display: none; } svg.e-font-icon-svg:is(.e-fas-globe, .e-far-globe, .e-fab-globe) { --li: var(--li-globe); background: currentColor; -webkit-mask: var(--li-globe) center / contain no-repeat; mask: var(--li-globe) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-globe, .e-far-globe, .e-fab-globe) path { display: none; } svg.e-font-icon-svg:is(.e-fas-star, .e-far-star, .e-fab-star) { --li: var(--li-star); background: currentColor; -webkit-mask: var(--li-star) center / contain no-repeat; mask: var(--li-star) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-star, .e-far-star, .e-fab-star) path { display: none; } svg.e-font-icon-svg:is(.e-fas-phone-alt, .e-far-phone-alt, .e-fab-phone-alt) { --li: var(--li-phone); background: currentColor; -webkit-mask: var(--li-phone) center / contain no-repeat; mask: var(--li-phone) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-phone-alt, .e-far-phone-alt, .e-fab-phone-alt) path { display: none; } svg.e-font-icon-svg:is(.e-fas-paper-plane, .e-far-paper-plane, .e-fab-paper-plane) { --li: var(--li-send); background: currentColor; -webkit-mask: var(--li-send) center / contain no-repeat; mask: var(--li-send) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-paper-plane, .e-far-paper-plane, .e-fab-paper-plane) path { display: none; } svg.e-font-icon-svg:is(.e-fas-tag, .e-far-tag, .e-fab-tag) { --li: var(--li-tag); background: currentColor; -webkit-mask: var(--li-tag) center / contain no-repeat; mask: var(--li-tag) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-tag, .e-far-tag, .e-fab-tag) path { display: none; } svg.e-font-icon-svg:is(.e-fas-pen, .e-far-pen, .e-fab-pen) { --li: var(--li-edit); background: currentColor; -webkit-mask: var(--li-edit) center / contain no-repeat; mask: var(--li-edit) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-pen, .e-far-pen, .e-fab-pen) path { display: none; } svg.e-font-icon-svg:is(.e-fas-lock, .e-far-lock, .e-fab-lock) { --li: var(--li-lock); background: currentColor; -webkit-mask: var(--li-lock) center / contain no-repeat; mask: var(--li-lock) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-lock, .e-far-lock, .e-fab-lock) path { display: none; } svg.e-font-icon-svg:is(.e-fas-cookie-bite, .e-far-cookie-bite, .e-fab-cookie-bite) { --li: var(--li-cookie); background: currentColor; -webkit-mask: var(--li-cookie) center / contain no-repeat; mask: var(--li-cookie) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-cookie-bite, .e-far-cookie-bite, .e-fab-cookie-bite) path { display: none; } svg.e-font-icon-svg:is(.e-fas-cog, .e-far-cog, .e-fab-cog) { --li: var(--li-settings); background: currentColor; -webkit-mask: var(--li-settings) center / contain no-repeat; mask: var(--li-settings) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-cog, .e-far-cog, .e-fab-cog) path { display: none; } svg.e-font-icon-svg:is(.e-fas-list, .e-far-list, .e-fab-list) { --li: var(--li-list); background: currentColor; -webkit-mask: var(--li-list) center / contain no-repeat; mask: var(--li-list) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-list, .e-far-list, .e-fab-list) path { display: none; } svg.e-font-icon-svg:is(.e-fas-wallet, .e-far-wallet, .e-fab-wallet) { --li: var(--li-wallet); background: currentColor; -webkit-mask: var(--li-wallet) center / contain no-repeat; mask: var(--li-wallet) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-wallet, .e-far-wallet, .e-fab-wallet) path { display: none; } svg.e-font-icon-svg:is(.e-fas-shopping-bag, .e-far-shopping-bag, .e-fab-shopping-bag) { --li: var(--li-bag); background: currentColor; -webkit-mask: var(--li-bag) center / contain no-repeat; mask: var(--li-bag) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-shopping-bag, .e-far-shopping-bag, .e-fab-shopping-bag) path { display: none; } svg.e-font-icon-svg:is(.e-fas-sync-alt, .e-far-sync-alt, .e-fab-sync-alt) { --li: var(--li-refresh); background: currentColor; -webkit-mask: var(--li-refresh) center / contain no-repeat; mask: var(--li-refresh) center / contain no-repeat; } svg.e-font-icon-svg:is(.e-fas-sync-alt, .e-far-sync-alt, .e-fab-sync-alt) path { display: none; }
.woocommerce-notices-wrapper{width:100%} .woocommerce-message,.woocommerce-info,.woocommerce-error{position:relative;display:flex!important;align-items:center;flex-wrap:wrap;gap:8px 16px;box-sizing:border-box;width:min(1200px,calc(100% - 32px));margin:16px auto!important;padding:14px 20px!important;border:1px solid var(--c-line)!important;border-radius:12px;background:linear-gradient(135deg,var(--c-tint-purple),var(--c-tint-pink))!important;box-shadow:none!important;color:var(--c-ink)!important;font-size:15px;font-weight:500;line-height:1.7;list-style:none;text-align:start} .woocommerce-error{padding-inline:20px!important} .woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{content:""!important;position:static!important;display:block;flex:none;width:22px;height:22px;margin:0!important;background:var(--c-primary);font-family:inherit;-webkit-mask:var(--ico-notice-ok) center/contain no-repeat;mask:var(--ico-notice-ok) center/contain no-repeat} .woocommerce-info::before{-webkit-mask-image:var(--ico-notice-info);mask-image:var(--ico-notice-info)} .woocommerce-error::before{-webkit-mask-image:var(--ico-notice-err);mask-image:var(--ico-notice-err)} .woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{order:3;display:inline-flex;align-items:center;justify-content:center;float:none!important;min-height:40px;margin:0 0 0 0!important;margin-inline-start:auto!important;padding:0 20px!important;border:0!important;border-radius:8px!important;background:var(--grad-brand)!important;background-origin:border-box;color:var(--c-white)!important;font-size:15px;font-weight:700;text-decoration:none} .woocommerce-message .button:hover,.woocommerce-info .button:hover,.woocommerce-error .button:hover{filter:brightness(.93);color:var(--c-white)!important} .woocommerce-error li{margin:0;padding:0;list-style:none} :root{--ico-notice-ok:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M8%2012.5l3%203%205-6%22%2F%3E%3C%2Fsvg%3E");--ico-notice-info:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2011v6M12%207.5v.01%22%2F%3E%3C%2Fsvg%3E");--ico-notice-err:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M15%209l-6%206M9%209l6%206%22%2F%3E%3C%2Fsvg%3E")} .woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-message:focus,.woocommerce-info:focus,.woocommerce-error:focus,.woocommerce-message:focus-visible{outline:0!important} .woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{line-height:1.2!important;height:40px;box-sizing:border-box} @media(max-width:767px){.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{order:3;width:100%;margin-inline-start:0!important}} .woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{display:inline-flex!important;align-items:center;justify-content:center} @media(max-width:767px){ .woocommerce-message,.woocommerce-info,.woocommerce-error{padding:22px 16px 16px!important;margin-top:24px!important} .woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{position:absolute!important;top:-14px;inset-inline-start:50%;width:28px;height:28px;margin:0!important;transform:translateX(50%);border:2px solid var(--c-white);border-radius:50%;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012.5l4.5%204.5L19%207%22%2F%3E%3C%2Fsvg%3E") center/16px no-repeat,var(--grad-brand);-webkit-mask:none;mask:none} .woocommerce-message>*:not(.button),.woocommerce-info>*:not(.button){flex:1 1 100%} } .star-rating{position:relative!important;display:inline-block!important;width:5.5em!important;height:1em!important;overflow:hidden!important;font-size:14px!important;line-height:1!important;font-family:inherit!important;text-indent:0;float:none!important; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2020%22%3E%3Cpath%20fill%3D%22%23E4DCE6%22%20d%3D%22M10%201l2.6%205.6%206%20.7-4.5%204.1%201.2%206L10%2014.4%204.7%2017.4l1.2-6L1.4%207.3l6-.7z%22%2F%3E%3C%2Fsvg%3E") right center/15.4px 14px repeat-x!important} .star-rating::before{content:none!important;display:none!important} .star-rating>span{position:absolute!important;top:0;right:0;left:auto!important;display:block!important;height:100%!important;overflow:hidden!important;font-size:0!important;color:transparent!important; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2020%22%3E%3Cpath%20fill%3D%22%23F5A524%22%20d%3D%22M10%201l2.6%205.6%206%20.7-4.5%204.1%201.2%206L10%2014.4%204.7%2017.4l1.2-6L1.4%207.3l6-.7z%22%2F%3E%3C%2Fsvg%3E") right center/15.4px 14px repeat-x!important} .star-rating>span::before,.star-rating>span::after{content:none!important;display:none!important} .star-rating>span *{font-size:0!important} :root{--ico-trash:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18M8%206V4a1%201%200%200%201%201-1h6a1%201%200%200%201%201%201v2M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206M10%2011v6M14%2011v6%22%2F%3E%3C%2Fsvg%3E")} .elementor-menu-cart__products .elementor-menu-cart__product-remove,.woocommerce a.remove,.woocommerce-mini-cart a.remove,.widget_shopping_cart a.remove,.woocommerce-cart-form a.remove{position:absolute;top:12px;inset-inline-end:0;width:32px;height:32px;margin:0;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:var(--c-tint-pink)!important;color:transparent!important;font-size:0!important;line-height:0;text-decoration:none;transition:background .2s} .elementor-menu-cart__products .elementor-menu-cart__product-remove a{position:absolute;inset:0;display:block;font-size:0;color:transparent} .elementor-menu-cart__products .elementor-menu-cart__product-remove::before,.woocommerce a.remove::before,.woocommerce-mini-cart a.remove::before,.widget_shopping_cart a.remove::before,.woocommerce-cart-form a.remove::before{content:"";display:block;position:absolute;inset:0;width:16px;height:16px;margin:auto;transform:none;border-radius:0;background:var(--c-pink-bright);-webkit-mask:var(--ico-trash) center/contain no-repeat;mask:var(--ico-trash) center/contain no-repeat} .elementor-menu-cart__products .elementor-menu-cart__product-remove::after{content:none!important} .elementor-menu-cart__products .elementor-menu-cart__product-remove:hover,.woocommerce a.remove:hover,.widget_shopping_cart a.remove:hover{background:var(--c-pink-bright)!important} .elementor-menu-cart__products .elementor-menu-cart__product-remove:hover::before,.woocommerce a.remove:hover::before,.widget_shopping_cart a.remove:hover::before{background:var(--c-white)} .safy-qty{display:inline-flex;align-items:stretch;flex:none;border:1px solid var(--c-line);border-radius:8px;overflow:hidden;background:var(--c-white)} .safy-qty button{display:grid;place-items:center;width:30px;padding:0;border:0;border-radius:0;background:var(--c-bg-soft);color:var(--c-ink);font-size:18px;line-height:1;cursor:pointer} .safy-qty button:hover{background:var(--c-tint-pink);color:var(--c-primary)} .safy-qty input{width:40px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;text-align:center;font:inherit;font-size:15px;font-weight:700;color:var(--c-ink);-moz-appearance:textfield;appearance:textfield} .safy-qty input::-webkit-outer-spin-button,.safy-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .safy-qty input:focus{outline:0;background:var(--c-tint-pink)} .safy-cart .quantity{display:inline-flex;align-items:stretch;flex:none;border:1px solid var(--c-line);border-radius:8px;overflow:hidden;background:var(--c-white)} .safy-cart .quantity .safy-qty-btn{display:grid;place-items:center;width:30px;padding:0;border:0;border-radius:0;background:var(--c-bg-soft);color:var(--c-ink);font:inherit;font-size:18px;line-height:1;cursor:pointer} .safy-cart .quantity .safy-qty-btn:hover{background:var(--c-tint-pink);color:var(--c-primary)} .safy-cart .quantity input.qty{min-width:0;min-height:0;height:auto;border-radius:0;font:inherit;font-size:15px;font-weight:700;color:var(--c-ink);-moz-appearance:textfield;appearance:textfield} .safy-cart .quantity input.qty::-webkit-outer-spin-button,.safy-cart .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .safy-cart table.shop_table.cart td.product-name dl.variation,.elementor-menu-cart__products .elementor-menu-cart__product-name>.variation{display:block!important;font-size:13px;line-height:1.6} .safy-cart table.shop_table.cart td.product-name dl.variation{margin:8px 0 0!important} .elementor-menu-cart__products .elementor-menu-cart__product-name>.variation{margin:0!important} .safy-cart table.shop_table.cart td.product-name dl.variation dt,.elementor-menu-cart__products .elementor-menu-cart__product-name>.variation dt{display:block!important;float:none!important;clear:both!important;width:100%;text-align:start;margin:0 0 4px!important;padding:0!important;border:0!important;font-size:13px;font-weight:700!important;color:var(--c-ink)!important} .safy-cart table.shop_table.cart td.product-name dl.variation dd,.elementor-menu-cart__products .elementor-menu-cart__product-name>.variation dd{display:block!important;float:none!important;clear:both!important;box-sizing:border-box;text-align:start;width:fit-content!important;max-width:100%!important;margin:0 0 8px!important;padding:10px 16px!important;border-radius:12px;background:#F3F3F5;font-size:14px;line-height:1.7;color:var(--c-ink)} .elementor-menu-cart__products .elementor-menu-cart__product-name>.variation dd{font-size:13px} .safy-cart table.shop_table.cart td.product-name dl.variation dd:last-child,.elementor-menu-cart__products .elementor-menu-cart__product-name>.variation dd:last-child{margin-bottom:0!important} .safy-cart table.shop_table.cart td.product-name dl.variation dd p,.elementor-menu-cart__products .elementor-menu-cart__product-name>.variation dd p{display:block!important;margin:0!important} .elementor-menu-cart__products .elementor-menu-cart__product-name>.variation dd p{display:inline!important} .safy-delivery{display:flex;align-items:center;gap:8px;box-sizing:border-box!important;max-width:100%;margin-top:14px;padding:10px 12px;border-radius:var(--radius-s);background:linear-gradient(to right,var(--c-tint-purple),var(--c-tint-pink));font-size:13px!important;line-height:1.6;color:var(--c-ink);white-space:nowrap} .safy-delivery__icon,.safy-delivery__ico{flex:none;width:18px;height:18px;background:var(--c-primary);-webkit-mask:var(--ico-truck) center/contain no-repeat;mask:var(--ico-truck) center/contain no-repeat} .safy-delivery__text{display:block} @media(max-width:767px){.safy-delivery{white-space:normal}} .elementor-element.safy-page-hero.safy-cart-hero, .elementor-element.safy-page-hero.safy-compact-hero { height: 150px !important; min-height: 150px !important; max-height: 150px !important; } .elementor-element.safy-page-hero__body.safy-cart-hero__body, .elementor-element.safy-page-hero__body.safy-compact-hero__body { height: 100%; min-height: 0; box-sizing: border-box; } .elementor-element.safy-cart-body, .elementor-element.safy-compact-body { padding: 32px max(24px, calc((100% - 1200px) / 2)) 48px; } .safy-cart-divider, .safy-compact-divider { position: relative; display: block; width: 220px; height: 14px; margin: 8px auto 0; } .safy-cart-divider .elementor-widget-container, .safy-compact-divider .elementor-widget-container { display: none; } .safy-cart-divider::before, .safy-compact-divider::before { content: ""; position: absolute; inset-inline: 0; top: 50%; height: 2px; transform: translateY(-50%); background: linear-gradient(90deg, transparent, var(--c-purple) 28%, var(--c-primary) 72%, transparent); opacity: .7; } .safy-cart-divider::after, .safy-compact-divider::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 50%; background: var(--grad-brand); transform: translate(-50%, -50%); box-shadow: 0 0 0 4px rgba(227, 35, 104, .16), 0 0 0 9px rgba(126, 34, 161, .08), 0 0 14px 2px rgba(227, 35, 104, .5); } @media(max-width:767px){.elementor-element.safy-cart-body,.elementor-element.safy-compact-body{padding:16px 16px 32px}} li.product .ocms-stars__num, li.product .ocms-wcb-rating__count, li.product .ocms-wcb-rating > span:not(.star-rating) { display: none !important; } .ocms-stars__num, .ocms-wcb-rating__count { display: none !important; } li.product .ocms-wcb-rating { display: flex !important; justify-content: center; align-items: center; width: 100%; } li.product .star-rating, li.product .ocms-wcb-rating .star-rating { display: block !important; margin-inline: auto !important; float: none !important; } li.product .woocommerce-LoopProduct-link { text-align: center; }
.elementor-element.safy-header{padding:0;gap:0;margin:0;position:relative;z-index:40;font-family:Tajawal,sans-serif;color:var(--c-ink)} .safy-header p{margin:0} .elementor-element.safy-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:44px;padding:0 max(24px,calc((100% - 1200px)/2));background:var(--grad-brand);color:var(--c-white);font-size:14px} .safy-topbar>:first-child{justify-self:start}.safy-topbar>:last-child{justify-self:end} .safy-topbar .elementor-widget-text-editor{color:var(--c-white)} .elementor-element.safy-mainbar{flex-direction:row;position:relative;z-index:5;gap:32px;min-height:104px;padding:0 max(24px,calc((100% - 1200px)/2));background:var(--c-white);box-shadow:0 8px 24px rgba(126,34,161,.07)} .safy-mainbar .elementor-widget-image{flex:none;width:150px} .safy-mainbar .elementor-widget-image img{width:150px;height:auto;display:block} .safy-mainbar .elementor-widget-nav-menu{flex:none;width:auto;margin-inline:24px auto} .safy-mainbar .elementor-nav-menu--main .elementor-nav-menu{flex-wrap:nowrap;gap:36px} .safy-mainbar .elementor-nav-menu--main .elementor-nav-menu>li{margin:0} .safy-mainbar .elementor-nav-menu--main .elementor-item{padding:8px 0;font-size:17px;font-weight:500;color:var(--c-ink);white-space:nowrap} .elementor-widget-nav-menu.elementor-widget .elementor-nav-menu--main .elementor-item:hover,.elementor-widget-nav-menu.elementor-widget .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--c-primary)} .elementor-widget-nav-menu.elementor-widget .e--pointer-underline .elementor-item::after,.elementor-widget-nav-menu.elementor-widget .e--pointer-underline .elementor-item::before{background-color:var(--c-primary);height:2px;border-radius:2px} .elementor-element.safy-desktop-actions{flex:none;width:auto;gap:22px} .safy-header .safy-account .elementor-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--c-line);border-radius:50%;color:var(--c-purple);font-size:20px} .safy-header .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button{display:flex;flex-direction:column-reverse;align-items:center;gap:2px;border:0;background:transparent;color:var(--c-ink);padding:0;font-size:13px;line-height:1.2} .safy-header .elementor-widget-woocommerce-menu-cart .elementor-button-icon{color:var(--c-primary);font-size:26px} .safy-header .elementor-widget-woocommerce-menu-cart .elementor-button-icon-qty{background:var(--c-primary);color:var(--c-white);font-size:12px;font-weight:700} .safy-header .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button .elementor-button-text{font-weight:700;color:var(--c-purple)} .safy-header .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button .elementor-button-text::before{content:"السلة";display:block;font-weight:400;color:var(--c-ink)} .safy-header .elementor-widget-button .elementor-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--grad-brand);color:var(--c-white);font-size:16px;font-weight:700} .safy-header .elementor-widget-button .elementor-button:hover{filter:brightness(.93)} .elementor-element.safy-mobile-controls{display:none} .safy-call-popup{width:360px;max-width:calc(100vw - 32px);padding:20px;background:var(--c-white);border-radius:14px;box-shadow:0 16px 40px rgba(126,34,161,.2)} .safy-call-popup .safy-branch{width:100%;padding:14px;background:var(--c-bg-soft);border-radius:14px} .safy-phone-ltr{direction:ltr;text-align:right;color:var(--c-primary);font-weight:700} .safy-drawer-popup .elementor-nav-menu--layout-vertical .elementor-item{border-bottom:1px solid var(--c-line);font-size:17px;font-weight:500;padding:13px 4px} @media(max-width:1439px) and (min-width:1025px){.safy-mainbar .elementor-nav-menu--main .elementor-nav-menu{gap:24px}.elementor-element.safy-mainbar{gap:20px}.elementor-element.safy-desktop-actions{gap:14px}} @media(max-width:1024px){.elementor-element.safy-mainbar .elementor-widget-nav-menu,.elementor-element.safy-desktop-actions{display:none} .elementor-element.safy-mainbar{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;min-height:84px;padding:0 20px} .safy-mainbar .elementor-widget-image{grid-column:2;grid-row:1;justify-self:center;width:120px}.safy-mainbar .elementor-widget-image img{width:120px} .elementor-element.safy-mobile-controls{display:contents} .safy-mobile-controls .elementor-widget-button{grid-column:1;grid-row:1}.safy-mobile-controls .elementor-widget-woocommerce-menu-cart{grid-column:3;grid-row:1} .safy-mobile-controls .elementor-widget-button .elementor-button{width:44px;height:44px;min-height:44px;padding:0;border-radius:14px;background:var(--grad-brand);box-shadow:0 6px 16px rgba(227,35,104,.28)} .safy-mobile-controls .elementor-widget-button .elementor-button-text,.safy-mobile-controls .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button .elementor-button-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .safy-mobile-controls .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button .elementor-button-text::before{content:none} .safy-mobile-controls .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button{width:44px;height:44px;justify-content:center}} @media(max-width:767px){.elementor-element.safy-topbar{display:none}.elementor-element.safy-mainbar{min-height:76px}.safy-mainbar .elementor-widget-image,.safy-mainbar .elementor-widget-image img{width:96px}} .elementor-widget.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button .elementor-button-icon,.elementor-widget.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button svg{color:var(--c-primary);fill:var(--c-primary)} .safy-call-popup .elementor-widget-heading .elementor-heading-title,.safy-drawer-popup .elementor-widget-heading .elementor-heading-title{font-size:18px;font-weight:700;color:var(--c-ink)} .safy-branch .elementor-widget-text-editor{font-size:13px;color:var(--c-text-muted)} .safy-branch .elementor-heading-title{font-size:16px;font-weight:700;color:var(--c-primary)} .safy-chip .elementor-button,.safy-chip-wa .elementor-button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 14px;border:1px solid var(--c-primary);border-radius:8px;background:var(--c-white);color:var(--c-primary);font-size:14px;font-weight:700} .safy-chip-wa .elementor-button{border-color:var(--c-whatsapp);color:#1c9c4d} .safy-chip .elementor-button:hover{background:var(--c-tint-pink)} .elementor-popup-modal:has(.safy-call-popup){background:rgba(31,21,48,.18)} .elementor-popup-modal:has(.safy-call-popup) .dialog-widget-content{position:absolute;top:140px;left:max(24px,calc((100vw - 1200px)/2));margin:0;width:360px;max-width:calc(100vw - 32px);height:auto;border-radius:14px;overflow:visible} .elementor-popup-modal:has(.safy-call-popup) .dialog-message{width:100%;height:auto} .safy-mainbar .elementor-widget-image img,.safy-drawer-popup .elementor-widget-image img{height:auto!important;object-fit:contain} .elementor-popup-modal:has(.safy-drawer-popup){background:rgba(31,21,48,.5)} .elementor-popup-modal:has(.safy-drawer-popup) .dialog-widget-content{border-radius:0;box-shadow:var(--shadow-pop)} .elementor-popup-modal:has(.safy-drawer-popup) .dialog-message{overflow-y:auto} .elementor-element.safy-drawer-popup{gap:18px;padding:18px 20px 24px;background:var(--c-white)} .safy-drawer-popup .elementor-widget-image{width:110px;flex:none} .safy-drawer-popup .elementor-widget-image img{width:110px} .safy-drawer-popup .elementor-widget-nav-menu{width:100%} .safy-drawer-popup .elementor-nav-menu--layout-vertical .elementor-nav-menu>li{margin:0} .safy-drawer-popup .elementor-nav-menu--layout-vertical .elementor-item{display:flex;padding:13px 4px;border-bottom:1px solid var(--c-line);font-size:17px;font-weight:500;color:var(--c-ink)} .safy-drawer-popup .elementor-nav-menu--layout-vertical .elementor-item.elementor-item-active{font-weight:700;color:var(--c-primary)} .safy-drawer-popup .elementor-widget-heading .elementor-heading-title{font-size:16px;margin-bottom:0} .elementor-element.safy-drawer-popup .safy-branch{padding:12px 14px;background:linear-gradient(135deg,var(--c-tint-purple),var(--c-tint-pink));border-radius:14px} .safy-drawer-popup .safy-branch .elementor-heading-title{margin:0;font-size:16px;color:var(--c-ink)} .safy-drawer-popup .safy-phone-ltr{display:none} .safy-drawer-popup>.elementor-widget-text-editor:last-child{margin-top:auto;padding-top:14px;border-top:1px solid var(--c-line);font-size:14px;color:var(--c-text-muted)} .safy-chip .elementor-button-icon svg,.safy-chip-wa .elementor-button-icon svg{width:14px;height:14px;fill:currentColor} .safy-chip .elementor-button-content-wrapper,.safy-chip-wa .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:6px;flex-direction:row-reverse} .elementor-widget-nav-menu.elementor-widget .e--pointer-underline .elementor-item:not(.elementor-item-active)::after,.elementor-widget-nav-menu.elementor-widget .e--pointer-underline .elementor-item:not(.elementor-item-active)::before{opacity:0} .safy-header .safy-account .elementor-icon:hover{border-color:var(--c-primary);color:var(--c-primary)} .safy-header .safy-account .elementor-icon:hover svg{fill:var(--c-primary)} .safy-header .elementor-widget-woocommerce-menu-cart .elementor-button-icon-qty{top:-8px;inset-inline-start:-8px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background-color:var(--c-primary);font-size:12px;line-height:20px} .safy-desktop-actions .elementor-widget-button .elementor-button-content-wrapper::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat} .safy-desktop-actions .elementor-widget-button .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:10px} .safy-menu-cart{--items-indicator-background-color:var(--c-primary);--items-indicator-text-color:var(--c-white)} .elementor-widget.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty{position:absolute;top:-8px;inset-inline-start:-8px;inset-inline-end:auto;right:auto;min-width:20px;width:auto;height:20px;padding:0 5px;border-radius:999px;background-color:var(--c-primary);color:var(--c-white);font-size:12px;font-weight:700;line-height:20px;text-align:center} .safy-close .elementor-button,.elementor-menu-cart__main .elementor-menu-cart__close-button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:1px solid var(--c-line);border-radius:8px;background:var(--c-white);color:var(--c-ink);font-size:14px;line-height:1;cursor:pointer;transition:border-color .2s,color .2s} .safy-close .elementor-button-text{display:none} .safy-close svg,.elementor-menu-cart__main .elementor-menu-cart__close-button svg,.elementor-menu-cart__main .elementor-menu-cart__close-button i{width:14px;height:14px;font-size:14px;fill:currentColor;color:inherit} .safy-close .elementor-button:hover,.elementor-menu-cart__main .elementor-menu-cart__close-button:hover{border-color:var(--c-primary);color:var(--c-primary)} .elementor-element.safy-popup-head{flex-direction:row;align-items:center;justify-content:space-between;gap:12px} .safy-popup-head .elementor-widget-heading .elementor-heading-title{margin:0} .elementor-element.safy-call-popup{gap:16px;padding:20px} .elementor-element.safy-drawer-popup{gap:16px;padding:20px} .safy-mainbar .elementor-nav-menu--main .elementor-item{margin:0} .safy-mainbar .elementor-nav-menu--main .elementor-nav-menu>li>a{margin:0} @media(max-width:1024px){ .elementor-element.safy-mainbar{grid-template-columns:38px 1fr 38px;min-height:68px} .safy-mobile-controls .elementor-widget-button .elementor-button{width:38px;height:38px;min-height:38px;border-radius:12px;box-shadow:0 4px 12px rgba(227,35,104,.25)} .safy-mobile-controls .elementor-widget-button .elementor-button-icon svg{width:16px;height:16px} .safy-mobile-controls .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button{width:38px;height:38px} .safy-mobile-controls .elementor-widget-woocommerce-menu-cart .elementor-button-icon{font-size:22px}} .elementor-element.safy-desktop-actions{gap:28px} .safy-desktop-actions .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button{min-width:56px;padding-inline:8px} .safy-header .elementor-widget-woocommerce-menu-cart .elementor-button-icon{position:relative;display:inline-flex;overflow:visible} .elementor-widget.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty{top:-10px;inset-inline-start:-12px;inset-inline-end:auto;left:auto} @media(max-width:1439px) and (min-width:1025px){.elementor-element.safy-desktop-actions{gap:20px}} .safy-mainbar .elementor-nav-menu--main .elementor-item{position:relative;transition:color .15s} .safy-mainbar .elementor-nav-menu--main .elementor-item.elementor-item-active::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;border-radius:2px;background:var(--c-primary);opacity:1;transform:none;transition:none} .safy-close .elementor-button{position:relative} .safy-close .elementor-button-content-wrapper{display:none} .safy-close .elementor-button::before,.safy-close .elementor-button::after,.elementor-menu-cart__main .elementor-menu-cart__close-button::before,.elementor-menu-cart__main .elementor-menu-cart__close-button::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;border-radius:2px;background:currentColor;box-sizing:border-box} .safy-close .elementor-button::before,.elementor-menu-cart__main .elementor-menu-cart__close-button::before{transform:rotate(45deg)} .safy-close .elementor-button::after,.elementor-menu-cart__main .elementor-menu-cart__close-button::after{transform:rotate(-45deg)} .elementor-menu-cart__main .elementor-menu-cart__close-button{position:absolute} .safy-mainbar .elementor-nav-menu--main .elementor-nav-menu a,.safy-mainbar .elementor-nav-menu--main .elementor-nav-menu a:hover,.safy-mainbar .elementor-nav-menu--main .elementor-nav-menu a:focus,.safy-mainbar .elementor-nav-menu--main .elementor-nav-menu a.highlighted{padding:8px 0;line-height:20px} .safy-drawer-popup .elementor-nav-menu--layout-vertical .elementor-nav-menu a,.safy-drawer-popup .elementor-nav-menu--layout-vertical .elementor-nav-menu a:hover,.safy-drawer-popup .elementor-nav-menu--layout-vertical .elementor-nav-menu a:focus{padding:13px 4px} .safy-drawer-popup .elementor-widget-heading+.safy-branch{margin-top:0} .elementor-element.safy-drawer-popup>.elementor-widget-heading{margin-bottom:0} .safy-mainbar .elementor-widget-opm-onpage-menu{flex:none;width:auto;margin-inline:24px auto} .safy-mainbar .opm-menu .opm-list{gap:36px;flex-wrap:nowrap} .safy-mainbar .opm-menu .opm-link{white-space:nowrap} .safy-drawer-popup .elementor-widget-opm-onpage-menu{width:100%} @media(max-width:1024px){.elementor-element.safy-mainbar .elementor-widget-opm-onpage-menu{display:none}} .safy-mainbar .opm-item.safy-current .opm-link{color:var(--c-primary)} .safy-mainbar .opm-item.safy-current .opm-link::before{opacity:1} .safy-drawer-popup .opm-item.safy-current .opm-link{color:var(--c-primary);font-weight:700} @media(min-width:768px) and (max-width:1024px){ .elementor-element.safy-mainbar{display:flex;gap:16px;min-height:84px;padding:0 24px} .elementor-element.safy-desktop-actions{display:flex;margin-inline-start:0;gap:16px} .safy-mainbar .elementor-widget-image{grid-column:auto;justify-self:auto;width:120px} .safy-mobile-controls .elementor-widget-woocommerce-menu-cart{display:none} .safy-mobile-controls .elementor-widget-button{order:3;grid-column:auto;margin-inline-start:auto} } @media(max-width:767px){.elementor-element.safy-mainbar{min-height:64px}} .safy-mainbar .elementor-widget-image{line-height:0} .safy-social .elementor-social-icons-wrapper{display:flex;gap:12px} .safy-social .elementor-social-icon{display:inline-grid;place-items:center;width:auto;height:auto;margin:0;padding:0;background:none;border-radius:0;font-size:16px;line-height:1} .safy-social .elementor-social-icon svg{width:16px;height:16px;fill:currentColor} .safy-social--bar .elementor-social-icon{color:var(--c-white)} .safy-social--bar .elementor-social-icon:hover{opacity:.8} .elementor-element.safy-topbar-social{flex-direction:row;align-items:center;gap:12px} .safy-social--drawer .elementor-social-icon{color:var(--c-purple)} .safy-social--drawer .elementor-social-icon:hover{color:var(--c-primary)} .elementor-element.safy-drawer-foot{flex-direction:row;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--c-line);font-size:14px;color:var(--c-text-muted)} .safy-drawer-popup>.elementor-widget-text-editor:last-child{margin-top:0;padding-top:0;border-top:0} @media(max-width:767px){.elementor-element.safy-mainbar{padding-inline:16px}} .elementor-element.safy-call-popup{position:relative;gap:12px;padding:20px} .elementor-element.safy-popup-head.safy-popup-head--center{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:0;padding-inline-end:48px} .safy-popup-head--center .elementor-heading-title{font-size:18px;font-weight:700;line-height:34px;text-align:start;color:var(--c-ink)} .safy-popup-head--center .elementor-widget-heading::after{content:"";display:block;width:40px;height:3px;margin:0 0 8px;background:var(--c-primary);border-radius:3px} .safy-call-popup .safy-close{position:absolute;top:0;inset-inline-end:0} .elementor-element.safy-call-card{padding:14px;background:var(--c-bg-soft);border-radius:14px} .elementor-element.safy-call-support{padding:0} .elementor-element.safy-disc{flex:none;width:52px;height:52px;padding:0;border-radius:50%;background:var(--c-white)} .elementor-element.safy-disc--soft{background:var(--c-bg-soft)} .safy-disc .elementor-icon{display:grid;place-items:center;color:var(--c-primary);font-size:22px} .safy-disc svg{width:22px;height:22px;fill:currentColor} .safy-call-card .elementor-heading-title,.safy-call-support .elementor-heading-title{margin:0;font-size:16px;font-weight:700;color:var(--c-ink)} .safy-call-actions{margin-top:8px} .safy-call-card .safy-phone-ltr{margin-top:6px;font-size:16px;font-weight:700;color:var(--c-ink)} .safy-call-support .elementor-widget-text-editor{font-size:13px;color:var(--c-text-muted)} .elementor-popup-modal:has(.safy-drawer-popup){height:calc(100vh - var(--wp-admin--admin-bar--height,0px))} .elementor-popup-modal:has(.safy-drawer-popup) .dialog-widget-content{height:100%;max-height:100%} .safy-topbar>.elementor-widget:nth-child(1) .elementor-widget-container::before,.safy-topbar>.elementor-widget:nth-child(2) .elementor-widget-container::before{content:"";display:inline-block;width:16px;height:16px;margin-inline-end:8px;vertical-align:-3px;background:currentColor} .safy-topbar>.elementor-widget:nth-child(1) .elementor-widget-container::before{-webkit-mask:var(--ico-pin) center/contain no-repeat;mask:var(--ico-pin) center/contain no-repeat} .safy-topbar>.elementor-widget:nth-child(2) .elementor-widget-container::before{-webkit-mask:var(--ico-clock) center/contain no-repeat;mask:var(--ico-clock) center/contain no-repeat} .safy-mainbar .opm-item:nth-child(2) .opm-label::after{content:"";display:inline-block;width:16px;height:16px;margin-inline-start:6px;vertical-align:-3px;background:currentColor;-webkit-mask:var(--ico-chevd) center/contain no-repeat;mask:var(--ico-chevd) center/contain no-repeat} .safy-topbar>.elementor-widget:nth-child(1),.safy-topbar>.elementor-widget:nth-child(2){display:flex;align-items:center;gap:8px} .safy-topbar>.elementor-widget:nth-child(1)::before,.safy-topbar>.elementor-widget:nth-child(2)::before{content:"";flex:none;width:16px;height:16px;background:currentColor} .safy-topbar>.elementor-widget:nth-child(1)::before{-webkit-mask:var(--ico-pin) center/contain no-repeat;mask:var(--ico-pin) center/contain no-repeat} .safy-topbar>.elementor-widget:nth-child(2)::before{-webkit-mask:var(--ico-clock) center/contain no-repeat;mask:var(--ico-clock) center/contain no-repeat} .safy-mainbar .opm-item.has-submenu{position:relative} .safy-mainbar .opm-item.has-submenu .safy-submenu{position:absolute;top:100%;inset-inline-start:-16px;z-index:60;min-width:240px;padding:8px;background:var(--c-white);border-radius:14px;box-shadow:var(--shadow-pop);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s} .safy-mainbar .opm-item.has-submenu:hover .safy-submenu,.safy-mainbar .opm-item.has-submenu:focus-within .safy-submenu{opacity:1;visibility:visible;transform:none} .safy-submenu ul{margin:0;padding:0;list-style:none} .safy-submenu li a{display:block;padding:9px 12px;border-radius:8px;font-size:15px;font-weight:500;color:var(--c-ink);white-space:nowrap} .safy-submenu li a:hover{background:var(--c-tint-pink);color:var(--c-primary)} .safy-submenu .safy-submenu__all a{margin-top:6px;border-top:1px solid var(--c-line);border-radius:0 0 8px 8px;color:var(--c-primary)} .safy-mainbar .elementor-widget-opm-onpage-menu,.safy-mainbar .elementor-widget-opm-onpage-menu .elementor-widget-container,.safy-mainbar .opm-menu,.safy-mainbar .opm-panel,.safy-mainbar .opm-list{overflow:visible} .elementor-popup-modal:has(.safy-call-popup) .dialog-widget-content{top:100px} .safy-call-card__body>.elementor-widget-heading .elementor-heading-title{display:flex;align-items:center;gap:6px} .safy-call-card__body>.elementor-widget-heading .elementor-heading-title::before{content:"";flex:none;width:16px;height:16px;background:var(--c-text-muted);-webkit-mask:var(--ico-pin) center/contain no-repeat;mask:var(--ico-pin) center/contain no-repeat} .elementor-popup-modal:has(.safy-call-popup) .dialog-widget-content{top:134px} .elementor-popup-modal:has(.safy-call-popup){background:transparent!important} .elementor-element.safy-chip-wa .elementor-button:hover,.elementor-element.safy-chip-wa .elementor-button:focus-visible{background:rgba(37,211,102,.12)!important;border-color:var(--c-whatsapp)!important;color:#1c9c4d!important} .elementor-element.safy-chip .elementor-button:hover,.elementor-element.safy-chip .elementor-button:focus-visible{background:var(--c-tint-pink)!important;border-color:var(--c-primary)!important;color:var(--c-primary)!important} .elementor-popup-modal:has(.safy-call-popup){pointer-events:none!important} .elementor-popup-modal:has(.safy-call-popup) .dialog-widget-content,.elementor-popup-modal:has(.safy-call-popup) .dialog-widget-content *{pointer-events:auto!important} .safy-call-popup .safy-disc .elementor-icon svg,.safy-call-popup .safy-chip .elementor-button-icon svg,.safy-call-popup .safy-chip-wa .elementor-button-icon svg{display:none} .safy-call-popup .safy-disc .elementor-icon::before,.safy-call-popup .safy-chip .elementor-button-icon::before,.safy-call-popup .safy-chip-wa .elementor-button-icon::before{content:"";display:block;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat} .safy-call-popup .safy-disc .elementor-icon::before{width:22px;height:22px;--m:var(--ico-store)} .safy-call-popup .safy-disc--soft .elementor-icon::before{--m:var(--ico-headset)} .safy-call-popup .safy-chip .elementor-button-icon::before{width:14px;height:14px;--m:var(--ico-phone)} .safy-call-popup .safy-chip-wa .elementor-button-icon::before{width:14px;height:14px;--m:var(--ico-whatsapp)} .safy-call-popup .safy-chip .elementor-button,.safy-call-popup .safy-chip-wa .elementor-button{font-weight:500} .safy-mainbar .elementor-widget-button .elementor-button-icon{order:1;margin:0} .safy-mainbar .elementor-widget-button .elementor-button-text{order:0} .safy-mainbar .elementor-widget-button .elementor-button-content-wrapper::after{order:-1} .elementor-element.safy-chip .elementor-button-content-wrapper,.elementor-element.safy-chip-wa .elementor-button-content-wrapper{flex-direction:row!important} .elementor-element.safy-chip .elementor-button-icon,.elementor-element.safy-chip-wa .elementor-button-icon{order:-1;margin:0} .elementor-element.safy-chip .elementor-button,.elementor-element.safy-chip-wa .elementor-button{background-color:var(--c-white)!important;background-image:none!important} .elementor-element.safy-chip .elementor-button{border-color:var(--c-primary)!important;color:var(--c-primary)!important} .elementor-element.safy-chip-wa .elementor-button{border-color:var(--c-whatsapp)!important;color:#1c9c4d!important} .elementor-element.safy-close .elementor-button{background-color:var(--c-white)!important;background-image:none!important;border:1px solid var(--c-line)!important;color:var(--c-ink)!important} .elementor-element.safy-close .elementor-button:hover,.elementor-element.safy-close .elementor-button:focus-visible{background-color:var(--c-white)!important;border-color:var(--c-primary)!important;color:var(--c-primary)!important} .elementor-element.safy-chip .elementor-button:hover,.elementor-element.safy-chip .elementor-button:focus-visible{background-color:var(--c-tint-pink)!important} .elementor-element.safy-chip-wa .elementor-button:hover,.elementor-element.safy-chip-wa .elementor-button:focus-visible{background-color:rgba(37,211,102,.12)!important} .elementor-element.safy-drawer-popup .safy-branch{display:flex;flex-direction:column;gap:12px} .safy-drawer-popup .safy-branch .elementor-widget-heading .elementor-heading-title{display:flex;align-items:center;gap:6px;margin:0} .safy-drawer-popup .safy-branch .elementor-widget-heading .elementor-heading-title::before{content:"";flex:none;width:16px;height:16px;background:var(--c-text-muted);-webkit-mask:var(--ico-pin) center/contain no-repeat;mask:var(--ico-pin) center/contain no-repeat} .safy-hs-toggle{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:1px solid var(--c-line);border-radius:50%;background:var(--c-white);color:var(--c-purple);cursor:pointer} .safy-hs-toggle::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:var(--li-search) center/contain no-repeat;mask:var(--li-search) center/contain no-repeat} .safy-hs-toggle:hover,.safy-hs-toggle:focus-visible,.safy-hs-toggle[aria-expanded=true]{border-color:var(--c-primary);background:var(--c-white);color:var(--c-primary)} .safy-hs[hidden]{display:none} .safy-hs{position:fixed;inset:var(--hs-top,0) 0 0 0;z-index:9990} .safy-hs__back{position:absolute;inset:0;background:rgba(31,21,48,.45)} .safy-hs__box{position:relative;width:min(100% - 32px,680px);margin:12px auto 0;padding:12px;border:1px solid var(--c-line);border-radius:var(--radius-l);background:var(--c-white);box-shadow:var(--shadow-pop)} .safy-hs__form{display:flex;align-items:center;gap:8px;height:52px;padding:0 8px 0 12px;border:1px solid var(--c-line);border-radius:var(--radius-m);background:var(--c-white)} .safy-hs__form:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(227,35,104,.12)} .safy-hs__ico{flex:none;width:22px;height:22px;background:var(--c-primary);-webkit-mask:var(--li-search) center/contain no-repeat;mask:var(--li-search) center/contain no-repeat} .safy-hs__input{flex:1;min-width:0;height:100%;padding:0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;font:inherit;font-size:16px;color:var(--c-ink);text-align:right} .safy-hs__input::placeholder{color:var(--c-text-muted)} .safy-hs__input::-webkit-search-cancel-button{display:none} .safy-hs__close{flex:none;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--c-text-muted);cursor:pointer} .safy-hs__close::before{content:"";display:block;width:18px;height:18px;margin:auto;background:currentColor;-webkit-mask:var(--li-x) center/contain no-repeat;mask:var(--li-x) center/contain no-repeat} .safy-hs__close:hover,.safy-hs__close:focus-visible{background:var(--c-tint-pink);color:var(--c-primary);border:0} .safy-hs__list{max-height:min(60vh,420px);margin-top:8px;overflow:auto} .safy-hs__msg{margin:0;padding:24px 12px;text-align:center;font-size:15px;color:var(--c-text-muted)} .safy-hs__items{margin:0;padding:0;list-style:none;display:grid;gap:4px} .safy-hs__item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-m);color:var(--c-ink);text-decoration:none} .safy-hs__item:hover,.safy-hs__item:focus-visible{background:var(--c-tint-pink);color:var(--c-primary)} .safy-hs__pic{flex:none;width:56px;height:56px;border-radius:12px;background:var(--c-bg-soft);overflow:hidden} .safy-hs__pic img{display:block;width:100%;height:100%;object-fit:cover} .safy-hs__info{display:grid;gap:2px;min-width:0} .safy-hs__name{font-size:15px;font-weight:700;line-height:1.5} .safy-hs__price{font-size:14px;font-weight:700;color:var(--c-primary);direction:rtl;text-align:right} .safy-hs__all{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;border-radius:var(--radius-s);background:var(--grad-brand);background-origin:border-box;color:var(--c-white);font-weight:700;text-decoration:none} .safy-hs__all:hover,.safy-hs__all:focus-visible{background:var(--grad-brand);color:var(--c-white);filter:brightness(.93)} @media(max-width:767px){.safy-hs__box{margin-top:8px;padding:8px}.safy-hs__form{height:48px}} .safy-mobile-controls .safy-hs-toggle{grid-column:2;grid-row:1;justify-self:end;align-self:center;width:34px;height:34px} .safy-mobile-controls .safy-hs-toggle::before{width:17px;height:17px} .safy-hs__input,.safy-hs__input:focus,.safy-hs__input:focus-visible{outline:0!important;border:0!important;box-shadow:none!important} .safy-hs__all[hidden]{display:none} .safy-hs__list{max-height:min(52vh,380px)} .safy-hs__wrap{display:flex;flex-direction:column} .safy-hs__list[hidden]{display:none} .safy-hs-inline{margin:0 20px 16px} .safy-hs-inline .safy-hs__form{height:46px;padding:0 12px} .safy-hs-inline .safy-hs__list{max-height:34vh;margin-top:8px} .safy-hs-inline .safy-hs__item{padding:6px} .safy-hs-inline .safy-hs__pic{width:48px;height:48px} .safy-mobile-controls .elementor-widget-button .elementor-button{background-image:linear-gradient(135deg,var(--c-purple),var(--c-primary))!important;box-shadow:0 6px 16px rgba(126,34,161,.35)} .safy-mobile-controls .elementor-widget-button .elementor-button svg.e-font-icon-svg{width:20px;height:20px;background:var(--c-white);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat} .elementor-menu-cart__main{overflow-y:auto} .elementor-menu-cart__main .safy-hs-inline{flex:none} .elementor-menu-cart__main .widget_shopping_cart_content{flex:1 0 auto;min-height:160px;overflow-y:visible} .safy-hs-inline .safy-hs__form{height:44px} .safy-hs-inline{margin:16px 20px 16px} .safy-hs__close{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#EEEDF1;color:#6E6479} .safy-hs__close::before{width:14px;height:14px} .safy-hs__close[hidden]{display:none} .safy-hs__close:hover,.safy-hs__close:focus-visible{background:#E2E0E8;color:var(--c-ink);border:0} @media(min-width:768px){.safy-mobile-controls .safy-hs-toggle{display:none}} .safy-social--drawer .elementor-social-icons-wrapper{gap:10px} .safy-social--drawer .elementor-social-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--c-tint-pink);color:var(--c-primary)} .safy-social--drawer .elementor-social-icon svg{width:18px;height:18px} .safy-social--drawer .elementor-social-icon:hover{background:var(--c-bg-soft-2);color:var(--c-primary)}
.elementor-element.safy-footer{padding:0;gap:0;margin:0;font-family:Tajawal,sans-serif} .safy-footer p{margin:0} .elementor-element.safy-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:22px max(24px,calc((100% - 1200px)/2));background:linear-gradient(to right,var(--c-tint-purple),var(--c-tint-pink));color:var(--c-ink)} .safy-benefits>.e-con{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:14px;padding:0 20px;border-inline-start:1px solid var(--c-line)} .safy-benefits>.e-con:first-child{border-inline-start:0} .safy-benefits .elementor-icon{font-size:32px;color:var(--c-primary)}.safy-benefits .elementor-icon svg{fill:var(--c-primary)}.safy-benefits>.e-con>.e-con{flex-direction:column;align-items:flex-start;gap:0;padding:0;width:auto} .safy-benefits .elementor-heading-title{font-size:16px;font-weight:700;color:var(--c-ink)} .safy-benefits .elementor-widget-text-editor{font-size:14px;color:var(--c-text-muted)} .elementor-element.safy-footer-columns{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:0;padding:44px max(24px,calc((100% - 1200px)/2)) 36px;background:var(--grad-brand-deep);color:var(--c-white)} .safy-footer-columns>.e-con{align-items:flex-start;padding:0 28px;border-inline-start:1px solid rgba(255,255,255,.18)} .safy-footer-columns>.e-con:first-child{border-inline-start:0;padding-inline-start:0} .safy-footer-columns>.e-con:last-child{padding-inline-end:0} .safy-footer-columns .elementor-heading-title{margin-bottom:14px;font-size:20px;font-weight:700;color:var(--c-white)} .safy-footer-columns .elementor-widget-text-editor{font-size:15px;line-height:1.9;color:var(--c-white)} .safy-footer-columns .elementor-icon-list-text{font-size:15px;color:var(--c-white)} .safy-footer-columns .elementor-icon-list-icon,.safy-footer-columns .elementor-icon-list-icon svg{color:var(--c-white);fill:var(--c-white)} .safy-footer-columns .elementor-icon-list-icon{font-size:14px} .safy-footer-columns .elementor-icon-list-item{margin-bottom:8px} .safy-footer-columns .elementor-icon-list-item a:hover{text-decoration:underline} .elementor-element.safy-footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:64px;padding:0 max(24px,calc((100% - 1200px)/2));border-top:1px solid rgba(255,255,255,.18);background:var(--grad-brand-deep);color:var(--c-white);font-size:14px} .safy-footer-bottom>:first-child{justify-self:start}.safy-footer-bottom>:last-child{justify-self:end} .safy-footer-bottom .elementor-widget-text-editor{color:var(--c-white)} @media(min-width:1025px){.safy-footer-bottom .elementor-widget-text-editor{white-space:nowrap}} .safy-footer-bottom .elementor-widget-button .elementor-button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:var(--c-white)} .safy-footer-bottom .elementor-widget-button .elementor-button-text{display:none} @media(max-width:1024px){.elementor-element.safy-benefits{grid-template-columns:repeat(2,1fr);padding-inline:24px}.safy-benefits>.e-con{border:0;padding-block:12px} .elementor-element.safy-footer-columns{grid-template-columns:1fr 1fr;gap:28px 0}.safy-footer-columns>.e-con:nth-child(3){grid-column:1/-1;border:0;padding-inline:0}} @media(max-width:767px){.elementor-element.safy-benefits{grid-template-columns:1fr}.safy-benefits>.e-con{padding-inline:0} .elementor-element.safy-footer-columns{grid-template-columns:1fr}.safy-footer-columns>.e-con{border:0;padding-inline:0} .elementor-element.safy-footer-bottom{grid-template-columns:1fr;justify-items:center;text-align:center;padding-block:14px}.safy-footer-bottom>*{justify-self:center}.safy-footer-bottom .elementor-widget-text-editor{white-space:normal}} .safy-footer .safy-social--footer{margin-top:18px} .safy-footer .safy-social .elementor-social-icons-wrapper{display:flex;gap:10px} .safy-footer .safy-social--footer .elementor-social-icon{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;background:rgba(255,255,255,.16);color:var(--c-white);font-size:18px} .safy-footer .safy-social--footer .elementor-social-icon svg{width:18px;height:18px;fill:currentColor} .safy-footer .safy-social--footer .elementor-social-icon:hover{background:rgba(255,255,255,.3)} .safy-benefits>.e-con{min-height:54px} .safy-benefits .elementor-icon{display:grid;place-items:center;width:44px;height:44px;padding:8px;font-size:28px;box-sizing:border-box} .safy-benefits .elementor-icon svg{width:28px;height:28px} .safy-footer-columns .elementor-icon-list-text{font-size:16px;line-height:27px;opacity:.92} .safy-footer-columns .elementor-icon-list-item{margin-bottom:8px} .safy-footer-columns .elementor-icon-list-item a:hover .elementor-icon-list-text{opacity:1;text-decoration:underline} .safy-footer-columns .elementor-widget-text-editor{opacity:.92} .safy-footer-columns .elementor-heading-title{line-height:1.7} .safy-footer-bottom .elementor-widget-button .elementor-button{transition:background .2s} .safy-footer-bottom .elementor-widget-button .elementor-button:hover{background:rgba(255,255,255,.3);color:var(--c-white)} .safy-footer-columns>.e-con:last-child .elementor-icon-list-item{margin-bottom:14px} .safy-footer-columns>.e-con:last-child .elementor-icon-list-icon{margin-inline-end:10px} @media(max-width:1024px){.safy-benefits>.e-con{min-height:78px}} @media(max-width:767px){.elementor-element.safy-benefits,.elementor-element.safy-footer-columns,.elementor-element.safy-footer-bottom{padding-inline:16px}} .safy-footer-bottom .elementor-widget-text-editor p{line-height:1.7} .elementor-element.safy-footer-bottom{min-height:65px} .safy-footer-bottom>.elementor-widget-text-editor{justify-self:center} @media(min-width:768px){.safy-footer-bottom>.elementor-widget-text-editor{grid-column:2}} .safy-footer-bottom>:last-child{justify-self:auto} @media(min-width:768px) and (max-width:1024px){.safy-footer-bottom .elementor-widget-text-editor{text-align:center}} @media(max-width:767px){.elementor-element.safy-footer-bottom>.elementor-widget{justify-self:center}.safy-footer-bottom .elementor-widget-text-editor{text-align:center}} .safy-footer-bottom .elementor-widget-text-editor a{color:inherit;text-decoration:none} .safy-footer-bottom .elementor-widget-text-editor a:hover{text-decoration:underline} .safy-footer-bottom .One_Creation a{font-weight:700} .safy-footer-bottom .elementor-widget-text-editor{line-height:1.7} .safy-footer-columns>.e-con:first-child>.elementor-widget-heading:first-child .elementor-heading-title{display:flex;flex-direction:column;align-items:flex-start;gap:4px} .safy-footer-columns>.e-con:first-child>.elementor-widget-heading:first-child .elementor-heading-title::before{content:"";flex:none;width:240px;height:130px;background:url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/logo-footer-white.png") right center/contain no-repeat} @media(max-width:767px){.elementor-element.safy-footer-columns{padding-inline:16px}.elementor-element.safy-footer-bottom{padding-inline:16px}.safy-footer-columns>.e-con{padding-inline:0}} .ocms-back-to-top{inset-inline-end:16px!important;inset-inline-start:auto!important;inline-size:44px;block-size:44px;background:var(--grad-brand)!important;box-shadow:0 6px 16px rgba(126,34,161,.35)!important} .ocms-back-to-top:hover,.ocms-back-to-top:focus-visible{background:var(--grad-brand)!important;filter:brightness(.93)} .safy-footer-bottom .elementor-widget-button{display:none} .safy-benefits .elementor-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--c-white);box-shadow:var(--shadow-card);font-size:22px;line-height:1;color:var(--c-primary)} .safy-benefits .elementor-icon svg{width:22px;height:22px;color:var(--c-primary)} .safy-benefits .elementor-widget-icon{flex:none;width:auto} .ocms-back-to-top{--ocms-btt-lift:100px!important} .ocms-back-to-top svg,.ocms-back-to-top i{width:22px!important;height:22px!important;font-size:22px!important} .ocms-back-to-top{font-size:22px} .ocms-back-to-top svg{width:22px!important;height:22px!important;overflow:visible;stroke-width:2.2} .ocms-back-to-top svg path{transform:scale(1.35);transform-box:fill-box;transform-origin:center} .safy-footer-columns>.e-con:last-child .elementor-icon-list-icon{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;margin-inline-end:12px;border-radius:50%;background:rgba(255,255,255,.16)} .safy-footer-columns>.e-con:last-child .elementor-icon-list-icon svg{width:16px;height:16px;margin:0} .safy-footer-columns>.e-con:last-child .elementor-icon-list-item{display:flex;align-items:center;gap:0;padding:6px 0} @media(max-width:767px){.elementor-element.safy-footer-columns{padding-inline:16px}.elementor-element.safy-footer-bottom{padding-inline:16px}.safy-footer-columns>.e-con{padding-inline:0}.safy-footer-bottom>:first-child{grid-column:auto}.safy-footer-bottom>:nth-child(2){grid-column:auto;grid-row:auto}} .ocms-back-to-top svg{width:18px!important;height:18px!important} .ocms-back-to-top svg path{transform:none} .ocms-back-to-top,.ocms-back-to-top:hover,.ocms-back-to-top:focus-visible{color:var(--c-white)!important} .ocms-back-to-top:hover,.ocms-back-to-top:focus-visible{filter:brightness(1.08)}
.elementor-menu-cart__container.elementor-lightbox{background:rgba(31,21,48,.5)} .elementor-menu-cart--cart-type-side-cart .elementor-menu-cart__main{display:flex;flex-direction:column;width:min(92vw,380px);padding:0;background:var(--c-white);box-shadow:var(--shadow-pop);font-family:Tajawal,sans-serif;color:var(--c-ink)} .elementor-menu-cart--cart-type-side-cart .elementor-menu-cart__main{top:var(--wp-admin--admin-bar--height,0px);height:calc(100% - var(--wp-admin--admin-bar--height,0px))} .elementor-menu-cart__main .safy-cart-title{padding:20px;font-size:16px;font-weight:700;border-bottom:1px solid var(--c-line)} .elementor-menu-cart__main .widget_shopping_cart_content{display:flex;flex-direction:column;flex:1;min-height:0;padding:16px 20px 20px;overflow-y:auto} .elementor-menu-cart__main .elementor-menu-cart__close-button{position:absolute;top:14px;inset-inline-end:20px;margin:0;z-index:2} .elementor-menu-cart__main{--cart-close-icon-size:14px;--cart-close-button-color:var(--c-ink);--cart-close-button-hover-color:var(--c-primary);--empty-message-alignment:center} .elementor-menu-cart__main .elementor-menu-cart__close-button svg,.elementor-menu-cart__main .elementor-menu-cart__close-button i{width:14px!important;height:14px!important;font-size:14px!important} .elementor-menu-cart__main .elementor-menu-cart__close-button::before,.elementor-menu-cart__main .elementor-menu-cart__close-button::after{width:16px;height:2px;border-radius:2px;background:currentColor} .elementor-menu-cart__main .elementor-menu-cart__close-button:hover{background:var(--c-white)} .woocommerce-mini-cart__empty-message{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;text-align:center;border-radius:14px;background:linear-gradient(135deg,var(--c-tint-purple),var(--c-tint-pink));color:var(--c-text-muted);font-size:15px} .woocommerce-mini-cart__empty-message::before{content:"";width:48px;height:48px;background:var(--c-purple);opacity:.6;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.6 12.2a1 1 0 0 0 1 .8h9.2a1 1 0 0 0 1-.8L20 7H6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.6 12.2a1 1 0 0 0 1 .8h9.2a1 1 0 0 0 1-.8L20 7H6'/%3E%3C/svg%3E") center/contain no-repeat} .elementor-menu-cart__main .widget_shopping_cart_content>.woocommerce-mini-cart__empty-message,.elementor-menu-cart__main .widget_shopping_cart_content .woocommerce-mini-cart__empty-message{text-align:center;align-items:center} .safy-cart-empty-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;text-align:center;border-radius:14px;background:linear-gradient(135deg,var(--c-tint-purple),var(--c-tint-pink))} .safy-cart-empty-wrap .woocommerce-mini-cart__empty-message{align-items:center;width:100%;padding:0;background:none;text-align:center} .safy-cart-empty-wrap .safy-cart-shop{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:8px;background:var(--grad-brand);background-origin:border-box;color:var(--c-white);font-size:16px;font-weight:700;text-decoration:none} .safy-cart-empty-wrap .safy-cart-shop:hover{filter:brightness(.93);color:var(--c-white)} .elementor-menu-cart__products .elementor-menu-cart__product{position:relative;display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;column-gap:12px;row-gap:8px!important;align-items:start;margin:0;padding:12px 0;border-bottom:1px dashed var(--c-line);text-align:start} .elementor-menu-cart__products .elementor-menu-cart__product [data-title]::before{display:none} .elementor-menu-cart__products .elementor-menu-cart__product-image{grid-column:1!important;grid-row:1!important;width:56px!important;margin:0} .elementor-menu-cart__products .elementor-menu-cart__product-image img{width:56px!important;height:56px!important;border-radius:10px;object-fit:cover} .elementor-menu-cart__products .elementor-menu-cart__product-name{display:contents!important} .elementor-menu-cart__products .elementor-menu-cart__product-name>a{grid-column:2;grid-row:1;align-self:center;padding-inline-end:48px;font-size:14px;font-weight:700;line-height:1.5;color:var(--c-ink);text-align:start} .elementor-menu-cart__products .elementor-menu-cart__product-name>.variation{grid-column:1/-1;grid-row:2;line-height:1.7} .elementor-menu-cart__products .elementor-menu-cart__product-price{grid-column:1/-1!important;grid-row:3!important;justify-self:stretch;width:auto;padding:0!important;text-align:left!important;direction:rtl;font-size:14px;font-weight:700;color:var(--c-primary)} .elementor-menu-cart__products .elementor-menu-cart__product-price .amount{font-size:14px;font-weight:700;color:var(--c-primary)} .elementor-menu-cart__products .elementor-menu-cart__product-price .quantity{display:inline-block;text-align:left} .elementor-menu-cart__products .elementor-menu-cart__product-remove{inset-inline-end:12px!important} .elementor-menu-cart__subtotal{display:flex;align-items:center;justify-content:space-between;margin:0;padding:14px 0!important;font-size:16px;border-style:solid!important;border-width:1px 0 0 0!important;border-color:var(--c-line)!important;border-radius:0!important} .elementor-menu-cart__subtotal .amount{font-weight:700;color:var(--c-primary)} .elementor-menu-cart__footer-buttons{display:grid;grid-template-columns:1fr;gap:10px} .elementor-menu-cart__footer-buttons .elementor-button{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;font-size:16px;font-weight:700} .elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--view-cart{border:1.5px solid var(--c-primary)!important;background:var(--c-white)!important;color:var(--c-primary)!important} .elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{background:var(--c-tint-pink)!important} .elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--checkout{border:1.5px solid transparent;border-color:transparent!important;background:var(--grad-brand)!important;background-origin:border-box;color:var(--c-white)!important} .elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{filter:brightness(.93);color:var(--c-white)} html:has(.elementor-menu-cart--shown),html:has(body.safy-qv-lock),html:has(body.safy-side-lock){overflow:hidden}
.safy-phone{direction:ltr;unicode-bidi:isolate;display:inline-block;letter-spacing:.02em} .safy-phone .safy-ph-hl{color:var(--c-primary);font-size:1.15em;font-weight:700} .safy-footer .safy-phone .safy-ph-hl{color:var(--c-star)} .safy-phone{white-space:nowrap}
.safy-shop{--shop-gap:28px;font-family:Tajawal,sans-serif;color:var(--c-ink)} .elementor-element.safy-shop{padding:0;gap:0} .elementor-element.safy-page-hero{position:relative;overflow:hidden;min-height:200px;padding:0;background:linear-gradient(110deg,var(--c-white) 0%,var(--c-tint-purple) 55%,var(--c-tint-pink) 100%)} .elementor-element.safy-page-hero__body{min-height:200px;padding:24px max(24px,calc((100% - 1200px)/2));text-align:center;position:relative} .safy-crumbs,.safy-crumbs .woocommerce-breadcrumb{font-size:13px;color:var(--c-text-muted)} .safy-crumbs a:hover{color:var(--c-primary)} .safy-page-title .elementor-heading-title{margin:0;font-size:35px;font-weight:700;line-height:1.3;color:var(--c-ink)} .safy-page-text,.safy-page-text p{margin:0;font-size:15px;color:var(--c-text-muted)} .elementor-element.safy-shop-body{display:grid;grid-template-columns:290px 1fr;gap:var(--shop-gap);align-items:start;padding:36px max(24px,calc((100% - 1200px)/2)) 56px} .elementor-element.safy-shop-side{gap:0} .elementor-element.safy-widget{padding:20px;margin-bottom:20px;background:var(--c-white);border:1px solid var(--c-line);border-radius:14px;box-shadow:var(--shadow-card)} .safy-widget-title .elementor-heading-title{margin:0 0 14px;font-size:18px;font-weight:700;color:var(--c-ink)} .safy-search .elementor-search-form__container{min-height:46px;border:1px solid var(--c-line);border-radius:8px;overflow:hidden;background:var(--c-white);box-shadow:none} .safy-search .elementor-search-form__input{padding:0 14px;font-size:14px;color:var(--c-ink)} .safy-search .elementor-search-form__submit{width:50px;min-width:50px;background:var(--grad-brand);color:var(--c-white)} .safy-search .elementor-search-form__container:focus-within{border-color:var(--c-primary)} .safy-catlist ul{margin:0;padding:0;list-style:none;max-height:362px;overflow-y:auto} .safy-catlist li{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:0} .safy-catlist li a{flex:1;padding:9px 12px;font-size:15px;color:var(--c-ink)} .safy-catlist li .count{order:2;padding-inline-end:12px;font-size:13px;font-weight:500;color:var(--c-primary)} .safy-catlist li:hover{background:var(--c-tint-pink)} .safy-catlist li.current-cat{background:linear-gradient(to right,var(--c-tint-pink),var(--c-tint-purple))} .safy-catlist li.current-cat a,.safy-catlist li.current-cat .count{font-weight:700;color:var(--c-primary)} .safy-widget-more .elementor-button{padding:0;min-height:0;background:none;border:0;color:var(--c-primary);font-size:14px;font-weight:400} .elementor-element.safy-widget .safy-widget-more{margin-top:10px} .safy-widget--cart .widget_shopping_cart_content{font-size:14px;color:var(--c-text-muted)} .safy-minilist ul{margin:0;padding:0;list-style:none} .safy-minilist li{display:grid;grid-template-columns:64px 1fr;column-gap:12px;align-items:center;padding:0;margin:0 0 12px} .safy-minilist li a{display:contents;font-size:14px;font-weight:700;line-height:1.5;color:var(--c-ink)} .safy-minilist img{grid-row:1/3;width:64px;height:64px;float:none;margin:0;border-radius:10px;object-fit:cover} .safy-minilist .amount{font-size:14px;font-weight:700;color:var(--c-primary)} .safy-products .woocommerce{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:16px;margin:0;padding:0} .safy-products .woocommerce::before{content:"";position:absolute;inset:0 0 auto 0;height:64px;background:var(--c-white);border:1px solid var(--c-line);border-radius:14px;box-shadow:var(--shadow-card)} .safy-products .woocommerce-notices-wrapper{display:none} .safy-products .woocommerce-result-count{position:relative;grid-row:1;grid-column:1;margin:0;padding-inline-start:14px;font-size:14px;color:var(--c-text-muted)} .safy-products .woocommerce-ordering{position:relative;grid-row:1;grid-column:2;margin:0;padding-inline-end:14px} .safy-products .woocommerce-ordering select{min-height:42px;padding:0 16px;border:1px solid var(--c-line);border-radius:8px;background-color:var(--c-white);font:inherit;font-size:14px;color:var(--c-ink)} .safy-products ul.products,.safy-products .woocommerce-pagination{grid-column:1/-1} .safy-products ul.products{margin-top:20px} :is(.safy-products, .safy-hm-best) ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;padding:0;list-style:none} :is(.safy-products, .safy-hm-best) ul.products::before,:is(.safy-products, .safy-hm-best) ul.products::after{display:none} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product{position:relative;display:flex;flex-direction:column;float:none;width:auto;margin:0;padding:10px 10px 14px;background:var(--c-white);border:1px solid var(--c-line);border-radius:14px;box-shadow:var(--shadow-card);text-align:center} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0;border-radius:10px;background:var(--c-bg-soft);transition:transform .3s} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product:hover img{transform:scale(1.04)} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .woocommerce-loop-product__title{display:flex;align-items:center;justify-content:center;min-height:52px;margin:12px 0 0;padding:0;font-size:16px;font-weight:700;line-height:1.6;color:var(--c-ink)} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .price{display:block;margin:2px 0 12px;font-size:16px;font-weight:700;color:var(--c-primary)} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .price .safy-price-from{font-size:13px;font-weight:500} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .button{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin:auto 0 0;padding:0 12px;border:0;border-radius:8px;background:var(--grad-brand);background-origin:border-box;color:var(--c-white);font-size:14px;font-weight:700} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .button:hover{filter:brightness(.93);color:var(--c-white)} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product.outofstock img{filter:grayscale(.6);opacity:.8} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product.outofstock .button{background:var(--c-bg-soft-2);color:var(--c-text-muted);pointer-events:none} .safy-tag{position:absolute;top:18px;inset-inline-start:18px;z-index:1;padding:3px 12px;border-radius:999px;background:var(--grad-brand);color:var(--c-white);font-size:12px;font-weight:700} .safy-tag--dark{background:var(--c-ink)} .safy-products .onsale{display:none} .safy-products nav.woocommerce-pagination{margin-top:32px;text-align:center} .safy-products nav.woocommerce-pagination ul.page-numbers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;border:0;white-space:normal} .safy-products nav.woocommerce-pagination ul.page-numbers li{display:block;float:none;margin:0;padding:0;border:0;overflow:visible} .safy-products nav.woocommerce-pagination ul.page-numbers li .page-numbers{display:grid;place-items:center;float:none;min-width:42px;height:42px;margin:0;padding:0 8px;border:1px solid var(--c-line);border-radius:8px;background:var(--c-white);font-size:16px;font-weight:500;line-height:1;color:var(--c-ink)} .safy-products nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover{border-color:var(--c-primary);background:var(--c-white);color:var(--c-primary)} .safy-products nav.woocommerce-pagination ul.page-numbers li .page-numbers.current{background:var(--grad-brand);background-origin:border-box;border-color:transparent;color:var(--c-white)} .safy-products nav.woocommerce-pagination ul.page-numbers li .page-numbers.dots{border-color:transparent;background:none;color:var(--c-text-muted)} @media(max-width:1024px){ .elementor-element.safy-shop-body{grid-template-columns:1fr} .elementor-element.safy-shop-side{order:2;display:block;column-count:2;column-gap:20px} .elementor-element.safy-shop-side .safy-widget{break-inside:avoid;margin-bottom:20px} .safy-products ul.products{grid-template-columns:repeat(2,1fr)}} @media(max-width:767px){ .safy-page-title .elementor-heading-title{font-size:25px} .elementor-element.safy-shop-body{padding-inline:16px} .elementor-element.safy-shop-side{column-count:1} .safy-products ul.products{gap:12px} .safy-products .woocommerce{grid-template-columns:1fr;row-gap:0}.safy-products .woocommerce::before{height:110px}.safy-products .woocommerce-result-count{grid-row:1;padding:12px 14px 0}.safy-products .woocommerce-ordering{grid-row:2;grid-column:1;padding:8px 14px 12px}.safy-products ul.products{margin-top:20px}} .safy-widget--cart .safy-cart-shop{display:none} .safy-widget--cart .safy-cart-empty-wrap{padding:20px 10px} .safy-widget--cart .woocommerce-mini-cart__empty-message::before{width:44px;height:44px} .elementor .safy-minilist .woocommerce ul.product_list_widget li img{width:64px;height:64px;max-width:none} .elementor .safy-minilist .woocommerce ul.product_list_widget li{padding:0;border:0} .elementor .safy-minilist .woocommerce ul.product_list_widget li>a{display:contents} .safy-widget--cart .safy-cart-empty-wrap{min-height:117px;justify-content:center} .elementor .safy-minilist .woocommerce ul.product_list_widget li img{width:64px!important;height:64px!important} .elementor-element.safy-page-hero::before{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:42%;background:url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/safy-kitchen-page-hero-plate.webp") no-repeat left center/cover;-webkit-mask-image:linear-gradient(to right,#000 55%,transparent 100%);mask-image:linear-gradient(to right,#000 55%,transparent 100%);pointer-events:none} .elementor-element.safy-page-hero::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:40%;background:url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/safy-kitchen-hero-botanical.svg") no-repeat center/contain;pointer-events:none} .elementor-element.safy-page-hero__body{position:relative;z-index:1} @media(max-width:900px){.elementor-element.safy-page-hero::before{width:30%}} @media(max-width:767px){.elementor-element.safy-page-hero::before{width:24%}.elementor-element.safy-page-hero__body{padding-inline-end:24%}.safy-crumbs .woocommerce-breadcrumb{flex-wrap:wrap}} .safy-crumbs .woocommerce-breadcrumb{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--c-primary);font-weight:500} .safy-crumbs .woocommerce-breadcrumb a{color:var(--c-text-muted);font-weight:400} .safy-crumb-sep{display:inline-block;width:12px;height:12px;background:var(--c-text-muted);-webkit-mask:var(--ico-chevl) center/contain no-repeat;mask:var(--ico-chevl) center/contain no-repeat} .safy-widget-title .elementor-heading-title{display:flex;align-items:center;gap:8px} .safy-widget-title .elementor-heading-title::before{content:"";flex:none;width:20px;height:20px;background:var(--c-primary);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat} .safy-wt-utensils{--ico:var(--ico-utensils)}.safy-wt-cart{--ico:var(--ico-cart)}.safy-wt-star{--ico:var(--ico-star)} .safy-catlist li .count{font-weight:500} .safy-catlist li.cat-item-all .count{font-weight:700} .elementor .safy-minilist .woocommerce ul.product_list_widget li{grid-template-rows:auto auto;align-content:center} .safy-minilist .safy-price-wrap{display:block;font-size:14px;font-weight:700;color:var(--c-primary)} .safy-minilist .safy-price-wrap .safy-price-from{font-size:13px;font-weight:500} .elementor .safy-minilist .woocommerce ul.product_list_widget li{display:grid;grid-template-columns:64px 1fr;column-gap:12px;row-gap:2px;align-items:center;min-height:64px;margin:0 0 12px} .elementor .safy-minilist .woocommerce ul.product_list_widget li>a{display:contents} .elementor .safy-minilist .woocommerce ul.product_list_widget li img{grid-column:1;grid-row:1/span 2} .elementor .safy-minilist .woocommerce ul.product_list_widget li .product-title{grid-column:2;grid-row:1;align-self:end;font-size:14px;font-weight:700;line-height:1.5;color:var(--c-ink)} .elementor .safy-minilist .woocommerce ul.product_list_widget li>.safy-price-wrap,.elementor .safy-minilist .woocommerce ul.product_list_widget li>.woocommerce-Price-amount{grid-column:2;grid-row:2;align-self:start} .elementor .safy-minilist .woocommerce ul.product_list_widget li:last-child{margin-bottom:0} .elementor .safy-minilist .woocommerce ul.product_list_widget li .product-title{display:block;width:100%} .safy-products .woocommerce-ordering select{width:193px} .safy-widget--cart .safy-cart-empty-wrap{min-height:126px} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy{display:flex;flex-direction:row-reverse;align-items:stretch;gap:8px;width:100%;margin-top:auto} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .button{flex:1;min-width:0;margin:0} .safy-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center} .safy-btn::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:var(--ico-cart) center/contain no-repeat;mask:var(--ico-cart) center/contain no-repeat} .safy-btn--off{background:var(--c-bg-soft-2)!important;color:var(--c-text-muted)!important;cursor:not-allowed} .safy-btn--off::before{display:none} .safy-btn.loading{opacity:.75;pointer-events:none} .safy-btn.loading::before{-webkit-mask:none;mask:none;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;background:none;animation:safy-spin .7s linear infinite} .safy-btn.loading::after,.safy-products li.product a.added_to_cart{display:none} @keyframes safy-spin{to{transform:rotate(360deg)}} @media(max-width:1200px) and (min-width:1025px){.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy{flex-wrap:wrap}.safy-qty{width:100%}.safy-qty input{flex:1}} .safy-products .safy-view{position:relative;grid-row:1;grid-column:3;display:inline-flex;margin-inline-end:14px;border:1px solid var(--c-line);border-radius:8px;overflow:hidden} .safy-products .woocommerce{grid-template-columns:1fr auto auto} .safy-view__btn{display:grid;place-items:center;width:42px;height:40px;padding:0;border:0;border-radius:0;background:var(--c-white);color:var(--c-text-muted);cursor:pointer} .safy-view__btn::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:var(--ico-grid) center/contain no-repeat;mask:var(--ico-grid) center/contain no-repeat} .safy-view__btn[data-view="list"]::before{-webkit-mask-image:var(--ico-list);mask-image:var(--ico-list)} .safy-view__btn.is-active{background:var(--grad-brand);background-origin:border-box;color:var(--c-white)} .safy-products .woocommerce-ordering{padding-inline-end:12px} .elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products){grid-template-columns:1fr} .elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product{display:grid;grid-template-columns:200px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:16px;align-items:start;padding:10px;text-align:start} .elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .woocommerce-LoopProduct-link{display:contents} .elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product img{grid-column:1;grid-row:1/span 4;width:200px;height:auto} .elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .woocommerce-loop-product__title{grid-column:2;grid-row:1;justify-content:flex-start;min-height:0;margin:4px 0 0;text-align:start} .elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .price{grid-column:2;grid-row:2;margin:2px 0 0;text-align:start} .elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .safy-buy{grid-column:2;grid-row:4;width:auto;justify-self:start;align-self:end;margin-top:8px} .elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .safy-buy .button{flex:0 0 auto;min-width:150px} @media(max-width:767px){.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product{grid-template-columns:1fr;grid-template-rows:auto}.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product img{grid-row:auto;width:100%}.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .woocommerce-loop-product__title,.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .price,.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .safy-buy{grid-column:1;grid-row:auto}.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .safy-buy{justify-self:stretch}} .safy-qv-lock{overflow:hidden} .safy-qv-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(31,21,48,.5);font-family:Tajawal,sans-serif} .safy-qv{position:relative;width:min(860px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px;background:var(--c-white);border-radius:14px;box-shadow:var(--shadow-pop);color:var(--c-ink)} .safy-qv__close{position:absolute;top:20px;inset-inline-end:20px;z-index:2;width:36px;height:36px;padding:0;border:1px solid var(--c-line);border-radius:8px;background:var(--c-white);color:var(--c-ink);cursor:pointer;transition:border-color .2s,color .2s} .safy-qv__close::before,.safy-qv__close::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;border-radius:2px;background:currentColor} .safy-qv__close::before{transform:rotate(45deg)}.safy-qv__close::after{transform:rotate(-45deg)} .safy-qv__close:hover{border-color:var(--c-primary);color:var(--c-primary)} .safy-qv__content{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start} .safy-qv__loading{grid-column:1/-1;margin:0;padding:48px 0;text-align:center;color:var(--c-text-muted)} .safy-qv__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:var(--c-bg-soft)} .safy-qv__info{display:flex;flex-direction:column;gap:12px;padding-top:44px} .safy-qv__title{margin:0;font-size:22px;font-weight:700;line-height:1.4} .safy-qv__price,.safy-qv .woocommerce-variation-price .price{font-size:20px;font-weight:700;color:var(--c-primary)} .safy-qv__desc{font-size:14px;color:var(--c-text-muted)}.safy-qv__desc p{margin:0} .safy-qv form.cart{display:flex;flex-direction:column;gap:12px;margin:0} .safy-qv table.variations{width:100%;margin:0;border:0}.safy-qv table.variations td,.safy-qv table.variations th{display:block;padding:0;border:0;text-align:start} .safy-qv table.variations label{display:block;margin-bottom:6px;font-size:14px;font-weight:700} .safy-qv table.variations select{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--c-line);border-radius:8px;background-color:var(--c-white);font:inherit;font-size:15px;color:var(--c-ink)} .safy-qv .reset_variations{display:inline-block;margin-top:6px;font-size:13px;color:var(--c-primary)} .safy-qv .woocommerce-variation-add-to-cart,.safy-qv form.cart:not(.variations_form){display:flex;flex-wrap:wrap;align-items:stretch;gap:8px} .safy-qv .quantity{display:inline-flex} .safy-qv .quantity input.qty{width:70px;min-height:46px;border:1px solid var(--c-line);border-radius:8px;text-align:center;font:inherit;font-size:16px;font-weight:700} .safy-qv .single_add_to_cart_button{flex:1;min-height:46px;padding:0 18px;border:0;border-radius:8px;background:var(--grad-brand);background-origin:border-box;color:var(--c-white);font-size:16px;font-weight:700;cursor:pointer} .safy-qv .single_add_to_cart_button.disabled{opacity:.5;cursor:not-allowed} .safy-qv .single_add_to_cart_button.loading{opacity:.7} .safy-qv__msg{padding:10px 14px;border-radius:8px;background:var(--c-tint-pink);color:var(--c-primary);font-size:14px} @media(max-width:767px){.safy-qv{padding:16px}.safy-qv__content{grid-template-columns:1fr}.safy-qv__info{padding-top:0}.safy-qv__media{padding-top:44px}} .safy-catlist li{border-radius:8px;border:1px solid var(--c-white)} .safy-catlist li.current-cat{border-color:transparent} .safy-catlist ul::-webkit-scrollbar{width:6px} .safy-catlist ul::-webkit-scrollbar-track{background:transparent} .safy-catlist ul::-webkit-scrollbar-thumb{background:var(--c-line);border-radius:6px} .safy-catlist ul::-webkit-scrollbar-thumb:hover{background:var(--c-primary)} .safy-catlist ul::-webkit-scrollbar-button{display:none;width:0;height:0} .safy-products .woocommerce{grid-template-rows:64px auto auto} .safy-products .woocommerce-result-count,.safy-products .woocommerce-ordering,.safy-products .safy-view{align-self:center} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product img[src*="product-placeholder"],.safy-qv__media img[src*="product-placeholder"],.elementor-menu-cart__product-image img[src*="product-placeholder"]{background:transparent;object-fit:contain} .elementor .elementor-element.safy-products .woocommerce>ul.products{margin:20px 0 0!important;row-gap:20px;column-gap:20px} .elementor .elementor-element.safy-products .woocommerce>ul.products li.product{margin:0!important} .safy-view__btn:hover{background:var(--c-tint-pink);color:var(--c-primary)} .safy-view__btn.is-active:hover{background:var(--grad-brand);background-origin:border-box;color:var(--c-white)} .safy-products a:hover,.safy-mainbar a:hover{color:inherit} .safy-products .woocommerce-ordering select,.safy-qv select{-webkit-appearance:none;appearance:none;padding-inline-end:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E6479' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;background-size:16px} @media(min-width:768px){.safy-qv__info{padding-top:0}.safy-qv .safy-qv__title{font-size:18px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:48px}} @media(max-width:767px){ .safy-products .woocommerce{grid-template-columns:1fr auto;grid-template-rows:auto auto auto;padding-top:12px} .safy-products .woocommerce::before{height:116px} .safy-products .woocommerce-result-count{grid-row:1;grid-column:1;padding:0 16px;font-size:13px} .safy-products .safy-view{grid-row:1;grid-column:2;justify-self:end;margin-inline-end:16px} .safy-products .woocommerce-ordering{grid-row:2;grid-column:1/-1;padding:8px 16px 0} .safy-products .woocommerce-ordering select{width:100%} .elementor .elementor-element.safy-products .woocommerce>ul.products{margin:24px 0 0!important;row-gap:8px;column-gap:8px} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .woocommerce-loop-product__title{min-height:36px;margin-top:8px;font-size:14px;line-height:1.3} } @media(max-width:767px){.elementor .elementor-element.safy-products ul.products:is(.is-list,html.safy-list ul.products) li.product .woocommerce-loop-product__title{margin-top:20px!important}} @media(max-width:767px){ .safy-qv__info{display:contents} .safy-qv__content{gap:12px} .safy-qv .safy-qv__title{order:0;font-size:17px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:48px} .safy-qv__media{order:1;padding-top:0} .safy-qv__info>*:not(.safy-qv__title){order:2} .safy-qv .safy-qv__close{top:16px;inset-inline-end:16px} } @media(max-width:767px){ .safy-qv .safy-qv__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.3;padding-block:7px;padding-inline-end:48px} } html.safy-list .safy-view__btn[data-view="list"]{background:var(--grad-brand);background-origin:border-box;color:var(--c-white)} html.safy-list .safy-view__btn[data-view="grid"]{background:var(--c-white);color:var(--c-text-muted)} .safy-side-open,.safy-side__head,.safy-side-overlay{display:none} @media(max-width:767px){ .safy-products .safy-side-open{position:relative;grid-row:2;grid-column:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin:8px 0 0;margin-inline-end:16px;padding:0 14px;border:1px solid var(--c-line);border-radius:8px;background:var(--c-white);color:var(--c-ink);font:500 14px Tajawal,sans-serif;white-space:nowrap} .safy-side-open::before{content:"";width:18px;height:18px;background:var(--c-primary);-webkit-mask:var(--ico-utensils) center/contain no-repeat;mask:var(--ico-utensils) center/contain no-repeat} .safy-products .woocommerce-ordering{grid-column:1} .elementor-element.safy-shop-side{position:fixed;top:var(--wp-admin--admin-bar--height,0px);bottom:0;left:0;right:auto;z-index:100001;display:flex;flex-direction:column;gap:12px;width:min(92vw,380px);margin:0;padding:16px;overflow-y:auto;background:var(--c-white);box-shadow:var(--shadow-pop);transform:translateX(-100%);visibility:hidden;transition:transform .3s,visibility .3s} .elementor-element.safy-shop-side.is-open{transform:none;visibility:visible} .safy-side__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--c-line);font-size:18px;color:var(--c-ink)} .safy-side__close{position:relative;flex:none;width:36px;height:36px;padding:0;border:1px solid var(--c-line);border-radius:8px;background:var(--c-white);color:var(--c-ink);cursor:pointer} .safy-side__close::before,.safy-side__close::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;border-radius:2px;background:currentColor} .safy-side__close::before{transform:rotate(45deg)}.safy-side__close::after{transform:rotate(-45deg)} .safy-side__close:hover,.safy-side__close:focus-visible{background:var(--c-white);border-color:var(--c-primary);color:var(--c-primary)} .safy-side-overlay{position:fixed;inset:0;z-index:100000;background:rgba(31,21,48,.5)} body.safy-side-lock .safy-side-overlay{display:block} .safy-side__head{display:flex} } @media(max-width:767px){ .elementor-element.safy-shop-side{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;overflow-x:hidden} .elementor-element.safy-shop-side>*{flex:none!important;width:100%!important;max-width:100%;min-width:0;box-sizing:border-box} } @media(max-width:767px){ .safy-products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))} .safy-products ul.products.is-list,.safy-products ul.products:is(.is-list,html.safy-list ul.products){grid-template-columns:minmax(0,1fr)} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy{flex-wrap:wrap;min-width:0} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .safy-qty{width:100%} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .safy-qty input{flex:1} .elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .button,.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .safy-add{flex:1 1 100%;min-width:0} } @media(max-width:767px){.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .safy-add,.elementor .elementor-element:is(.safy-products, .safy-hm-best) ul.products li.product .safy-buy .button{padding-inline:8px;gap:6px;white-space:nowrap;font-size:14px}} .woocommerce-product-gallery__trigger{z-index:1!important} .safy-buy .safy-qty{min-height:38px} .safy-buy .safy-qty button{height:auto;min-height:38px} .safy-buy .safy-qty input{min-height:38px;height:auto} body.search .elementor-element.safy-page-hero{min-height:150px} body.search .elementor-element.safy-page-hero::before,body.search .elementor-element.safy-page-hero::after{display:none} body.search .elementor-element.safy-page-hero__body{min-height:150px;align-items:center;justify-content:center} body.search .safy-page-hero .woocommerce-breadcrumb{text-align:center} body.search .safy-page-title .elementor-heading-title{font-size:30px} @media(max-width:767px){body.search .safy-page-title .elementor-heading-title{font-size:22px}} .elementor-nothing-found.elementor-products-nothing-found{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(100%,460px);margin:32px auto;padding:28px 16px;border-radius:var(--radius-m);background:linear-gradient(135deg,var(--c-tint-purple),var(--c-tint-pink));text-align:center;font-size:16px;font-weight:700;line-height:1.8;color:var(--c-ink)} .elementor-nothing-found.elementor-products-nothing-found::before{content:"";display:block;width:48px;height:48px;background:var(--c-purple);opacity:.6;-webkit-mask:var(--ico-cart-empty) center/contain no-repeat;mask:var(--ico-cart-empty) center/contain no-repeat} .elementor-nothing-found .safy-nothing-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:var(--radius-s);background:var(--grad-brand);background-origin:border-box;color:var(--c-white);font-size:16px;font-weight:700;text-decoration:none} .elementor-nothing-found .safy-nothing-link:hover,.elementor-nothing-found .safy-nothing-link:focus-visible{background:var(--grad-brand);color:var(--c-white);filter:brightness(.93)}
.woocommerce .variations,.woocommerce .variations tbody,.woocommerce .variations tr,.woocommerce .variations th,.woocommerce .variations td{display:block;margin:0;padding:0;border:0!important;background:transparent!important;text-align:start} .woocommerce .variations tr{margin-bottom:24px} .woocommerce .variations th.label,.woocommerce .variations tr:has(.ocms-wcsw-wrap) th.label{margin-bottom:12px;font-size:15px!important;font-weight:700!important;color:var(--c-ink)} .woocommerce .variations .ocms-wcsw-list{gap:8px!important;margin:0!important;row-gap:8px!important} .woocommerce .variations .ocms-wcsw-list .ocms-wcsw-item.ocms-wcsw-item--button{background:var(--c-white)!important;box-shadow:none!important;border:1px solid var(--c-line)!important;border-radius:8px!important;padding:9px 16px!important;color:var(--c-ink)!important;font:500 15px/1.3 Tajawal,sans-serif!important;transition:border-color .2s,background .2s,color .2s!important} .woocommerce .variations .ocms-wcsw-list .ocms-wcsw-item.ocms-wcsw-item--button:hover{border-color:var(--c-primary)!important;box-shadow:none!important;color:var(--c-primary)!important} .woocommerce .variations .ocms-wcsw-list .ocms-wcsw-item.ocms-wcsw-item--button[aria-pressed="true"]{border-color:var(--c-primary)!important;background:var(--c-white)!important;box-shadow:inset 0 0 0 1px var(--c-primary)!important;color:var(--c-primary)!important;font-weight:700!important} .woocommerce .variations .ocms-wcsw-list .ocms-wcsw-item.ocms-wcsw-item--button:focus-visible{outline:2px solid var(--c-primary)!important;outline-offset:2px!important} .woocommerce .variations .reset_variations{position:absolute;top:-30px;inset-inline-end:0;margin:0;padding:0;font-size:13px;line-height:1.5;color:var(--c-primary)} .woocommerce .variations td.value{position:relative} .woocommerce .single_variation_wrap .woocommerce-variation-price .price{font-size:20px;font-weight:700;color:var(--c-primary)} .safy-qv .quantity.safy-qty{margin:0} .safy-qv .quantity.safy-qty input.qty{width:46px;min-height:46px;padding:0;border:0;border-radius:0;background:transparent;font-size:16px} .safy-qv .quantity.safy-qty button{width:34px;min-height:46px} .woocommerce .single_add_to_cart_button,.safy-qv .single_add_to_cart_button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:0!important;border-radius:8px!important;background:var(--grad-brand)!important;background-origin:border-box;color:var(--c-white)!important;font:700 16px Tajawal,sans-serif!important;opacity:1;box-shadow:none} .woocommerce .single_add_to_cart_button:hover,.safy-qv .single_add_to_cart_button:hover{filter:brightness(.93);color:var(--c-white)!important} .woocommerce .single_add_to_cart_button.disabled,.woocommerce .single_add_to_cart_button:disabled,.safy-qv .single_add_to_cart_button.disabled{opacity:.5!important;cursor:not-allowed;filter:none} .woocommerce .single_add_to_cart_button.loading,.safy-qv .single_add_to_cart_button.loading{opacity:.75!important;pointer-events:none} .safy-qv .safy-qv__close,.safy-qv .safy-qv__close:focus,.safy-qv .safy-qv__close:active{background:var(--c-white);border-color:var(--c-line);color:var(--c-ink);box-shadow:none} .safy-qv .safy-qv__close:hover,.safy-qv .safy-qv__close:focus-visible{background:var(--c-white);border-color:var(--c-primary);color:var(--c-primary)} .woocommerce .variations .ocms-wcsw-list{display:flex!important;flex-wrap:wrap;gap:8px!important} .woocommerce .single_variation_wrap .woocommerce-variation.single_variation{display:block!important;min-height:30px} .safy-qv .woocommerce-variation-price{display:none} .woocommerce .safy-qv .single_variation_wrap .woocommerce-variation.single_variation,.safy-qv .single_variation_wrap .woocommerce-variation.single_variation{display:block!important;min-height:0} .safy-qv .variations tr:last-child{margin-bottom:0} .woocommerce .variations tr{position:relative;margin:0 0 14px!important;padding:14px 16px!important;border:1px solid var(--c-line)!important;border-radius:14px;background:var(--c-white)!important} .woocommerce .variations th.label,.woocommerce .variations tr:has(.ocms-wcsw-wrap) th.label{position:absolute;top:-13px;inset-inline-start:16px;margin:0!important;padding:0 8px!important;background:var(--c-white)!important;font-size:16px!important;font-weight:700!important;line-height:26px;color:var(--c-ink)} .woocommerce .variations th.label label{font:inherit!important;color:inherit} .woocommerce .variations td.value{padding-top:4px!important} .woocommerce .variations .ocms-wcsw-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px!important} .woocommerce .variations .ocms-wcsw-list .ocms-wcsw-item.ocms-wcsw-item--button{display:flex!important;align-items:center;justify-content:flex-start!important;gap:10px;width:100%;padding:9px 12px!important;border-radius:8px!important;text-align:start!important;font-weight:500!important;color:var(--c-ink)!important} .woocommerce .variations .ocms-wcsw-list .ocms-wcsw-item.ocms-wcsw-item--button::before{content:"";flex:none;width:20px;height:20px;border:1.5px solid var(--c-line);border-radius:50%;background:var(--c-white);box-sizing:border-box} .woocommerce .variations .ocms-wcsw-list .ocms-wcsw-item.ocms-wcsw-item--button[aria-pressed="true"]{border-color:var(--c-line)!important;box-shadow:none!important;background:var(--c-white)!important;color:var(--c-ink)!important;font-weight:500!important} .woocommerce .variations .ocms-wcsw-list .ocms-wcsw-item.ocms-wcsw-item--button[aria-pressed="true"]::before{border-color:transparent;background:radial-gradient(circle,#fff 0 4px,transparent 4.5px),var(--grad-brand)} .woocommerce .variations .ocms-wcsw-list .ocms-wcsw-item.ocms-wcsw-item--button:hover{border-color:var(--c-primary)!important;color:var(--c-ink)!important} .woocommerce .variations .reset_variations{top:-12px;inset-inline-end:16px;padding:0 8px;background:var(--c-white);line-height:24px} @media(max-width:767px){.woocommerce .variations .ocms-wcsw-list{grid-template-columns:minmax(0,1fr)}} .woocommerce .variations .spo-var__select{display:none} .woocommerce .variations .spo-choices--var{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px} @media(max-width:767px){.woocommerce .variations .spo-choices--var{grid-template-columns:minmax(0,1fr)}} .woocommerce .variations .spo-choice{font-weight:500;color:var(--c-ink)} .woocommerce .variations .spo-choice:hover{border-color:var(--c-primary)} .spo-choice:not(.is-off):hover,.spo-choice:not(.is-off):has(input:focus-visible){border-color:var(--c-primary)} .spo-choice.is-off:hover{border-color:#EADFEA;cursor:not-allowed} .safy-qv .variations label.spo-choice,.woocommerce .variations label.spo-choice{display:flex;align-items:center;gap:10px;margin:0;font-size:inherit;font-weight:500} .woocommerce .variations tr:last-child{margin-bottom:0!important} .woocommerce .variations td.value{position:static!important} .woocommerce .variations .reset_variations{display:none!important} .woocommerce .variations .spo-clear{position:absolute;top:-12px;inset-inline-end:16px;z-index:1;margin:0;padding:0 8px;border:0;background:var(--c-white);color:var(--c-primary);font:500 13px/24px Tajawal,sans-serif;cursor:pointer;box-shadow:none} .woocommerce .variations .spo-clear[hidden]{display:none} .woocommerce .variations .spo-clear:hover,.woocommerce .variations .spo-clear:focus-visible{background:var(--c-white);color:var(--c-pink-bright);border:0} .woocommerce .variations tr{margin:0!important;padding:0!important;border:0!important;border-radius:0;background:transparent!important} .woocommerce .variations th.label{display:none!important} .woocommerce .variations td.value{padding:0!important} .woocommerce .variations .spo-var.spo{display:block;margin:0 0 14px} .woocommerce .variations tr:last-child .spo-var.spo{margin-bottom:0} .woocommerce .variations .spo-var fieldset{position:relative;margin:0;padding:14px 16px} .woocommerce .variations .spo-var legend{font-size:16px;line-height:24px} .woocommerce .variations .spo-clear{top:-24px!important;line-height:24px!important} .woocommerce .variations .spo-var legend{padding:0!important} .woocommerce .variations .spo-var legend>span{display:inline-block;padding:0 8px}
:root { --ico-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"); --ico-award: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.48 12.89L17 22l-5-3-5 3 1.52-9.11'/%3E%3C/svg%3E"); --ico-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpath d='M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12'/%3E%3C/svg%3E"); } .elementor-element.safy-product { background: linear-gradient(to bottom, var(--c-tint-pink) 0, rgba(253, 235, 242, 0) 260px); } .elementor-element.safy-product-body { max-width: calc(var(--container) + var(--gutter) * 2); width: 100%; margin-inline: auto; padding: 0 var(--gutter) 56px; box-sizing: border-box; } .elementor-element.safy-product-crumbs { max-width: calc(var(--container) + var(--gutter) * 2); width: 100%; margin-inline: auto; padding: 24px var(--gutter) 20px; box-sizing: border-box; } .elementor-element.safy-product-crumbs .elementor-widget, .elementor-element.safy-product-crumbs .elementor-widget-container { margin: 0; padding: 0; } .safy-crumbs, .safy-crumbs .woocommerce-breadcrumb { margin: 0; font-size: 14px; line-height: 24px; } .elementor-element.safy-summary { display: grid !important; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 36px; align-items: start; padding: 24px; background: var(--c-white); border: 1px solid var(--c-line); border-radius: var(--radius-l); box-shadow: var(--shadow-card); } .elementor-element.safy-product-gallery, .elementor-element.safy-product-info { min-width: 0; width: auto !important; } .elementor-element.safy-product-info { position: relative; } .safy-product-images { position: relative; } .safy-product-images .woocommerce-product-gallery { margin: 0 !important; width: 100% !important; } .safy-product-images .woocommerce-product-gallery__wrapper { margin: 0 !important; } .safy-product-images .woocommerce-product-gallery__image { overflow: hidden; border-radius: var(--radius-m); background: var(--c-bg-soft); } .safy-product-images .woocommerce-product-gallery__image a { display: block; } .safy-product-images .woocommerce-product-gallery__image img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--radius-m); } .safy-product-images .flex-control-thumbs { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 12px 0 0 !important; padding: 0; } .safy-product-images .flex-control-thumbs li { width: auto !important; margin: 0 !important; list-style: none; } .safy-product-images .flex-control-thumbs img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 2px solid transparent; border-radius: 10px; opacity: 1; } .safy-product-images .flex-control-thumbs img.flex-active, .safy-product-images .flex-control-thumbs img:hover { border-color: var(--c-primary); } .safy-product-images .woocommerce-product-gallery__trigger { top: 14px; inset-inline-end: 14px; inset-inline-start: auto; width: 42px; height: 42px; border-radius: 50%; background: var(--c-white); box-shadow: var(--shadow-card); } .woocommerce-product-gallery__trigger { z-index: 1 !important; } @media (min-width: 1025px) { .elementor-element.safy-product-gallery { position: sticky; top: 24px; align-self: start; } } .elementor-widget.safy-product-title { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 20px; } .safy-product-title h1, .elementor-widget.safy-product-title .elementor-heading-title { font-size: 28px; font-weight: 700; line-height: 1.35; color: var(--c-ink); } .elementor-widget.safy-product-title > .ocms-wcb-rating { flex: 0 0 100%; } .safy-product-title > .ocms-wcb { display: inline-flex !important; flex: 0 1 auto; width: auto !important; margin: 0 !important; } .safy-product-title .ocms-wcb--sold .ocms-wcb__dot, .safy-product-title .ocms-wcb--viewers .ocms-wcb__dot { width: 18px !important; height: 18px !important; border-radius: 50%; background: #16a34a url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012.5l4.5%204.5L19%207%22%2F%3E%3C%2Fsvg%3E") center / 11px no-repeat !important; } .safy-product-rating { margin-top: 6px; font-size: 14px; color: var(--c-text-muted); } .safy-product-text, .safy-product-text p { margin-top: 8px; color: var(--c-text-muted); line-height: 1.8; font-size: 14px; } .safy-product-price { width: fit-content; margin-top: 4px !important; font-size: 30px !important; font-weight: 700; line-height: 1.3; } .safy-product-price .price { display: flex; flex-direction: row; align-items: baseline; gap: 6px; direction: rtl; width: fit-content; margin: 0; padding-bottom: 2px; background: var(--grad-brand); -webkit-background-clip: text; background-clip: text; font-size: 30px !important; font-weight: 700; line-height: 1.3 !important; } .safy-product-price .price .woocommerce-Price-amount { direction: ltr; unicode-bidi: isolate; } .safy-product-price .price, .safy-product-price .price .woocommerce-Price-amount, .safy-product-price .price bdi, .safy-product-price .price .woocommerce-Price-currencySymbol { color: transparent !important; font-size: inherit; } .safy-product-price .price del .woocommerce-Price-amount { color: var(--c-text-muted) !important; font-size: 18px; font-weight: 400; } .safy-product-price .price ins { text-decoration: none; background: none; } .safy-product-price .price .safy-price-from, .safy-product-price .price small, .safy-product-price .price .from { color: var(--c-text-muted) !important; font-size: 14px !important; font-weight: 400; } .safy-product-buy .spo { flex: 0 0 100%; width: 100%; order: -1; margin: 0 0 22px !important; } .safy-product-buy .spo-var.spo { margin: 0 0 14px !important; } .safy-product-buy .spo-var fieldset { margin: 0 !important; } .safy-product-buy .spo-group, .safy-product-buy .spo-group > * { margin-block: 0; } .safy-product-buy .spo-group:not([hidden]) { margin: 0 0 14px !important; } .safy-product-buy .spo-group[hidden], .safy-product-buy fieldset[hidden], .safy-product-buy .spo-group[hidden] * { display: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } .safy-product-buy .spo-addons { margin: 0 !important; } .safy-product-buy .spo .spo-total { margin-top: 10px; } .safy-product-buy .spo-note { display: block; margin-top: 20px !important; } .safy-product-buy .spo-note > span { display: block; margin-bottom: 10px !important; } .safy-product-buy form.cart { margin: 18px 0 0; } .safy-product-buy .variations { margin-bottom: 0; } .safy-product-buy .single_variation_wrap { display: flex; flex-wrap: wrap; width: 100%; } .safy-product-buy .single_variation_wrap .woocommerce-variation.single_variation { min-height: 0 !important; margin: 0; } .safy-product-buy .single_variation_wrap .woocommerce-variation.single_variation:empty { display: none !important; } .safy-product-buy .woocommerce-variation-price, .safy-product-buy .woocommerce-variation-description, .safy-product-buy .woocommerce-variation-availability { display: none !important; } .safy-product-buy .woocommerce-variation-add-to-cart.variations_button { display: flex; flex: 0 0 100%; flex-wrap: wrap !important; flex-direction: row-reverse; align-items: stretch; gap: 12px; width: 100%; margin-top: 0 !important; } .safy-product-buy .woocommerce-variation-add-to-cart.variations_button > .quantity, .safy-product-buy .woocommerce-variation-add-to-cart.variations_button > .single_add_to_cart_button { order: 0; } .safy-product-buy form.cart:not(.variations_form) { display: flex; flex-direction: row-reverse; align-items: stretch; flex-wrap: wrap !important; gap: 12px; margin-top: 22px; } .safy-product-buy form.cart:not(.variations_form) > .spo { flex: 0 0 100%; width: 100%; } .safy-product-buy .quantity.safy-qty { min-height: 52px; } .safy-product-buy .safy-qty button { width: 42px; font-size: 22px; } .safy-product-buy .safy-qty input { width: 56px; font-size: 17px; } .safy-product-buy .single_add_to_cart_button { display: flex !important; flex: 1; flex-direction: row !important; align-items: center; justify-content: flex-start !important; gap: 10px; min-height: 52px; padding: 0 20px; font-size: 17px; } .safy-product-buy .single_add_to_cart_button::before { content: ""; display: block !important; flex: none; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--ico-cart) center / contain no-repeat; mask: var(--ico-cart) center / contain no-repeat; } .safy-product-buy .single_add_to_cart_button .safy-buy-total { display: inline-block; margin-inline-start: auto !important; padding-inline-start: 14px; border-inline-start: 1px solid rgba(255, 255, 255, .4); font-weight: 700; } .safy-product-buy .single_add_to_cart_button .safy-buy-total[hidden] { display: none; } .safy-product-delivery { margin-top: 14px; } .safy-product-delivery p { margin: 0; } .safy-policy p { margin: 8px 0 0; color: var(--c-text-muted); } .safy-policy .safy-delivery { margin: 0; } .elementor-element.safy-guarantee { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 !important; margin-top: 24px; padding: 16px 0; background: linear-gradient(to right, var(--c-tint-purple), var(--c-tint-pink)); border-radius: var(--radius-m); } .elementor-element.safy-g-item { display: flex !important; flex-wrap: nowrap !important; align-items: center; justify-content: center; gap: 12px; padding: 4px 12px; border-inline-start: 1px solid rgba(126, 34, 161, .16); } .elementor-element.safy-g-item:first-child { border-inline-start: 0; } .elementor-element.safy-g-item > .elementor-widget-container { display: block; } .elementor-element.safy-g-item .elementor-widget { margin: 0; } .elementor-element.safy-g-item > .safy-g-icowrap { flex: 0 0 auto; width: auto; } .elementor-element.safy-g-item > .safy-g-text { flex: 1 1 0; min-width: 0; width: auto; } .safy-g-ico { display: block; width: 30px; height: 30px; background: var(--c-primary); -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; } .safy-g-truck .safy-g-ico { -webkit-mask-image: var(--ico-truck); mask-image: var(--ico-truck); } .safy-g-shield .safy-g-ico { -webkit-mask-image: var(--ico-shield); mask-image: var(--ico-shield); } .safy-g-award .safy-g-ico { -webkit-mask-image: var(--ico-award); mask-image: var(--ico-award); } .safy-g-box .safy-g-ico { -webkit-mask-image: var(--ico-box); mask-image: var(--ico-box); } .safy-g-text p { margin: 0; } .safy-g-text b { display: block; font-size: 15px; color: var(--c-ink); } .safy-g-text span { font-size: 13px; color: var(--c-text-muted); } .elementor-element.safy-tabs { margin-top: 32px; } .elementor-element.safy-tabs .woocommerce-tabs ul.tabs { display: flex; gap: 8px; margin: 0; padding: 0; border-bottom: 1px solid var(--c-line); overflow-x: auto; list-style: none; background: none; } .elementor-element.safy-tabs .woocommerce-tabs ul.tabs::before, .elementor-element.safy-tabs .woocommerce-tabs ul.tabs::after { display: none !important; } .elementor-element.safy-tabs .woocommerce-tabs ul.tabs li { flex: none; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } .elementor-element.safy-tabs .woocommerce-tabs ul.tabs li::before, .elementor-element.safy-tabs .woocommerce-tabs ul.tabs li::after { display: none !important; } .elementor-element.safy-tabs .woocommerce-tabs ul.tabs li a { display: block; padding: 12px 22px; border: 0 !important; border-bottom: 3px solid transparent !important; background: none !important; font-size: 16px; font-weight: 500; color: var(--c-text-muted) !important; } .elementor-element.safy-tabs .woocommerce-tabs ul.tabs li a:hover { color: var(--c-primary) !important; } .elementor-element.safy-tabs .woocommerce-tabs ul.tabs li.active a { color: var(--c-primary) !important; font-weight: 700; border-bottom-color: var(--c-primary) !important; } .elementor-element.safy-tabs .woocommerce-tabs .woocommerce-Tabs-panel { margin: 18px 0 0; padding: 0; background: none; border: 0; line-height: 1.9; color: var(--c-ink); font-style: normal; } .elementor-element.safy-tabs .woocommerce-Tabs-panel > h2 { font-size: 20px; font-weight: 700; margin: 0 0 12px; color: var(--c-ink); } .elementor-element.safy-tabs .woocommerce-Tabs-panel table.shop_attributes { width: 100%; border: 1px solid var(--c-line); border-radius: 8px; border-collapse: separate; border-spacing: 0; background: none; font-style: normal; overflow: hidden; } .elementor-element.safy-tabs .woocommerce-Tabs-panel table.shop_attributes th, .elementor-element.safy-tabs .woocommerce-Tabs-panel table.shop_attributes td { padding: 10px 14px; border: 0; border-bottom: 1px solid var(--c-line); background: none !important; font-style: normal; color: var(--c-ink); text-align: start; } .elementor-element.safy-tabs .woocommerce-Tabs-panel table.shop_attributes tr:last-child th, .elementor-element.safy-tabs .woocommerce-Tabs-panel table.shop_attributes tr:last-child td { border-bottom: 0; } .elementor-element.safy-tabs .woocommerce-Tabs-panel table.shop_attributes th { width: 30%; font-weight: 700; } .elementor-element.safy-tabs .woocommerce-Tabs-panel table.shop_attributes p { margin: 0; font-style: normal; } .elementor-element.safy-related { margin-top: 56px; } .safy-related__grid { position: relative; } .safy-related__grid h2:not(.woocommerce-loop-product__title) { position: relative; font-size: 28px; font-weight: 700; line-height: 1.3; text-align: center; color: var(--c-ink); margin: 0 0 28px; padding-bottom: 22px; } .safy-related__grid h2:not(.woocommerce-loop-product__title)::before { content: ""; position: absolute; left: 50%; bottom: 6px; width: 220px; height: 2px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, var(--c-purple) 28%, var(--c-primary) 72%, transparent); opacity: .7; } .safy-related__grid h2:not(.woocommerce-loop-product__title)::after { content: ""; position: absolute; left: 50%; bottom: 1px; width: 10px; height: 10px; border-radius: 50%; background: var(--grad-brand); transform: translateX(-50%); box-shadow: 0 0 0 4px rgba(227, 35, 104, .16), 0 0 0 9px rgba(126, 34, 161, .08), 0 0 14px 2px rgba(227, 35, 104, .5); } .elementor .elementor-element.safy-related ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .elementor .elementor-element.safy-related ul.products li.product { width: 100% !important; min-width: 0; } .safy-related li.product .woocommerce-LoopProduct-link { align-items: stretch; } .safy-related li.product .star-rating { align-self: center; margin-inline: auto; } @media (min-width: 768px) { .safy-product-price { position: absolute !important; top: 4px; inset-inline-end: 0; margin: 0 !important; } .elementor-widget.safy-product-title .elementor-heading-title { box-sizing: border-box; padding-inline-end: 150px !important; flex: 0 0 100%; } } @media (max-width: 1024px) { .elementor-element.safy-summary { grid-template-columns: minmax(0, 1fr); padding: 16px; gap: 24px; } .elementor-element.safy-guarantee { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 12px; } .elementor-element.safy-g-item:nth-child(odd) { border-inline-start: 0; } .elementor .elementor-element.safy-related ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .elementor-element.safy-product-body { padding: 0 var(--gutter) 40px; } .elementor-element.safy-product-crumbs { padding: 16px var(--gutter) 16px; } .safy-product-crumbs .woocommerce-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; row-gap: 4px; } .safy-product-crumbs .woocommerce-breadcrumb .safy-crumb-sep:last-of-type { flex: 0 0 100%; height: 0; overflow: hidden; visibility: hidden; } .elementor-element.safy-product-info { display: flex; flex-direction: row !important; flex-wrap: wrap; align-items: center; column-gap: 20px; row-gap: 6px; } .elementor-element.safy-product-info > * { flex: 0 0 100%; width: 100%; order: 10; } .elementor-widget.safy-product-title { display: contents; } .safy-product-title h1, .elementor-widget.safy-product-title .elementor-heading-title { order: 1; flex: 0 0 100%; font-size: 21px !important; line-height: 1.4; } .safy-product-price { order: 2 !important; margin: 0 !important; } .safy-product-price, .safy-product-price .price { font-size: 21px !important; } .safy-product-title > .ocms-wcb-rating { order: 3; flex: 0 0 100%; } .safy-product-title > .ocms-wcb { order: 4; flex: 0 1 auto !important; width: auto !important; } .safy-product-buy .quantity.safy-qty { flex: 1 1 100% !important; width: 100%; min-height: 44px; height: 44px; } .safy-product-buy .safy-qty button { flex: 0 0 56px; width: 56px; height: 44px; } .safy-product-buy .safy-qty input { flex: 1 1 auto; width: auto; min-height: 0; height: 44px; } .elementor-element.safy-guarantee { grid-template-columns: minmax(0, 1fr); } .elementor-element.safy-g-item { flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; padding-inline: 16px; border-inline-start: 0; } .elementor-element.safy-tabs .woocommerce-tabs ul.tabs { flex-wrap: wrap; overflow: visible; row-gap: 0; } .elementor-element.safy-tabs .woocommerce-tabs ul.tabs li a { padding: 10px 12px; font-size: 15px; line-height: 1.5; } .woocommerce div.product.elementor .woocommerce-tabs .panel, .elementor-element.safy-tabs .woocommerce-Tabs-panel { padding-bottom: 0 !important; } .elementor-element.safy-tabs .woocommerce-Tabs-panel table.shop_attributes th { width: 100%; padding: 12px 14px 0 !important; border-bottom: 0 !important; } .elementor-element.safy-tabs .woocommerce-Tabs-panel table.shop_attributes td { padding: 4px 14px 12px !important; } .elementor-element.safy-tabs .woocommerce-Tabs-panel table.shop_attributes tr:last-child td { border-bottom: 0 !important; } .elementor-element.safy-related { margin-top: 24px; } .safy-related__grid h2:not(.woocommerce-loop-product__title) { font-size: 24px; margin-bottom: 20px; } .elementor .elementor-element.safy-related ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px !important; row-gap: 8px !important; } .elementor .elementor-element.safy-related ul.products li.product { margin: 0 !important; padding: 10px 10px 12px !important; } .elementor .elementor-element.safy-related ul.products li.product .woocommerce-loop-product__title { min-height: 0; margin-top: 12px !important; line-height: 1.4; } .safy-related li.product .star-rating { margin: 8px auto 0 !important; } .elementor .elementor-element.safy-related ul.products li.product .price { margin: 8px 0 12px !important; } .safy-related .ocms-wcb-rating { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2px 8px; text-align: center; } }
.safy-cart, .safy-cart * { font-family: Tajawal, sans-serif !important; } .safy-cart .woocommerce { width: 100%; } .safy-cart .e-cart__container { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; } .safy-cart .e-cart__column-start, .safy-cart .e-cart__column-end { width: auto; min-width: 0; float: none; } .safy-cart .e-cart__column-inner.e-sticky-right-column { position: sticky; top: 20px; } .safy-cart .e-cart__column-start { background: var(--c-white); border: 1px solid var(--c-line); border-radius: var(--radius-l); box-shadow: var(--shadow-card); overflow: hidden; } .safy-cart .e-cart-section { margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; } .safy-cart table.shop_table.cart { display: block; width: 100%; margin: 0; border: 0; border-collapse: separate; } .safy-cart table.shop_table.cart thead, .safy-cart table.shop_table.cart tbody { display: block; } .safy-cart table.shop_table.cart tr { display: grid; grid-template-columns: minmax(0, 2.6fr) minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr) 44px; align-items: center; gap: 12px; padding: 16px 20px; border: 0; } .safy-cart table.shop_table.cart thead tr { background: linear-gradient(to right, var(--c-tint-purple), var(--c-tint-pink)); font-size: 14px; font-weight: 700; color: var(--c-ink); } .safy-cart table.shop_table.cart thead th { padding: 0; border: 0; background: none; font-weight: 700; text-align: start; } .safy-cart table.shop_table.cart thead th.product-thumbnail { display: none; } .safy-cart table.shop_table.cart thead th.product-remove { visibility: hidden; } .safy-cart table.shop_table.cart tbody tr.cart_item { position: static; border-top: 1px solid var(--c-line); } .safy-cart table.shop_table.cart tbody tr.cart_item td { padding: 0; border: 0; background: none; text-align: start; min-width: 0; } .safy-cart table.shop_table.cart td::before, .safy-cart table.shop_table.cart td::after { content: none !important; display: none !important; } .safy-cart td.product-thumbnail { grid-column: 1; grid-row: 1; justify-self: start; align-self: center; } .safy-cart td.product-name { grid-column: 1; grid-row: 1; align-self: center; padding-inline-start: 98px !important; } .safy-cart td.product-price { grid-column: 2; grid-row: 1; } .safy-cart td.product-quantity { grid-column: 3; grid-row: 1; justify-self: start; } .safy-cart td.product-subtotal { grid-column: 4; grid-row: 1; } .safy-cart td.product-remove { grid-column: 5; grid-row: 1; justify-self: end; position: static; } .safy-cart thead th.product-name { grid-column: 1; grid-row: 1; } .safy-cart thead th.product-price { grid-column: 2; grid-row: 1; } .safy-cart thead th.product-quantity { grid-column: 3; grid-row: 1; } .safy-cart thead th.product-subtotal { grid-column: 4; grid-row: 1; } .safy-cart thead th.product-remove { grid-column: 5; grid-row: 1; } .safy-cart thead th.product-subtotal { position: relative; font-size: 14px !important; color: transparent !important; user-select: none; } .safy-cart thead th.product-subtotal::before { content: "الإجمالي"; position: absolute; inset-inline-start: 0; top: 50%; transform: translateY(-50%); font-size: 14px !important; font-weight: 700; line-height: 1.5; white-space: nowrap; color: var(--c-ink); } .safy-cart .product-thumbnail a { display: block; width: 84px; height: 84px; border-radius: 12px; overflow: hidden; background: var(--c-bg-soft); } .safy-cart .product-thumbnail img { display: block; width: 84px !important; height: 84px !important; object-fit: cover; border-radius: 0; } .safy-cart td.product-name a { font-size: 16px; font-weight: 700; line-height: 1.5; color: var(--c-ink) !important; } .safy-cart td.product-name a:hover { color: var(--c-primary) !important; } .safy-cart td.product-price, .safy-cart td.product-subtotal { text-align: left !important; } .safy-cart td.product-price { color: var(--c-ink) !important; font-weight: 400 !important; } .safy-cart td.product-subtotal, .safy-cart td.product-subtotal * { color: var(--c-primary) !important; font-weight: 700 !important; } .safy-cart .woocommerce-cart-form a.remove { position: relative; inset: auto; width: 40px; height: 40px; margin: 0; } .safy-cart .quantity input.qty { width: 40px !important; padding: 0 !important; text-align: center !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; background: transparent !important; line-height: 1; } .safy-cart .quantity input.qty:focus { background: var(--c-tint-pink) !important; } .safy-cart .coupon { display: block; } .safy-cart .coupon .form-row.coupon-col { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap; gap: 8px !important; margin: 0; padding: 16px 20px !important; border-top: 1px solid var(--c-line); } .safy-cart .coupon-col-start, .safy-cart .coupon-col-end { flex: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .safy-cart .coupon-col-start input.input-text { box-sizing: border-box !important; width: 220px !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 14px; border: 1px solid var(--c-line); border-radius: var(--radius-s); background: var(--c-white); font: inherit; font-size: 14px; box-shadow: none; } .safy-cart .coupon-col-start input.input-text:focus { border-color: var(--c-primary) !important; outline: 0 !important; box-shadow: none !important; } .safy-cart .coupon-col-end .e-apply-coupon { box-sizing: border-box !important; width: auto !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 24px !important; border: 1.5px solid var(--c-primary) !important; border-radius: 8px !important; background: var(--c-white) !important; color: var(--c-primary) !important; font: inherit; font-size: 15px !important; font-weight: 700; line-height: 1; cursor: pointer; } .safy-cart .coupon-col-end .e-apply-coupon:hover { background: var(--c-tint-pink) !important; color: var(--c-primary) !important; } .safy-cart .safy-cart-continue { display: inline-flex; align-items: center; gap: 6px; margin-inline-start: auto !important; color: var(--c-primary) !important; font-size: 15px; font-weight: 700; text-decoration: none; } .safy-cart .safy-cart-continue::before { content: ""; width: 16px; height: 16px; flex: none; background: currentColor; -webkit-mask: var(--ico-arrow-l) center/contain no-repeat; mask: var(--ico-arrow-l) center/contain no-repeat; } .safy-cart .safy-cart-continue:hover { text-decoration: underline; } .safy-cart .e-cart-totals { box-sizing: border-box !important; max-width: 100%; padding: 24px; background: var(--c-white); border: 1px solid var(--c-line); border-radius: var(--radius-l); box-shadow: var(--shadow-card); } .safy-cart .cart_totals { width: 100%; } .safy-cart .e-cart-totals .cart_totals h2 { margin: 0 0 16px; font-size: 20px !important; font-weight: 700 !important; color: var(--c-ink) !important; } .safy-cart .cart_totals table.shop_table { display: table !important; table-layout: auto; width: 100%; margin: 0; border: 0; } .safy-cart .cart_totals table.shop_table > tbody { display: table-row-group !important; } .safy-cart .cart_totals table.shop_table tr { display: table-row !important; } .safy-cart .cart_totals table.shop_table th, .safy-cart .cart_totals table.shop_table td { display: table-cell !important; padding: 12px 0; border: 0; border-bottom: 1px dashed var(--c-line); background: none; font-size: 15px; } .safy-cart .cart_totals table.shop_table th { font-weight: 400; color: var(--c-text-muted); text-align: start; } .safy-cart .cart_totals table.shop_table td { font-weight: 500; text-align: end; } .safy-cart .cart_totals td::before, .safy-cart .cart_totals td::after { content: none !important; display: none !important; } .safy-cart .cart_totals table.shop_table tr.order-total th, .safy-cart .cart_totals table.shop_table tr.order-total td { padding-top: 16px; border-bottom: 0; } .safy-cart tr.order-total th { font-size: 17px !important; font-weight: 700 !important; color: var(--c-ink) !important; } .safy-cart tr.order-total td, .safy-cart tr.order-total td * { color: var(--c-primary) !important; background: none !important; font-size: 22px !important; font-weight: 700 !important; } .safy-cart .wc-proceed-to-checkout { box-sizing: border-box !important; display: block; width: 100%; max-width: 100%; padding: 8px 0 0; } .safy-cart .wc-proceed-to-checkout .checkout-button { box-sizing: border-box !important; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; max-width: 100%; min-height: 52px; margin: 0; padding: 0 20px; border: 0 !important; border-radius: 10px !important; background: var(--grad-brand) !important; background-origin: border-box; color: var(--c-white) !important; font: inherit; font-size: 17px; font-weight: 700; text-decoration: none; box-shadow: none; } .safy-cart .wc-proceed-to-checkout .checkout-button:hover { filter: brightness(.93); color: var(--c-white) !important; } .safy-cart .wc-proceed-to-checkout .checkout-button::after { content: ""; display: inline-block; flex: none; width: 18px; height: 18px; margin-inline-start: 8px; vertical-align: middle; background: var(--c-white) !important; -webkit-mask: var(--ico-arrow-l) center/contain no-repeat; mask: var(--ico-arrow-l) center/contain no-repeat; } .safy-cart .safy-delivery { margin-top: 14px; } .safy-cart.is-updating .woocommerce-cart-form, .safy-cart.is-updating .e-cart-totals { opacity: .55; pointer-events: none; transition: opacity .15s; } .safy-cart-empty { align-items: center; text-align: center; } .elementor-element.safy-cart-empty { width: min(100%, 420px); margin: 48px auto; padding: 24px 16px !important; gap: 16px; border-radius: 14px; background: linear-gradient(135deg, var(--c-tint-purple), var(--c-tint-pink)); } .safy-cart-empty__icon { width: 44px; height: 44px; min-height: 44px; background: var(--c-purple); opacity: .6; -webkit-mask: var(--ico-cart-empty) center/contain no-repeat; mask: var(--ico-cart-empty) center/contain no-repeat; } .safy-cart-empty__title h2 { margin: 0; font-size: 16px; font-weight: 700; color: var(--c-ink); } .safy-cart-empty__text { display: none; } .safy-cart-empty__btn .elementor-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 24px; border-radius: 8px; background: var(--grad-brand); background-origin: border-box; color: var(--c-white); font-size: 16px; font-weight: 700; } .safy-cart-empty__btn .elementor-button:hover { filter: brightness(.93); color: var(--c-white); } @media (max-width: 1024px) { .safy-cart .e-cart__container { grid-template-columns: minmax(0, 1fr); } .safy-cart .e-cart__column-inner.e-sticky-right-column { position: static; } } @media (max-width: 767px) { .safy-cart .e-cart__container, .safy-cart .woocommerce, .safy-cart .e-cart__column-start, .safy-cart .e-cart__column-end { box-sizing: border-box; width: 100% !important; max-width: 100% !important; margin: 0 !important; } .safy-cart .e-cart-totals { padding: 20px; } .safy-cart .safy-delivery { white-space: normal; } .elementor-element.safy-cart-empty { width: calc(100% - 32px); margin: 32px 16px; } .safy-cart table.shop_table.cart thead { display: none; } .safy-cart table.shop_table.cart tr.cart_item { grid-template-columns: 56px minmax(0, 1fr) auto !important; column-gap: 12px; row-gap: 12px; padding: 16px; } .safy-cart .product-thumbnail a { width: 56px !important; height: 56px !important; border-radius: 10px; } .safy-cart .product-thumbnail img { width: 56px !important; height: 56px !important; } .safy-cart td.product-thumbnail { display: block !important; grid-column: 1; grid-row: 1; } .safy-cart table.shop_table.cart td.product-name { display: contents !important; } .safy-cart td.product-name > a { grid-column: 2 / -1; grid-row: 1; align-self: center; text-align: start; } .safy-cart td.product-name > dl.variation { grid-column: 1 / -1; grid-row: 2; } .safy-cart td.product-quantity { grid-column: 1 / 3; grid-row: 3; justify-self: start; } .safy-cart td.product-price { grid-column: 3; grid-row: 3; justify-self: end; align-self: center; } .safy-cart td.product-remove { grid-column: 1 / 3; grid-row: 4; justify-self: start; } .safy-cart td.product-subtotal { grid-column: 3; grid-row: 4; justify-self: end; align-self: center; } .safy-cart .coupon .form-row.coupon-col { flex-direction: column !important; align-items: stretch !important; padding: 16px !important; } .safy-cart .coupon-col-start, .safy-cart .coupon-col-end { flex: 1 1 100% !important; } .safy-cart .coupon-col-start input.input-text, .safy-cart .coupon-col-end .e-apply-coupon { width: 100% !important; } .safy-cart .safy-cart-continue { flex: 1 1 100%; justify-content: center; margin-inline-start: 0 !important; } }
:root { --co-user: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E"); --co-phone: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.36%201.9.7%202.81a2%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.91.34%201.85.57%202.81.7A2%202%200%200%201%2022%2016.92z%22%2F%3E%3C%2Fsvg%3E"); --co-whatsapp: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021l1.65-4.8A9%209%200%201%201%208%2019.5L3%2021z%22%2F%3E%3Cpath%20d%3D%22M9%2010c.6%202.2%202.3%203.9%204.5%204.5l1.2-1.2a.7.7%200%200%201%20.9-.1l1.2.7c.3.2.4.5.2.8-.5%201-1.5%201.5-2.6%201.3C10.9%2015.9%208.1%2013.1%207.7%209.8c-.1-1.1.4-2.1%201.3-2.6.3-.2.6-.1.8.2l.7%201.2c.2.3.1.6-.1.9z%22%2F%3E%3C%2Fsvg%3E"); --co-mail: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2z%22%2F%3E%3Cpath%20d%3D%22M22%206l-10%207L2%206%22%2F%3E%3C%2Fsvg%3E"); --co-home: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011l9-8%209%208v10a1%201%200%200%201-1%201h-5v-7H9v7H4a1%201%200%200%201-1-1z%22%2F%3E%3C%2Fsvg%3E"); --co-edit: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7M18.5%202.5a2.1%202.1%200%200%201%203%203L12%2015l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E"); --co-pin: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2010c0%207-9%2013-9%2013S3%2017%203%2010a9%209%200%200%201%2018%200z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); --co-calendar: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%202v4M8%202v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E"); --pk-truck: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23dc2065%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1%203h15v13H1zM16%208h4l3%203v5h-7z%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E"); --pk-store: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23dc2065%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209l1-5h16l1%205M3%209a3%203%200%200%200%206%200%203%203%200%200%200%206%200%203%203%200%200%200%206%200M5%2012v9h14v-9%22%2F%3E%3C%2Fsvg%3E"); --pk-pin: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23dc2065%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2010c0%207-9%2013-9%2013S3%2017%203%2010a9%209%200%200%201%2018%200z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); --pk-clock: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23dc2065%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%206v6l4%202%22%2F%3E%3C%2Fsvg%3E"); --pk-calendar: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23dc2065%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%202v4M8%202v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E"); --pk-wallet: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23dc2065%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012V7a2%202%200%200%200-2-2H5a2%202%200%200%201%200-4h12M3%205v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-5M18%2014h3v4h-3a2%202%200%200%201%200-4z%22%2F%3E%3C%2Fsvg%3E"); --cg-user: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236E6479%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E"); --cg-phone: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236E6479%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.36%201.9.7%202.81a2%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.91.34%201.85.57%202.81.7A2%202%200%200%201%2022%2016.92z%22%2F%3E%3C%2Fsvg%3E"); --cg-whatsapp: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236E6479%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021l1.65-4.8A9%209%200%201%201%208%2019.5L3%2021z%22%2F%3E%3Cpath%20d%3D%22M9%2010c.6%202.2%202.3%203.9%204.5%204.5l1.2-1.2a.7.7%200%200%201%20.9-.1l1.2.7c.3.2.4.5.2.8-.5%201-1.5%201.5-2.6%201.3C10.9%2015.9%208.1%2013.1%207.7%209.8c-.1-1.1.4-2.1%201.3-2.6.3-.2.6-.1.8.2l.7%201.2c.2.3.1.6-.1.9z%22%2F%3E%3C%2Fsvg%3E"); --cg-mail: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236E6479%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2z%22%2F%3E%3Cpath%20d%3D%22M22%206l-10%207L2%206%22%2F%3E%3C%2Fsvg%3E"); --cg-home: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236E6479%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011l9-8%209%208v10a1%201%200%200%201-1%201h-5v-7H9v7H4a1%201%200%200%201-1-1z%22%2F%3E%3C%2Fsvg%3E"); --cg-edit: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236E6479%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7M18.5%202.5a2.1%202.1%200%200%201%203%203L12%2015l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E"); --cg-pin: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236E6479%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2010c0%207-9%2013-9%2013S3%2017%203%2010a9%209%200%200%201%2018%200z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); --cg-calendar: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236E6479%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%202v4M8%202v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E"); --cg-clock: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236E6479%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%206v6l4%202%22%2F%3E%3C%2Fsvg%3E"); --co-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012.5l4.5%204.5L19%207%22%2F%3E%3C%2Fsvg%3E"); --co-check-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012.5l4.5%204.5L19%207%22%2F%3E%3C%2Fsvg%3E"); } .safy-checkout, .safy-checkout * { font-family: Tajawal, sans-serif !important; } .safy-checkout .woocommerce { width: 100%; } .safy-checkout .woocommerce-form-coupon-toggle, .safy-checkout form.checkout_coupon, .safy-checkout #customer_details, .safy-checkout .woocommerce-privacy-policy-text { display: none !important; } .safy-checkout form.woocommerce-checkout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; } .safy-checkout #ocsc-checkout-section { grid-column: 1; display: grid; gap: 18px; min-width: 0; counter-reset: safy-co; } .safy-co-summary { grid-column: 2; position: sticky; top: 20px; box-sizing: border-box; padding: 24px; background: var(--c-white); border: 1px solid var(--c-line); border-radius: var(--radius-l); box-shadow: var(--shadow-card); } .safy-checkout form.woocommerce-checkout > .woocommerce-NoticeGroup, .safy-checkout form.woocommerce-checkout > .woocommerce-error { grid-column: 1 / -1; order: -1; margin: 0 !important; width: 100%; } .safy-co-summary table.shop_table tfoot th, .safy-co-summary table.shop_table tfoot td { border-top: 0 !important; } .safy-co-card { box-sizing: border-box; padding: 22px 24px; margin: 0; background: var(--c-white); border: 1px solid var(--c-line); border-radius: var(--radius-l); box-shadow: var(--shadow-card); } .safy-co-card[data-card="contact"] { order: 1; } .safy-co-card[data-card="method"] { order: 2; } .safy-co-card[data-card="branch"] { order: 3; } .safy-co-card[data-card="address"] { order: 4; } .safy-co-card[data-card="schedule"] { order: 5; } .safy-co-card[data-card="recipient-choice"] { order: 6; } .safy-co-card[data-card="recipient"] { order: 7; } .safy-checkout #ocsc-checkout-section .ocsc-section-title { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 18px; font-weight: 700; letter-spacing: 0; color: var(--c-ink); counter-increment: safy-co; } .safy-checkout #ocsc-checkout-section .ocsc-section-title::before { content: counter(safy-co); display: grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--grad-brand); color: var(--c-white); font-size: 14px; font-weight: 700; } .safy-co-grid { display: flex; flex-wrap: wrap; gap: 12px; } .safy-co-grid > * { flex: 1 1 calc(50% - 6px); min-width: 0; } .safy-co-grid > #ocsc-whatsapp-same-row, .safy-co-grid > #ocsc-different-recipient-row, .safy-co-grid > #ocsc-recipient-same-as-contact-row, .safy-co-grid > #ocsc-recipient-whatsapp-same-row, .safy-co-grid > #ocsc-landmark-field, .safy-co-grid > #ocsc-schedule-type-field, .safy-co-grid > #ocsc-schedule-datetime, .safy-co-grid > #ocsc-order-method-field, .safy-co-grid > .ocsc-field:has(textarea), .safy-co-grid > #ocsc-branch-field { flex-basis: 100%; } .safy-co-grid > .ocsc-field, .safy-co-grid #ocsc-checkout-section .ocsc-field { margin: 0; } .safy-checkout #ocsc-checkout-section .ocsc-field { margin: 0; } .safy-checkout #ocsc-checkout-section #ocsc-schedule-fields { margin: 0; padding: 22px 24px; border: 1px solid var(--c-line); } .safy-checkout #ocsc-checkout-section #ocsc-schedule-type-field { margin: 0 !important; } .safy-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .safy-checkout #ocsc-checkout-section .ocsc-field { position: relative; } .safy-checkout #ocsc-checkout-section .ocsc-field.safy-iconfield::before { content: ""; position: absolute; z-index: 1; inset-block: 1px; inset-inline-end: 1px; width: 44px; border-inline-start: 1px solid var(--c-line); border-start-end-radius: 7px; border-end-end-radius: 7px; background: var(--i) center / 18px no-repeat, var(--c-bg-soft); pointer-events: none; } .safy-checkout #ocsc-checkout-section .ocsc-field.safy-iconfield.safy-area::before { background-position: center 14px, 0 0; } #ocsc-full-name-field, #ocsc-recipient-full-name-field { --i: var(--cg-user); } #ocsc-mobile-number-field, #ocsc-alternative-phone-field, #ocsc-landline-field, #ocsc-recipient-mobile-field, #ocsc-recipient-alt-phone-field, #ocsc-recipient-landline-field { --i: var(--cg-phone); } #ocsc-whatsapp-number-field, #ocsc-recipient-whatsapp-field { --i: var(--cg-whatsapp); } #ocsc-email-field { --i: var(--cg-mail); } #ocsc-detailed-address-field, #ocsc-recipient-address-field { --i: var(--cg-edit); } #ocsc-landmark-field, #ocsc-recipient-landmark-field, #ocsc-branch-field { --i: var(--cg-pin); } .safy-checkout #ocsc-checkout-section input.input-text, .safy-checkout #ocsc-checkout-section input[type="date"], .safy-checkout #ocsc-checkout-section input[type="time"], .safy-checkout #ocsc-checkout-section .ocsc-select, .safy-checkout #ocsc-checkout-section .ocsc-textarea { box-sizing: border-box; width: 100%; min-height: 48px; padding: 0 14px; padding-inline-end: 56px; border: 1px solid var(--c-line); border-radius: var(--radius-s); background: var(--c-white); color: var(--c-ink); font-size: 15px; box-shadow: none; } .safy-checkout #ocsc-checkout-section input[type="date"], .safy-checkout #ocsc-checkout-section input[type="time"] { padding-inline: 14px; } .safy-checkout #ocsc-checkout-section .ocsc-textarea { min-height: 100px; padding-block: 12px; resize: vertical; } .safy-checkout #ocsc-checkout-section input.input-text:focus, .safy-checkout #ocsc-checkout-section input[type="date"]:focus, .safy-checkout #ocsc-checkout-section input[type="time"]:focus, .safy-checkout #ocsc-checkout-section .ocsc-textarea:focus { outline: 0; border-color: var(--c-primary); box-shadow: 0 0 0 3px rgba(227, 35, 104, .12); } .safy-checkout #ocsc-checkout-section .ocsc-field > label:not(.safy-sr):not(.ocsc-order-method-option):not(.ocsc-schedule-option):not(:has(input[type="checkbox"])) { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 700; color: var(--c-ink); line-height: 1.6; } .safy-checkout #ocsc-checkout-section .ocsc-field abbr.required { border: 0; text-decoration: none; color: var(--c-primary); } .safy-checkout #ocsc-checkout-section .optional { font-weight: 400; color: var(--c-text-muted); } .safy-checkout #ocsc-checkout-section .ocsc-field > label:has(input[type="checkbox"]) { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-size: 14px; font-weight: 500; cursor: pointer; } .safy-checkout #ocsc-checkout-section input[type="checkbox"] { -webkit-appearance: none; appearance: none; flex: none; width: 20px; height: 20px; margin: 2px 0 0; border: 1.5px solid var(--c-line); border-radius: 5px; background: var(--c-white); cursor: pointer; transform: none; } .safy-checkout #ocsc-checkout-section input[type="checkbox"]:checked { border-color: transparent; background: var(--co-check) center / 13px no-repeat, var(--grad-brand); } .safy-checkout #ocsc-checkout-section input[type="checkbox"]:focus-visible { outline: 2px solid var(--c-purple); outline-offset: 2px; } .safy-checkout #ocsc-checkout-section .ocsc-order-method-wrap, .safy-checkout #ocsc-checkout-section .ocsc-schedule-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .safy-checkout #ocsc-checkout-section .ocsc-order-method-option, .safy-checkout #ocsc-checkout-section .ocsc-schedule-option, .safy-checkout #payment ul.payment_methods li.wc_payment_method { position: relative; display: flex; align-items: center; gap: 12px; box-sizing: border-box; min-width: 0; width: 100%; padding: 14px 16px; border: 1.5px solid var(--c-line); border-radius: var(--radius-m); background: var(--c-white); color: var(--c-ink); line-height: 1.5; cursor: pointer; transition: border-color .2s, background .2s; } .safy-checkout #ocsc-checkout-section .ocsc-order-method-option::before, .safy-checkout #ocsc-checkout-section .ocsc-schedule-option::before, .safy-checkout #payment ul.payment_methods li.wc_payment_method label::before { content: ""; flex: none; width: 46px; height: 46px; border-radius: 12px; background: var(--ic, none) center / 22px no-repeat, linear-gradient(135deg, var(--c-tint-purple), var(--c-tint-pink)); } .safy-checkout #ocsc-checkout-section .ocsc-order-method-option::after, .safy-checkout #ocsc-checkout-section .ocsc-schedule-option::after { content: ""; flex: none; width: 20px; height: 20px; margin-inline-start: auto; border: 2px solid var(--c-line); border-radius: 50%; transition: .2s; } .safy-checkout #ocsc-checkout-section .ocsc-order-method-option input, .safy-checkout #ocsc-checkout-section .ocsc-schedule-option input { position: absolute; opacity: 0; pointer-events: none; margin: 0; } .safy-checkout #ocsc-checkout-section .ocsc-order-method-option-text, .safy-checkout #ocsc-checkout-section .ocsc-schedule-option-text { display: grid; gap: 2px; min-width: 0; } .safy-checkout #ocsc-checkout-section .ocsc-order-method-option-main, .safy-checkout #ocsc-checkout-section .ocsc-schedule-option-main { font-size: 16px; font-weight: 700; color: var(--c-ink); } .safy-checkout #ocsc-checkout-section .ocsc-schedule-option-desc, .safy-checkout #ocsc-checkout-section .ocsc-order-method-option-desc { font-size: 13px; font-weight: 400; color: var(--c-text-muted); } .safy-checkout #ocsc-checkout-section .ocsc-order-method-option:has(input:checked), .safy-checkout #ocsc-checkout-section .ocsc-schedule-option:has(input:checked) { border-color: var(--c-primary); background: linear-gradient(135deg, rgba(244, 234, 249, .6), rgba(253, 235, 242, .6)); box-shadow: none; } .safy-checkout #ocsc-checkout-section .ocsc-order-method-option:has(input:checked)::after, .safy-checkout #ocsc-checkout-section .ocsc-schedule-option:has(input:checked)::after { border-color: var(--c-primary); background: radial-gradient(circle, var(--c-primary) 0 45%, transparent 50%); } .safy-checkout #ocsc-checkout-section .ocsc-order-method-option:has(input:focus-visible), .safy-checkout #ocsc-checkout-section .ocsc-schedule-option:has(input:focus-visible) { outline: 2px solid var(--c-purple); outline-offset: 2px; } .safy-checkout #ocsc-checkout-section .ocsc-order-method-option:has(#ocsc-method-delivery) { --ic: var(--pk-truck); } .safy-checkout #ocsc-checkout-section .ocsc-order-method-option:has(#ocsc-method-pickup) { --ic: var(--pk-store); } .safy-checkout #ocsc-checkout-section .ocsc-schedule-option:has(#ocsc-schedule-asap) { --ic: var(--pk-clock); } .safy-checkout #ocsc-checkout-section .ocsc-schedule-option:has(#ocsc-schedule-specific) { --ic: var(--pk-calendar); } .safy-checkout #ocsc-checkout-section .ocsc-schedule-title { margin-bottom: 8px; font-size: 14px; font-weight: 700; color: var(--c-ink); } .safy-checkout #ocsc-checkout-section #ocsc-schedule-datetime { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; } .safy-checkout #ocsc-checkout-section #ocsc-schedule-datetime .ocsc-schedule-notice { grid-column: 1 / -1; margin: 0; padding: 10px 14px; border: 0; border-radius: var(--radius-s); background: linear-gradient(to right, var(--c-tint-purple), var(--c-tint-pink)); font-size: 13px; color: var(--c-ink); line-height: 1.7; } .safy-co-summary #order_review_heading { margin: 0 0 14px; font-size: 20px; font-weight: 700; color: var(--c-ink); } .safy-co-summary table.shop_table { display: block; width: 100%; margin: 0; border: 0; border-collapse: separate; } .safy-co-summary table.shop_table thead { display: none; } .safy-co-summary table.shop_table tbody, .safy-co-summary table.shop_table tfoot { display: block; } .safy-co-summary table.shop_table tr { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .safy-co-summary table.shop_table th, .safy-co-summary table.shop_table td { padding: 0; border: 0; background: none; } .safy-co-summary tr.cart_item { align-items: flex-start; padding: 10px 0; border-bottom: 1px dashed var(--c-line); } .safy-co-summary td.product-name { display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 12px; flex: 1; min-width: 0; font-size: 14px; font-weight: 700; line-height: 1.5; color: var(--c-ink); text-align: start; } .safy-co-thumb { grid-column: 1; grid-row: 1 / span 3; } .safy-co-thumb img { display: block; width: 52px; height: 52px; border-radius: 10px; object-fit: cover; } .safy-co-name { grid-column: 2; grid-row: 1; } .safy-co-qty { grid-column: 2; grid-row: 2; font-size: 13px; font-weight: 400; color: var(--c-text-muted); } .safy-co-summary td.product-name dl.variation { grid-column: 2; grid-row: 3; margin: 4px 0 0 !important; } .safy-co-summary td.product-total { flex: none; font-weight: 700; color: var(--c-primary) !important; white-space: nowrap; text-align: left; } .safy-co-summary td.product-total * { color: var(--c-primary) !important; font-weight: 700 !important; } .safy-co-summary tfoot tr { padding: 12px 0; border-bottom: 1px dashed var(--c-line); font-size: 15px; } .safy-co-summary tfoot th { font-weight: 400; color: var(--c-text-muted); text-align: start; } .safy-co-summary tfoot td { font-weight: 500; text-align: left; } .safy-co-summary tfoot tr.order-total { padding-top: 16px; border-bottom: 0; } .safy-co-summary tfoot tr.order-total th { font-size: 17px; font-weight: 700; color: var(--c-ink); } .safy-co-summary tfoot tr.order-total td, .safy-co-summary tfoot tr.order-total td * { font-size: 22px !important; font-weight: 700 !important; color: var(--c-primary) !important; background: none !important; } .safy-checkout #payment { margin: 14px 0 0; padding: 0; border-radius: 0; background: none; } .safy-checkout #payment::before { content: "طريقة الدفع"; display: block; margin-bottom: 10px; font-size: 14px; font-weight: 700; color: var(--c-ink); } .safy-checkout #payment ul.payment_methods { margin: 0 0 14px; padding: 0; border: 0; list-style: none; } .safy-checkout #payment ul.payment_methods li.wc_payment_method { display: grid; grid-template-columns: 1fr; gap: 0; padding: 12px 14px; border-color: var(--c-primary); background: linear-gradient(135deg, rgba(244, 234, 249, .6), rgba(253, 235, 242, .6)); cursor: default; } .safy-checkout #payment ul.payment_methods li.wc_payment_method > input { position: absolute; opacity: 0; pointer-events: none; } .safy-checkout #payment ul.payment_methods li.wc_payment_method label { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 15px; font-weight: 700; color: var(--c-ink); cursor: default; --ic: var(--pk-wallet); } .safy-checkout #payment ul.payment_methods li.wc_payment_method .payment_box { margin: 4px 0 0; padding: 0 58px 0 0; background: none; color: var(--c-text-muted); font-size: 13px; line-height: 1.6; } .safy-checkout #payment ul.payment_methods li.wc_payment_method .payment_box::before { display: none; } .safy-checkout #payment ul.payment_methods li.wc_payment_method .payment_box p { margin: 0; } .safy-checkout #payment div.form-row.place-order { margin: 0; padding: 0; background: none; } .safy-checkout #payment #place_order { box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 10px; float: none; width: 100%; min-height: 52px; margin: 0; padding: 0 20px; border: 0; border-radius: 10px; background: var(--grad-brand); background-origin: border-box; color: var(--c-white); font-size: 17px; font-weight: 700; line-height: 1.2; } .safy-checkout #payment #place_order::before { content: ""; flex: none; width: 20px; height: 20px; background: var(--co-check) center / contain no-repeat; } .safy-checkout #payment #place_order:hover { filter: brightness(.93); color: var(--c-white); } .safy-checkout #payment #place_order.ocsc-place-order-disabled, .safy-checkout #payment #place_order:disabled { opacity: .5; cursor: not-allowed; filter: none; } .safy-co-summary .safy-delivery { margin-top: 14px; } @media (max-width: 1024px) { .safy-checkout form.woocommerce-checkout { grid-template-columns: minmax(0, 1fr); } .safy-co-summary { grid-column: 1; position: static; } } @media (max-width: 767px) { .safy-co-card { padding: 18px 16px; } .safy-co-summary { padding: 20px; } .safy-co-grid > * { flex-basis: 100%; } .safy-checkout #ocsc-checkout-section .ocsc-order-method-wrap, .safy-checkout #ocsc-checkout-section .ocsc-schedule-options, .safy-checkout #ocsc-checkout-section #ocsc-schedule-datetime { grid-template-columns: 1fr; } .safy-checkout #ocsc-checkout-section .ocsc-schedule-notice { font-size: 12px; } } .safy-checkout #ocsc-checkout-section input[type="tel"] { direction: ltr; text-align: right; } .safy-checkout #ocsc-checkout-section input[type="email"] { direction: ltr; text-align: right; } .safy-checkout #ocsc-checkout-section .ocsc-field > label:has(input[type="checkbox"]) { align-items: center; font-weight: 500; line-height: 1.5; } .safy-checkout #ocsc-checkout-section input[type="checkbox"] { margin: 0; } .safy-checkout .woocommerce-NoticeGroup .woocommerce-error, .safy-checkout .woocommerce-NoticeGroup .woocommerce-message, .safy-checkout .woocommerce-NoticeGroup .woocommerce-info { width: 100%; } .safy-checkout #ocsc-checkout-section select.ocsc-select { padding-inline-end: 56px !important; } .safy-native-hidden { position: absolute !important; width: 1px; height: 1px; opacity: 0; pointer-events: none; overflow: hidden; } .safy-pick-wrap { position: relative; } .safy-pick { box-sizing: border-box; display: flex; align-items: center; width: 100%; min-height: 48px; padding: 0 14px; padding-inline-end: 56px; border: 1px solid var(--c-line); border-radius: var(--radius-s); background: var(--c-white); color: var(--c-ink); font-size: 15px; text-align: start; cursor: pointer; position: relative; } .safy-pick::after { content: ""; position: absolute; inset-block: 1px; inset-inline-end: 1px; width: 44px; border-inline-start: 1px solid var(--c-line); border-start-end-radius: 7px; border-end-end-radius: 7px; background: var(--i) center / 18px no-repeat, var(--c-bg-soft); } .safy-pick[data-kind="date"] { --i: var(--cg-calendar); } .safy-pick[data-kind="time"] { --i: var(--cg-clock); } .safy-pick:hover, .safy-pick[aria-expanded="true"], .safy-pick:focus-visible { border-color: var(--c-primary); outline: 0; box-shadow: 0 0 0 3px rgba(227, 35, 104, .12); } .safy-pick .safy-pick__ph { color: #8a8095; } .safy-pop { position: absolute; z-index: 20; inset-inline: 0; top: calc(100% + 6px); box-sizing: border-box; padding: 8px; border: 1px solid var(--c-line); border-radius: 12px; background: var(--c-white); box-shadow: var(--shadow-pop); } .safy-pop[hidden] { display: none; } .safy-pop--cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; max-height: 320px; overflow-y: auto; padding: 12px; } .safy-pop--days { grid-template-columns: repeat(4, minmax(0, 1fr)); } .safy-card { box-sizing: border-box; display: grid; place-items: center; gap: 2px; min-height: 48px; padding: 8px 6px; border: 1px solid var(--c-line); border-radius: var(--radius-s); background: var(--c-white); color: var(--c-ink); font-size: 15px; line-height: 1.3; text-align: center; cursor: pointer; transition: border-color .2s, background .2s; } .safy-card b { font-size: 15px; font-weight: 700; } .safy-card--day { min-height: 76px; } .safy-card--day b { font-size: 22px; } .safy-card__top { font-size: 13px; font-weight: 700; color: var(--c-text-muted); } .safy-card__sub { font-size: 12px; color: var(--c-text-muted); } .safy-card:hover:not(:disabled), .safy-card:focus-visible { border-color: var(--c-primary); background: var(--c-white); color: var(--c-primary); outline: 0; } .safy-card:hover:not(:disabled) .safy-card__top, .safy-card:hover:not(:disabled) .safy-card__sub { color: var(--c-primary); } .safy-card[aria-selected="true"] { border-color: var(--c-primary); background: linear-gradient(135deg, var(--c-tint-purple), var(--c-tint-pink)); color: var(--c-primary); } .safy-card[aria-selected="true"] .safy-card__top, .safy-card[aria-selected="true"] .safy-card__sub { color: var(--c-primary); } .safy-card:disabled, .safy-card:disabled:hover { border-color: var(--c-line); background: var(--c-bg-soft); color: #b3a9ba; cursor: not-allowed; } .safy-pop__note { grid-column: 1 / -1; margin: 0; padding: 10px 12px; border-radius: var(--radius-s); background: linear-gradient(to right, var(--c-tint-purple), var(--c-tint-pink)); font-size: 13px; color: var(--c-ink); text-align: center; } @media (max-width: 767px) { .safy-pop--cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } .safy-pop--days { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding: 8px; } } #ocsc-delivery-area-field { --i: var(--cg-pin); } .safy-checkout .ocsc-branch-location { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-top: 12px; padding: 12px 14px; border-radius: var(--radius-s); background: linear-gradient(to right, var(--c-tint-purple), var(--c-tint-pink)); font-size: 14px; color: var(--c-ink); line-height: 1.6; } .safy-checkout .ocsc-branch-location[hidden] { display: none; } .safy-checkout .ocsc-branch-location__map { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 16px; border: 1.5px solid var(--c-primary); border-radius: var(--radius-s); background: var(--c-white); color: var(--c-primary); font-weight: 700; text-decoration: none; } .safy-checkout .ocsc-branch-location__map::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--pin-mask) center/contain no-repeat; mask: var(--pin-mask) center/contain no-repeat; } .safy-checkout .ocsc-branch-location__map:hover { background: var(--c-tint-pink); color: var(--c-primary); } .safy-checkout .ocsc-branch-location__map[hidden] { display: none; } :root { --pin-mask: var(--ico-pin); } .safy-co-grid > #ocsc-delivery-area-field { flex-basis: 100%; } .safy-checkout .ocsc-area-notice { margin: 0; padding: 12px 14px; border-radius: var(--radius-s); background: linear-gradient(to right, var(--c-tint-purple), var(--c-tint-pink)); font-size: 14px; font-weight: 500; line-height: 1.7; color: var(--c-ink); } .safy-checkout .ocsc-area-notice[hidden] { display: none; } .safy-co-grid > .ocsc-area-notice { flex-basis: 100%; } .safy-checkout #ocsc-checkout-section .ocsc-field > input, .safy-checkout #ocsc-checkout-section .ocsc-field > textarea, .safy-checkout #ocsc-checkout-section .ocsc-field > select { display: block; } .safy-checkout #ocsc-checkout-section .ocsc-textarea { vertical-align: top; resize: none; } .safy-checkout .woocommerce-terms-and-conditions-wrapper { margin: 0 0 16px; } .safy-checkout .woocommerce-terms-and-conditions-wrapper, .safy-checkout .form-row.validate-required:has(#terms) { margin: 0 0 16px; padding: 0; } .safy-checkout .form-row:has(#terms) label.woocommerce-form__label-for-checkbox { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 15px; line-height: 1.8; color: var(--c-ink); } .safy-checkout .form-row:has(#terms) input[type="checkbox"] { -webkit-appearance: none; appearance: none; flex: none; width: 20px !important; height: 20px !important; min-width: 20px; margin: 0; border: 1.5px solid var(--c-line); border-radius: 5px; background: var(--c-white); cursor: pointer; } .safy-checkout .form-row:has(#terms) input[type="checkbox"]:checked { border-color: transparent; background: var(--co-check) center / 13px no-repeat, var(--grad-brand); } .safy-checkout .form-row:has(#terms) a { color: var(--c-primary); font-weight: 700; text-decoration: none; } .safy-checkout .form-row:has(#terms) .required { color: var(--c-primary); text-decoration: none; }
:is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-order { display: grid; grid-template-columns: minmax(0, 1fr) 340px; grid-template-areas: "ok ok" "info info" "details wa" "cust wa"; gap: 18px 28px; align-items: start; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-thankyou-order-received { grid-area: ok; display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; column-gap: 16px; row-gap: 2px; box-sizing: border-box; margin: 0; padding: 22px 24px; border: 1px solid var(--c-line); border-radius: var(--radius-l); background: linear-gradient(135deg, var(--c-tint-purple), var(--c-tint-pink)); box-shadow: var(--shadow-card); font-size: 22px; font-weight: 700; line-height: 1.5; color: var(--c-ink); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-thankyou-order-received::before { content: ""; grid-row: 1 / span 2; width: 52px; height: 52px; border-radius: 50%; background: var(--co-check) center / 26px no-repeat, var(--grad-brand); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-thankyou-order-received::after { content: "سنتواصل معك لتأكيد الطلب قبل التجهيز"; font-size: 15px; font-weight: 400; color: var(--c-text-muted); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview { grid-area: info; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; border: 0; list-style: none; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li { grid-column: span 2; min-width: 0; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li:nth-child(n+4) { grid-column: span 3; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li:nth-child(4):last-child { grid-column: 1 / -1; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li strong { overflow-wrap: anywhere; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li.email strong { direction: ltr; text-align: start; font-size: 16px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview::before, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview::after { content: none; display: none; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li { box-sizing: border-box; display: flex; flex-direction: column; gap: 4px; float: none; margin: 0; padding: 16px 18px; border: 1px solid var(--c-line); border-radius: var(--radius-m); background: var(--c-white); box-shadow: var(--shadow-card); font-size: 13px; font-weight: 400; line-height: 1.4; text-transform: none; color: var(--c-text-muted); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li strong { display: block; font-size: 18px; font-weight: 700; color: var(--c-ink); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li.total strong, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li.total strong * { color: var(--c-primary); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li::before, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li::after { content: none; display: none; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-order > p:not(.woocommerce-thankyou-order-received) { display: none; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-order-details, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-customer-details { box-sizing: border-box; margin: 0; padding: 22px 24px; border: 1px solid var(--c-line); border-radius: var(--radius-l); background: var(--c-white); box-shadow: var(--shadow-card); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-order-details { grid-area: details; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-customer-details { grid-area: cust; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-order-details__title, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-column__title { margin: 0 0 14px; font-size: 18px; font-weight: 700; color: var(--c-ink); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details { display: block; width: 100%; margin: 0; border: 0; border-collapse: separate; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details thead { display: none; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tbody, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tfoot { display: block; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tr { display: flex; align-items: center; justify-content: space-between; gap: 12px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details th, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details td { padding: 0; border: 0; background: none; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) tr.order_item { align-items: flex-start; padding: 12px 0; border-bottom: 1px dashed var(--c-line); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-name { display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 12px; flex: 1; min-width: 0; font-size: 15px; font-weight: 700; line-height: 1.5; color: var(--c-ink); text-align: start; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-name a { color: var(--c-ink); text-decoration: none; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-total { flex: none; font-weight: 700; color: var(--c-primary); white-space: nowrap; text-align: left; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-total * { color: var(--c-primary) !important; font-weight: 700 !important; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tfoot tr { padding: 12px 0; border-bottom: 1px dashed var(--c-line); font-size: 15px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tfoot th { font-weight: 400; color: var(--c-text-muted); text-align: start; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tfoot td { font-weight: 500; text-align: left; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tfoot tr:last-child { border-bottom: 0; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tfoot tr:nth-last-child(2) th { font-size: 17px; font-weight: 700; color: var(--c-ink); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tfoot tr:nth-last-child(2) td, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tfoot tr:nth-last-child(2) td * { font-size: 22px !important; font-weight: 700 !important; color: var(--c-primary) !important; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-order-details .order-again, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-order-details > p { display: none; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-customer-details { display: flex; flex-direction: column; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-column__title { order: -2; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .safy-th-list { order: -1; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-customer-details address { margin: 0; padding: 0; border: 0; font-style: normal; font-size: 15px; line-height: 1.9; color: var(--c-ink); text-align: start; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-customer-details--phone, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-customer-details--email { margin: 0; padding: 0; font-size: 15px; line-height: 1.9; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-customer-details--phone::before { content: none; } .safy-th-list { display: grid; gap: 8px; margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px dashed var(--c-line); list-style: none; } .safy-th-list li { display: flex; gap: 8px; align-items: baseline; margin: 0; font-size: 15px; color: var(--c-ink); } .safy-th-list li span { flex: none; min-width: 96px; color: var(--c-text-muted); } .safy-th-list li b { font-weight: 700; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .ocsc-whatsapp-confirmation { grid-area: wa; position: sticky; top: 20px; box-sizing: border-box !important; margin: 0 !important; padding: 22px 24px !important; border: 1px solid var(--c-line) !important; border-radius: var(--radius-l) !important; background: var(--c-white) !important; box-shadow: var(--shadow-card); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .ocsc-whatsapp-confirmation h2 { margin: 0 0 8px !important; font-size: 18px !important; font-weight: 700; color: var(--c-ink); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .ocsc-whatsapp-confirmation p { margin: 0 0 16px !important; font-size: 14px; line-height: 1.8 !important; color: var(--c-text-muted); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .ocsc-whatsapp-confirmation a.button { box-sizing: border-box; display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 52px; padding: 0 16px; border: 1.5px solid var(--c-whatsapp) !important; border-radius: 10px; background: var(--c-white) !important; color: #1c9c4d !important; font-size: 16px; font-weight: 700; text-decoration: none; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .ocsc-whatsapp-confirmation a.button::before { content: ""; flex: none; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--ico-whatsapp) center/contain no-repeat; mask: var(--ico-whatsapp) center/contain no-repeat; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .ocsc-whatsapp-confirmation a.button:hover { background: rgba(37, 211, 102, .12) !important; color: #1c9c4d !important; } @media (max-width: 1024px) { :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-order { grid-template-columns: minmax(0, 1fr); grid-template-areas: "ok" "info" "wa" "details" "cust"; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .ocsc-whatsapp-confirmation { position: static; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-thankyou-order-received { font-size: 19px; padding: 18px 16px; column-gap: 12px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-thankyou-order-received::after { font-size: 14px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-order-details, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-customer-details, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .ocsc-whatsapp-confirmation { padding: 18px 16px !important; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li { padding: 12px 14px; } } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-customer-details address, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-customer-details > p { display: none; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .safy-th-list { margin: 0; padding: 0; border: 0; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .safy-th-list li { align-items: flex-start; padding: 10px 0; border-bottom: 1px dashed var(--c-line); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .safy-th-list li:last-child { border-bottom: 0; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .safy-th-list li span { min-width: 120px; font-size: 15px; font-weight: 400; color: var(--c-text-muted); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .safy-th-list li b { flex: 1; min-width: 0; font-size: 15px; font-weight: 500; color: var(--c-ink); overflow-wrap: anywhere; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .ocsc-whatsapp-confirmation a.button { border-color: #1c9c4d !important; background: #1c9c4d !important; color: var(--c-white) !important; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .ocsc-whatsapp-confirmation a.button:hover { background: #1c9c4d !important; border-color: #1c9c4d !important; color: var(--c-white) !important; filter: brightness(.93); } @media (max-width: 767px) { :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li:nth-child(n+4) { grid-column: auto; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li.email { grid-column: 1 / -1; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li strong { font-size: 15px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li.email strong { font-size: 14px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .safy-th-list li { flex-wrap: wrap; gap: 2px 8px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .safy-th-list li span { min-width: 90px; font-size: 14px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .safy-th-list li b { font-size: 14px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-name { font-size: 14px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-order-details__title, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-column__title { font-size: 17px; } } @media (max-width: 767px) { :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) ul.woocommerce-order-overview li:nth-child(4):last-child { grid-column: auto; } } @media (max-width: 767px) { :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-thankyou-order-received { grid-template-columns: 36px minmax(0, 1fr); } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .woocommerce-thankyou-order-received::before { width: 36px; height: 36px; background-size: 18px, auto; } } @media (max-width: 767px) { :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) tr.order_item { flex-direction: column; align-items: stretch; gap: 8px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-name { grid-template-columns: 52px minmax(0, 1fr); row-gap: 6px; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-name .safy-co-thumb { grid-column: 1; grid-row: 1; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-name .safy-co-name { grid-column: 2; grid-row: 1; align-self: center; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-name .safy-co-qty { grid-column: 1 / -1; grid-row: 2; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-name ul.wc-item-meta, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-name dl.variation { grid-column: 1 / -1; grid-row: 3; display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 14px; font-weight: 400; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-name .wc-item-meta li { display: flex; flex-wrap: wrap; gap: 0 6px; margin: 0; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-name .wc-item-meta li p { display: inline; margin: 0; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-name .wc-item-meta strong { font-weight: 700; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) td.product-total { text-align: left; } } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) .safy-th-list li b.safy-ltr { direction: ltr; unicode-bidi: isolate; text-align: right; } @media (max-width: 767px) { } @media (max-width: 767px) { :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tr.order_item { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; column-gap: 12px; row-gap: 8px; align-items: center; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tr.order_item td.product-name { display: contents; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tr.order_item .safy-co-thumb { grid-column: 1; grid-row: 1; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tr.order_item .safy-co-name { grid-column: 2 / -1; grid-row: 1; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tr.order_item ul.wc-item-meta, :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tr.order_item dl.variation { grid-column: 1 / -1; grid-row: 2; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tr.order_item .safy-co-qty { grid-column: 1 / 3; grid-row: 3; } :is(.woocommerce-order-received .safy-checkout, .elementor-element.safy-account .woocommerce-MyAccount-content) table.woocommerce-table--order-details tr.order_item td.product-total { grid-column: 3; grid-row: 3; width: auto; } }
.safy-home, .safy-home .e-con { padding: 0; gap: 0; } .safy-home { display: block; width: 100%; } .safy-home * { font-family: Tajawal, sans-serif; } .safy-home .elementor-widget-container { padding: 0; margin: 0; } .safy-home .elementor-icon { line-height: 1; } .safy-home .elementor-widget-text-editor, .safy-home .elementor-icon-list-text { line-height: 1.7; } .safy-home .e-con::before, .safy-home .e-con::after, .safy-home.e-con::before, .safy-home.e-con::after { content: none; position: static; inset: auto; width: auto; height: auto; opacity: 1; background: none; transition: none; } .elementor-element.e-con.safy-hm-btn, .elementor-element.e-con.safy-hm-btn__text, .elementor-element.e-con.safy-hm-cta, .elementor-element.e-con.safy-hm-step__btns, .elementor-element.e-con.safy-hm-band__text, .elementor-element.e-con.safy-hm-offer__text, .elementor-element.e-con.safy-hm-step__text { --width: auto; width: auto; } .elementor-element.safy-hm-sec { display: block; width: min(100% - 2 * var(--gutter), var(--container)); margin: var(--section-pad) auto 0; } .safy-hm-h .elementor-heading-title { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 0 0 32px; font-size: 24px; font-weight: 800; line-height: 1.7; color: var(--c-ink) !important; } .safy-hm-h .elementor-heading-title::before, .safy-hm-h .elementor-heading-title::after { content: ""; flex: 1; max-width: 240px; height: 1px; background: linear-gradient(to left, var(--c-primary), transparent); } .safy-hm-h .elementor-heading-title::after { background: linear-gradient(to right, var(--c-primary), transparent); } .safy-hm-h .elementor-heading-title span { display: inline-flex; align-items: center; gap: 12px; } .safy-hm-h .elementor-heading-title span::before, .safy-hm-h .elementor-heading-title span::after { content: ""; width: 28px; height: 28px; background: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/heart-right.webp") center / contain no-repeat; } .safy-hm-pill .elementor-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 32px; border: 0; border-radius: var(--radius-pill); background: var(--grad-brand-deep); color: var(--c-white); font-size: 16px; font-weight: 700; line-height: 1; } .safy-hm-pill .elementor-button:hover, .safy-hm-pill .elementor-button:focus-visible { background: var(--grad-brand-deep); color: var(--c-white); filter: brightness(.92); } .safy-hm-pill--sm .elementor-button { min-height: 40px; padding: 0 24px; background: var(--c-primary); font-size: 15px; } .safy-hm-pill--sm .elementor-button:hover, .safy-hm-pill--sm .elementor-button:focus-visible { background: var(--c-primary); } .safy-hm-pill .elementor-button-icon { margin: 0; } .elementor-element.safy-hm-btn { display: flex; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; justify-content: center; gap: 16px; min-width: 240px; min-height: 64px; padding: 0 24px; border-radius: var(--radius-m); color: var(--c-white); text-decoration: none; cursor: pointer; } .elementor-element.safy-hm-btn--wa, .elementor-element.safy-hm-btn--wa:hover { background: #1c9c4d; } .elementor-element.safy-hm-btn--call, .elementor-element.safy-hm-btn--call:hover { background: #0f5aa8; } .elementor-element.safy-hm-btn:hover { filter: brightness(.92); } .safy-hm-btn > .elementor-widget { flex: 0 0 auto; } .safy-hm-btn .elementor-icon, .safy-hm-btn .elementor-icon i { color: var(--c-white) !important; font-size: 32px; } .safy-hm-btn .elementor-icon svg { width: 32px; height: 32px; fill: var(--c-white) !important; } .elementor-element.safy-hm-btn__text { display: grid; gap: 2px; flex: 0 0 auto; text-align: center; } .safy-hm-btn__text .elementor-widget { text-align: center; } .safy-hm-btn__text .elementor-heading-title { margin: 0; font-size: 20px; font-weight: 800; line-height: 1.2; color: var(--c-white) !important; } .safy-hm-btn__text p, .safy-hm-btn__text .elementor-widget-container { margin: 0; text-align: center; font-size: 15px; font-weight: 700; line-height: 1.2; color: var(--c-white) !important; } .safy-hm-btn__text .safy-phone-ltr, .safy-hm-btn__text .safy-phone-ltr * { direction: ltr; unicode-bidi: isolate; text-align: center; color: var(--c-white) !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; } .safy-hm-checks .elementor-icon-list-icon, .safy-hm-strip .elementor-icon-list-icon { display: inline-grid; place-items: center; padding: 0; text-align: center; line-height: 1; border-radius: 50%; } .safy-hm-checks .elementor-icon-list-icon i, .safy-hm-strip .elementor-icon-list-icon i, .safy-hm-badge .elementor-icon-list-icon i { display: block; position: static; inset: auto; margin: 0; line-height: 1; } .safy-hm-checks .elementor-icon-list-icon svg, .safy-hm-strip .elementor-icon-list-icon svg, .safy-hm-badge .elementor-icon-list-icon svg { display: block; position: static; inset: auto; margin: 0 !important; } .elementor-element.safy-hm-hero { position: relative; display: grid; align-items: center; justify-content: stretch; grid-template-columns: minmax(0, 1fr); min-height: 560px; padding: 48px 0; background: var(--c-bg-soft) url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/hero-section05.webp") left center / cover no-repeat; overflow: hidden; } .elementor-element.safy-hm-hero__body { width: min(100% - 2 * var(--gutter), var(--container)); margin-inline: auto; display: grid; justify-items: center; gap: 16px; padding-inline-end: 46%; text-align: center; } .safy-hm-kicker p { margin: 0; font-size: 26px; font-weight: 700; line-height: 1.6; color: var(--c-ink); } .safy-hm-title .elementor-heading-title { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0; font-size: 44px; font-weight: 800; line-height: 1.2; color: var(--c-primary) !important; } .safy-hm-title .elementor-heading-title::before, .safy-hm-title .elementor-heading-title::after { content: ""; width: 34px; height: 34px; background: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/heart-right.webp") center / contain no-repeat; } .safy-hm-title .elementor-heading-title::after { background-image: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/heart-left.webp"); } .safy-hm-lead p { margin: 0; font-size: 24px; font-weight: 700; line-height: 1.5; color: var(--c-ink); } .safy-hm-checks .elementor-icon-list-items { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; margin: 0; padding: 0; list-style: none; } .safy-hm-checks .elementor-icon-list-item { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 0; font-size: 15px; font-weight: 500; color: var(--c-ink); } .safy-hm-checks .elementor-icon-list-icon { width: 20px; height: 20px; background: #1c9c4d; } .safy-hm-checks .elementor-icon-list-icon i { font-size: 11px; color: var(--c-white); } .safy-hm-checks .elementor-icon-list-icon svg { width: 13px; height: 13px; color: var(--c-white); } .safy-hm-checks .elementor-icon-list-text, .safy-hm-badge .elementor-icon-list-text { color: var(--c-ink); } .elementor-element.safy-hm-cta { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 16px; } .safy-hm-badge .elementor-icon-list-items { margin: 0; padding: 0; list-style: none; } .safy-hm-badge .elementor-icon-list-item { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 8px 16px; border: 1.5px dashed var(--c-primary); border-radius: var(--radius-s); background: var(--c-white); font-size: 15px; font-weight: 700; color: var(--c-ink); } .safy-hm-badge .elementor-icon-list-icon i { font-size: 16px; color: var(--c-primary); } .safy-hm-badge .elementor-icon-list-icon svg { width: 16px; height: 16px; fill: var(--c-primary); color: var(--c-primary); } .elementor-element.safy-hm-trust { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); width: min(100% - 2 * var(--gutter), var(--container)); margin: -56px auto 0; border-radius: var(--radius-l); background: var(--c-white); box-shadow: var(--shadow-card); } .elementor-element.safy-hm-trust__i { display: grid; justify-items: center; align-content: start; gap: 12px; padding: 24px 16px; text-align: center; border-inline-start: 1px solid var(--c-line); } .elementor-element.safy-hm-trust__i:first-child { border-inline-start: 0; } .elementor-element.safy-hm-trust__i::before { content: ""; display: block; width: 64px; height: 64px; background: var(--ti) center / contain no-repeat; } .safy-hm-trust__i p { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.6; color: var(--c-ink); } .safy-hm-trust__i:nth-child(1) { --ti: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/Layer-1.svg"); } .safy-hm-trust__i:nth-child(2) { --ti: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/woman.svg"); } .safy-hm-trust__i:nth-child(3) { --ti: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/natural.svg"); } .safy-hm-trust__i:nth-child(4) { --ti: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/home.svg"); } .safy-hm-trust__i:nth-child(5) { --ti: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/dishes.svg"); } .elementor .elementor-element.safy-hm-catgrid ul.products { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px !important; margin: 0; padding: 0; list-style: none; } .elementor .elementor-element.safy-hm-catgrid ul.products::before, .elementor .elementor-element.safy-hm-catgrid ul.products::after { display: none; } .elementor .elementor-element.safy-hm-catgrid ul.products li.product-category { position: relative; float: none; width: auto !important; margin: 0 !important; padding: 0; overflow: hidden; border-radius: var(--radius-l); aspect-ratio: 3 / 4; background: var(--c-bg-soft); box-shadow: var(--shadow-card); } .safy-hm-catgrid li.product-category a { position: absolute; inset: 0; display: block; text-decoration: none; } .safy-hm-catgrid li.product-category img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; aspect-ratio: auto; object-fit: cover; } .safy-hm-catgrid li.product-category .woocommerce-loop-category__title { position: absolute; inset-inline: 0; bottom: 0; display: grid; place-items: center; min-height: 48px; margin: 0; padding: 8px 12px; background: var(--grad-brand-deep); color: var(--c-white); font-size: 18px; font-weight: 800; line-height: 1.5; text-align: center; } .safy-hm-catgrid li.product-category .count { display: none; } .safy-hm-catgrid li.product-category:hover .woocommerce-loop-category__title { filter: brightness(1.12); } .elementor-element.safy-hm-more { display: flex; justify-content: center; margin-top: 32px; } .elementor .elementor-element.safy-hm-best ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px !important; } .elementor .elementor-element.safy-hm-best ul.products li.product { margin: 0 !important; width: auto !important; } .elementor-element.safy-hm-best .woocommerce { display: block; } .elementor-element.safy-hm-offers { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; min-height: 304px; padding: 24px var(--gutter); margin-top: var(--section-pad); background: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/bg03-copy-scaled.webp") left top / cover no-repeat; } .elementor-element.safy-hm-offers__body { width: min(100%, 964px); display: block; } .elementor-element.safy-hm-offers__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .elementor-element.safy-hm-offer { display: grid; grid-template-columns: minmax(0, 1fr) 132px; align-items: center; justify-items: center; gap: 10px; min-height: 209px; padding: 10px; border-radius: 22px; background: #FCF5F7; text-align: center; } .elementor-element.safy-hm-offer--text { grid-template-columns: 1fr; } .elementor-element.safy-hm-offer__text { display: grid; justify-items: center; gap: 12px; } .elementor-element.safy-hm-offer .elementor-widget-image { order: 2; } .safy-hm-offer img { display: block; width: 132px; height: 189px; object-fit: cover; border-radius: 12px; } .safy-hm-offer__text .elementor-heading-title { margin: 0; font-size: 17px; font-weight: 800; line-height: 1.5; color: var(--c-ink) !important; } .safy-hm-offer__text p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--c-text-muted); } .elementor-element.safy-hm-lower { position: relative; isolation: isolate; overflow: hidden; display: block; margin-top: var(--section-pad); } .elementor-element.safy-hm-lower::before { content: ""; position: absolute; z-index: -1; top: 0; left: -35px; bottom: -35px; width: 230px; height: auto; background: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/leafs.webp") 0 100% / contain no-repeat; filter: blur(3px); opacity: .7; } .elementor-element.safy-hm-steps { display: block; width: min(100% - 2 * var(--gutter), var(--container)); margin: 0 auto; } .elementor-element.safy-hm-steps .safy-hm-h .elementor-heading-title { margin-bottom: 20px; } .elementor-element.safy-hm-steps__row { display: flex; flex-direction: row; align-items: stretch; justify-content: center; gap: 0; } .elementor-element.safy-hm-step { position: relative; display: grid; justify-items: center; align-content: center; gap: 2px; flex: none; width: 335px; height: 150px; padding: 10px; border-radius: 22px; background: #FCF5F7; text-align: center; } .elementor-element.safy-hm-step--last { display: flex; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; justify-content: center; gap: 12px; } .elementor-element.safy-hm-step--last::before { content: ""; display: block; flex: none; width: 80px; height: 68px; background: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/delivery.webp") center / contain no-repeat; } .elementor-element.safy-hm-step__text { display: grid; gap: 2px; text-align: center; } .safy-hm-num .elementor-heading-title { display: grid; place-items: center; width: 36px; height: 36px; margin: 0; border-radius: 50%; background: var(--c-primary); color: var(--c-white) !important; font-size: 16px; font-weight: 800; line-height: 1; } .safy-hm-step .elementor-heading-title { margin: 0; font-size: 19px; font-weight: 800; line-height: 1.3; color: var(--c-ink); } .safy-hm-step__sub p { margin: 0; font-size: 14px; line-height: 1.4; color: var(--c-text-muted); } .elementor-element.safy-hm-arrow { align-self: center; flex: none; width: 50px; height: 14px; background: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/arowa.png") center / 100% auto no-repeat; } .elementor-element.safy-hm-step__btns { display: flex; flex-direction: row !important; justify-content: center; gap: 8px; margin-top: 4px; } .safy-hm-round { display: block; } .safy-hm-round .elementor-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: var(--c-white) !important; font-size: 20px; } .safy-hm-round--wa .elementor-icon { background: #1c9c4d; } .safy-hm-round--call .elementor-icon { background: #0f5aa8; } .safy-hm-round .elementor-icon i { color: var(--c-white) !important; } .safy-hm-round .elementor-icon svg { width: 20px; height: 20px; fill: var(--c-white) !important; } .safy-hm-round .elementor-icon:hover { color: var(--c-white); filter: brightness(.92); } .elementor-element.safy-hm-band { --edge: max(var(--gutter), calc((100% - var(--container)) / 2)); display: block; width: 100%; margin-top: 48px; } .elementor-element.safy-hm-band__card { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; min-height: 112px; padding: 24px var(--edge); padding-inline-start: 260px; background: var(--c-bg-soft); } .elementor-element.safy-hm-band__card::after { content: ""; display: block; position: absolute; inset-inline-start: 0; bottom: -8px; z-index: 1; width: 240px; height: 190px; background: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/basket.webp") center bottom / contain no-repeat; pointer-events: none; } .elementor-element.safy-hm-band__text { display: flex; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 16px; } .elementor-element.safy-hm-band__text::before { content: ""; display: block; flex: none; width: 46px; height: 46px; background: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/heart-left.webp") center / contain no-repeat; } .safy-hm-band__title .elementor-heading-title { margin: 0 0 4px; font-size: 24px; font-weight: 800; line-height: 1.7; color: var(--c-ink) !important; } .safy-hm-band__sub p { margin: 0; font-size: 15px; line-height: 1.7; color: var(--c-text-muted); white-space: nowrap; } .elementor-element.safy-hm-band .safy-hm-btn { flex: 0 1 300px; min-width: 0; min-height: 64px; } .elementor-element.safy-hm-strip { padding: 16px var(--edge); background: var(--c-primary); } .safy-hm-strip .elementor-icon-list-items { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 32px; margin: 0; padding: 0; list-style: none; } .safy-hm-strip .elementor-icon-list-item { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 0; font-size: 15px; line-height: 1.7; font-weight: 700; color: var(--c-white); } .safy-hm-strip .elementor-icon-list-icon { width: 22px; height: 22px; background: var(--c-white); } .safy-hm-strip .elementor-icon-list-icon i { font-size: 11px; color: var(--c-primary) !important; } .safy-hm-strip .elementor-icon-list-icon svg { width: 14px; height: 14px; color: var(--c-primary); } .safy-hm-strip .elementor-icon-list-text { color: var(--c-white); } @media (max-width: 1200px) { .elementor-element.safy-hm-step { flex: 1; width: auto; } } @media (max-width: 1024px) { .safy-hm-title .elementor-heading-title { font-size: 36px; } .elementor-element.safy-hm-trust { grid-template-columns: repeat(3, minmax(0, 1fr)); } .elementor-element.safy-hm-trust__i:nth-child(4) { border-inline-start: 0; } .elementor .elementor-element.safy-hm-catgrid ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } .elementor .elementor-element.safy-hm-best ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } .elementor-element.safy-hm-offers { padding-top: 264px; background-size: auto 240px; background-position: left top; } .elementor-element.safy-hm-offers__body { width: 100%; } .elementor-element.safy-hm-band__card { flex-wrap: wrap; padding-inline: var(--edge); } .elementor-element.safy-hm-band__card::after { display: none; } .elementor-element.e-con.safy-hm-band__text { order: -1; flex: 1 1 100%; justify-content: center; } .safy-hm-band__sub p { white-space: normal; } .elementor-element.safy-hm-band .safy-hm-btn { flex: 1 1 240px; } } @media (min-width: 768px) and (max-width: 1024px) { .elementor-element.safy-hm-trust { grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: -40px; } .elementor-element.safy-hm-trust__i { grid-column: span 2; border-inline-start: 1px solid var(--c-line); } .elementor-element.safy-hm-trust__i:nth-child(n+4) { grid-column: span 3; border-top: 1px solid var(--c-line); } .elementor-element.safy-hm-trust__i:nth-child(1), .elementor-element.safy-hm-trust__i:nth-child(4) { border-inline-start: 0; } .elementor-element.safy-hm-trust__i:nth-child(-n+3) { border-top: 0; } } @media (max-width: 900px) { .elementor-element.safy-hm-hero { min-height: 0; padding: 220px 0 32px; background: linear-gradient(to bottom, var(--c-white), var(--c-bg-soft)); align-items: start; } .elementor-element.safy-hm-hero::before { content: ""; display: block; position: absolute; inset: 0 0 auto; width: 100%; height: 200px; background: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/hero-mahshi.webp") center / cover no-repeat; } .elementor-element.safy-hm-hero__body { padding-inline-end: 0; gap: 12px; } .elementor-element.safy-hm-steps__row { flex-direction: column; align-items: stretch; gap: 16px; } .elementor-element.safy-hm-step { width: auto; height: auto; min-height: 0; padding: 20px 16px; gap: 6px; } .elementor-element.safy-hm-arrow { display: none; } } @media (min-width: 768px) and (max-width: 900px) { .elementor-element.safy-hm-offers__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .elementor-element.safy-hm-offer--text { grid-column: 1 / -1; } } @media (max-width: 767px) { .safy-hm-kicker p { font-size: 22px; } .safy-hm-title .elementor-heading-title { font-size: 32px; } .safy-hm-lead p { font-size: 20px; } .elementor-element.e-con.safy-hm-cta { width: 100%; flex-direction: column; } .elementor-element.e-con.safy-hm-btn { width: 100%; min-width: 0; flex-direction: row; min-height: 56px; max-width: 340px; margin-inline: auto; padding: 0 16px; gap: 12px; } .safy-hm-btn .elementor-icon, .safy-hm-btn .elementor-icon i { font-size: 24px !important; } .safy-hm-btn .elementor-icon svg { width: 24px; height: 24px; } .safy-hm-btn__text .elementor-heading-title { font-size: 17px; } .safy-hm-btn__text p, .safy-hm-btn__text .elementor-widget-container, .safy-hm-btn__text .safy-phone-ltr, .safy-hm-btn__text .safy-phone-ltr * { font-size: 14px !important; } .elementor-element.safy-hm-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: -24px; } .elementor-element.safy-hm-trust__i:nth-child(odd) { border-inline-start: 0; } .elementor-element.safy-hm-trust__i:nth-child(4) { border-inline-start: 1px solid var(--c-line); } .elementor-element.safy-hm-trust__i:last-child { grid-column: 1 / -1; border-inline-start: 0; border-top: 1px solid var(--c-line); } .safy-hm-h .elementor-heading-title { justify-content: center; text-align: center; font-size: 18px; gap: 6px; margin-bottom: 20px; } .safy-hm-h .elementor-heading-title::before, .safy-hm-h .elementor-heading-title::after { display: none; } .safy-hm-h .elementor-heading-title span { flex-wrap: nowrap; gap: 8px; } .safy-hm-h .elementor-heading-title span::before, .safy-hm-h .elementor-heading-title span::after { width: 22px; height: 22px; flex: none; } .elementor .elementor-element.safy-hm-catgrid ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } .elementor .elementor-element.safy-hm-catgrid ul.products li.product-category:last-child { grid-column: 1 / -1; aspect-ratio: 16 / 9; } .elementor .elementor-element.safy-hm-best ul.products { gap: 8px !important; } .elementor-element.safy-hm-offers { background-size: auto 220px; padding-top: 244px; } .elementor-element.safy-hm-offers__cards { grid-template-columns: 1fr; } .elementor-element.safy-hm-offer { grid-template-columns: minmax(0, 1fr) 96px; min-height: 0; } .elementor-element.safy-hm-offer--text { grid-template-columns: 1fr; } .safy-hm-offer img { width: 96px; height: 120px; } .safy-hm-num .elementor-heading-title { width: 40px; height: 40px; font-size: 18px; } .safy-hm-step .elementor-heading-title { font-size: 20px; line-height: 1.4; } .safy-hm-step__sub p { font-size: 15px; line-height: 1.6; } .elementor-element.safy-hm-step__btns { gap: 12px; margin-top: 8px; } .elementor-element.safy-hm-step--last::before { width: 72px; height: 62px; } .elementor-element.safy-hm-band__card { flex-direction: column; align-items: stretch; gap: 16px; padding: 24px 16px; } .elementor-element.e-con.safy-hm-band__text { order: -1; flex-direction: column !important; justify-content: center; align-items: center; gap: 8px; text-align: center; } .elementor-element.safy-hm-band__text::before { width: 40px; height: 40px; } .safy-hm-band__title .elementor-heading-title { margin: 0; font-size: 22px; line-height: 1.5; text-align: center; } .safy-hm-band__sub p { text-align: center; white-space: normal; } .elementor-element.safy-hm-band .e-con.safy-hm-btn { flex: none; width: 100%; min-width: 0; min-height: 56px; } .elementor-element.safy-hm-strip { padding: 20px 16px; } .safy-hm-strip .elementor-icon-list-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 8px; } .safy-hm-strip .elementor-icon-list-item { justify-content: center; } }
.elementor-element.safy-account-body { width: min(100% - 2 * var(--gutter), var(--container)); margin: 0 auto; padding: 48px 0 var(--section-pad); } .elementor .elementor-element.safy-account, .elementor .elementor-element.safy-account * { font-family: Tajawal, sans-serif; } .elementor .elementor-element.safy-account .woocommerce { width: 100%; } .elementor .elementor-element.safy-account .woocommerce-notices-wrapper { margin-bottom: 16px; } .elementor .elementor-element.safy-account, .elementor .elementor-element.safy-account .woocommerce-MyAccount-content, .elementor .elementor-element.safy-account .woocommerce-MyAccount-content *, .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation, .elementor .elementor-element.safy-account form, .elementor .elementor-element.safy-account label, .elementor .elementor-element.safy-account p, .elementor .elementor-element.safy-account address { text-align: right; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-content a.button, .elementor .elementor-element.safy-account button.button { text-align: center; } .elementor .elementor-element.safy-account .safy-ltr, .elementor .elementor-element.safy-account input[type=email], .elementor .elementor-element.safy-account input[type=tel] { direction: ltr; text-align: right; } .elementor .elementor-element.safy-account form .form-row { display: block; width: 100%; float: none; margin: 0 0 16px; padding: 0; } .elementor .elementor-element.safy-account form .form-row-first, .elementor .elementor-element.safy-account form .form-row-last { width: 100%; float: none; } .elementor .elementor-element.safy-account label { display: block; margin: 0 0 8px; font-size: 14px; font-weight: 500; color: var(--c-ink); } .elementor .elementor-element.safy-account label .required { color: var(--c-primary); text-decoration: none; } .elementor .elementor-element.safy-account input.input-text, .elementor .elementor-element.safy-account input[type=text], .elementor .elementor-element.safy-account input[type=password], .elementor .elementor-element.safy-account input[type=email], .elementor .elementor-element.safy-account input[type=tel], .elementor .elementor-element.safy-account select, .elementor .elementor-element.safy-account textarea { width: 100%; min-height: 48px; padding: 0 14px; font-size: 15px; box-shadow: none; border: 1px solid var(--c-line) !important; border-radius: var(--radius-s) !important; background: var(--c-white) !important; color: var(--c-ink) !important; } .elementor .elementor-element.safy-account textarea { padding-block: 12px; } .elementor .elementor-element.safy-account input.input-text:focus, .elementor .elementor-element.safy-account input[type=text]:focus, .elementor .elementor-element.safy-account input[type=password]:focus, .elementor .elementor-element.safy-account textarea:focus { outline: 0; box-shadow: 0 0 0 3px rgba(227, 35, 104, .12); border-color: var(--c-primary) !important; } .elementor .elementor-element.safy-account .password-input { display: block; position: relative; } .elementor .elementor-element.safy-account .show-password-input { position: absolute; top: 50%; inset-inline-start: 12px; width: 24px; height: 24px; margin: 0; padding: 0; transform: translateY(-50%); border: 0; background: none; color: var(--c-text-muted); } .elementor .elementor-element.safy-account .show-password-input:hover { background: none; border: 0; color: var(--c-primary); } .elementor .elementor-element.safy-account .woocommerce-form__label-for-checkbox { display: inline-flex; align-items: center; gap: 8px; margin: 0; } .elementor .elementor-element.safy-account input[type=checkbox] { width: 18px; height: 18px; margin: 0; accent-color: var(--c-primary); } .elementor .elementor-element.safy-account .woocommerce-privacy-policy-text p { font-size: 13px; line-height: 1.8; color: var(--c-text-muted); } .elementor .elementor-element.safy-account .woocommerce-privacy-policy-text a, .elementor .elementor-element.safy-account .woocommerce-LostPassword a, .elementor .elementor-element.safy-account .woocommerce-LostPassword a:visited { color: var(--c-primary) !important; text-decoration: none; } .elementor .elementor-element.safy-account .woocommerce-LostPassword { margin: 0; font-size: 14px; } .elementor .elementor-element.safy-account .woocommerce-LostPassword a:hover { text-decoration: underline; } .elementor .elementor-element.safy-account em { font-size: 13px; color: var(--c-text-muted); } .elementor .elementor-element.safy-account fieldset { margin: 0 0 16px; padding: 0; border: 0; } .elementor .elementor-element.safy-account fieldset legend { margin: 0 0 12px; padding: 0; font-size: 16px; font-weight: 700; } .elementor .elementor-element.safy-account form.woocommerce-form-login, .elementor .elementor-element.safy-account form.woocommerce-form-register, .elementor .elementor-element.safy-account form.edit-account, .elementor .elementor-element.safy-account form.woocommerce-EditAccountForm { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0; background: none !important; box-shadow: none !important; } .elementor .elementor-element.safy-account button.button, .elementor .elementor-element.safy-account .woocommerce-button.button, .elementor .elementor-element.safy-account .woocommerce-Button, .elementor .elementor-element.safy-account a.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; font-size: 16px; font-weight: 700; line-height: 1; text-decoration: none; border: 1.5px solid transparent !important; border-radius: var(--radius-s) !important; background: var(--grad-brand) !important; background-origin: border-box !important; color: var(--c-white) !important; } .elementor .elementor-element.safy-account button.button:hover, .elementor .elementor-element.safy-account button.button:focus-visible, .elementor .elementor-element.safy-account .woocommerce-button.button:hover, .elementor .elementor-element.safy-account .woocommerce-Button:hover, .elementor .elementor-element.safy-account a.button:hover { filter: brightness(.93); } .elementor .elementor-element.safy-account table.woocommerce-orders-table a.button { min-height: 38px; padding: 0 16px; font-size: 14px; border-color: var(--c-primary) !important; background: var(--c-white) !important; color: var(--c-primary) !important; } .elementor .elementor-element.safy-account table.woocommerce-orders-table a.button:hover { background: var(--c-tint-pink) !important; filter: none; } .elementor .elementor-element.safy-account #customer_login { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; max-width: 960px; margin: 0 auto; } .elementor .elementor-element.safy-account #customer_login::before, .elementor .elementor-element.safy-account #customer_login::after { content: none; display: none; } .elementor .elementor-element.safy-account #customer_login .u-column1, .elementor .elementor-element.safy-account #customer_login .u-column2 { float: none; width: auto; padding: 32px; border: 1px solid var(--c-line); border-radius: var(--radius-l); background: var(--c-white); box-shadow: var(--shadow-card); } .elementor .elementor-element.safy-account #customer_login .u-column2 { border-color: transparent; background: linear-gradient(135deg, var(--c-tint-purple), var(--c-tint-pink)); } .elementor .elementor-element.safy-account #customer_login h2 { margin: 0 0 16px; font-size: 22px; font-weight: 700; line-height: 1.5; color: var(--c-ink); } .elementor .elementor-element.safy-account form.woocommerce-form-login .form-row:last-of-type { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; } .elementor .elementor-element.safy-account form.woocommerce-form-login button.button, .elementor .elementor-element.safy-account form.woocommerce-form-register button.button { width: 100%; min-height: 52px; } .elementor .elementor-element.safy-account .googlesitekit-sign-in-with-google__frontend-output-button { display: flex; justify-content: center; width: 100%; max-width: none; margin: 0 0 16px; padding-bottom: 16px; border-bottom: 1px solid var(--c-line); } .elementor .elementor-element.safy-account .woocommerce:has(> .woocommerce-MyAccount-navigation) { display: grid !important; grid-template-columns: 280px minmax(0, 1fr) !important; gap: 24px !important; align-items: start; } .elementor .elementor-element.safy-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::before, .elementor .elementor-element.safy-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::after { content: none !important; display: none !important; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation, .elementor .elementor-element.safy-account .woocommerce-MyAccount-content { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation { padding: 16px; border: 1px solid var(--c-line); border-radius: var(--radius-l); background: var(--c-white); box-shadow: var(--shadow-card); } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation ul { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation ul li { margin: 0; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation ul li a { position: relative; display: flex !important; align-items: center; gap: 12px; padding: 8px 10px !important; border: 0 !important; border-radius: 14px !important; background: none !important; box-shadow: none !important; font-size: 15px !important; font-weight: 500 !important; color: var(--c-ink) !important; text-decoration: none; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation li a::before { content: ""; position: relative; z-index: 1; flex: none; width: 20px; height: 20px; margin: 10px; background: var(--c-primary) !important; -webkit-mask: var(--ni) center / contain no-repeat; mask: var(--ni) center / contain no-repeat; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation li a::after { content: ""; position: absolute; inset-inline-start: 10px; top: 50%; z-index: 0; width: 40px; height: 40px; transform: translateY(-50%); border-radius: 12px; background: var(--c-tint-pink); } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation ul li a:hover { background: var(--c-tint-pink) !important; color: var(--c-primary) !important; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation li a:hover::after { background: var(--c-tint-purple); } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation ul li.is-active a, .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation ul li.is-active a:hover { background: var(--grad-brand) !important; background-origin: border-box; color: var(--c-white) !important; font-weight: 700 !important; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation ul li.is-active a:hover { filter: brightness(.95); } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation li.is-active a::after { background: rgba(255, 255, 255, .22); } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation li.is-active a::before { background: var(--c-white) !important; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation-link--dashboard a { --ni: var(--ico-home); } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation-link--orders a { --ni: var(--ico-bag); } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation-link--edit-address a { --ni: var(--ico-pin); } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation-link--edit-account a { --ni: var(--ico-user); } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation-link--customer-logout a { --ni: var(--ico-logout); } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation-link--wpf-delete-account a { --ni: var(--ico-trash); } .elementor .elementor-element.safy-account .woocommerce-MyAccount-content { min-width: 0; padding: 24px; border: 1px solid var(--c-line); border-radius: var(--radius-l); background: var(--c-white); box-shadow: var(--shadow-card); font-size: 15px; line-height: 1.9; color: var(--c-ink); } .elementor .elementor-element.safy-account .woocommerce-MyAccount-content-wrapper { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-content-wrapper > * { grid-column: 1 / -1 !important; grid-area: auto !important; min-width: 0; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-content p { margin: 0 0 12px; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-content a:not(.button) { color: var(--c-primary); } .elementor .elementor-element.safy-account .woocommerce-MyAccount-content h2, .elementor .elementor-element.safy-account .woocommerce-MyAccount-content h3 { margin: 0 0 16px; font-size: 20px; font-weight: 700; color: var(--c-ink); } .elementor .elementor-element.safy-account .e-my-account-tab__view-order .woocommerce-MyAccount-content-wrapper > p { display: none; } .elementor .elementor-element.safy-account .woocommerce-info, .elementor .elementor-element.safy-account .woocommerce-message, .elementor .elementor-element.safy-account .woocommerce-error { position: relative !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; margin: 0 0 16px !important; padding: 16px 52px 16px 16px !important; font-size: 15px !important; line-height: 28px !important; text-align: right; } .elementor .elementor-element.safy-account .woocommerce-info::before, .elementor .elementor-element.safy-account .woocommerce-message::before, .elementor .elementor-element.safy-account .woocommerce-error::before { position: absolute !important; top: 18px !important; right: 16px !important; left: auto !important; display: grid !important; place-items: center !important; width: 24px !important; height: 24px !important; margin: 0 !important; line-height: 1 !important; } .elementor .elementor-element.safy-account .woocommerce-info::after, .elementor .elementor-element.safy-account .woocommerce-message::after, .elementor .elementor-element.safy-account .woocommerce-error::after { content: none !important; display: none !important; } .elementor .elementor-element.safy-account .woocommerce-info a.button, .elementor .elementor-element.safy-account .woocommerce-message a.button, .elementor .elementor-element.safy-account .woocommerce-info button.button { order: 2 !important; align-self: flex-end !important; float: none !important; margin: 0 !important; line-height: 1 !important; } .safy-ostatus { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border-radius: var(--radius-m); background: linear-gradient(135deg, var(--c-tint-purple), var(--c-tint-pink)); } .safy-ostatus--danger { background: linear-gradient(135deg, #FDE4EA, var(--c-tint-pink)); } .safy-ostatus__main { display: grid; gap: 4px; } .safy-ostatus__no { font-size: 20px; font-weight: 800; color: var(--c-ink); } .safy-ostatus__date { font-size: 14px; color: var(--c-text-muted); } .safy-ostatus__pill { padding: 6px 16px; border-radius: var(--radius-pill); background: #FFF1D6; color: #9A6200; font-size: 14px; font-weight: 700; white-space: nowrap; } .safy-ostatus__pill--count { background: var(--c-white); color: var(--c-primary); } .safy-ostatus--completed .safy-ostatus__pill { background: #E4F6EA; color: #1c7a43; } .safy-ostatus--cancelled .safy-ostatus__pill, .safy-ostatus--failed .safy-ostatus__pill, .safy-ostatus--refunded .safy-ostatus__pill { background: #FDE4EA; color: #B0123F; } .elementor .elementor-element.safy-account table.woocommerce-orders-table { width: 100% !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; border-collapse: collapse; } .elementor .elementor-element.safy-account table.woocommerce-orders-table thead th { padding: 14px 16px !important; border: 0 !important; background: linear-gradient(to right, var(--c-tint-purple), var(--c-tint-pink)) !important; font-size: 14px; font-weight: 700; color: var(--c-ink) !important; } .elementor .elementor-element.safy-account table.woocommerce-orders-table thead th:first-child { border-start-start-radius: var(--radius-s); border-end-start-radius: var(--radius-s); } .elementor .elementor-element.safy-account table.woocommerce-orders-table thead th:last-child { border-start-end-radius: var(--radius-s); border-end-end-radius: var(--radius-s); } .elementor .elementor-element.safy-account table.woocommerce-orders-table tbody th, .elementor .elementor-element.safy-account table.woocommerce-orders-table tbody td { padding: 14px 16px !important; border: 0 !important; border-top: 1px solid var(--c-line) !important; background: none !important; font-size: 15px; color: var(--c-ink) !important; } .elementor .elementor-element.safy-account table.woocommerce-orders-table tbody th, .elementor .elementor-element.safy-account table.woocommerce-orders-table tbody td a:not(.button), .elementor .elementor-element.safy-account table.woocommerce-orders-table tbody th a { font-weight: 700; color: var(--c-ink) !important; } .elementor .elementor-element.safy-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-total { font-weight: 700; color: var(--c-primary) !important; } .elementor .elementor-element.safy-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-status { font-weight: 700; } .elementor .elementor-element.safy-account .woocommerce-orders-table__cell-order-number a { display: inline-block; direction: ltr; unicode-bidi: isolate; } .elementor .elementor-element.safy-account .woocommerce-pagination { margin-top: 16px; } .elementor .elementor-element.safy-account table.woocommerce-table--order-details { margin: 0 !important; border: 0 !important; } .elementor .elementor-element.safy-account table.woocommerce-table--order-details th, .elementor .elementor-element.safy-account table.woocommerce-table--order-details td { border: 0 !important; background: none !important; box-shadow: none !important; } .elementor .elementor-element.safy-account table.woocommerce-table--order-details tfoot tr:last-child { justify-content: flex-start !important; gap: 24px; } .elementor .elementor-element.safy-account table.woocommerce-table--order-details tfoot tr:last-child th { min-width: 120px; } .elementor .elementor-element.safy-account table.woocommerce-table--order-details tfoot tr:last-child td { flex: 1; text-align: right; } .elementor .elementor-element.safy-account .safy-ostatus--addr + .safy-addr-grid { margin-top: 16px; } .elementor .elementor-element.safy-account .safy-addr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .elementor .elementor-element.safy-account .safy-addr { padding: 20px; border: 1px solid var(--c-line); border-radius: var(--radius-m); background: var(--c-bg-soft); } .elementor .elementor-element.safy-account .safy-addr h3 { margin: 0 0 8px !important; font-size: 18px !important; } .elementor .elementor-element.safy-account .safy-addr-name { display: flex; gap: 8px; margin-top: 16px; } .elementor .elementor-element.safy-account .safy-addr-name input { flex: 1; min-width: 0; min-height: 40px !important; } .elementor .elementor-element.safy-account .safy-addr-name button.button { min-height: 40px !important; padding: 0 16px !important; font-size: 14px !important; white-space: nowrap; } .elementor .elementor-element.safy-account .wpfda-delete-account-container { margin-top: 16px; padding: 20px; border: 1px solid var(--c-line); border-radius: var(--radius-m); background: var(--c-white); } .elementor .elementor-element.safy-account .wpfda-delete-account-container form { display: grid; gap: 16px; } .elementor .elementor-element.safy-account .wpfda-password-confirm { display: grid; gap: 8px; } .elementor .elementor-element.safy-account .wpfda-password-confirm label { margin: 0; } .elementor .elementor-element.safy-account .wpfda-password-confirm input { direction: ltr; text-align: right; } .elementor .elementor-element.safy-account .wpfda-error { min-height: 0; font-size: 14px; line-height: 1.8; } .elementor .elementor-element.safy-account .wpfda-error:empty, .elementor .elementor-element.safy-account .wpfda-error span:empty { display: none; } .elementor .elementor-element.safy-account .wpfda-error i { font-style: normal; } .elementor .elementor-element.safy-account .wpfda-submit { display: flex; justify-content: flex-end; } .elementor .elementor-element.safy-account .wpfda-submit button { min-height: 48px; padding: 0 32px; font-size: 16px; font-weight: 700; border: 1.5px solid transparent !important; border-radius: var(--radius-s) !important; background: var(--grad-brand) !important; background-origin: border-box; color: var(--c-white) !important; } .elementor .elementor-element.safy-account .wpfda-submit button:hover { filter: brightness(.93); } @media (max-width: 1024px) { .elementor .elementor-element.safy-account .woocommerce:has(> .woocommerce-MyAccount-navigation) { grid-template-columns: 1fr !important; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-navigation ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .elementor-element.safy-account-body { padding: 32px 0 var(--section-pad); } .elementor .elementor-element.safy-account #customer_login { grid-template-columns: 1fr; } .elementor .elementor-element.safy-account #customer_login .u-column1, .elementor .elementor-element.safy-account #customer_login .u-column2 { padding: 24px 16px; } .elementor .elementor-element.safy-account .woocommerce-MyAccount-content { padding: 16px; } .elementor .elementor-element.safy-account .safy-addr-grid { grid-template-columns: 1fr; } .elementor .elementor-element.safy-account .safy-addr-name { flex-direction: column; } .elementor .elementor-element.safy-account .wpfda-submit button { width: 100%; } .elementor .elementor-element.safy-account table.woocommerce-orders-table thead { display: none; } .elementor .elementor-element.safy-account table.woocommerce-orders-table tr { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; padding: 12px 0; border-top: 1px solid var(--c-line); } .elementor .elementor-element.safy-account table.woocommerce-orders-table tbody th { grid-column: 1 / -1; display: block !important; padding: 0 !important; border: 0 !important; } .elementor .elementor-element.safy-account table.woocommerce-orders-table tbody td { padding: 0 !important; border: 0 !important; } .elementor .elementor-element.safy-account table.woocommerce-orders-table tbody th::before, .elementor .elementor-element.safy-account table.woocommerce-orders-table tbody td::before { content: attr(data-title) ": "; font-weight: 400; color: var(--c-text-muted); } .elementor .elementor-element.safy-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions { grid-column: 1 / -1; margin-top: 8px; } .elementor .elementor-element.safy-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions::before { content: none; } .elementor .elementor-element.safy-account table.woocommerce-orders-table a.button { width: 100%; } }
.safy-about, .safy-about .e-con { padding: 0; gap: 0; } .safy-about { display: block; width: 100%; } .safy-about *, .safy-about .elementor-heading-title { font-family: Tajawal, sans-serif; } .safy-about .elementor-widget-container { padding: 0; margin: 0; } .safy-about .e-con::before, .safy-about .e-con::after, .safy-about.e-con::before, .safy-about.e-con::after { content: none; position: static; inset: auto; width: auto; height: auto; opacity: 1; background: none; transition: none; } .elementor-element.e-con.safy-ab-stat, .elementor-element.e-con.safy-ab-fact, .elementor-element.e-con.safy-ab-eyebrow, .elementor-element.e-con.safy-ab-thanks, .elementor-element.e-con.safy-ab-trust__card, .elementor-element.e-con.safy-ab-avatars, .elementor-element.e-con.safy-ab-trust__rating { --width: auto; width: auto; } .safy-ab-stat > .elementor-widget, .safy-ab-fact > .elementor-widget, .safy-ab-thanks > .elementor-widget, .safy-ab-trust > .elementor-widget, .safy-ab-trust__card > .elementor-widget, .safy-ab-eyebrow--pin > .elementor-widget { width: auto; flex: none; } .elementor-element.safy-ab-stat, .elementor-element.safy-ab-fact, .elementor-element.safy-ab-thanks, .elementor-element.safy-ab-trust, .elementor-element.safy-ab-trust__card, .elementor-element.safy-ab-eyebrow--pin, .elementor-element.safy-ab-avatars { flex-wrap: nowrap !important; } .safy-ab-text p, .safy-ab-lead p { margin: 0 0 12px; color: var(--c-text-muted); line-height: 2; font-size: 16px; } .safy-ab-eyebrow p { margin: 0; font-size: 15px; font-weight: 500; color: var(--c-primary); } .safy-ab-h2 .elementor-heading-title { margin: 4px 0 12px; font-size: 30px; font-weight: 700; line-height: 1.4; color: var(--c-ink) !important; } .safy-ab-h2 .elementor-heading-title span, .safy-ab-title .elementor-heading-title span { display: block; background: var(--grad-brand); -webkit-background-clip: text; background-clip: text; color: transparent; } .safy-ab-chip .elementor-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 16px; background: linear-gradient(135deg, var(--c-tint-purple), var(--c-tint-pink)); color: var(--c-primary) !important; font-size: 26px; line-height: 1; } .safy-ab-chip .elementor-icon i { color: var(--c-primary) !important; } .safy-ab-chip .elementor-icon svg { width: 26px; height: 26px; fill: var(--c-primary) !important; } .safy-ab-chip--white .elementor-icon { width: 48px; height: 48px; border-radius: 50%; background: var(--c-white); box-shadow: var(--shadow-card); font-size: 20px; } .safy-ab-chip--white .elementor-icon svg { width: 20px; height: 20px; } .elementor-element.safy-ab-hero { position: relative; display: block; overflow: hidden; padding: 48px 0 70px; background: linear-gradient(110deg, var(--c-white) 0%, var(--c-tint-purple) 50%, var(--c-tint-pink) 100%); } .elementor-element.safy-ab-hero__pic { position: absolute; inset-block: 0; inset-inline-start: 0; width: 52%; } .safy-ab-hero__pic .elementor-widget-image, .safy-ab-hero__pic .elementor-widget-container { height: 100%; } .safy-ab-hero__pic img { display: block; width: 100%; height: 100%; object-fit: cover; -webkit-mask-image: linear-gradient(to left, #000 62%, transparent 100%); mask-image: linear-gradient(to left, #000 62%, transparent 100%); } .elementor-element.safy-ab-hero__body { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: min(100% - 2 * var(--gutter), var(--container)); min-height: 262px; margin-inline: auto; padding-inline-start: 52%; padding-bottom: 72px; justify-content: center; } .safy-ab-title .elementor-heading-title { margin: 0; font-size: 35px; font-weight: 700; line-height: 1.35; color: var(--c-ink) !important; } .elementor-element.safy-ab-divider { position: relative; display: block; width: 220px; height: 14px; margin: 0; } .safy-ab-divider .elementor-widget-container { display: none; } .elementor-element.safy-ab-divider::before { content: ""; position: absolute; inset-inline: 0; top: 50%; height: 2px; transform: translateY(-50%); background: linear-gradient(90deg, transparent, var(--c-purple) 28%, var(--c-primary) 72%, transparent); opacity: .7; } .elementor-element.safy-ab-divider::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 50%; background: var(--grad-brand); transform: translate(-50%, -50%); box-shadow: 0 0 0 4px rgba(227, 35, 104, .16), 0 0 0 9px rgba(126, 34, 161, .08), 0 0 14px 2px rgba(227, 35, 104, .5); } .safy-ab-lead { max-width: 480px; } .safy-ab-btn .elementor-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 24px; border: 1.5px solid transparent; border-radius: var(--radius-s); background: var(--grad-brand); background-origin: border-box; color: var(--c-white); font-size: 16px; font-weight: 700; line-height: 1; } .safy-ab-btn .elementor-button:hover, .safy-ab-btn .elementor-button:focus-visible { background: var(--grad-brand); color: var(--c-white); filter: brightness(.93); } .safy-ab-btn .elementor-button-icon { margin: 0; font-size: 20px; line-height: 1; } .elementor-element.safy-ab-stats { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: min(100% - 2 * var(--gutter), 720px); margin-block: -48px 0; margin-inline-start: auto; margin-inline-end: max(var(--gutter), calc((100% - var(--container)) / 2)); padding: 18px 4px; border-radius: var(--radius-l); background: var(--c-white); box-shadow: var(--shadow-pop); } .elementor-element.safy-ab-stat { display: flex; flex-direction: row !important; align-items: center; justify-content: center; gap: 8px; padding: 6px 8px; border-inline-start: 1px solid var(--c-line); } .elementor-element.safy-ab-stat:first-child { border-inline-start: 0; } .safy-ab-stat .elementor-icon { color: var(--c-primary) !important; font-size: 30px; line-height: 1; } .safy-ab-stat .elementor-icon svg { width: 30px; height: 30px; fill: var(--c-primary) !important; } .safy-ab-stat__text .elementor-heading-title { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.4; color: var(--c-ink) !important; } .safy-ab-stat__text p { margin: 0; font-size: 12.5px; line-height: 1.6; color: var(--c-text-muted); } .elementor-element.safy-ab-stat__text { display: grid; gap: 0; } .elementor-element.safy-ab-story { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 56px; margin-top: 80px; } .elementor-element.safy-ab-story__body { display: block; } .elementor-element.safy-ab-story__media { position: relative; min-height: 320px; } .elementor-element.safy-ab-story__img1 { position: absolute; top: 0; inset-inline-end: 0; width: 72%; } .elementor-element.safy-ab-story__img2 { position: absolute; bottom: 0; inset-inline-start: 0; width: 60%; } .safy-ab-story__img1 img { display: block; width: 100%; border-radius: 20px; box-shadow: var(--shadow-pop); aspect-ratio: 4 / 3; object-fit: cover; } .safy-ab-story__img2 img { display: block; width: 100%; border: 6px solid var(--c-white); border-radius: 20px; box-shadow: var(--shadow-pop); aspect-ratio: 4 / 3; object-fit: cover; } .elementor-element.safy-ab-story__badge { position: absolute; top: 40%; inset-inline-start: 36%; z-index: 2; width: 96px; height: 96px; border-radius: 50%; background: var(--c-white) url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/about/logo.webp") center / 70px auto no-repeat; box-shadow: var(--shadow-pop); } .elementor-element.safy-ab-features { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; } .elementor-element.safy-ab-feature { display: grid; justify-items: center; align-content: start; gap: 8px; padding: 24px 14px; text-align: center; background: var(--c-white); border: 1px solid var(--c-line); border-radius: var(--radius-m); box-shadow: var(--shadow-card); } .safy-ab-feature .elementor-heading-title { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.5; color: var(--c-ink) !important; } .safy-ab-feature p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--c-text-muted); } .elementor-element.safy-ab-delivery { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 24px; padding: 32px 40px; border-radius: var(--radius-l); background: linear-gradient(135deg, var(--c-tint-pink), var(--c-tint-purple)); } .elementor-element.safy-ab-delivery__body { display: block; } .elementor-element.safy-ab-eyebrow--pin { display: inline-flex; flex-direction: row !important; align-items: center; gap: 6px; } .safy-ab-eyebrow--pin .elementor-icon { color: var(--c-primary) !important; font-size: 16px; line-height: 1; } .safy-ab-eyebrow--pin .elementor-icon svg { width: 16px; height: 16px; fill: var(--c-primary) !important; } .elementor-element.safy-ab-delivery__pic { min-height: 286px; background: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/about/illus-delivery.svg") center / contain no-repeat; } .elementor-element.safy-ab-facts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-top: 18px; } .elementor-element.safy-ab-fact { display: flex; flex-direction: row !important; align-items: flex-start; gap: 12px; } .elementor-element.safy-ab-fact__text { display: grid; gap: 0; } .safy-ab-fact__text .elementor-heading-title { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.6; color: var(--c-ink) !important; } .safy-ab-fact__text p, .safy-ab-fact__text .elementor-widget-text-editor { margin: 0; font-size: 13px; line-height: 1.6; color: var(--c-text-muted); } .elementor-element.safy-ab-trust { display: flex; flex-direction: row !important; align-items: center; gap: 20px; padding: 28px 36px; border-radius: var(--radius-l); background: var(--grad-brand); color: var(--c-white); } .safy-ab-trust__q .elementor-icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--c-white); color: var(--c-primary) !important; font-size: 22px; line-height: 1; } .safy-ab-trust__q .elementor-icon i { color: var(--c-primary) !important; } .safy-ab-trust__q .elementor-icon svg { width: 22px; height: 22px; fill: var(--c-primary) !important; } .elementor-element.safy-ab-trust__text { display: grid; gap: 4px; flex: 1; } .safy-ab-trust__text .elementor-heading-title { margin: 0; font-size: 24px; font-weight: 700; line-height: 1.5; color: var(--c-white) !important; } .safy-ab-trust__text p { margin: 0; color: var(--c-white); opacity: .92; } .elementor-element.safy-ab-trust__card { display: flex; flex-direction: row !important; align-items: center; gap: 14px; padding: 12px 20px; border-radius: var(--radius-m); background: var(--c-white); box-shadow: var(--shadow-card); } .elementor-element.safy-ab-avatars { display: flex; flex-direction: row !important; } .elementor-element.safy-ab-avatars { flex: none; min-width: 106px; } .safy-ab-avatars .elementor-widget { flex: none; width: 34px; margin-inline-start: -10px; } .safy-ab-avatars .elementor-widget:first-child { margin-inline-start: 0; } .safy-ab-avatars .elementor-heading-title { display: grid; place-items: center; width: 34px; height: 34px; margin: 0; border: 2px solid var(--c-white); border-radius: 50%; background: linear-gradient(135deg, #B35BD0, var(--c-primary)); color: var(--c-white) !important; font-size: 14px; font-weight: 700; line-height: 1; } .elementor-element.safy-ab-trust__rating { display: grid; gap: 2px; flex: none; min-width: 120px; } .safy-ab-stars .elementor-icon-list-items { flex-wrap: nowrap; } .safy-ab-stars .elementor-icon-list-items { display: flex; gap: 2px; margin: 0; padding: 0; list-style: none; } .safy-ab-stars .elementor-icon-list-item { flex: none; width: auto; margin: 0; padding: 0; } .safy-ab-stars .elementor-icon-list-icon { display: grid; place-items: center; padding: 0; margin: 0 !important; line-height: 1; } .safy-ab-stars .elementor-icon-list-icon i { color: var(--c-star) !important; font-size: 18px; margin: 0; } .safy-ab-stars .elementor-icon-list-icon svg { width: 18px; height: 18px; fill: var(--c-star) !important; margin: 0 !important; } .safy-ab-stars .elementor-icon-list-text { display: none; } .safy-ab-trust__rating p { margin: 0; font-size: 13px; color: var(--c-text-muted); text-decoration: none; } .safy-ab-trust__rating .elementor-widget-text-editor { color: var(--c-text-muted); text-decoration: none; } .elementor-element.safy-ab-goal { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 40px; } .elementor-element.safy-ab-goal__media { aspect-ratio: 16 / 10; } .safy-ab-goal__media img { display: block; width: 100%; border-radius: var(--radius-l); aspect-ratio: 16 / 10; object-fit: cover; box-shadow: var(--shadow-pop); } .elementor-element.safy-ab-goal__body { display: block; } .elementor-element.safy-ab-thanks { display: flex; flex-direction: row !important; align-items: center; gap: 8px; margin-top: 14px; } .safy-ab-thanks .elementor-icon { color: var(--c-primary) !important; font-size: 18px; line-height: 1; } .safy-ab-thanks .elementor-icon svg { width: 18px; height: 18px; fill: var(--c-primary) !important; } .safy-ab-thanks p { margin: 0; font-weight: 700; color: var(--c-primary); } .elementor-element.safy-ab-sec:last-child { margin-bottom: var(--section-pad); } @media (max-width: 1024px) { .elementor-element.safy-ab-hero__pic { position: relative; inset: auto; width: 100%; height: 260px; } .safy-ab-hero__pic img { -webkit-mask-image: linear-gradient(to bottom, #000 60%, transparent 100%); mask-image: linear-gradient(to bottom, #000 60%, transparent 100%); } .elementor-element.safy-ab-hero { padding: 0 0 56px; } .elementor-element.safy-ab-hero__body { align-items: center; min-height: 0; padding-inline-start: 0; padding-top: 12px; text-align: center; } .elementor-element.safy-ab-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 8px; width: min(100% - 2 * var(--gutter), var(--container)); margin-inline: auto; } .elementor-element.safy-ab-stat:nth-child(odd) { border-inline-start: 0; } .elementor-element.safy-ab-story, .elementor-element.safy-ab-delivery, .elementor-element.safy-ab-goal { grid-template-columns: minmax(0, 1fr); } .elementor-element.safy-ab-story__body, .elementor-element.safy-ab-delivery__body, .elementor-element.safy-ab-goal__body { text-align: center; } .safy-ab-story__body *, .safy-ab-delivery__body .safy-ab-text, .safy-ab-goal__body * { text-align: center; } .elementor-element.safy-ab-eyebrow--pin { justify-content: center; } .elementor-element.safy-ab-thanks { justify-content: center; } .elementor-element.safy-ab-story__media { min-height: 0; aspect-ratio: 16 / 10; width: 100%; max-width: 600px; margin-inline: auto; } .elementor-element.safy-ab-features { grid-template-columns: repeat(6, minmax(0, 1fr)); } .elementor-element.safy-ab-feature { grid-column: span 2; } .elementor-element.safy-ab-feature:nth-child(n+4) { grid-column: span 3; } .elementor-element.safy-ab-facts { text-align: start; } } @media (min-width: 768px) and (max-width: 1024px) { .elementor-element.safy-ab-trust { flex-wrap: wrap !important; } .elementor-element.safy-ab-trust__card { flex: 1 1 100%; justify-content: center; } } @media (max-width: 767px) { .safy-ab-title .elementor-heading-title { font-size: 25px; } .safy-ab-h2 .elementor-heading-title { font-size: 25px; } .elementor-element.safy-ab-hero__body { padding-inline: var(--gutter); } .elementor-element.safy-ab-stats { padding: 12px 8px; } .elementor-element.safy-ab-stat { flex-direction: column !important; gap: 4px; text-align: center; } .safy-ab-stat__text * { text-align: center; } .elementor-element.safy-ab-story { gap: 32px; margin-top: 40px; } .elementor-element.safy-ab-story__media { aspect-ratio: 4 / 3.4; } .elementor-element.safy-ab-story__img1 { width: 78%; } .elementor-element.safy-ab-trust__card { flex-direction: column !important; width: 100%; } .elementor-element.safy-ab-story__badge { width: 76px; height: 76px; background-size: 54px auto; } .elementor-element.safy-ab-features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .elementor-element.safy-ab-feature, .elementor-element.safy-ab-feature:nth-child(n+4) { grid-column: auto; } .elementor-element.safy-ab-feature:last-child { grid-column: 1 / -1; } .elementor-element.safy-ab-delivery { padding: 24px 16px; } .elementor-element.safy-ab-facts { grid-template-columns: minmax(0, 1fr); } .elementor-element.safy-ab-delivery__pic { min-height: 200px; } .elementor-element.safy-ab-trust { flex-direction: column !important; align-items: center; padding: 24px 16px; text-align: center; } .safy-ab-trust__text .elementor-heading-title { font-size: 20px; } .safy-ab-trust__text * { text-align: center; } }
.elementor-element.safy-nf { position: relative; display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 56px var(--gutter) var(--section-pad); text-align: center; overflow: hidden; background: radial-gradient(circle at 12% 18%, var(--c-tint-pink), transparent 42%), radial-gradient(circle at 88% 70%, var(--c-tint-purple), transparent 44%), var(--c-white); } .safy-nf *, .safy-nf .elementor-heading-title { font-family: Tajawal, sans-serif; } .safy-nf .e-con::before, .safy-nf .e-con::after, .safy-nf.e-con::before, .safy-nf.e-con::after { content: none; } .safy-nf .elementor-widget-container { padding: 0; margin: 0; } .elementor-element.safy-nf > .e-con, .elementor-element.safy-nf .e-con { --width: auto; width: auto; } .elementor-element.safy-nf::before { content: ""; display: block; position: absolute; inset-block: 0 -35px; inset-inline-start: -40px; width: 200px; background: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/leafs.webp") 0 100% / contain no-repeat; filter: blur(2px); opacity: .55; pointer-events: none; } .elementor-element.safy-nf::after { content: ""; display: block; position: absolute; inset-block-start: 32px; inset-inline-end: 6%; width: 64px; height: 64px; background: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/home/heart-left.webp") center / contain no-repeat; opacity: .8; animation: safy-nf-beat 3.2s ease-in-out infinite; pointer-events: none; } .elementor-element.safy-nf__digits { display: flex; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; justify-content: center; gap: 24px; margin-top: 8px; } .safy-nf__num .elementor-heading-title { margin: 0; font-size: clamp(96px, 20vw, 190px); font-weight: 800; line-height: 1; background: var(--grad-brand); -webkit-background-clip: text; background-clip: text; color: transparent !important; letter-spacing: -2px; } .elementor-element.safy-nf .safy-nf__plate { position: relative; flex: none; width: clamp(104px, 17vw, 168px); --width: clamp(104px, 17vw, 168px); aspect-ratio: 1; border-radius: 50%; background: var(--c-white) url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/logo-color.png") center / 84% auto no-repeat; box-shadow: 0 0 0 clamp(6px, 1vw, 10px) var(--c-white), 0 0 0 clamp(8px, 1.3vw, 13px) var(--c-primary), 0 22px 44px rgba(126, 34, 161, .28); animation: safy-nf-float 4.2s ease-in-out infinite; } .elementor-element.safy-nf .safy-nf__plate::before { content: ""; display: block; position: absolute; inset-inline: 18%; bottom: 100%; height: 56%; margin-bottom: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 60' fill='none' stroke='%23dc2065' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M15 58c-8-10 8-16 0-27s8-17 0-29'/%3E%3Cpath d='M45 58c-8-10 8-16 0-27s8-17 0-29'/%3E%3Cpath d='M75 58c-8-10 8-16 0-27s8-17 0-29'/%3E%3C/svg%3E") center bottom / contain no-repeat; opacity: .55; animation: safy-nf-steam 2.6s ease-in-out infinite; } .safy-nf__title .elementor-heading-title { margin: 8px 0 0; font-size: 36px; font-weight: 800; line-height: 1.4; color: var(--c-ink) !important; } .safy-nf__text p { max-width: 520px; margin: 0; font-size: 17px; line-height: 2; color: var(--c-text-muted); } .elementor-element.safy-nf__actions { display: flex; flex-direction: row !important; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 8px; } .safy-nf__btn .elementor-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 32px; border: 1.5px solid transparent; border-radius: var(--radius-s); background: var(--grad-brand); background-origin: border-box; color: var(--c-white); font-size: 17px; font-weight: 700; line-height: 1; } .safy-nf__btn .elementor-button:hover, .safy-nf__btn .elementor-button:focus-visible { background: var(--grad-brand); color: var(--c-white); filter: brightness(.93); } .safy-nf__btn--ghost .elementor-button { border-color: var(--c-primary); background: var(--c-white); color: var(--c-primary); } .safy-nf__btn--ghost .elementor-button:hover, .safy-nf__btn--ghost .elementor-button:focus-visible { background: var(--c-tint-pink); color: var(--c-primary); filter: none; } .safy-nf__btn .elementor-button-icon { margin: 0; font-size: 18px; line-height: 1; } .safy-nf__btn .elementor-button-icon svg { width: 18px; height: 18px; color: currentColor; } .elementor-element.safy-nf__search { width: min(100%, 520px); margin-top: 8px; } .safy-nf__search .elementor-search-form__container { min-height: 56px; border: 1px solid var(--c-line) !important; border-radius: var(--radius-m) !important; background: var(--c-white); box-shadow: var(--shadow-card); overflow: hidden; } .safy-nf__search .elementor-search-form__container:focus-within { border-color: var(--c-primary) !important; box-shadow: 0 0 0 3px rgba(227, 35, 104, .12); } .safy-nf__search input.elementor-search-form__input { height: 54px; padding: 0 16px; border: 0 !important; outline: 0; background: transparent !important; font-size: 16px; color: var(--c-ink); text-align: right; box-shadow: none !important; } .safy-nf__search .elementor-search-form__submit { width: 56px; min-width: 56px; height: 56px; margin: 0; border: 0; border-radius: 0; background: var(--grad-brand) !important; color: var(--c-white) !important; } .elementor-element.safy-nf__tip { display: flex; flex-direction: row !important; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; } .safy-nf__tiplabel p { margin: 0; font-size: 15px; color: var(--c-text-muted); } .safy-nf__chip .elementor-button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 6px 16px; border: 1px solid var(--c-line); border-radius: var(--radius-pill); background: var(--c-white); color: var(--c-ink); font-size: 14px; font-weight: 700; line-height: 1.5; } .safy-nf__chip .elementor-button:hover, .safy-nf__chip .elementor-button:focus-visible { border-color: var(--c-primary); background: var(--c-tint-pink); color: var(--c-primary); } @keyframes safy-nf-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } @keyframes safy-nf-steam { 0% { opacity: 0; transform: translateY(10px) scaleY(.9); } 40% { opacity: .6; } 100% { opacity: 0; transform: translateY(-12px) scaleY(1.05); } } @keyframes safy-nf-beat { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.14); } } @media (prefers-reduced-motion: reduce) { .elementor-element.safy-nf .safy-nf__plate, .elementor-element.safy-nf .safy-nf__plate::before, .elementor-element.safy-nf::after { animation: none; } } @media (max-width: 767px) { .elementor-element.safy-nf { padding: 40px var(--gutter) var(--section-pad); gap: 12px; } .elementor-element.safy-nf__digits { gap: 12px; } .safy-nf__title .elementor-heading-title { font-size: 26px; } .safy-nf__text p { font-size: 15px; } .elementor-element.safy-nf__actions { width: 100%; flex-direction: column !important; } .safy-nf__btn .elementor-button { width: 100%; } .elementor-element.safy-nf::after { width: 44px; height: 44px; inset-inline-end: 4%; } }
.elementor-element.e-con.safy-ct-card, .elementor-element.e-con.safy-ct-way, .elementor-element.e-con.safy-ct-hero__line, .elementor-element.e-con.safy-ct-delivery__head { --width: auto; width: auto; } .elementor-element.safy-ct-hero { padding: 48px 0; } .elementor-element.safy-ct-hero__body { min-height: 230px; padding-bottom: 0; } .elementor-element.safy-ct-hero__line { display: flex; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start; gap: 8px; } .safy-ct-hero__line .elementor-icon { color: var(--c-star) !important; font-size: 18px; line-height: 1; } .safy-ct-hero__line .elementor-icon svg { width: 18px; height: 18px; color: var(--c-star); } .safy-ct-hero__line .safy-ab-lead p { margin: 0; } .safy-ct-hero__pic img { object-position: left center; } .elementor-element.safy-ct-sec { margin-top: 48px; } .elementor-element.safy-ct-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .elementor-element.safy-ct-card { display: grid; justify-items: center; align-content: start; gap: 8px; padding: 28px 16px; text-align: center; background: var(--c-white); border: 1px solid var(--c-line); border-radius: var(--radius-l); box-shadow: var(--shadow-card); } .safy-ct-card__ico .elementor-icon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, var(--c-tint-purple), var(--c-tint-pink)); color: var(--c-primary) !important; font-size: 28px; line-height: 1; } .safy-ct-card__ico .elementor-icon svg { width: 28px; height: 28px; color: var(--c-primary); } .safy-ct-card .elementor-heading-title { margin: 4px 0 0; font-size: 18px; font-weight: 700; line-height: 1.5; color: var(--c-ink) !important; } .safy-ct-card p { margin: 0; text-align: center; } .safy-ct-card__text p { font-size: 15px; line-height: 1.8; color: var(--c-text-muted); } .safy-ct-card__note p { font-size: 14px; line-height: 1.7; font-weight: 700; color: var(--c-primary); } .elementor-element.safy-ct-card__names { display: grid; gap: 0; } .safy-ct-card__names p { font-size: 13.5px; line-height: 1.7; color: var(--c-text-muted); } .safy-ct-card__val p { font-size: 18px; font-weight: 700; line-height: 1.6; color: var(--c-primary); } .safy-ct-card__val--mail p { font-size: 15px; direction: ltr; unicode-bidi: isolate; overflow-wrap: anywhere; } .safy-ct-card .safy-phone-ltr, .safy-ct-card .safy-phone-ltr p, .safy-ct-card .safy-phone { direction: ltr; unicode-bidi: isolate; text-align: center; color: var(--c-ink) !important; } .safy-ct-card .safy-phone .safy-ph-hl { color: var(--c-primary) !important; } .safy-ct-pill { margin-top: 8px; } .safy-ct-pill .elementor-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 24px; border: 1.5px solid transparent; border-radius: var(--radius-pill); background: var(--grad-brand); background-origin: border-box; color: var(--c-white); font-size: 15px; font-weight: 700; line-height: 1; } .safy-ct-pill .elementor-button:hover, .safy-ct-pill .elementor-button:focus-visible { background: var(--grad-brand); color: var(--c-white); filter: brightness(.93); } .safy-ct-pill .elementor-button, .safy-ct-pill .elementor-button:hover, .safy-ct-pill .elementor-button .elementor-button-text { color: var(--c-white) !important; } .safy-ct-pill .elementor-button-icon { margin: 0; font-size: 18px; line-height: 1; } .safy-ct-pill .elementor-button-icon svg { width: 18px; height: 18px; color: currentColor; } .elementor-element.safy-ct-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: stretch; } .elementor-element.safy-ct-delivery { position: relative; display: flex; flex-direction: row !important; align-items: center !important; align-content: center; gap: 16px; padding: 24px 32px; overflow: hidden; border-radius: var(--radius-l); background: linear-gradient(135deg, var(--c-tint-pink), var(--c-tint-purple)); } .elementor-element.safy-ct-delivery__text { display: block; flex: 1 1 0; min-width: 0; } .elementor-element.safy-ct-delivery__head { display: flex; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 12px; } .safy-ct-delivery__head .safy-ab-h2 .elementor-heading-title { margin: 0; } .safy-ct-delivery__ico .elementor-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--c-white); box-shadow: var(--shadow-card); color: var(--c-primary) !important; font-size: 22px; line-height: 1; } .safy-ct-delivery__ico .elementor-icon svg { width: 22px; height: 22px; color: var(--c-primary); } .safy-ct-delivery__text .safy-ab-text p { margin: 12px 0 0; font-size: 17px; line-height: 2; color: var(--c-ink); } .safy-ct-delivery__note p { margin: 8px 0 0; font-size: 15px; font-weight: 700; color: var(--c-primary); } .elementor-element.safy-ct-delivery__van { flex: none; width: 250px; } .safy-ct-delivery__van img { display: block; width: 100%; height: auto; -webkit-mask-image: radial-gradient(ellipse 62% 58% at 50% 52%, #000 62%, transparent 100%); mask-image: radial-gradient(ellipse 62% 58% at 50% 52%, #000 62%, transparent 100%); } .elementor-element.safy-ct-message { padding: 28px; border: 1px solid var(--c-line); border-radius: var(--radius-l); background: var(--c-white); box-shadow: var(--shadow-card); } .safy-ct-message__title .elementor-heading-title { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.5; color: var(--c-ink) !important; text-align: center; } .elementor-element.safy-ct-message .safy-ct-message__div { margin: 8px auto 20px; } .safy-ct-form .elementor-form-fields-wrapper { display: grid; gap: 12px; } .safy-ct-form .elementor-field-group { position: relative; width: 100%; margin: 0; padding: 0; } .safy-ct-form .elementor-field-group:not(.elementor-field-type-submit)::before { content: ""; position: absolute; z-index: 1; top: 0; inset-inline-start: 0; width: 45px; height: 100%; border: 1px solid var(--c-line); border-start-start-radius: var(--radius-s); border-end-start-radius: var(--radius-s); background: var(--c-bg-soft); pointer-events: none; } .safy-ct-form .elementor-field-group:not(.elementor-field-type-submit):focus-within::before { border-color: var(--c-primary); } .safy-ct-form .elementor-field-group:not(.elementor-field-type-submit)::after { content: ""; position: absolute; z-index: 2; top: 14px; inset-inline-start: 14px; width: 18px; height: 18px; background: var(--c-primary); -webkit-mask: var(--fi) center / contain no-repeat; mask: var(--fi) center / contain no-repeat; pointer-events: none; } .safy-ct-form .elementor-field-group-ct_name { --fi: var(--li-user); } .safy-ct-form .elementor-field-group-ct_phone { --fi: var(--li-phone); } .safy-ct-form .elementor-field-group-ct_email { --fi: var(--li-mail); } .safy-ct-form .elementor-field-group-ct_subject { --fi: var(--li-tag); } .safy-ct-form .elementor-field-group-ct_message { --fi: var(--li-edit); } .safy-ct-form .elementor-field-textual { width: 100%; min-height: 46px; padding: 0 56px 0 14px; border: 1px solid var(--c-line) !important; border-radius: var(--radius-s) !important; background: var(--c-white) !important; font-family: Tajawal, sans-serif; font-size: 15px; color: var(--c-ink); text-align: right; box-shadow: none; } .safy-ct-form textarea.elementor-field-textual { min-height: 110px; padding-top: 12px; resize: vertical; } .safy-ct-form .elementor-field-textual:focus { outline: 0; border-color: var(--c-primary) !important; box-shadow: 0 0 0 3px rgba(227, 35, 104, .12); } .safy-ct-form .elementor-field-textual::placeholder { color: var(--c-text-muted); } .safy-ct-form input[type=tel], .safy-ct-form input[type=email] { direction: ltr; text-align: right; } .safy-ct-form .elementor-field-type-submit .elementor-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 48px; border: 0; border-radius: var(--radius-s); background: var(--grad-brand); background-origin: border-box; color: var(--c-white); font-family: Tajawal, sans-serif; font-size: 16px; font-weight: 700; } .safy-ct-form .elementor-field-type-submit .elementor-button:hover, .safy-ct-form .elementor-field-type-submit .elementor-button:focus-visible { background: var(--grad-brand); color: var(--c-white); filter: brightness(.93); } .safy-ct-form .elementor-message { margin: 8px 0 0; padding: 12px 16px; border-radius: var(--radius-s); font-size: 14px; text-align: right; } .safy-ct-form .elementor-message-success { background: #E4F6EA; color: #1c7a43; } .safy-ct-form .elementor-message-danger { background: #FDE4EA; color: #B0123F; } .elementor-element.safy-ct-ways { padding: 28px 32px; border: 1px solid var(--c-line); border-radius: var(--radius-l); background: var(--c-white); box-shadow: var(--shadow-card); } .elementor-element.safy-ct-ways .safy-hm-h .elementor-heading-title { margin-bottom: 24px; } .elementor-element.safy-ct-ways__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .elementor-element.safy-ct-way { display: flex; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 16px; padding: 8px 24px; border-inline-start: 1px dashed var(--c-line); text-decoration: none; cursor: pointer; } .elementor-element.safy-ct-way:first-child { border-inline-start: 0; } .safy-ct-way__ico .elementor-icon { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, var(--c-tint-purple), var(--c-tint-pink)); color: var(--c-primary) !important; font-size: 28px; line-height: 1; } .safy-ct-way__ico .elementor-icon svg { width: 28px; height: 28px; color: var(--c-primary); } .elementor-element.safy-ct-way__text { display: grid; gap: 2px; } .safy-ct-way__text .elementor-heading-title { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.5; color: var(--c-ink) !important; } .safy-ct-way__text p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--c-text-muted); } .elementor-element.safy-ct-way:hover .elementor-heading-title { color: var(--c-primary) !important; } .elementor-element.safy-ct-sec:last-child { margin-bottom: var(--section-pad); } .safy-contact .safy-ct-sec:last-of-type { margin-bottom: var(--section-pad); } @media (max-width: 1024px) { .elementor-element.safy-ct-hero { padding: 0 0 40px; } .elementor-element.safy-ct-hero__body { min-height: 0; padding-top: 12px; } .elementor-element.safy-ct-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .elementor-element.safy-ct-split { grid-template-columns: minmax(0, 1fr); } .elementor-element.safy-ct-ways__row { grid-template-columns: minmax(0, 1fr); gap: 8px; } .elementor-element.safy-ct-way, .elementor-element.safy-ct-way:first-child { border-inline-start: 0; padding: 12px 8px; border-top: 1px dashed var(--c-line); } .elementor-element.safy-ct-way:first-child { border-top: 0; } } @media (max-width: 767px) { .elementor-element.safy-ct-sec { margin-top: 32px; } .elementor-element.safy-ct-cards { grid-template-columns: minmax(0, 1fr); gap: 16px; } .elementor-element.safy-ct-card { padding: 20px 12px; } .safy-ct-card__ico .elementor-icon { width: 52px; height: 52px; font-size: 24px; } .safy-ct-card .elementor-heading-title { font-size: 16px; } .safy-ct-card__val p { font-size: 16px; } .elementor-element.safy-ct-delivery { flex-direction: column !important; align-items: center; padding: 24px 16px; text-align: center; } .elementor-element.safy-ct-delivery__text { width: 100%; margin: 0; } .safy-ct-delivery__text .safy-ab-text p, .safy-ct-delivery__note p { text-align: center; } .elementor-element.safy-ct-delivery__head { justify-content: center; } .elementor-element.safy-ct-delivery__van { width: 220px; margin-inline: auto; } .elementor-element.safy-ct-message { padding: 20px 16px; } .elementor-element.safy-ct-ways { padding: 20px 16px; } } .safy-ct-pill .elementor-button, .safy-ct-pill .elementor-button-text { white-space: nowrap; } @media (max-width: 767px) { .safy-ct-pill .elementor-button { padding: 0 16px; font-size: 14px; } .elementor-element.safy-ct-hero .safy-ab-hero__pic { height: 210px; } .elementor-element.safy-ct-hero { padding-bottom: 32px; } .safy-ct-card__val p { white-space: normal; } } @media (max-width: 767px) { .elementor-element.safy-ct-way { gap: 16px; padding: 12px 4px; } .safy-ct-way__ico .elementor-icon { width: 44px; height: 44px; font-size: 20px; } .safy-ct-way__ico .elementor-icon svg { width: 20px; height: 20px; } .elementor-element.safy-ct-way > .elementor-widget { flex: none; width: 44px; } .elementor-element.safy-ct-way__text { flex: 1 1 0; min-width: 0; padding-inline-start: 4px; } .safy-ct-way__text .elementor-heading-title { font-size: 16px; } .safy-ct-way__text p { font-size: 13.5px; } }
.elementor-element.e-con.safy-lg-toc__head, .elementor-element.e-con.safy-lg-card, .elementor-element.e-con.safy-lg-note, .elementor-element.e-con.safy-lg-cta { --width: auto; } .elementor-element.safy-lg-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: 24px; min-height: 320px; padding: 40px max(var(--gutter), calc((100% - var(--container)) / 2)); background: linear-gradient(110deg, var(--c-white) 0%, var(--c-tint-purple) 50%, var(--c-tint-pink) 100%); overflow: hidden; } .elementor-element.safy-lg-hero__body { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .safy-lg-title .elementor-heading-title { margin: 0; font-size: 35px; font-weight: 700; line-height: 1.4; color: var(--c-ink) !important; } .safy-lg-lead p { max-width: 560px; margin: 0; font-size: 17px; line-height: 2; color: var(--c-ink); } .elementor-element.safy-lg-hero__art { width: 100%; height: 260px; background: center / contain no-repeat; filter: drop-shadow(0 18px 30px rgba(126, 34, 161, .16)); } .elementor-element.safy-lg-art--privacy { background-image: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/legal/illus-privacy.svg"); } .elementor-element.safy-lg-art--terms { background-image: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/legal/illus-terms.svg"); } .elementor-element.safy-lg-art--refund { background-image: url("https://safy-kitchen.com/wp-content/themes/safy-kitchen/assets/css/../img/legal/illus-refund.svg"); } .elementor-element.safy-lg-body { margin-top: 44px; margin-bottom: var(--section-pad); } .elementor-element.safy-lg-cols { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 24px; align-items: start; } .elementor-element.safy-lg-toc { position: sticky; top: 20px; padding: 22px; background: var(--c-white); border: 1px solid var(--c-line); border-radius: var(--radius-m); box-shadow: var(--shadow-card); } .elementor-element.safy-lg-toc__head { display: flex; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 10px; margin-bottom: 8px; } .safy-lg-toc__ico .elementor-icon { color: var(--c-primary) !important; font-size: 20px; line-height: 1; } .safy-lg-toc__ico .elementor-icon svg { width: 20px; height: 20px; color: var(--c-primary); } .safy-lg-toc__head .elementor-heading-title { margin: 0; font-size: 18px; font-weight: 700; color: var(--c-primary) !important; } .safy-lg-toc__list .elementor-icon-list-items { display: grid; margin: 0; padding: 0; list-style: none; } .safy-lg-toc__list .elementor-icon-list-item { margin: 0; padding: 0; border-top: 1px solid var(--c-line); } .safy-lg-toc__list .elementor-icon-list-item > a { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 14px 4px; font-size: 16px; color: var(--c-ink); text-decoration: none; } .safy-lg-toc__list .elementor-icon-list-item > a:hover, .safy-lg-toc__list .elementor-icon-list-item > a:focus-visible { color: var(--c-primary); } .safy-lg-toc__list .elementor-icon-list-icon { order: 2; flex: none; width: auto; margin: 0; color: var(--c-text-muted); } .safy-lg-toc__list .elementor-icon-list-icon svg { width: 14px; height: 14px; margin: 0 !important; color: currentColor; } .safy-lg-toc__list .elementor-icon-list-text { order: 1; flex: 1; color: inherit; } .elementor-element.safy-lg-cards { display: grid; gap: 18px; } .elementor-element.safy-lg-card { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 24px; padding: 22px 28px; background: var(--c-white); border: 1px solid var(--c-line); border-inline-start: 4px solid var(--c-primary); border-radius: 4px var(--radius-m) var(--radius-m) 4px; box-shadow: var(--shadow-card); scroll-margin-top: 120px; } .safy-lg-card__ico .elementor-icon { display: grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; background: linear-gradient(135deg, var(--c-tint-pink), var(--c-tint-purple)); color: var(--c-primary) !important; font-size: 38px; line-height: 1; } .safy-lg-card__ico .elementor-icon svg { width: 38px; height: 38px; color: var(--c-primary); } .elementor-element.safy-lg-card__body { display: grid; gap: 8px; } .safy-lg-card__body .elementor-heading-title { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.5; color: var(--c-ink) !important; } .safy-lg-card__list .elementor-icon-list-items { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; } .safy-lg-card__list .elementor-icon-list-item { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 0; } .safy-lg-card__list .elementor-icon-list-icon { flex: none; display: grid; place-items: center; width: 8px; height: 30px; margin: 0; padding: 0; } .safy-lg-card__list .elementor-icon-list-icon svg { width: 6px; height: 6px; margin: 0 !important; color: var(--c-primary); fill: var(--c-primary); background: none; -webkit-mask: none; mask: none; } .safy-lg-card__list .elementor-icon-list-icon svg path { display: block; } .safy-lg-card__list .elementor-icon-list-text { font-size: 17px; line-height: 1.9; color: #4B3F58; } .elementor-element.safy-lg-note { display: flex; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 18px; padding: 20px 24px; border-radius: var(--radius-m); background: linear-gradient(to right, var(--c-tint-purple), var(--c-tint-pink)); } .safy-lg-note__ico .elementor-icon { color: var(--c-primary) !important; font-size: 40px; line-height: 1; } .safy-lg-note__ico .elementor-icon svg { width: 40px; height: 40px; color: var(--c-primary); } .safy-lg-note p { margin: 0; font-size: 17px; line-height: 1.9; color: var(--c-ink); } .elementor-element.safy-lg-cta { display: flex; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; justify-content: space-between; gap: 20px; padding: 28px 32px; border-radius: var(--radius-m); background: var(--grad-brand); color: var(--c-white); } .elementor-element.safy-lg-cta__text { display: grid; gap: 2px; } .safy-lg-cta__text .elementor-heading-title { margin: 0; font-size: 24px; font-weight: 700; line-height: 1.5; color: var(--c-white) !important; } .safy-lg-cta__text p { margin: 0; font-size: 16px; color: var(--c-white); opacity: .94; } .safy-lg-cta__btn .elementor-button { white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 28px; border: 0; border-radius: var(--radius-s); background: var(--c-white); color: var(--c-primary); font-size: 16px; font-weight: 700; line-height: 1; } .safy-lg-cta__btn .elementor-button:hover, .safy-lg-cta__btn .elementor-button:focus-visible { background: var(--c-tint-pink); color: var(--c-primary); } .safy-lg-cta__btn .elementor-button-icon { margin: 0; font-size: 18px; line-height: 1; } .safy-lg-cta__btn .elementor-button-icon svg { width: 18px; height: 18px; color: currentColor; } @media (max-width: 1024px) { .elementor-element.safy-lg-hero { grid-template-columns: minmax(0, 1fr); min-height: 0; padding-block: 32px; text-align: center; } .elementor-element.safy-lg-hero__body { align-items: center; } .safy-lg-lead p { margin-inline: auto; text-align: center; } .elementor-element.safy-lg-hero__art { height: 200px; } .elementor-element.safy-lg-cols { grid-template-columns: minmax(0, 1fr); } .elementor-element.safy-lg-toc { position: static; } } @media (max-width: 767px) { .safy-lg-title .elementor-heading-title { font-size: 25px; } .safy-lg-lead p { font-size: 16px; } .elementor-element.safy-lg-hero__art { height: 160px; } .elementor-element.safy-lg-body { margin-top: 32px; } .elementor-element.safy-lg-card { grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 12px; padding: 20px 16px; } .safy-lg-card__ico .elementor-icon { width: 60px; height: 60px; font-size: 28px; } .safy-lg-card__ico .elementor-icon svg { width: 28px; height: 28px; } .safy-lg-card__body .elementor-heading-title { font-size: 19px; } .safy-lg-card__list .elementor-icon-list-text { font-size: 16px; } .elementor-element.safy-lg-cta { flex-direction: column !important; align-items: stretch; padding: 24px 16px; text-align: center; } .safy-lg-cta__btn .elementor-button { width: 100%; } .elementor-element.safy-lg-note { align-items: flex-start; } } .elementor-element.safy-lg-cta__btn { flex: none; width: auto; } .safy-lg-toc__head > .elementor-widget, .safy-lg-note > .elementor-widget:first-child, .safy-lg-card > .elementor-widget { flex: none; width: auto; } .safy-lg-note > .elementor-widget:last-child { flex: 1 1 0; }