@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap);html{scrollbar-width:none}html::-webkit-scrollbar{display:none;height:0;width:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}::selection{background:#c5a0593d}:root{--bg:#fff8e8;--surface:#ffffffd1;--surface-strong:#ffffffe6;--text:#102a32;--text-secondary:#38606a;--muted:#58727a;--primary:#087f8c;--accent:#087f8c;--accent-soft:#19c3c824;--border:#087f8c24;--shadow:0 24px 60px #102a321a;--overlay:#19c3c814;--overlay-strong:#087f8c1f;--footer-bg:#e8f7f3;--footer-border:#087f8c29;--card-bg:var(--surface);--primary-gold:var(--primary);--text-white:var(--text);--lime:#c8e85d;--sun:#ffd166;--coral:#ff7a59;--radius:28px}[data-theme=dark]{--bg:#0b252d;--surface:#123941db;--surface-strong:#0b252deb;--text:#f5f7ed;--text-secondary:#b9d2d0;--muted:#a3c0c0;--primary:#19c3c8;--accent:#c8e85d;--accent-soft:#c8e85d24;--border:#b9dcd829;--shadow:0 24px 60px #00000047;--overlay:#b9dcd814;--overlay-strong:#19c3c829;--footer-bg:#071c23;--footer-border:#19c3c838;--card-bg:var(--surface);--primary-gold:var(--primary);--text-white:var(--text);--lime:#c8e85d;--sun:#ffd166;--coral:#ff7a59}*{box-sizing:border-box;overflow-wrap:anywhere}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top right,#c5a05929,#0000 20%),radial-gradient(circle at bottom left,#ffffff0f,#0000 18%),#fff8e8;background:radial-gradient(circle at top right,#c5a05929,#0000 20%),radial-gradient(circle at bottom left,#ffffff0f,#0000 18%),var(--bg);direction:rtl;font-family:Cairo,sans-serif;margin:0;overflow-x:hidden}#root,body{min-height:100vh}button,input{font:inherit}button{background:none;border:none}img{display:block;max-width:100%}.app-shell{position:relative}.scroll-progress{background:linear-gradient(90deg,#087f8c,#fffc);background:linear-gradient(90deg,var(--accent),#fffc);height:4px;left:0;position:fixed;top:0;transition:width .2s ease;z-index:99}.page-loader{background:color-mix(in srgb,#fff8e8 95%,#0000);background:color-mix(in srgb,var(--bg) 95%,#0000);color:#102a32;color:var(--text);display:grid;inset:0;padding:2rem;place-items:center;position:fixed;text-align:center;z-index:200}.brand-mark,.footer-mark{background:linear-gradient(135deg,#087f8c,#ffffff2e);background:linear-gradient(135deg,var(--primary),#ffffff2e);border-radius:12px;box-shadow:0 12px 28px #0000002e;height:40px;width:40px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;background:var(--surface-strong);border-bottom:1px solid #087f8c24;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.topbar-inner{gap:.75rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.6rem 1rem}.brand,.topbar-inner{align-items:center;display:flex;min-width:0}.brand{flex-shrink:0;gap:.9rem}.brand-caption{color:#58727a;color:var(--muted);font-size:.85rem;margin:0}.brand-title{display:block;font-size:1rem;letter-spacing:.12em}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-inline-end:auto;order:2}.nav-link{border-radius:999px;color:#38606a;color:var(--text-secondary);cursor:pointer;font-size:.95rem;padding:.5rem .9rem;transition:background .18s ease,color .18s ease}.nav-link.active,.nav-link:hover{background:#c5a0592e}.topbar-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem;order:1}.icon-button{border-radius:12px;color:#102a32;color:var(--text);cursor:pointer;display:grid;height:40px;place-items:center;transition:background .18s ease,transform .18s ease;width:40px}.icon-button:hover{background:#19c3c814;background:var(--overlay);transform:translateY(-2px)}.menu-toggle{display:none;height:46px;padding:0;position:relative;width:46px}.menu-toggle span{background:currentColor;border-radius:999px;display:block;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.menu-toggle span:first-child{top:15px}.menu-toggle span:nth-child(2){top:22px}.menu-toggle span:nth-child(3){top:29px}.hero-panel{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1.2fr .8fr;margin:0 auto;max-width:1200px;min-height:calc(100vh - 64px);padding:4rem 1.5rem 2rem;position:relative}.hero-backdrop{background:radial-gradient(circle at 10% 20%,#c5a05938,#0000 16%),radial-gradient(circle at 80% 30%,#ffffff14,#0000 14%),linear-gradient(180deg,#0000,#00000052);inset:0;pointer-events:none;position:absolute}.hero-content,.hero-panel-side{position:relative;z-index:1}.hero-label{align-items:center;background:#19c3c814;background:var(--overlay);border-radius:999px;color:var(--accent);display:inline-flex;font-size:.85rem;gap:.65rem;letter-spacing:.15em;margin-bottom:1rem;padding:.75rem 1rem;text-transform:uppercase}.hero-heading{font-size:clamp(3.2rem,4vw,5.2rem);letter-spacing:.02em;line-height:.95;margin:0;max-width:720px}.hero-copy{color:#58727a;color:var(--muted);font-size:1.05rem;margin:1.8rem 0 2.2rem;max-width:640px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn-primary,.btn-secondary{border-radius:999px;cursor:pointer;font-weight:700;padding:1rem 1.8rem;transition:transform .25s ease,background .25s ease,color .25s ease}.btn-primary{background:linear-gradient(135deg,#087f8c,#ffffff1f });background:linear-gradient(135deg,var(--primary),#ffffff1f });color:#fff8e8;color:var(--bg)}.btn-secondary{border:1px solid #087f8c24;border:1px solid var(--border);color:#102a32;color:var(--text)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.hero-panel-side{display:grid;place-items:center}.hero-deco{border-radius:999px;filter:blur(28px);position:absolute}.hero-deco-1{background:#c5a05940;height:220px;right:18%;top:12%;width:220px}.hero-deco-2{background:#ffffff14;bottom:18%;height:160px;left:10%;width:160px}.hero-search-block{grid-gap:1rem;display:grid;gap:1rem;margin:2rem auto 0;max-width:1100px;padding:0 1.5rem 3rem}.search-box{grid-gap:.55rem;display:grid;gap:.55rem}.search-caption{color:#58727a;color:var(--muted);font-size:.95rem}.search-box input{border:1px solid #087f8c24;border:1px solid var(--border);border-radius:16px;color:#102a32;color:var(--text);padding:1.15rem 1.25rem;width:100%}.search-box input::placeholder{color:#38606a;color:var(--text-secondary)}.filter-pills{display:flex;flex-wrap:wrap;gap:.75rem}.pill{background:#19c3c814;background:var(--overlay);border-radius:999px;color:#58727a;color:var(--muted);cursor:pointer;padding:.85rem 1.3rem;transition:background .25s ease,color .25s ease}.pill-active{background:#19c3c824;background:var(--accent-soft);color:#087f8c;color:var(--accent)}.featured-section,.site-footer,.stats-section{margin:0 auto;max-width:1200px;padding:3rem 1.5rem}.section-header{grid-gap:.75rem;display:grid;gap:.75rem;margin-bottom:2rem}.eyebrow{color:#087f8c;color:var(--accent);font-size:.82rem;letter-spacing:.25em;text-transform:uppercase}.section-header h2{font-size:clamp(2rem,2.5vw,3rem);margin:0}.section-header p{color:#58727a;color:var(--muted);max-width:760px}.recipe-card{background:var(--surface);border:1px solid #087f8c24;border:1px solid var(--border);border-radius:50%;box-shadow:0 24px 60px #102a321a;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr;scroll-margin-top:5.5rem}.recipe-card-active{border-color:#087f8c;border-color:var(--accent);box-shadow:0 32px 70px #c5a0592e}.recipe-card-media{aspect-ratio:4/3;overflow:hidden;padding:0;position:relative;width:100%}.recipe-card-media img{height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1);width:100%}.drinks-page .recipe-card-media img{object-fit:contain;object-position:center 56%;transform:scale(.92) translateY(4%)}.recipe-card-media:hover img{transform:scale(1.07)}.recipe-card-overlay{background:linear-gradient(180deg,#0000,#00000052);inset:0;position:absolute}.recipe-card-body{grid-gap:1.2rem;display:grid;gap:1.2rem;padding:1.7rem}.recipe-card-top{align-items:center;display:flex;gap:1rem;justify-content:space-between}.recipe-card-badge{align-items:center;background:#c5a05924;border-radius:999px;color:#087f8c;color:var(--accent);display:inline-flex;font-size:.85rem;padding:.65rem 1rem}.favorite-icon{background:#ffffff0d;border-radius:50%;color:#102a32;color:var(--text);cursor:pointer;display:grid;height:44px;place-items:center;width:44px}.favorite-icon-active{background:#c5a0592e;color:#087f8c;color:var(--accent)}.recipe-card-body h3{font-size:1.35rem;margin:0}.recipe-card-body p{color:#58727a;color:var(--muted);line-height:1.75;margin:0}.recipe-card-button{background:#ffffff14;border-radius:999px;color:#102a32;color:var(--text);cursor:pointer;justify-self:start;padding:.95rem 1.4rem;transition:background .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.recipe-card-button:hover{background:#c5a05938;transform:translateY(-1px)}.btn-primary:active,.btn-secondary:active,.recipe-card-button:active{opacity:.88;transform:scale(.98)}.stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{background:#19c3c814;background:var(--overlay);border:1px solid #087f8c24;border:1px solid var(--border);border-radius:24px;box-shadow:inset 0 0 0 1px #087f8c24;box-shadow:inset 0 0 0 1px var(--border);padding:1.6rem}.stat-card strong{display:block;font-size:2rem;margin-bottom:.75rem}.stat-card span{color:#58727a;color:var(--muted)}.details-section{padding-top:0}.details-collection{grid-gap:2.5rem;display:grid;gap:2.5rem;padding-bottom:3rem}.details-grid{grid-gap:2rem;align-items:stretch;background:#19c3c814;background:var(--overlay);border:1px solid #087f8c24;border:1px solid var(--border);border-radius:32px;box-shadow:0 24px 60px #102a321a;box-shadow:var(--shadow);display:grid;gap:2rem;grid-template-columns:1.15fr .95fr;padding:2rem}.details-panel{grid-gap:1.5rem;display:grid;gap:1.5rem}.details-header{grid-gap:.5rem;display:grid;gap:.5rem}.details-label{color:#087f8c;color:var(--accent);font-size:.8rem;letter-spacing:.25em;text-transform:uppercase}.details-header h2{font-size:clamp(2rem,2.3vw,2.6rem);margin:0}.details-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.info-card{background:#19c3c814;background:var(--overlay);border:1px solid #087f8c24;border:1px solid var(--border);border-radius:24px;padding:1.15rem}.info-card strong{display:block;margin-bottom:.35rem}.details-copy p,.info-card span{color:#58727a;color:var(--muted)}.details-copy p{line-height:1.8}.panel-blocks{grid-gap:1.3rem;display:grid;gap:1.3rem}.chip-grid{display:flex;flex-wrap:wrap;gap:.75rem}.chip{background:#19c3c814;background:var(--overlay);border-radius:999px;color:#102a32;color:var(--text);font-size:.95rem;padding:.8rem 1rem}.details-visual-card{border-radius:32px;overflow:hidden;position:relative}.details-visual-card img{min-height:100%;object-fit:cover}.details-visual-tag{background:#00000080;border-radius:999px;color:#fff;font-size:.9rem;padding:.75rem 1rem;position:absolute;right:1.5rem;top:1.5rem}.timeline-block{background:#ffffff0d;border:1px solid #087f8c24;border:1px solid var(--border);border-radius:28px;margin-top:2rem;padding:2rem}.timeline-header{margin-bottom:1.25rem}.timeline-header span{color:#087f8c;color:var(--accent);font-size:.85rem;letter-spacing:.18em;text-transform:uppercase}.timeline-list{grid-gap:1rem;display:grid;gap:1rem}.timeline-item{grid-gap:1rem;align-items:start;border-bottom:1px solid #087f8c24;border-bottom:1px solid var(--border);display:grid;grid-template-columns:64px 1fr;padding:1.2rem 0}.timeline-item:last-child{border-bottom:none}.timeline-marker{background:#c5a0591f;border-radius:24px;color:var(--accent);display:grid;font-weight:700;height:64px;place-items:center;width:64px}.timeline-content p{color:#58727a;color:var(--muted);line-height:1.8;margin:0}.details-back{margin-top:1.5rem}.btn-secondary.details-back{border:1px solid #ffffff26;border-radius:999px;color:#102a32;color:var(--text);cursor:pointer;padding:.95rem 1.45rem}.toast-notification{background:color-mix(in srgb,#ffffffe6 96%,#fff8e8);background:color-mix(in srgb,var(--surface-strong) 96%,var(--bg));border-radius:18px;bottom:1.25rem;box-shadow:0 20px 50px #00000073;color:#102a32;color:var(--text);opacity:0;padding:1rem 1.3rem;pointer-events:none;position:fixed;right:1.25rem;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}.toast-visible{opacity:1;transform:translateY(0)}.site-footer{padding-bottom:2.5rem;padding-top:3rem}.footer-inner{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1.2fr 1fr;margin-bottom:2rem}.footer-brand{align-items:center;display:flex;gap:1rem}.footer-brand strong{display:block;font-size:1.2rem}.footer-brand p,.footer-links a,.footer-title{color:#58727a;color:var(--muted)}.footer-links{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-title{color:#102a32;color:var(--text);font-weight:700;margin-bottom:.9rem}.footer-links a{color:#58727a;color:var(--muted);display:block;margin-bottom:.55rem;text-decoration:none}.footer-links a:hover{color:#087f8c;color:var(--accent)}.footer-copy{color:#58727a;color:var(--muted);font-size:.95rem;text-align:center}.section-glow{animation:sectionGlow 1.4s ease}@keyframes sectionGlow{0%{box-shadow:inset 0 0 0 0 #c5a05959}to{box-shadow:inset 0 0 0 2rem #c5a05900}}.contact-section{margin:0 auto 3rem;max-width:1000px;padding:2rem 1.5rem}.contact-grid{grid-gap:1rem;gap:1rem;grid-template-columns:1fr}.contact-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:32px;box-shadow:0 32px 70px #0000003d;color:inherit;display:flex;gap:1rem;justify-content:space-between;min-height:135px;padding:1.4rem 1.35rem;text-decoration:none;transition:transform .25s ease,background .25s ease}.contact-card:hover{background:#ffffff14;transform:translateY(-3px)}.contact-icon{background:#c5a0592e;color:#087f8c;color:var(--accent);flex-shrink:0;height:72px;width:72px}.contact-content{grid-gap:.25rem;display:grid;gap:.25rem;min-width:0}.contact-title{font-size:1.05rem;font-weight:700;margin:0}.contact-subtitle{color:#58727a;color:var(--muted);font-size:.95rem;line-height:1.6;margin:0}.contact-arrow{background:#ffffff0f;border-radius:16px;color:#087f8c;color:var(--accent);display:grid;flex-shrink:0;height:42px;place-items:center;width:42px}.contact-card:hover .contact-arrow{background:#c5a0591f}.contact-card:hover .contact-subtitle,.contact-card:hover .contact-title{color:#102a32;color:var(--text)}@media (max-width:980px){.hero-panel{grid-template-columns:1fr;min-height:auto;padding:3rem 1.25rem 2rem}.hero-panel-side{order:-1;padding-bottom:1.5rem}.contact-grid,.footer-inner,.footer-links,.recipe-grid,.stats-grid{grid-template-columns:1fr}.topbar-inner{align-items:center;flex-wrap:wrap;gap:.8rem}.brand{flex-shrink:0;order:1}.topbar-actions{justify-content:flex-start;order:2}.nav-links{align-items:stretch;display:none;flex-direction:column;gap:.6rem;order:3;width:100%}.nav-links.open{display:flex}.nav-link{text-align:center;width:100%}.menu-toggle{display:inline-grid}.hero-actions{align-items:stretch;flex-direction:column}.btn-primary,.btn-secondary{text-align:center;width:100%}}@media (max-width:640px){.hero-heading{font-size:2.8rem;max-width:100%}.hero-copy{font-size:1rem}.recipe-card-button,.search-box input{width:100%}.topbar-inner{padding:1rem}.hero-deco-1{height:170px;width:170px}.hero-deco-2{height:120px;width:120px}.recipe-grid{gap:1.3rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.recipe-card-body{padding:1.3rem}.timeline-item{gap:.75rem;grid-template-columns:48px 1fr}.timeline-marker{border-radius:18px;height:48px;width:48px}.contact-card{align-items:flex-start;flex-direction:column}.footer-inner{gap:1.2rem}}@media (max-width:420px){.hero-panel{padding:2.25rem 1rem 1.25rem}.hero-heading{font-size:2.2rem}.hero-copy{font-size:.95rem}.hero-label{font-size:.75rem;padding:.6rem .85rem}.section-header h2{font-size:1.7rem}}.contact-section{margin:0 auto;max-width:100%;padding:2rem 1rem 2.5rem}.contact-section .section-header{gap:.35rem;margin-bottom:1.25rem}.contact-section .section-header h2{font-size:1.8rem}.contact-grid{align-items:center;display:flex;gap:clamp(.65rem,2vw,1rem);margin:0 auto;max-width:100%;width:fit-content}.contact-link{background:#0000;border:0;border-radius:0;box-shadow:none;color:inherit;display:grid;flex:0 0 60px;height:60px;padding:0;place-items:center;text-decoration:none;transition:transform .2s ease;width:60px}.contact-link:hover{background:#0000;border:0;box-shadow:none;transform:scale(1.05)}.contact-link:focus-visible{border-radius:50%;outline:2px solid #ffd166;outline:2px solid var(--sun);outline-offset:4px}.contact-icon{background:color-mix(in srgb,#ffffffd1 28%,#0000);background:color-mix(in srgb,var(--surface) 28%,#0000);border:1px solid #087f8c24;border:1px solid var(--border);box-shadow:none;display:grid;height:56px;place-items:center;transition:border-color .2s ease,background .2s ease,color .2s ease;width:56px}.contact-icon svg{height:22px;width:22px}.contact-link:hover .contact-icon{background:color-mix(in srgb,currentColor 10%,#0000);border-color:currentColor}@media (max-width:420px){.contact-section{padding-bottom:1.75rem;padding-top:1.5rem}.contact-section .section-header{margin-bottom:1rem}.contact-section .section-header h2{font-size:1.55rem}.contact-grid{gap:clamp(.35rem,2vw,.65rem)}.contact-link{flex-basis:52px;height:52px;width:52px}.contact-icon{height:50px;width:50px}.contact-icon svg{height:20px;width:20px}}.page-loader{background:radial-gradient(circle at 50% 42%,#19c3c82e,#0000 28%),radial-gradient(circle at 50% 100%,#c8e85d1a,#0000 40%),#fff8e8;background:radial-gradient(circle at 50% 42%,#19c3c82e,#0000 28%),radial-gradient(circle at 50% 100%,#c8e85d1a,#0000 40%),var(--bg);isolation:isolate;overflow:hidden;transition:opacity .6s ease}.page-loader:before{animation:loader-ring 2.2s ease-out both;border:1px solid color-mix(in srgb,#087f8c 20%,#0000);border:1px solid color-mix(in srgb,var(--primary) 20%,#0000);border-radius:50%;content:"";inset:16% 20%;opacity:.5;position:absolute;transform:scale(.8)}.loader-brand{grid-gap:.8rem;animation:loader-brand-in 1s ease-out .12s both;color:#102a32;color:var(--text);display:grid;gap:.8rem;justify-items:center;position:relative;z-index:3}.loader-mark{background:linear-gradient(135deg,#087f8c,#c8e85d);background:linear-gradient(135deg,var(--primary),var(--lime));border-radius:22px;box-shadow:0 16px 34px #19c3c83d;height:68px;width:68px}.loader-brand h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:700;letter-spacing:.02em;margin:0}.loader-tagline{animation:loader-copy-in .8s ease-out .55s both;color:#58727a;color:var(--muted);font-size:.9rem;letter-spacing:.08em;margin:0}.loader-liquid{bottom:-9%;height:31%;left:-10%;opacity:.72;pointer-events:none;position:absolute;right:-10%;z-index:1}.loader-wave{background:linear-gradient(180deg,#19c3c86b,#087f8c2e);border-radius:48% 52% 0 0/22% 28% 0 0;height:100%;left:-10%;position:absolute;width:120%}.loader-wave-back{animation:loader-wave-drift 4s ease-in-out infinite alternate;opacity:.55;top:10%;transform:translateX(-4%)}.loader-wave-front{animation:loader-wave-drift 3.2s ease-in-out .2s infinite alternate-reverse;background:linear-gradient(180deg,#19c3c84d,#087f8c14);top:24%;transform:translateX(4%)}.loader-atmosphere{inset:0;pointer-events:none;position:absolute;z-index:2}.loader-bubble{animation:loader-bubble-rise 2.8s ease-in infinite;background:#ffffff1f;border:1px solid #f5f7ed99;border-radius:50%;bottom:20%;height:7px;position:absolute;width:7px}.loader-bubble-one{animation-delay:.45s;left:38%}.loader-bubble-two{animation-delay:1.05s;height:5px;left:57%;width:5px}.loader-bubble-three{animation-delay:1.55s;height:4px;left:46%;width:4px}.loader-bubble-four{animation-delay:1.85s;height:6px;left:64%;width:6px}@keyframes loader-brand-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loader-copy-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes loader-ring{0%{opacity:0;transform:scale(.8)}to{opacity:.5;transform:scale(1)}}@keyframes loader-wave-drift{0%{transform:translateX(-4%) rotate(-1deg) scaleY(.96)}to{transform:translateX(4%) rotate(1deg) scaleY(1.04)}}@keyframes loader-bubble-rise{0%{opacity:0;transform:translateY(18px) scale(.7)}25%{opacity:.8}to{opacity:0;transform:translateY(-190px) scale(1)}}@media (max-width:640px){.loader-mark{border-radius:18px;height:58px;width:58px}.loader-liquid{height:26%}}@media (prefers-reduced-motion:reduce){.recipe-card,.recipe-card *{transition:none!important}.recipe-card-button:hover,.recipe-card:hover,.recipe-card:hover img{transform:none}.loader-brand,.loader-bubble,.loader-tagline,.loader-wave,.page-loader,.page-loader:before{animation:none;transition:none}.loader-brand,.loader-tagline,.page-loader:before{opacity:1;transform:none}}.details-section{max-width:1040px;padding-bottom:3.5rem;padding-top:3.5rem}.recipe-detail-card{background:#0000;border:0;border-radius:0;box-shadow:none;overflow:visible}.details-back-top{background:#0000;border:0;color:#087f8c;color:var(--primary);display:inline-flex;font-weight:600;margin:0 0 1.5rem;padding:.55rem 0;width:auto}.details-back-top:hover{color:#087f8c;color:var(--accent);transform:none}.recipe-detail-card .details-grid{align-items:start;gap:3.25rem;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-width:0;padding:0;width:100%}.details-panel{gap:1.65rem;min-width:0;padding-top:.75rem}.details-header{border-bottom:1px solid #087f8c24;border-bottom:1px solid var(--border);gap:.65rem;padding-bottom:1.25rem}.details-header h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;max-width:680px;min-width:0}.details-summary{gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));min-width:0}.info-card{background:#0000;border:0;border-inline-start:2px solid #087f8c;border-inline-start:2px solid var(--primary);border-radius:0;min-height:0;min-width:0;padding:.9rem}.info-card strong{color:#58727a;color:var(--muted);font-size:.78rem;font-weight:500;margin-bottom:.2rem}.info-card span{color:#102a32;color:var(--text);font-weight:600}.details-copy{max-width:620px;min-width:0}.details-copy p{font-size:1.05rem;line-height:2;margin:0}.panel-blocks h3,.timeline-header span{color:#102a32;color:var(--text);font-size:1rem;letter-spacing:0;margin:0 0 .75rem}.ingredient-list{grid-gap:.65rem 1.5rem;display:grid;gap:.65rem 1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;min-width:0;padding:0}.ingredient-list li{color:#58727a;color:var(--muted);line-height:1.7;padding-inline-start:1rem;position:relative}.ingredient-list li:before{background:#087f8c;background:var(--primary);border-radius:50%;content:"";height:5px;inset-inline-start:0;position:absolute;top:.75em;width:5px}.details-visual-card{aspect-ratio:4/5;box-shadow:0 24px 60px #102a321a;box-shadow:var(--shadow);min-height:0;min-width:0;width:100%}.details-visual-card img{display:block;height:100%;min-height:0;width:100%}.timeline-block{background:#0000;border:0;border-bottom:1px solid #087f8c24;border-bottom:1px solid var(--border);border-radius:0;border-top:1px solid #087f8c24;border-top:1px solid var(--border);margin:3rem 0 0;min-width:0;padding:1.75rem 0;width:100%}.timeline-header{margin-bottom:.5rem}.timeline-item{gap:1rem;grid-template-columns:42px 1fr;min-width:0;padding:1rem 0}.timeline-marker{background:#19c3c824;background:var(--accent-soft);border-radius:50%;color:#087f8c;color:var(--primary);font-size:.78rem;height:42px;width:42px}.timeline-content p{line-height:1.75;max-width:760px;min-width:0}.recipe-detail-card>.details-back:not(.details-back-top){margin:1.5rem 0 0}@media (max-width:980px){.recipe-detail-card .details-grid{gap:2rem;grid-template-columns:1fr}.details-visual-card{aspect-ratio:16/10;grid-row:1;width:min(100%,620px)}.details-panel{grid-row:2}.details-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}}@media (max-width:640px){.details-section{padding-bottom:2.5rem;padding-top:2rem}.details-header h2{font-size:2rem}.details-copy p{font-size:1rem}.ingredient-list{grid-template-columns:1fr}.details-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.details-visual-card{aspect-ratio:4/3}.timeline-block{margin-top:2rem;padding:1.25rem 0}}.recipe-route-state{grid-gap:1rem;display:grid;gap:1rem;justify-items:center;margin:0 auto;max-width:720px;min-height:50vh;padding:7rem 1.5rem 5rem;text-align:center}.recipe-route-state h1,.recipe-route-state p{margin:0}.recipe-route-state h1{font-size:clamp(2rem,5vw,3.5rem)}.recipe-route-state p{color:#58727a;color:var(--muted)}.recipe-route-state .btn-primary{margin-top:.75rem}.hero-title{-webkit-text-fill-color:#0000;animation:fadeInUp 1.2s ease;background:linear-gradient(180deg,#fff 0,#c5a059);-webkit-background-clip:text;background-clip:text;font-family:Amiri,serif;font-size:4.5rem;margin-bottom:20px}.hero-subtitle{animation:fadeInUp 1.5s ease;color:#ccc;font-size:1.4rem;max-width:700px}.menu-section{padding:100px 5%}.section-label{margin-bottom:60px;text-align:center}.section-label h2{color:#087f8c;color:var(--primary-gold);font-size:2.5rem}.recipe-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.recipe-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;background:var(--card-bg);border:1px solid #c5a05933;border-radius:20px;overflow:hidden;position:relative;transition:transform .85s cubic-bezier(.22,1,.36,1),box-shadow .85s ease,border-color .85s ease,background-color .85s ease}.recipe-card:hover{border-color:#087f8c;border-color:var(--primary-gold);box-shadow:0 20px 40px #00000080;transform:translateY(-15px)}.card-img-wrapper{aspect-ratio:4/3;overflow:hidden;position:relative;width:100%}.card-img-wrapper img{height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1);width:100%}.recipe-card:hover img{transform:scale(1.1)}.card-content{padding:25px;text-align:center}.card-content h3 a{color:#102a32;color:var(--text-white);font-size:1.3rem;text-decoration:none;transition:.3s}.recipe-card:hover h3 a{color:#087f8c;color:var(--primary-gold)}.details-container{padding:50px 5%}.recipe-detail-box{background:#161616;border:1px solid #ffffff0d;border-radius:30px;box-shadow:0 30px 60px #0000004d;display:flex;flex-direction:row;margin-bottom:100px;min-height:600px}.detail-visual{flex:1 1;position:relative}.detail-visual img{height:100%;object-fit:cover;width:100%}.detail-text{background:linear-gradient(270deg,#161616,#1a1a1a);flex:1.2 1;padding:60px}.recipe-title-detail{border-right:5px solid #087f8c;border-right:5px solid var(--primary-gold);color:#087f8c;color:var(--primary-gold);font-size:2.5rem;margin-bottom:30px;padding-right:20px}.ingredients-list,.steps-list{list-style:none;margin-bottom:30px}.ingredients-list li:before{color:#087f8c;color:var(--primary-gold);content:"✦";margin-left:10px}.steps-list li{border-bottom:1px solid #ffffff0d;margin-bottom:15px;padding-bottom:10px}.btn-main{background:#0000;border:2px solid #087f8c;border:2px solid var(--primary-gold);border-radius:50px;color:#087f8c;color:var(--primary-gold);display:inline-block;font-weight:700;margin-top:20px;padding:12px 35px;text-decoration:none;transition:.3s}.btn-main:hover{background:#087f8c;background:var(--primary-gold);color:#000}.highlight{outline:2px solid #c5a059;transition:.3s}.recipe-card{cursor:pointer}.card-content h3 span{transition:.3s}.card-content h3 span:hover{color:#c5a059}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}footer{background:#e8f7f3;background:var(--footer-bg);border-top:1px solid #087f8c29;border-top:1px solid var(--footer-border);padding:80px 20px;text-align:center}@media (max-width:1024px){.recipe-detail-box{flex-direction:column}.hero-title{font-size:3rem}}body{background:radial-gradient(circle at 8% 10%,#19c3c829,#0000 24%),radial-gradient(circle at 92% 38%,#c8e85d1f,#0000 18%),#fff8e8;background:radial-gradient(circle at 8% 10%,#19c3c829,#0000 24%),radial-gradient(circle at 92% 38%,#c8e85d1f,#0000 18%),var(--bg);color:#102a32;color:var(--text);font-family:IBM Plex Sans Arabic,sans-serif}.topbar{background:color-mix(in srgb,#ffffffe6 88%,#0000);background:color-mix(in srgb,var(--surface-strong) 88%,#0000);border-bottom-color:#087f8c24;border-bottom-color:var(--border)}.brand-mark,.footer-mark{background:linear-gradient(135deg,#087f8c,#c8e85d);background:linear-gradient(135deg,var(--primary),var(--lime));box-shadow:0 12px 28px #087f8c2e}.brand-title{font-weight:700}.nav-link.active,.nav-link:hover{background:#19c3c824;background:var(--accent-soft);color:#087f8c;color:var(--accent)}.hero-panel{max-width:1280px;padding-bottom:3rem;padding-top:5rem}.hero-backdrop{background:radial-gradient(circle at 10% 20%,#19c3c82e,#0000 20%),radial-gradient(circle at 80% 30%,#c8e85d24,#0000 18%),linear-gradient(180deg,#0000,#087f8c0a)}.hero-label{background:#19c3c824;background:var(--accent-soft);color:#087f8c;color:var(--primary);font-weight:600}.hero-heading{color:#102a32;color:var(--text);font-weight:700;line-height:1.08;max-width:680px}.hero-copy{line-height:1.9;max-width:600px}.hero-panel-side{min-height:390px}.hero-panel-side:before{background:linear-gradient(180deg,#087f8c0a,#087f8c33);content:"";transform:rotate(2deg)}.hero-drink-image,.hero-panel-side:before{border-radius:42px;box-shadow:0 24px 60px #102a321a;box-shadow:var(--shadow);inset:1rem 0 0;position:absolute}.hero-drink-image{height:calc(100% - 1rem);object-fit:contain;object-position:center 56%;transform:translateY(3%) rotate(2deg) scale(.94);width:100%}.hero-deco-1{background:#19c3c852}.hero-deco-2{background:#c8e85d3d}.btn-primary{background:#087f8c;background:var(--primary);box-shadow:0 12px 24px #087f8c33;color:#fff}.btn-primary:hover{background:#066e79}.btn-secondary{background:#ffffffd1;background:var(--surface);border-color:#087f8c24;border-color:var(--border)}.hero-search-block{margin-top:1rem;padding-bottom:1rem;position:relative;z-index:2}.search-box input{box-shadow:0 12px 30px #102a320f;min-height:58px}.pill,.search-box input{background:#ffffffd1;background:var(--surface)}.pill{border:1px solid #087f8c24;border:1px solid var(--border)}.pill-active,.recipe-card-badge,.timeline-marker{background:#19c3c824;background:var(--accent-soft);color:#087f8c;color:var(--primary)}.details-section,.featured-section,.site-footer,.stats-section{padding-bottom:5rem;padding-top:5rem}.section-header{margin-bottom:2.75rem}.section-header h2{color:#102a32;color:var(--text);font-weight:700}.details-label,.eyebrow,.timeline-header span{color:#087f8c;color:var(--primary)}.recipe-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.drinks-page .recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1199px){.drinks-page .recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.drinks-page .recipe-grid{grid-template-columns:1fr}}.recipe-page-tools{grid-gap:1rem;display:grid;gap:1rem;margin:0 auto 2.5rem;max-width:820px}.recipes-page .recipe-grid{gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-full-card{background:#ffffffd1;background:var(--surface);border:1px solid #087f8c24;border:1px solid var(--border);border-radius:28px;box-shadow:0 24px 60px #102a321a;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden}.recipe-full-card-media{aspect-ratio:16/9;background:#19c3c814;background:var(--overlay);min-width:0;overflow:hidden}.recipe-full-card-media img{height:100%;object-fit:contain;object-position:center;transition:transform .9s cubic-bezier(.22,1,.36,1);width:100%}.recipe-full-card-body{grid-gap:1rem;align-content:start;display:grid;gap:1rem;min-width:0;padding:clamp(1.25rem,2vw,1.75rem)}.recipe-full-card-body h3,.recipe-full-card-body h4,.recipe-full-card-body p{margin:0}.recipe-full-card-body h3{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.35}.recipe-full-meta{grid-gap:.5rem;border-bottom:1px solid #087f8c24;border-bottom:1px solid var(--border);border-top:1px solid #087f8c24;border-top:1px solid var(--border);display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;padding:.75rem 0}.recipe-full-meta span{color:#58727a;color:var(--muted);font-size:.82rem;line-height:1.5;min-width:0;overflow-wrap:anywhere}.recipe-full-description{color:#58727a;color:var(--muted);line-height:1.85}.recipe-full-section{border-top:1px solid #087f8c24;border-top:1px solid var(--border);min-width:0;padding-top:.5rem}.recipe-full-section h4{font-size:1rem;padding:.85rem 0 .65rem}.recipe-full-ingredients,.recipe-full-steps{list-style:none;margin:0;min-width:0;padding:0}.recipe-full-ingredients{grid-gap:.45rem 1.25rem;display:grid;gap:.45rem 1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-full-ingredients li{color:#58727a;color:var(--muted);line-height:1.65;min-width:0;overflow-wrap:anywhere;padding-inline-start:.9rem;position:relative}.recipe-full-ingredients li:before{background:#087f8c;background:var(--primary);border-radius:50%;content:"";height:5px;inset-inline-start:0;position:absolute;top:.75em;width:5px}.recipe-full-steps{grid-gap:.35rem;display:grid;gap:.35rem}.recipe-full-steps li{grid-gap:.7rem;align-items:start;display:grid;gap:.7rem;grid-template-columns:2rem minmax(0,1fr);min-width:0;padding:.45rem 0}.recipe-full-steps li>span{color:#087f8c;color:var(--primary);font-size:.78rem;font-weight:700;line-height:1.8}.recipe-full-steps p{color:#58727a;color:var(--muted);line-height:1.75;min-width:0;overflow-wrap:anywhere}.recipe-full-card-body .recipe-card-button{justify-self:start}@media (max-width:900px){.recipes-page .recipe-grid{grid-template-columns:1fr}}@media (max-width:480px){.recipe-full-card-body{padding:1.1rem}.recipe-full-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-full-ingredients{grid-template-columns:1fr}}.favorites-empty-state{grid-gap:.85rem;border:1px dashed #087f8c24;border:1px dashed var(--border);border-radius:24px;display:grid;gap:.85rem;justify-items:center;margin:2rem auto 0;max-width:540px;padding:3rem 1.5rem;text-align:center}.favorites-empty-icon{color:#087f8c;color:var(--primary);font-size:3.25rem;line-height:1}.favorites-empty-state h3,.favorites-empty-state p{margin:0}.favorites-empty-state p{color:#58727a;color:var(--muted)}.contact-card,.details-grid,.recipe-card,.stats-card,.timeline-block{background:#ffffffd1;background:var(--surface);border-color:#087f8c24;border-color:var(--border);box-shadow:0 24px 60px #102a321a;box-shadow:var(--shadow)}.recipe-card{border-radius:28px}.recipe-card-media{aspect-ratio:5/3}.recipe-card-overlay{background:linear-gradient(180deg,#0000 58%,#082d3557)}.recipe-card-body{gap:1rem;padding:2rem}.chip,.contact-arrow,.favorite-icon,.info-card,.recipe-card-button{background:#19c3c814;background:var(--overlay);border:1px solid #087f8c24;border:1px solid var(--border)}.contact-card:hover .contact-arrow,.favorite-icon-active,.recipe-card-button:hover{background:#19c3c824;background:var(--accent-soft);color:#087f8c;color:var(--primary)}.recipe-card-button{font-weight:600}.recipe-detail-card{background:#ffffffd1;background:var(--surface);border:1px solid #087f8c24;border:1px solid var(--border);border-radius:32px;box-shadow:0 24px 60px #102a321a;box-shadow:var(--shadow);overflow:hidden}.recipe-detail-card .details-grid{background:#0000;border:0;border-radius:0;box-shadow:none}.details-grid{padding:2.5rem}.details-visual-card{border-radius:24px;min-height:430px}.details-visual-tag{background:#082d35b8;color:#fff8e8}.chip,.info-card{border-radius:16px}.timeline-block{border-radius:20px;box-shadow:none;margin:0 2.5rem}.details-back{margin:1.5rem 2.5rem 2.5rem}.contact-card:hover{background:#ffffffe6;background:var(--surface-strong);border-color:#19c3c859}.contact-section{margin-bottom:1rem;max-width:760px;padding-bottom:2.5rem;padding-top:2.5rem}.contact-section .section-header{justify-items:center;margin-bottom:1.5rem;text-align:center}.contact-section .section-header p{max-width:520px}.contact-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,64px);justify-content:center}.contact-card{aspect-ratio:1;background:color-mix(in srgb,#ffffffd1 88%,#0000);background:color-mix(in srgb,var(--surface) 88%,#0000);border-color:#087f8c24;border-color:var(--border);border-radius:50%;box-shadow:0 12px 28px #102a3214;display:grid;height:64px;min-height:0;padding:.75rem;place-items:center;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;width:64px}.contact-card:hover{box-shadow:0 16px 30px #087f8c24;transform:translateY(-3px) scale(1.03)}.contact-card:focus-visible{outline:3px solid #ffd166;outline:3px solid var(--sun);outline-offset:3px}.contact-icon{border-radius:50%;box-shadow:0 8px 18px #102a321f;height:100%;width:100%}.contact-icon svg{height:clamp(1.5rem,4vw,2rem);width:clamp(1.5rem,4vw,2rem)}@media (max-width:420px){.contact-section{padding-inline:1rem}.contact-grid{gap:.4rem;grid-template-columns:repeat(4,54px)}.contact-card{border-radius:50%;height:54px;padding:.45rem;width:54px}.contact-icon{height:100%;width:100%}}.site-footer{background:#e8f7f3;background:var(--footer-bg);max-width:none;padding-inline:max(1.5rem,calc(50% - 600px))}@media (max-width:980px){.hero-panel-side{min-height:330px}}@media (max-width:640px){.hero-panel{padding-top:3rem}.hero-panel-side{min-height:280px}.hero-panel-side:before{inset:.5rem 0 0}.featured-section,.site-footer,.stats-section{padding-bottom:3.5rem;padding-top:3.5rem}.recipe-card-body{padding:1.5rem}.timeline-block{padding:1.25rem}.details-back,.timeline-block{margin-inline:1rem}}
/*# sourceMappingURL=main.d11a02ce.css.map*/