@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@400&display=swap");








/* UNSPOKEN product cards — ELEVE11 typography */
[data-product-card] { font-family: "Alexandria", sans-serif !important; gap: 12px !important; }
[data-product-card] h3, [data-product-card] h3 a { font-family: "Alexandria", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.625 !important; }
[data-product-card] > div.flex-1 { gap: 4px !important; }
[data-product-card] > div.flex-1 > p, [data-product-card] > div.flex-1 > div:not(:first-child) { font-family: "Alexandria", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 16px !important; }
[data-product-card] .riyal-svg { width: 12px; height: 13px; }
[data-product-card] > div:last-child > .btn { font-family: "Alexandria", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; background-color: #000000 !important; border-color: #000000 !important; color: #fff !important; border-radius: 999px !important; }
[data-product-card] > div:last-child > .btn:hover { background-color: #171717 !important; border-color: #171717 !important; }








/* Store benefits */
.section-benefits > .theme-container::before { content: "ما يميزنا"; display: block; text-align: center; font-size: 28px; font-weight: 500; color: #171717; margin-bottom: 36px; }
.section-benefits h3 { font-size: 18px; }
.section-benefits p { color: #545352; line-height: 1.8; }
.section-benefits .grid > div::before { content: ""; display: block; width: 48px; height: 48px; background: center/contain no-repeat; }
.section-benefits .grid > div:nth-child(1)::before { background-image: 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%23171717%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021h16M7%2021V10l5-6%205%206v11M10%2021v-7h4v7M10%2010h4%22%2F%3E%3C%2Fsvg%3E"); }
.section-benefits .grid > div:nth-child(2)::before { background-image: 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%23171717%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%205h14v11H9l-4%204V5Z%22%2F%3E%3Cpath%20d%3D%22M8%209h8M8%2012h5%22%2F%3E%3C%2Fsvg%3E"); }
.section-benefits .grid > div:nth-child(3)::before { background-image: 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%23171717%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.5%206.5L21%2012l-6.5%202.5L12%2021l-2.5-6.5L3%2012l6.5-2.5L12%203Z%22%2F%3E%3C%2Fsvg%3E"); }
.section-benefits .grid > div:nth-child(4)::before { background-image: 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%23171717%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%204-5%203%203%205%202-1v10h8V11l2%201%203-5-5-3c-1%203-7%203-8%200Z%22%2F%3E%3C%2Fsvg%3E"); }








/* FAQ cards */
main .theme-container:has(> .divide-y > div > button[commandfor^="faq-"]) { max-width: 1200px !important; }
main .theme-container:has(> .divide-y > div > button[commandfor^="faq-"]) > h1 { text-align: center; margin-bottom: 36px; }
main .divide-y:has(> div > button[commandfor^="faq-"]), .aigc-faq__list { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; align-items: start; }
main .divide-y:has(> div > button[commandfor^="faq-"]) > div, .aigc-faq__item { border: 0 !important; padding: 0 !important; border-radius: 12px; overflow: hidden; background: #e9e6de !important; }
button[commandfor^="faq-"], .aigc-faq__question { background: #171717 !important; color: #fff !important; padding: 20px 24px !important; min-height: 70px; border-radius: 12px !important; align-items: center !important; width: 100%; }
button[commandfor^="faq-"] > span, .aigc-faq__qtext, .aigc-faq__icon { color: #fff !important; font-size: 18px !important; font-weight: 500; }
el-disclosure[id^="faq-"] > div, .aigc-faq__panel-inner { padding: 16px 24px !important; margin: 0 !important; color: #171717; line-height: 1.8; }
.aigc-faq__inner { max-width: 1200px !important; }
.aigc-faq__title, .aigc-faq__subtitle { text-align: center !important; }
.aigc-faq__heading { margin: 0 !important; }
@media(max-width: 767px) { main .divide-y:has(> div > button[commandfor^="faq-"]), .aigc-faq__list { grid-template-columns: 1fr !important; } button[commandfor^="faq-"] > span, .aigc-faq__qtext { font-size: 16px !important; } }








@keyframes unspoken-benefit-float { 0%,100% { transform:translateY(0) rotate(-2deg); } 50% { transform:translateY(-7px) rotate(2deg); } }
.section-benefits .grid > div::before { animation:unspoken-benefit-float 3.2s ease-in-out infinite; }
.section-benefits .grid > div:nth-child(2)::before {animation-delay:-.8s;}
.section-benefits .grid > div:nth-child(3)::before {animation-delay:-1.6s;}
.section-benefits .grid > div:nth-child(4)::before {animation-delay:-2.4s;}
@media(prefers-reduced-motion:reduce){.section-benefits .grid > div::before {animation:none;}}
main .theme-container:has(> .divide-y > div > button[commandfor^="faq-"]) > h1, .aigc-faq__title { font-size:0!important;}
main .theme-container:has(> .divide-y > div > button[commandfor^="faq-"]) > h1::before, .aigc-faq__title::before {content:"عندك استفسار؟ نحن هنا لمساعدتك";display:block;font-size:clamp(24px,3vw,34px);line-height:1.5;font-weight:500;}
main .theme-container:has(> .divide-y > div > button[commandfor^="faq-"]) > h1::after {content:"إجابات سريعة لأسئلتك";display:block;font-size:16px;font-weight:400;margin-top:8px;}
.section-testimonials:not(:has(.embla__container > *)) {text-align:center;background:#e9e6de;}
.section-testimonials:not(:has(.embla__container > *)) .embla-wrapper {display:none;}
.section-testimonials:not(:has(.embla__container > *)) .theme-container::after {content:"نضيف تقييمات عملائنا قريبًا";display:block;color:#545352;font-size:16px;margin-top:16px;}
[data-product-card] > a:first-child {background-color:#e9e6de!important;isolation:isolate;}
[data-product-card] > a:first-child > img {mix-blend-mode:multiply;}








/* ELEVE11 sizing across UNSPOKEN */
html,body {font-family:"Alexandria",sans-serif!important;font-size:13px;}
body :is(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,summary,label,span,li) {font-family:"Alexandria",sans-serif!important;}
body :is(p,li,label,input,select,textarea),header a,footer a,footer p {font-size:13px!important;}
body h1 {font-size:24px!important;}
body h2 {font-size:20px!important;}
body h3,body h4 {font-size:16px!important;}
body .btn {font-size:13px!important;min-height:40px;}
[data-product-card] h3,[data-product-card] h3 a {font-size:13px!important;font-weight:400!important;}
.section-benefits h3 {font-size:16px!important;}
.section-benefits > .theme-container::before {font-size:22px!important;}
button[commandfor^="faq-"] > span,.aigc-faq__qtext {font-size:14px!important;}
button[commandfor^="faq-"],.aigc-faq__question {min-height:56px!important;padding:16px 20px!important;}
.aigc-faq__title::before,main .theme-container:has(> .divide-y > div > button[commandfor^="faq-"]) > h1::before {font-size:24px!important;}
main .theme-container:has(> .divide-y > div > button[commandfor^="faq-"]) > h1,.aigc-faq__title {font-size:0!important;}
@media(min-width:768px){main section:not(.section-hero):not(:first-child){padding-top:36px;padding-bottom:36px;}}








@media(min-width:1024px){[data-grid-root][data-grid="grid"] {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;}}








[data-product-card] > div:last-child > .btn {min-height:40px!important;height:40px;padding:8px!important;}
/* Refined headings and FAQ */
main h1{font-size:20px!important;} main h2{font-size:18px!important;} main h3:not(.text-sm){font-size:14px!important;} .section-benefits>.theme-container::before{font-size:18px!important;}
.aigc-faq__title{font-size:18px!important;line-height:1.5!important;} .aigc-faq__title::before,.aigc-faq__title::after{content:none!important;display:none!important;}
.aigc-faq__qtext,.aigc-faq__question,button[commandfor^="faq-"]>span{font-size:12px!important;font-weight:500!important;} .aigc-faq__question{min-height:46px!important;padding:12px 16px!important;}
#footer{text-align:center!important;} #footer .flex{justify-content:center;}
@media(max-width:767px){main h2{font-size:17px!important;} .aigc-faq__title{font-size:17px!important;}}
/* UNSPOKEN editorial benefits */
.section-benefits{background:#f8f7f4!important;padding:48px 0!important;} .section-benefits>.theme-container{max-width:1200px;margin:auto;} .section-benefits>.theme-container::before{content:"ما يميزنا";font-size:18px!important;font-weight:500;letter-spacing:0;margin-bottom:28px;} html[lang^="en"] .section-benefits>.theme-container::before{content:"The UNSPOKEN difference";}
.section-benefits .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;border-top:1px solid #d8d5ce;border-bottom:1px solid #d8d5ce;counter-reset:benefit;}
.section-benefits .grid>div{display:flex!important;flex-direction:column;align-items:center!important;text-align:center!important;padding:30px 22px!important;gap:12px!important;border-inline-end:1px solid #d8d5ce;counter-increment:benefit;} .section-benefits .grid>div:last-child{border-inline-end:0;}
.section-benefits .grid>div::before{content:"0" counter(benefit)!important;background:none!important;animation:none!important;transform:none!important;width:auto!important;height:auto!important;display:block!important;font-size:11px;color:#837f76;letter-spacing:2px;line-height:1;margin-bottom:5px;}
.section-benefits .grid>div>img{display:none;} .section-benefits .grid>div>.space-y-2{margin:0!important;} .section-benefits h3{font-size:14px!important;font-weight:500!important;margin:0 0 8px!important;} .section-benefits p{font-size:12px!important;color:#68645d!important;line-height:1.9!important;max-width:240px;margin:0 auto!important;}
@media(max-width:767px){.section-benefits{padding:32px 0!important;} .section-benefits .grid{grid-template-columns:repeat(2,minmax(0,1fr));} .section-benefits .grid>div{padding:24px 14px!important;} .section-benefits .grid>div:nth-child(2){border-inline-end:0;} .section-benefits .grid>div:nth-child(-n+2){border-bottom:1px solid #d8d5ce;} .section-benefits>.theme-container::before{font-size:17px!important;margin-bottom:22px;}}
/* Footer heading highlights */
#footer h2,#footer h3{display:table!important;width:fit-content!important;max-width:100%;margin-inline:auto!important;background:#000!important;color:#fff!important;padding:7px 14px!important;border-radius:2px!important;line-height:1.6!important;}
#footer h3{font-size:12px!important;font-weight:500!important;} #footer h2{font-size:15px!important;letter-spacing:1px;}

/* Revert experimental video banner */
.section-video:has(source[src*="0af835ae-e7c7-47fa-bd18-68ec2ddce1ed"]){display:none!important;}

/* Footer layout inspired by approved reference */
#footer{background:#000!important;color:#fff!important;border-radius:22px 22px 0 0!important;padding:64px 32px 24px!important;text-align:center!important;} #footer .text-foreground,#footer p,#footer a,#footer li,#footer span{color:#fff!important;} #footer h2,#footer h3{background:none!important;color:#fff!important;padding:0!important;border-radius:0!important;display:block!important;width:auto!important;letter-spacing:0!important;margin:0 0 24px!important;} #footer h2{font-size:22px!important;letter-spacing:3px!important;} #footer h3{font-size:17px!important;font-weight:600!important;} #footer .theme-container>.grid{grid-template-columns:1.2fr 1fr 1fr!important;gap:56px!important;align-items:start;} #footer .theme-container>.grid>div:nth-child(3){display:none!important;} #footer p{font-size:14px!important;line-height:1.8!important;} #footer a{font-size:14px!important;line-height:1.8!important;} #footer li.py-2{padding:5px 0!important;} #footer .unspoken-footer-social{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;} #footer .unspoken-footer-social>a{width:36px;height:36px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:50%;color:#000!important;} #footer .unspoken-footer-social svg{width:22px;height:22px;color:#000!important;fill:currentColor;} #footer .unspoken-footer-social>a[data-contact-icon] svg{fill:none!important;} #footer .unspoken-footer-social+a{color:#fff!important;} #footer .border-t{border-color:#242424!important;} #footer .border-t>.flex{flex-direction:column-reverse!important;gap:18px!important;} #footer .unspoken-footer-location{display:block;color:#fff;font-size:12px!important;text-align:center;line-height:1.8;margin-top:18px;} #footer .unspoken-footer-social-heading{display:none!important;} #footer .unspoken-footer-contact-list{margin-top:20px;}
@media(max-width:767px){#footer{padding:40px 24px 24px!important;border-radius:20px 20px 0 0!important;} #footer .theme-container>.grid{grid-template-columns:1fr!important;gap:34px!important;} #footer .theme-container>.grid>div:first-child{max-width:340px;margin-inline:auto;} #footer h3{font-size:17px!important;}}
/* Original mobile banner lettering only */
.unspoken-original-lettering{display:none;} @media(max-width:767px){.section-hero[section-id="7d1b43e0-bb68-4333-a434-57f2d62419d2"] .unspoken-original-lettering{display:flex;position:absolute;z-index:20;left:0;right:0;top:43%;flex-direction:column;align-items:center;text-align:center;pointer-events:none;color:#000;} .unspoken-original-wordmark{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(28px,8vw,36px)!important;font-weight:400!important;letter-spacing:7px;line-height:1.3;animation:unspoken-letter-float 7s ease-in-out infinite;} .unspoken-original-tagline{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(16px,4.7vw,21px)!important;font-weight:400!important;letter-spacing:.6px;line-height:1.35;margin-top:14px;animation:unspoken-letter-float 7s ease-in-out .35s infinite;} .unspoken-original-city{font-family:Georgia,"Times New Roman",serif!important;font-size:11px!important;letter-spacing:5px;line-height:1.5;margin-top:20px;} }
@keyframes unspoken-letter-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}} @media(prefers-reduced-motion:reduce){.unspoken-original-wordmark,.unspoken-original-tagline{animation:none!important;}}
.unspoken-original-lettering{direction:ltr;}
/* Space after homepage FAQ */
main section.aigc-faq{padding-bottom:56px!important;}
@media(max-width:767px){main section.aigc-faq{padding-bottom:40px!important;}}
/* Quiet black product ribbon */
.unspoken-product-ribbon{position:absolute;z-index:2;top:16px;inset-inline-end:16px;width:82px;height:25px;overflow:hidden;background:#000;color:#fff!important;border-radius:2px;text-align:center;pointer-events:none;} .unspoken-product-ribbon-track{display:flex;flex-direction:column;animation:unspoken-labels 12s ease-in-out infinite;} .unspoken-product-ribbon-track>span{display:flex;justify-content:center;align-items:center;height:25px;flex:0 0 25px;color:#fff!important;font-size:10px!important;font-weight:400!important;white-space:nowrap;line-height:25px!important;} @keyframes unspoken-labels{0%,24%{transform:translateY(0);}29%,57%{transform:translateY(-25px);}62%,90%{transform:translateY(-50px);}95%,100%{transform:translateY(-75px);}} @media(max-width:767px){.unspoken-product-ribbon{top:8px;inset-inline-end:8px;width:70px;height:24px;} .unspoken-product-ribbon-track>span{height:24px;flex-basis:24px;line-height:24px!important;font-size:9px!important;} @keyframes unspoken-labels{0%,24%{transform:translateY(0);}29%,57%{transform:translateY(-24px);}62%,90%{transform:translateY(-48px);}95%,100%{transform:translateY(-72px);}}} @media(prefers-reduced-motion:reduce){.unspoken-product-ribbon-track{animation:none!important;}}
/* One phrase marquee on each product */
.unspoken-hidden-stock-label{display:none!important;} .unspoken-product-ribbon{inset-inline-start:16px;inset-inline-end:auto!important;width:100px;height:25px;} .unspoken-product-ribbon-track{display:flex;flex-direction:row!important;width:max-content;direction:ltr;animation:unspoken-ribbon-scroll 9s linear infinite!important;} .unspoken-product-ribbon-track>span{flex:0 0 auto!important;min-width:100px;box-sizing:border-box;padding-inline:15px;height:25px;direction:rtl;} html[lang^="en"] .unspoken-product-ribbon-track>span{direction:ltr;} @keyframes unspoken-ribbon-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}} @media(max-width:767px){.unspoken-product-ribbon{top:8px;inset-inline-start:8px;width:90px;height:24px;} .unspoken-product-ribbon-track>span{min-width:90px;height:24px;}} @media(prefers-reduced-motion:reduce){.unspoken-product-ribbon-track{animation:none!important;}}
/* Keep hero lettering static */
.unspoken-original-wordmark,.unspoken-original-tagline{animation:none!important;transform:none!important;}
/* Rheef-style compact white mobile sidebar */
#mobile-drawer{top:0!important;inset:0!important;margin:0!important;padding:0!important;} #mobile-drawer el-dialog-backdrop{background:rgba(0,0,0,.4)!important;backdrop-filter:none!important;} #mobile-drawer el-dialog-panel{position:absolute!important;top:0;bottom:0;right:0;left:auto;width:70vw!important;max-width:400px!important;height:100%!important;} html[dir="ltr"] #mobile-drawer el-dialog-panel{left:0;right:auto;} #mobile-drawer el-dialog-panel>div{background:#fff!important;color:#000!important;} #mobile-drawer el-dialog-panel>div>div{padding-top:0!important;gap:0!important;} #mobile-drawer a,#mobile-drawer button,#mobile-drawer span{color:#000!important;font-weight:400!important;} #mobile-drawer .unspoken-drawer-brand{display:block;flex:none;width:100%;text-align:center!important;font-size:20px!important;letter-spacing:3px;font-family:Georgia,serif!important;padding:30px 10px 26px!important;line-height:1.4;} #mobile-drawer a:not(.unspoken-drawer-brand){font-size:14px!important;padding:15px 12px!important;line-height:1.45;text-align:start;} #mobile-drawer .border-t{border:0!important;padding-top:18px!important;padding-bottom:30px!important;gap:12px!important;} #mobile-drawer .unspoken-drawer-login{display:flex;align-items:center;gap:5px;min-height:0!important;width:fit-content!important;max-width:calc(100% - 24px);margin-inline:12px;padding:5px 9px!important;border:1px solid #555;border-radius:3px;background:#fff;font-size:12px!important;line-height:1.2;} #mobile-drawer .unspoken-drawer-login svg{width:17px;height:17px;fill:none;stroke:#000;stroke-width:1.3;} #mobile-drawer .unspoken-drawer-region{display:flex!important;gap:0!important;width:fit-content!important;min-height:0!important;max-width:calc(100% - 24px);margin-inline:12px;padding:0!important;border:1px solid #555;border-radius:3px;font-size:12px!important;line-height:1.2;} #mobile-drawer .unspoken-drawer-country,#mobile-drawer .unspoken-drawer-locale{padding:6px 9px!important;display:flex;align-items:center;gap:4px;} #mobile-drawer .unspoken-drawer-locale{border-inline-start:1px solid #555;direction:ltr;} #mobile-drawer .unspoken-drawer-locale svg{width:16px;height:16px;}
/* Merchant review: clearer collection and mobile layout */
.unspoken-original-lettering{display:none!important;}
.section-hero{min-height:0!important;height:auto!important;aspect-ratio:2.4/1;padding:0!important;background:#f7f3e9;}
.section-hero picture{display:block;width:100%;height:100%;}.section-hero picture img{height:100%!important;width:100%!important;object-fit:contain!important;}
.section-categories .embla__container{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px!important;transform:none!important;margin:0!important;}.section-categories .embla__slide{width:auto!important;min-width:0!important;padding:0!important;flex:none!important;}.section-categories .embla-wrapper>.flex{display:none!important;}.section-categories h3{text-align:center!important;font-size:13px!important;font-weight:400!important;}.section-categories a{gap:12px!important;}.section-categories img{aspect-ratio:3/4!important;object-fit:contain!important;background:#ebe8df;}
.section-benefits{background:#f8f7f4!important;padding:36px 16px 48px!important;}.section-benefits .grid{border:none!important;gap:12px!important;}.section-benefits .grid>div{border:1px solid #e5e1d8!important;background:#fff;border-radius:8px;padding:22px 16px!important;gap:4px!important;}.section-benefits .grid>div::before{display:none!important;}.section-benefits p{font-size:11px!important;line-height:1.7!important;}
@media(max-width:767px){.section-hero{aspect-ratio:4/5!important;}.section-categories .embla__container{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px!important;}.section-categories h2{text-align:center!important;}.section-benefits .grid>div{padding:18px 12px!important;}.section-benefits{padding-bottom:40px!important;}}
/* Plain FAQ page heading */
main:has(button[commandfor^="faq-"]) h1::before,main:has(button[commandfor^="faq-"]) h1::after{content:none!important;display:none!important;}
/* Show contact column when footer has one links group */
#footer .theme-container>.grid:not(:has(>div:nth-child(4)))>div:nth-child(3){display:block!important;}