:root{padding:2rem;text-align:center;font-family:fantasy,Avenir,Helvetica,Arial,sans-serif;font-weight:400;margin:0;padding:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: #f6f6f6;--foreground-color: rgb(121, 3, 218);--primary-text-color: #0a0a0a;--secondary-text-color: #ffffff;--pattern-color: #00000012;--toggle-bg: #f0eb9d;--toggle-fg: #474303;--accent: #009dff}*{box-sizing:border-box}[data-theme=light]{--background-color: #f6f6f6;--foreground-color: rgb(121, 3, 218);--primary-text-color: #ffffff;--secondary-text-color: #000000;--pattern-color: #ffffff2d;--toggle-bg: #f0eb9d;--toggle-fg: #474303;--accent: #2200ff}[data-theme=dark]{--background-color: #1a1a1a;--foreground-color: rgb(121, 3, 218);--primary-text-color: #ffffff;--secondary-text-color: #ffffff;--pattern-color: #ffffff12;--toggle-bg: #334cdb;--toggle-fg: #12106e;--accent: #009dff}body{margin:0;flex:1;min-height:100dvh;display:flex;flex-direction:column;padding-top:5rem;font-family:Cairo,Amiri,Noto Naskh Arabic,sans-serif}.App{margin:0;padding:0;padding-top:5rem;width:100%;height:100%;background-color:var(--background-color);background-image:radial-gradient(var(--pattern-color) 1px,transparent 1px);background-size:12px 12px;transition:.5s}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:clamp(1.8rem,4vw,2.5rem);font-family:fantasy;float:left;margin-left:1rem;margin-top:1.4rem;color:var(--primary-text-color);transition:.5s}h2{font-size:clamp(1.4rem,3vw,2rem);font-family:fantasy;color:var(--secondary-text-color);transition:.5s}h3{font-size:2em;font-family:fantasy;color:var(--secondary-text-color);transition:.5s}p{font-family:fantasy;font-size:clamp(1rem,2.2vw,1.2rem);color:var(--secondary-text-color)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:fantasy;color:var(--secondary-text-color);background-color:var(--background-color);cursor:pointer;transition:border-color .25s;float:right;margin-top:1.4rem;margin-right:1.4rem}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#darkButton{color:var(--foreground-color);background-color:var(--background-color);position:fixed;top:5rem;right:.5rem;margin-right:48.5%;z-index:100;font-weight:700;padding:1rem;border:var(--foreground-color) 2px solid;border-radius:50%;transition:.2s ease}#darkButton:hover{background-color:var(--secondary-text-color);border:var(--foreground-color) 2px solid;padding:1.2rem}.Event{margin-top:5rem}.Event .Card{display:block}#logo{cursor:pointer}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){.logo:hover{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}@media(max-width:700px){#darkButton{top:-.8rem;right:-1rem;padding:.5rem}}@media(min-width:700px){#darkButton{top:5rem;right:-56rem;padding:1rem}}.navbar{position:fixed;top:0;width:100%;height:5rem;background:#1a0033c5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:radial-gradient(var(--pattern-color) 1px,transparent 1px);background-size:12px 12px;display:flex;align-items:center;padding:0 2rem;box-shadow:0 5px 20px #0006;z-index:999;direction:ltr}.nav-left{display:flex;align-items:center;gap:1rem;flex-shrink:0}.nav-logo{height:4.5rem;width:auto;border-radius:50%}.nav-title{font-size:1.2rem;font-weight:700;color:#fff;white-space:nowrap}.nav-links{margin-left:auto;display:flex;gap:1rem}.nav-links button{background:transparent;border:2px solid var(--background-color);background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1.2rem;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:.2s;margin:auto}.nav-links button:hover{color:#000;padding:.7rem 1.5rem}.nav-cta{background:var(--accent-color);color:#000}.hamburger{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);display:none;font-size:2rem;cursor:pointer;color:#fff;background:none;border:none;z-index:1000}.mobile-menu{position:absolute;top:70px;right:0;background:var(--foreground-color);width:100%;display:flex;flex-direction:column;padding:1rem;gap:1rem}.nav-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}.nav-hamburger-center{position:absolute;left:95%;top:-10%;transform:translate(-50%);z-index:1000}.nav-toggle{width:30px;height:22px;background:none;border:none;padding:0;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.nav-toggle span{display:block;width:100%;height:3px;background:#fff;border-radius:2px}.mobile-nav{position:fixed;top:3.5rem;right:0;width:25%;margin:5px;border-radius:15px;background:#1a0033;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;flex-direction:column;gap:1rem;padding:1.5rem;z-index:998;transition:.2s ease}.mobile-nav.open{display:flex}.mobile-nav a{color:#fff;text-decoration:none;font-size:1.1rem;padding:.75rem 1rem;border-radius:8px;background:#ffffff0d;transition:.2s ease}.mobile-nav a:hover{transform:translateY(-5%);box-shadow:0 5px 10px #ffffff2b}@media(min-width:768px){.nav-hamburger-center{position:absolute;right:-2.5rem;top:10%;z-index:1000}.mobile-nav{top:5rem}}@media(max-width:768px){.nav-links{display:none}.hamburger{display:block}.nav-title{display:none;font-size:1rem}.nav-center{left:auto;right:1rem;transform:none}.navbar{height:3.5rem}.nav-logo{height:2.5rem;margin-left:-1rem}.mobile-nav{width:50%}}.lang-button{background:var(--background-color);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);padding:.5rem 1rem;border-radius:8px;font-size:1.25rem;font-weight:600;color:var(--secondary-text-color);cursor:pointer;transition:.2s ease;display:flex;align-items:center;gap:.4rem;margin-top:0rem}.lang-button:hover{background:#ffffff2e;transform:translateY(-1px)}.lang-button:active{transform:scale(.96)}@media(max-width:900px){.lang-button{font-size:1rem;padding:.5rem .8rem;margin-top:.15rem;margin-right:2.3rem}}.footer{width:100%;height:9rem;padding:1.5rem 0;background:#46007b66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:radial-gradient(var(--pattern-color) 1px,transparent 1px);background-size:12px 12px;box-shadow:0 -5px 20px #0006}.footer-content{max-width:1200px;margin:auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-text{font-size:.95rem;opacity:.85;margin:0}.footer-socials{display:flex;gap:.8rem}.footer-socials a{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#181818a6;border-radius:50%;transition:.2s ease}.footer-socials a:hover{background:var(--accent-color);transform:translateY(-2px)}.footer-socials img{width:30px;height:auto}@media(max-width:900px){.footer{height:10rem}.footer-text{font-size:.75rem;margin-top:-.5rem;margin:auto}.footer-socials{margin:auto;gap:2.5rem}}.shop-section{position:relative;width:100%;height:35rem;margin-top:4rem;margin-bottom:-6rem;border-radius:0;overflow:hidden;box-shadow:0 10px 40px #0000004d}.shop-map{width:100%;height:100%;border:none;filter:grayscale(40%) contrast(1.1)}.shop-overlay{position:absolute;top:20px;left:20px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.4rem;border-radius:14px;color:#fff;z-index:2}.shop-overlay h2{margin:0;font-size:1.4rem;color:#fff}.shop-overlay p{margin:.4rem 0 0;font-size:.9rem;opacity:.8}.piece-card{max-width:50%;margin:2rem auto;border-radius:10px;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 45px #00000040;padding:0;overflow:hidden}.piece-content{gap:2rem;align-items:stretch;padding:1.2rem;vertical-align:top;display:inline-block;text-align:center;width:100%}.piece-text{flex:1;display:flex;flex-direction:column;justify-content:center}.piece-big{margin:0;font-size:clamp(2rem,2.8vw,3rem);font-weight:700;color:var(--secondary-text-color);line-height:1.3;font-family:sans-serif}.piece-medium{margin:0;font-size:clamp(1.15rem,1.4vw,1.6rem);font-weight:500;opacity:.95;line-height:1.9;font-family:sans-serif;white-space:pre-line}.piece-divider{width:90px;height:4px;background:var(--accent-color, #4ade80);margin:1rem auto;border-radius:10px}.piece-img{width:50%;aspect-ratio:1/1;border-radius:16px;object-fit:cover;box-shadow:0 12px 30px #00000073}.piece-card.left .piece-content{flex-direction:row}.piece-card.right .piece-content{flex-direction:row-reverse}html[lang=ar] .piece-text{direction:rtl;text-align:right}@media(max-width:900px){.piece-card{max-width:85%}.piece-content{flex-direction:column;align-items:flex-start}.piece-img{width:100%}.piece-text{width:100%;float:block}}.slider{position:relative;width:100%;height:85vh;min-height:600px;overflow:hidden;box-shadow:0 25px 50px #0009;margin-top:-10%!important;padding-top:0!important}.slide-img{width:100%;height:100%;object-fit:cover}.hero-text{position:absolute;top:55%;left:50%;width:25%;transform:translate(-50%,-50%);background:#0000008c;padding:2.5rem 3.5rem;border-radius:16px;color:#fff;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);max-width:80%}.hero-text h1{font-size:3.2rem;color:#fff}.hero-text h2{font-size:2rem;margin-top:.5rem;color:#fff}.hero-text p{font-size:1.3rem;margin-top:.6rem;color:#fff}.hero-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem;font-size:x-small}.hero-btn{padding:.5rem .75rem;border-radius:12px;font-weight:700;text-decoration:none;transition:.2s ease;box-shadow:0 10px 25px #0006}.hero-btn.whatsapp{background:#25d366;color:#000}.hero-btn.call{background:#2563eb;color:#fff}.hero-btn:hover{transform:translateY(-4px)}@media(max-width:700px){.slider{height:50vh;min-height:450px;margin-top:-10rem!important}.hero-text{padding:1rem 1.5rem;width:100%}.hero-text h1{font-size:1.7rem}.hero-text h2{font-size:1.1rem}.hero-text p{font-size:1rem}}.language-section{width:min(85%,1100px);margin:4rem auto 0rem;padding:2.5rem;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 10px 30px #00000040;font-family:sans-serif}.language-title{font-size:3rem;margin-bottom:.75rem;margin-top:.75rem;text-align:center;color:var(--secondary-text-color);font-weight:600;font-family:sans-serif}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.language-item{background:var(--foreground-color);border:1px solid rgba(255,255,255,.12);padding:.9rem 1rem;border-radius:12px;text-align:center;font-size:1.05rem;font-weight:500;color:var(--primary-text-color);line-height:1.4;transition:.2s ease;box-shadow:0 4px 12px #0003;direction:rtl}.language-item:hover{transform:translateY(-3px);background:var(--background-color);color:var(--secondary-text-color);border-color:var(--secondary-text-color)}@media(max-width:600px){.language-section{padding:1rem}.language-title{font-size:1.5rem}.language-item{font-size:1.1rem;padding:.5rem}}.contact-card{max-width:85%;margin:4rem auto;padding:2.5rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 40px #00000059;text-align:center;background-color:var(--background-color);opacity:.8}.contact-title{font-size:2.5rem;font-weight:700;color:var(--secondary-text-color);margin:0}.contact-divider{width:90px;height:4px;background:var(--accent-color, #4ade80);margin:1rem auto 2rem;border-radius:10px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:stretch}.contact-item{background:#8400ff32;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;display:flex;flex-direction:column;justify-content:center;height:100%;text-align:center;box-sizing:border-box;min-height:160px;min-width:50%;transition:.2s ease}.contact-item:hover{transform:translateY(-5px);background:#00000059}.contact-item span{display:block;font-size:1.1rem;font-weight:600;opacity:.8;margin-bottom:.3rem;color:var(--secondary-text-color)}.contact-item p{margin:0;font-size:1.2rem;font-weight:500;word-wrap:break-word}.pic{margin:1rem auto}@media(max-width:900px){.contact-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.contact-item{padding:1rem;font-size:.9rem}.contact-card{max-width:95%;padding:1.5rem}.contact-item svg{width:24px;height:24px}.contact-item span{font-size:.9rem}.contact-item p{font-size:.75rem}.contact-title{font-size:1.8rem}}.contact-item svg{color:var(--secondary-text-color);margin-bottom:.5rem}.hours-card{max-width:80%;margin:3rem auto;padding:1rem;border-radius:10px;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--secondary-text-color);box-shadow:0 10px 40px #00000023;text-align:center}.hours-status{font-size:5rem;font-weight:800;margin-bottom:1rem}.hours-status.open{color:#4ade80;text-shadow:0px 0px 3px #4ade80}.hours-status.closing-soon{color:#facc15;text-shadow:0px 0px 3px #facc15}.hours-status.closed{color:#ef4444;text-shadow:0px 0px 3px #ef4444}.hours-countdown{font-size:1.25rem;opacity:.8;margin-bottom:1.5rem}.hours-list{display:flex;flex-direction:column;gap:.6rem}.hours-row{display:flex;justify-content:space-between;padding:.6rem 1rem;border-radius:10px;background:var(--background-color);border:1px solid var(--secondary-text-color)}.day-name{font-weight:600;color:var(--secondary-text-color)}.day-time{font-weight:500;opacity:.9;color:var(--secondary-text-color)}@media(max-width:900px){.hours-card{max-width:85%;padding:.8rem}.hours-status{font-size:2rem}.hours-row{font-size:1rem}}.mobile-cta{position:fixed;bottom:0;width:100%;height:3rem;display:flex;z-index:9999}.mobile-cta a{flex:1;line-height:1;padding:0rem .5rem;text-align:center;font-weight:700;font-size:1rem;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:.6rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.2s ease;background-image:radial-gradient(var(--pattern-color) 1px,transparent 1px);background-size:12px 12px}.cta-call,.cta-whatsapp,.cta-review{background:#1a0033c5}@keyframes pulse{0%{box-shadow:0 0 #25d36699}70%{box-shadow:0 0 0 12px #25d36600}to{box-shadow:0 0 #25d36600}}.mobile-cta a:hover{transform:translateY(-2px)}.trust-card{max-width:85%;margin:2rem auto;padding:1rem;border-radius:10px;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #00000059;text-align:center}.trust-card h2{font-size:2rem;font-weight:800;color:var(--accent);margin-bottom:1.2rem}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.trust-item{padding:.5rem;border-radius:14px;border:1px solid var(--secondary-text-color);display:flex;flex-direction:column;align-items:center;gap:0rem;font-weight:600;font-size:.75rem;transition:.25s ease}.trust-item p{color:var(--accent)}.trust-item:hover{transform:translateY(-5px);background:#00000073}.trust-item svg{color:var(--secondary-text-color)}html[lang=ar] .trust-item p{direction:rtl;text-align:center}@media(max-width:900px){.trust-grid{grid-template-columns:1fr 1fr}.trust-card h2{font-size:1.8rem}}.services-card{width:min(85%,1100px);margin:4rem auto;padding:1rem;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 10px 30px #00000040}.services-title{font-size:2.4rem;text-align:center;margin-bottom:1.5rem;color:var(--secondary-text-color);font-weight:600}.service-category{border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;margin-bottom:1rem;background:var(--foreground-color);padding-left:1rem;padding-bottom:1rem}.category-header{width:100%;padding:1rem 1.2rem;font-size:1rem;font-weight:600;background:transparent;color:var(--primary-text-color);border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.subcategory-list{background:#0003;padding:.5rem 1rem}.subcategory-header{width:100%;padding:.6rem;font-size:1rem;background:transparent;border:none;color:#fff;display:flex;justify-content:space-between;cursor:pointer}.doc-preview{padding:.5rem 0 1rem;text-align:center}.doc-preview img{width:100%;max-width:350px;border-radius:8px;border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 18px #0006}.translate-btn{display:inline-block;margin-top:.8rem;padding:.6rem 1.2rem;background:#25d366;color:#000;font-weight:700;border-radius:8px;text-decoration:none;transition:.2s ease}.translate-btn:hover{transform:translateY(-2px);background:#1ebc5c}@media(max-width:600px){.services-title{font-size:1.6rem}}.whatsapp-float{position:fixed;margin-bottom:2.5rem;margin-right:-.5rem;z-index:10000;background-color:#25d366;border-radius:50%;width:110px;height:110px;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 25px #0006;transition:.2s ease}.whatsapp-float img{width:60px;height:auto}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 12px 35px #0009}@media(max-width:600px){.whatsapp-float{width:55px;height:55px;bottom:1rem;right:1rem}}.whatsapp-text{position:fixed;bottom:1.5rem;right:7.5rem;background:#000;color:#fff;padding:.5rem 1rem;border-radius:12px;font-size:.9rem;transition:.2s}.whatsapp-text:hover{padding:1rem 1.5rem}