@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Reem+Kufi:wght@400;500;600;700&display=swap');

:root {
  --forest: #274e4f;
  --forest-deep: #193b3d;
  --forest-soft: #e4eeeb;
  --wine: #982f32;
  --wine-dark: #772427;
  --orange: #c16d3d;
  --sand: #f5e8dc;
  --cream: #fff9f2;
  --ink: #203536;
  --muted: #667678;
  --line: #e6d5c4;
  --white: #ffffff;
  --danger: #a92828;
  --shadow: 0 18px 45px rgba(31, 59, 58, .12);
  --radius: 22px;
  --radius-sm: 14px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--cream);
  font-family: "Cairo", Tahoma, Arial, sans-serif;
  line-height: 1.7;
}
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.hidden { display: none !important; }

.announcement {
  display: flex; align-items: center; justify-content: center; gap: 18px;
  min-height: 39px; padding: 7px 18px;
  color: var(--cream); background: var(--forest-deep);
  font-size: .82rem; font-weight: 600;
}
.announcement a { color: #ffca9d; text-decoration: underline; text-underline-offset: 4px; }
.site-header {
  position: sticky; top: 0; z-index: 40;
  min-height: 78px; padding: 10px clamp(20px, 6vw, 80px);
  background: rgba(255,249,242,.92); backdrop-filter: blur(15px);
  border-bottom: 1px solid rgba(39,78,79,.1);
  display: flex; align-items: center; justify-content: space-between;
}
.brand img { width: 112px; height: 58px; object-fit: contain; }
.site-nav { display: flex; align-items: center; gap: clamp(14px, 2vw, 32px); font-size: .92rem; font-weight: 600; }
.site-nav > a:not(.nav-cta) { color: var(--forest-deep); }
.site-nav > a:not(.nav-cta):hover { color: var(--wine); }
.nav-cta { padding: 9px 18px; border-radius: 100px; color: var(--cream); background: var(--wine); box-shadow: 0 6px 16px rgba(152,47,50,.18); }
.menu-toggle { display: none; border: 0; background: transparent; color: var(--forest-deep); font-size: 1.55rem; }

.hero {
  position: relative; overflow: hidden;
  min-height: 605px; padding: 68px clamp(20px, 8vw, 125px) 52px;
  display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(30px, 6vw, 100px); align-items: center;
  background:
    radial-gradient(circle at 12% 19%, rgba(193,109,61,.16), transparent 20rem),
    radial-gradient(circle at 88% 82%, rgba(152,47,50,.09), transparent 25rem),
    linear-gradient(124deg, #fff8ef 0%, #fbf0e6 60%, #f7e5d9 100%);
}
.hero::after {
  content: ""; position: absolute; width: 350px; height: 350px; border: 1px dashed rgba(39,78,79,.2); border-radius: 50%;
  left: -170px; bottom: -210px; transform: rotate(14deg);
}
.hero-copy { max-width: 660px; position: relative; z-index: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--wine); font-size: .82rem; font-weight: 800; letter-spacing: .01em; }
.eyebrow::before { content:""; width: 31px; height: 2px; background: var(--wine); }
.hero h1, h2, h3 { font-family: "Reem Kufi", "Cairo", Tahoma, sans-serif; line-height: 1.25; }
.hero h1 { margin: 18px 0 18px; color: var(--forest-deep); font-size: clamp(2.85rem, 5.7vw, 5.45rem); font-weight: 700; letter-spacing: -.04em; }
.hero h1 span { color: var(--wine); }
.hero-copy > p:not(.hero-note) { max-width: 560px; margin: 0; color: #536567; font-size: 1.08rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
.button {
  display: inline-flex; justify-content: center; align-items: center; gap: 8px;
  min-height: 48px; padding: 10px 22px; border: 1px solid transparent; border-radius: 14px;
  font-weight: 800; transition: transform .2s, box-shadow .2s, background .2s, border .2s;
}
.button:hover { transform: translateY(-2px); }
.button.primary { color: white; background: var(--wine); box-shadow: 0 12px 22px rgba(152,47,50,.21); }
.button.primary:hover { background: var(--wine-dark); }
.button.secondary { color: var(--forest-deep); border-color: var(--forest); background: transparent; }
.button.secondary:hover { background: var(--forest-soft); }
.hero-note { margin: 21px 0 0; color: var(--forest); font-weight: 800; font-size: .92rem; }

.hero-art { min-height: 435px; position: relative; align-self: stretch; }
.hero-glow { position: absolute; width: min(100%, 490px); aspect-ratio: 1; left: 3%; top: 0; border-radius: 50%; background: linear-gradient(145deg, rgba(39,78,79,.18), rgba(193,109,61,.26)); filter: blur(0); }
.hero-glow::after { content:""; position: absolute; inset: 24px; border: 1px dashed rgba(255,255,255,.8); border-radius: 50%; }
.plate-illustration { position: absolute; width: min(78%, 420px); aspect-ratio: 1.12; top: 50px; left: 7%; z-index: 2; transform: rotate(-6deg); filter: drop-shadow(0 26px 22px rgba(37,57,55,.22)); }
.plate-rim { position: absolute; inset: 9% 0 4%; border-radius: 50%; background: #fdf9f4; border: 16px solid #d7c0a7; box-shadow: inset 0 0 0 9px var(--wine), 0 9px 0 #965d45; }
.plate-fill { position: absolute; inset: 23% 12% 20%; overflow: hidden; border-radius: 50%; background: linear-gradient(130deg, #d68949, #c65135 42%, #9b2b31); box-shadow: inset 0 0 0 8px rgba(85,36,24,.16); }
.leaf { position:absolute; width: 66px; height: 28px; border-radius: 100% 0 100% 0; background:#355d4d; transform: rotate(35deg); box-shadow: 0 4px 0 rgba(0,0,0,.08); }
.leaf-a { left: 15%; top: 20%; } .leaf-b { right: 17%; bottom: 26%; transform: rotate(-140deg); }
.grain { position:absolute; width: 17px; height: 29px; border-radius: 50%; background:#f2ca79; transform: rotate(36deg); box-shadow: 0 1px 0 rgba(0,0,0,.09); }
.grain-a{ top:24%; right:31%; } .grain-b{ top:43%; left:36%; transform:rotate(-27deg) } .grain-c { bottom:21%; right:45%; transform:rotate(26deg) }
.spice { position:absolute; width: 20px; height: 20px; border-radius: 50%; background: var(--orange); z-index:3; box-shadow: 0 5px 0 rgba(133,67,41,.2); }
.spice-one { right: 4%; top: 17%; } .spice-two { left: 0; bottom: 10%; width: 13px; height: 13px; background: var(--wine); }
.hero-card { position:absolute; z-index:4; display:flex; align-items:center; gap:10px; padding:12px 15px; border-radius: 16px; background:rgba(255,255,255,.91); box-shadow: var(--shadow); color:var(--forest-deep); font-size:.82rem; font-weight:800; }
.hero-card-top { top: 7%; right: 0; } .hero-card-bottom { bottom: 11%; right: 1%; flex-direction:column; align-items:flex-start; gap:0; } .hero-card-bottom strong { color:var(--wine); font-size:1.1rem; } .hero-card-icon { display:grid; width:27px;height:27px; place-items:center; border-radius:50%; color:#fff; background:var(--forest); }

.trust-row { padding: 26px clamp(20px, 8vw, 125px); display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; background: var(--forest-deep); color: #fff; }
.trust-row > div { position:relative; padding: 9px 22px 9px 0; border-left: 1px solid rgba(255,255,255,.16); }
.trust-row > div:last-child { border: 0; }
.trust-row span { position:absolute; right:0; top:9px; color:#e3a06d; font-weight:800; font-size:.75rem; }
.trust-row strong { display:block; margin-right:30px; font-size:.96rem; }
.trust-row p { margin:3px 30px 0 0; color:#d8e1dc; font-size:.78rem; }

.section { padding: 88px clamp(20px, 8vw, 125px); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom: 34px; }
.section-heading h2 { margin:8px 0 0; color:var(--forest-deep); font-size:clamp(2rem,3.6vw,3.25rem); }
.section-heading > p { max-width:440px; margin:0; color:var(--muted); font-size:.93rem; }
.section-heading.compact { margin-bottom: 28px; }

.plans-section { background:#fffaf4; }
.plans-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.plan-card { position:relative; overflow:hidden; min-height: 345px; display:flex; flex-direction:column; padding:29px; border-radius:var(--radius); border:1px solid var(--line); background:#fff; box-shadow: 0 8px 18px rgba(54,61,50,.04); transition: transform .22s, box-shadow .22s, border .22s; }
.plan-card:hover, .plan-card.is-selected { transform:translateY(-5px); border-color:rgba(152,47,50,.46); box-shadow:var(--shadow); }
.plan-card::after { content:""; position:absolute; width:180px; height:180px; top:-86px; left:-87px; border-radius:50%; background:rgba(193,109,61,.12); }
.plan-icon { position:relative; z-index:1; display:grid; width:55px;height:55px; place-items:center; border-radius:18px; color:#fff; background:var(--forest); font-size:1.35rem; }
.plan-card:nth-child(2) .plan-icon { background:var(--wine); } .plan-card:nth-child(3) .plan-icon { background:var(--orange); }
.plan-card h3 { position:relative; z-index:1; margin:18px 0 5px; color:var(--forest-deep); font-size:1.55rem; }
.plan-card > p { margin:0; min-height:51px; color:var(--muted); font-size:.88rem; }
.plan-price { margin:22px 0 18px; color:var(--wine); font-weight:800; font-size:1.65rem; line-height:1; }
.plan-price small { color:var(--muted); font-size:.77rem; font-weight:600; }
.plan-features { display:grid; gap:9px; padding:0; margin:0 0 24px; list-style:none; color:#526566; font-size:.83rem; }
.plan-features li::before { content:"✓"; display:inline-grid; width:19px; height:19px; margin-left:7px; place-items:center; color:#fff; background:var(--forest); border-radius:50%; font-size:.65rem; }
.plan-card .button { margin-top:auto; width:100%; min-height:43px; }
.delivery-note { display:flex; gap:14px; align-items:flex-start; margin-top:23px; padding:17px 19px; border-radius:var(--radius-sm); color:#785f48; background:#f4e4d5; }
.delivery-note p { margin:0; font-size:.83rem; } .note-icon { display:grid; flex:0 0 auto; width:29px;height:29px; place-items:center; border-radius:50%; background:var(--wine); color:white; font-weight:800; font-size:.75rem; }

.objectives-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(35px,7vw,90px); background:var(--forest-deep); color:#fff; }
.objectives-copy h2 { margin:11px 0 15px; font-size:clamp(2rem,3.4vw,3rem); }
.objectives-copy p { margin:0; color:#d7e1dc; max-width:490px; }
.objectives-section .eyebrow { color:#ecb27e; }.objectives-section .eyebrow::before{background:#ecb27e;}
.objective-list { display:grid; grid-template-columns:repeat(2, 1fr); gap:14px; }
.objective-list article { position:relative; min-height: 175px; padding:22px; border-radius:18px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.13); }
.objective-num { display:block; color:#e3a06d; font-size:.76rem; font-weight:800; }.objective-list h3 { margin:6px 0 4px; font-size:1.28rem; }.objective-list p { margin:0; color:#d6e1dc; font-size:.82rem; }

.catalogue-section { background:var(--cream); }
.catalogue-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; padding: 15px; border: 1px solid var(--line); border-radius:18px; background:#fff; }
.segmented { display:flex; gap:3px; padding:3px; border-radius:12px; background:#f1e6dc; }
.segment { border:0; padding:8px 13px; border-radius:9px; color:#715f52; background:transparent; font-weight:700; font-size:.82rem; }
.segment.active { color:#fff; background:var(--forest); }
.catalogue-filters { display:flex; gap:11px; align-items:center; }
.catalogue-filters label, .field { display:grid; gap:6px; color:var(--forest-deep); font-size:.78rem; font-weight:800; }
.catalogue-filters select,.catalogue-filters input,.field input,.field select,.field textarea { width:100%; min-height:45px; padding:9px 12px; outline:none; color:var(--ink); border:1px solid #d8cabd; border-radius:10px; background:#fffefa; transition:border .2s, box-shadow .2s; }
.catalogue-filters select { min-width:143px; }.catalogue-filters input { min-width:205px; }
.catalogue-filters input:focus,.catalogue-filters select:focus,.field input:focus,.field select:focus,.field textarea:focus { border-color:var(--forest); box-shadow:0 0 0 3px rgba(39,78,79,.12); }
.field small { color:var(--muted); font-size:.67rem; font-weight:600; }.field textarea{resize:vertical; min-height:104px;}
.catalogue-summary { margin: 0 0 14px; color:var(--muted); font-size:.79rem; }
.meal-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:13px; }
.meal-card { display:flex; flex-direction:column; min-height: 220px; padding:19px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.86); }
.meal-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--orange); font-size:.71rem; font-weight:800; }
.meal-card h3 { margin:11px 0 17px; color:var(--forest-deep); font-size:1.22rem; }
.nutrition { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; padding-top:12px; margin-top:auto; border-top:1px dashed var(--line); }
.nutrition div { text-align:center; }.nutrition strong { display:block; color:var(--wine); font-size:.95rem; line-height:1.2; }.nutrition small{display:block;color:var(--muted);font-size:.62rem;}
.empty-state { padding:38px; text-align:center; border:1px dashed var(--line); border-radius:18px; color:var(--muted); background:#fff; }

.how-section { background:#f7e8dc; }
.how-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.how-grid article { padding:22px; border-radius:18px; background:#fffaf4; border:1px solid rgba(193,109,61,.18); }
.how-grid span { display:grid; width:35px;height:35px; place-items:center; border-radius:50%; color:#fff; background:var(--wine); font-weight:800; }.how-grid h3{margin:15px 0 6px;color:var(--forest-deep);font-size:1.22rem;}.how-grid p{margin:0;color:var(--muted);font-size:.8rem;}

.order-section { display:grid; grid-template-columns: .8fr 1.2fr; gap:clamp(34px,7vw,90px); padding:90px clamp(20px, 8vw, 125px); background:#fffdf9; }
.order-intro { padding-top:22px; }.order-intro h2{margin:11px 0 16px;color:var(--forest-deep);font-size:clamp(2.2rem,3.6vw,3.2rem);}.order-intro>p{margin:0;color:var(--muted);}
.health-note { margin-top:27px; padding:18px; border-right:4px solid var(--orange); border-radius:0 13px 13px 0; background:#f8eadf; color:#6a5344; }
.health-note strong{display:block;color:var(--wine);font-size:.85rem;}.health-note p{margin:5px 0 0;font-size:.8rem;}
.order-form { min-width:0; padding:clamp(20px,3vw,35px); border:1px solid var(--line); border-radius:var(--radius); background:#fff; box-shadow:var(--shadow); }
.form-progress { display:flex; gap:0; margin-bottom:32px; overflow-x:auto; padding-bottom:4px; }
.progress-step { display:flex; flex:1 0 max-content; align-items:center; justify-content:center; gap:8px; min-width:102px; padding:0 9px 10px; color:#869090; border:0; border-bottom:2px solid #e8e1da; background:transparent; font-size:.71rem; font-weight:800; }
.progress-step span { display:grid; width:23px;height:23px; place-items:center; border-radius:50%; color:#fff; background:#b8c1bc; font-size:.67rem; }
.progress-step.active { color:var(--forest-deep); border-color:var(--wine); }.progress-step.active span{background:var(--wine);}
.form-step { display:none; }.form-step.active { display:block; animation: fade-in .28s ease; } @keyframes fade-in {from{opacity:.2; transform:translateY(6px)}to{opacity:1; transform:translateY(0)}}
.form-step-heading { margin-bottom:22px; }.form-step-heading > span { color:var(--orange); font-size:.76rem; font-weight:800; }.form-step-heading h3 { margin:4px 0 0; color:var(--forest-deep); font-size:1.55rem; }.form-step-heading p { margin:5px 0 0; color:var(--muted); font-size:.78rem; }
.choice-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin-bottom:18px; }
.choice-card { position:relative; padding:15px; border:1px solid var(--line); border-radius:14px; background:#fffaf6; transition:border .2s, background .2s; }
.choice-card input { position:absolute; opacity:0; pointer-events:none; }.choice-card:has(input:checked) { border-color:var(--wine); background:#fff4ef; box-shadow:0 0 0 3px rgba(152,47,50,.07); }
.choice-card strong{display:block;color:var(--forest-deep);font-size:.9rem;}.choice-card small{display:block;color:var(--muted);font-size:.68rem;margin-top:4px;}.choice-card .mini-price{display:block;color:var(--wine);font-weight:800;font-size:.82rem;margin-top:8px;}
.field-grid { display:grid; gap:13px; }.field-grid.two{grid-template-columns:repeat(2,1fr);}.field-grid.three{grid-template-columns:repeat(3,1fr);}.field.full{display:grid;margin-top:13px;}
.field input:invalid:not(:placeholder-shown), .field select:invalid:focus { border-color:var(--danger); }
.price-preview { margin-top:18px; padding:18px; border-radius:15px; background:var(--forest-deep); color:#fff; }.price-preview-content { display:flex; gap:16px; align-items:center; justify-content:space-between; }.price-preview b{font-size:1.62rem;color:#ffd2a8;line-height:1;}.price-preview p{margin:4px 0 0;color:#d6e4df;font-size:.76rem;}.price-preview .price-note{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15);color:#f9d5b8;font-size:.73rem;}
.region-message { display:none; margin-top:14px; padding:12px 14px; border-radius:12px; background:#f6e6d9; color:#7c5540; font-size:.78rem; }.region-message.show{display:block;}
.menu-selection-notice { margin:0 0 17px; padding:12px 14px; border-radius:12px; background:#eaf1ee; color:var(--forest-deep); font-size:.78rem; }
.week-selection-card { margin-bottom:18px; border:1px solid var(--line); border-radius:18px; overflow:hidden; }.week-selection-head{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;color:#fff;background:var(--forest);}.week-selection-head h4{margin:0;font-family:"Reem Kufi","Cairo";font-size:1.14rem;}.week-selection-head span{font-size:.72rem;color:#dcece3;}
.day-selection { padding:15px; border-bottom:1px solid var(--line); }.day-selection:last-child{border-bottom:0;}.day-selection h5{margin:0 0 10px;color:var(--wine);font-size:.86rem;}.slot-choice{margin:12px 0;}.slot-choice>strong{display:block;margin-bottom:7px;color:var(--forest-deep);font-size:.78rem;}.meal-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;}.meal-option{position:relative;padding:11px 10px;border:1px solid #ded4ca;border-radius:11px;background:#fffdfb;cursor:pointer;}.meal-option:has(input:checked){border-color:var(--forest);background:#eff5f1;box-shadow:0 0 0 2px rgba(39,78,79,.08)}.meal-option input{position:absolute;opacity:0}.meal-option strong{display:block;color:var(--forest-deep);font-size:.78rem;line-height:1.5;}.meal-option small{display:block;color:var(--muted);font-size:.65rem;}
.review-box { padding:18px; border:1px solid var(--line); border-radius:15px; background:#fffaf5; }.review-section{padding:0 0 15px;margin:0 0 15px;border-bottom:1px dashed var(--line)}.review-section:last-child{padding:0;margin:0;border:0}.review-section h4{margin:0 0 8px;color:var(--wine);font-size:.87rem;}.review-section p{margin:4px 0;color:#526566;font-size:.78rem;}.review-meals{display:grid;gap:5px;padding:0;margin:0;list-style:none;}.review-meals li{color:#526566;font-size:.74rem;}.review-meals b{color:var(--forest-deep);}
.consent{display:flex;align-items:flex-start;gap:10px;margin-top:16px;color:#5b686a;font-size:.74rem;font-weight:700;}.consent input{margin:5px 0 0;}
.form-actions { display:flex; gap:9px; justify-content:flex-start; margin-top:26px; }.form-actions .submit-button{display:none;}.form-actions.step-1 #backButton{visibility:hidden;}.form-actions.final #nextButton{display:none;}.form-actions.final .submit-button{display:inline-flex;}

.site-footer { display:grid; grid-template-columns:1.35fr .7fr .8fr; gap:35px; padding:46px clamp(20px,8vw,125px) 23px; color:#dbe6e0; background:var(--forest-deep); }.footer-brand img{width:130px;height:74px;object-fit:contain;filter:brightness(1.22) contrast(.9);}.footer-brand p{max-width:300px;margin:10px 0 0;color:#cbd9d3;font-size:.78rem;}.site-footer h3{margin:0 0 9px;color:#f6c9a6;font-size:1rem;}.site-footer a{display:block;margin:5px 0;color:#dce6e1;font-size:.78rem;}.site-footer>div:not(.footer-brand)>p{margin:0;color:#cbd9d3;font-size:.75rem;}.footer-bottom{grid-column:1/-1;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);color:#adbfba;font-size:.7rem;}

.success-dialog { max-width:460px; width:calc(100% - 30px); padding:31px; border:0; border-radius:23px; color:var(--forest-deep); background:#fffdf8; box-shadow:0 28px 60px rgba(0,0,0,.27); text-align:center; }.success-dialog::backdrop{background:rgba(18,31,30,.58);backdrop-filter:blur(3px);}.dialog-close{position:absolute;top:9px;left:13px;border:0;color:var(--forest);background:transparent;font-size:1.6rem;}.success-icon{display:grid;width:55px;height:55px;margin:0 auto 13px;place-items:center;border-radius:50%;color:#fff;background:var(--forest);font-size:1.8rem;font-weight:800;}.success-dialog h2{margin:0 0 7px;font-size:1.6rem;}.success-dialog p{margin:0;color:var(--muted);font-size:.83rem;}.dialog-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:19px;}

.admin-page { background:#f7eee6; }.admin-header{display:flex;align-items:center;gap:25px;padding:18px clamp(20px,6vw,80px);color:#fff;background:var(--forest-deep);}.admin-header h1{margin:0;font-size:1.65rem;}.admin-header p{margin:2px 0 0;color:#cddbd5;font-size:.76rem;}.admin-main{max-width:1150px;margin:auto;padding:55px 22px;}.admin-access,.admin-orders{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);}.admin-access{max-width:520px;margin:auto;}.admin-access h2,.admin-toolbar h2{margin:0;color:var(--forest-deep);font-size:1.7rem;}.admin-access p{color:var(--muted);font-size:.8rem;}.admin-access code{padding:2px 5px;border-radius:5px;background:#f4e6da;direction:ltr;}.admin-access .field{margin:18px 0;}.admin-error{color:var(--danger)!important;font-weight:700;}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;}.admin-toolbar p{margin:3px 0 0;color:var(--muted);font-size:.8rem;}.admin-order-card{margin-bottom:13px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fffdfa;}.admin-order-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}.admin-order-head strong{display:block;color:var(--wine);font-size:1.05rem;}.admin-order-head span{display:block;color:var(--muted);font-size:.68rem;}.status-pill{padding:4px 10px;border-radius:99px;color:var(--forest-deep)!important;background:#e2efe9;font-weight:800;}.admin-order-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 17px;margin:13px 0 3px;}.admin-order-grid p,.admin-details p{margin:3px 0;color:#5c6d6e;font-size:.77rem;}.admin-order-card summary{color:var(--forest);font-size:.78rem;font-weight:800;cursor:pointer;}.admin-details{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);}.admin-details ul{margin:8px 0 0;padding-right:18px;color:#5c6d6e;font-size:.74rem;}

@media (max-width: 980px) {
  .hero{grid-template-columns:1fr; padding-top:55px;}.hero-art{max-width:620px;width:100%;margin:auto;min-height:390px}.trust-row,.plans-grid{grid-template-columns:repeat(3,1fr)}.objectives-section,.order-section{grid-template-columns:1fr}.objectives-copy{max-width:610px}.how-grid{grid-template-columns:repeat(2,1fr)}.meal-grid{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1.2fr .8fr .8fr;}
}
@media (max-width: 700px) {
  .site-header{min-height:68px;padding:7px 20px}.brand img{width:88px;height:52px}.menu-toggle{display:block}.site-nav{position:absolute;top:100%;right:0;left:0;display:none;align-items:stretch;gap:0;padding:9px 20px 16px;border-bottom:1px solid var(--line);background:#fff9f3;box-shadow:0 13px 20px rgba(0,0,0,.08)}.site-nav.open{display:flex;flex-direction:column}.site-nav a{padding:11px 0}.nav-cta{text-align:center;margin-top:4px}.hero{min-height:auto;padding:48px 20px 35px}.hero h1{font-size:clamp(2.6rem,13vw,4.1rem)}.hero-copy > p:not(.hero-note){font-size:.94rem}.hero-art{min-height:315px}.hero-card{font-size:.7rem}.plate-illustration{top:33px}.trust-row{grid-template-columns:1fr;gap:3px;padding:18px 20px}.trust-row>div{border-left:0;border-bottom:1px solid rgba(255,255,255,.16);padding:8px 0}.trust-row>div:last-child{border-bottom:0}.section,.order-section{padding:60px 20px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:12px}.plans-grid,.choice-cards,.meal-grid{grid-template-columns:1fr}.plan-card{min-height:0}.objective-list{grid-template-columns:1fr}.catalogue-controls{display:block}.catalogue-filters{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.catalogue-filters input,.catalogue-filters select{min-width:0}.how-grid{grid-template-columns:1fr}.field-grid.two,.field-grid.three{grid-template-columns:1fr}.form-progress{margin-right:-4px;margin-left:-4px}.progress-step{min-width:83px;font-size:.61rem}.progress-step span{width:20px;height:20px}.price-preview-content{display:block}.price-preview b{display:block;margin-top:6px}.meal-options{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;gap:21px;padding:35px 20px 17px}.footer-bottom{grid-column:auto}.admin-header{padding:14px 20px;gap:13px}.admin-header .brand img{width:78px}.admin-header h1{font-size:1.25rem}.admin-order-grid{grid-template-columns:1fr}.admin-toolbar{align-items:flex-start;flex-direction:column}
}


/* حاسبة الاحتياج الغذائي وملخص الاختيارات */
.nutrition-estimator {
  margin: 18px 0;
  padding: 20px;
  border: 1px solid rgba(39,78,79,.18);
  border-radius: 18px;
  background: linear-gradient(135deg, #edf5f1 0%, #fffaf4 100%);
}
.nutrition-estimator-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.nutrition-estimator-head .eyebrow { font-size:.72rem; }
.nutrition-estimator-head h4 { margin:6px 0 4px; color:var(--forest-deep); font-size:1.28rem; }
.nutrition-estimator-head p { margin:0; color:var(--muted); font-size:.76rem; max-width:570px; }
.estimator-mark { display:grid; flex:0 0 auto; width:42px; height:42px; place-items:center; border-radius:14px; color:#fff; background:var(--wine); font-weight:800; font-size:1.4rem; }
.nutrition-targets { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin-top:16px; }
.target-card { padding:14px 13px; border:1px solid var(--line); border-radius:13px; background:#fffefa; }
.target-card span { display:block; color:var(--muted); font-size:.68rem; }
.target-card strong { display:inline-block; margin-top:2px; color:var(--forest-deep); font-size:1.6rem; line-height:1.2; }
.target-card small { display:block; color:#677778; font-size:.65rem; }
.target-card.calories strong { color:var(--wine); }
.target-card.protein strong { color:var(--forest); }
.target-card.carbs strong { color:var(--orange); }
.target-card.maintenance strong { color:#6c5b50; }
.nutrition-pending { display:flex; flex-direction:column; gap:3px; grid-column:1/-1; padding:14px; border-radius:12px; color:#795641; background:#fff4e8; font-size:.76rem; }
.nutrition-pending strong { color:var(--wine); font-size:.85rem; }
.nutrition-estimator-note { margin:12px 0 0; color:#6c5b50; font-size:.67rem; line-height:1.65; }

.selection-nutrition-summary { margin:0 0 18px; padding:18px; border:1px solid #d7e4de; border-radius:17px; background:#f9fcfa; }
.selection-summary-head { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.selection-summary-head .eyebrow { font-size:.7rem; }
.selection-summary-head h4 { margin:5px 0 0; color:var(--forest-deep); font-size:1.18rem; }
.selection-target-inline { flex:0 0 auto; padding:7px 10px; border-radius:11px; color:var(--forest-deep); background:#e4eee9; font-size:.71rem; }
.selection-target-inline b { color:var(--wine); }
.selection-overview-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; margin-top:15px; }
.selection-overview-card { padding:13px; border-radius:12px; border:1px solid #dfe9e3; background:#fff; }
.selection-overview-card > span { display:block; color:var(--muted); font-size:.65rem; }
.selection-overview-card strong { display:inline-block; color:var(--forest-deep); margin-top:1px; font-size:1.45rem; line-height:1.2; }
.selection-overview-card small { display:block; color:#687979; font-size:.64rem; }
.selection-overview-card em { display:block; margin-top:5px; color:var(--forest); font-style:normal; font-size:.62rem; font-weight:800; }
.progress-line { height:5px; margin-top:8px; overflow:hidden; border-radius:999px; background:#e7ece9; }
.progress-line span { display:block; height:100%; border-radius:inherit; background:var(--forest); }
.daily-nutrition-list { display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; margin-top:14px; }
.daily-nutrition-card { padding:12px; border:1px solid #e1e5dc; border-radius:12px; background:#fff; }
.daily-nutrition-head { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
.daily-nutrition-head strong { color:var(--wine); font-size:.73rem; }
.daily-nutrition-head span { color:var(--muted); font-size:.62rem; text-align:left; }
.daily-nutrition-values { display:flex; flex-wrap:wrap; gap:7px 11px; margin-top:6px; color:#637475; font-size:.63rem; }
.daily-nutrition-values b { color:var(--forest-deep); }
.daily-nutrition-card small { display:block; margin-top:7px; color:#6e7c7e; font-size:.62rem; line-height:1.55; }
.selection-summary-empty { margin-top:14px; padding:13px; border-radius:11px; color:#657578; background:#fff; font-size:.73rem; }
.selection-summary-note { margin:12px 0 0; color:#6f7c7f; font-size:.63rem; line-height:1.6; }

@media (max-width: 700px) {
  .nutrition-targets, .selection-overview-grid, .daily-nutrition-list { grid-template-columns:1fr; }
  .nutrition-estimator-head, .selection-summary-head { flex-direction:column; }
  .selection-target-inline { width:100%; }
  .daily-nutrition-head { flex-direction:column; gap:1px; }
  .daily-nutrition-head span { text-align:right; }
}


/* توزيع 5 وجبات + حصة مرستكه حسب الباقة */
.five-meal-plan { grid-column:1/-1; margin-top:4px; padding:16px; border:1px solid #d8e5df; border-radius:15px; background:#fff; }
.five-meal-plan-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.five-meal-plan-head h5 { margin:3px 0 0; color:var(--forest-deep); font-size:1rem; }
.plan-coverage-badge { flex:0 0 auto; padding:7px 9px; border-radius:10px; color:#fff; background:var(--forest); font-size:.68rem; font-weight:800; }
.five-meal-table-wrap { overflow:auto; margin-top:12px; }
.five-meal-table { width:100%; min-width:590px; border-collapse:collapse; font-size:.73rem; }
.five-meal-table th { padding:9px; color:#fff; background:var(--forest-deep); text-align:center; }
.five-meal-table td { padding:9px; border-bottom:1px solid #e5ebe7; text-align:center; color:#536568; }
.five-meal-table td:first-child { text-align:right; }
.five-meal-table td b { display:block; color:var(--forest-deep); font-size:.78rem; }
.five-meal-table td small { display:block; margin-top:2px; color:#8a786d; font-size:.61rem; }
.five-meal-table tr.is-included td { background:#eef6f1; }
.five-meal-table tr.is-included td:first-child b { color:var(--wine); }
.merstakah-plan-target { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:13px; }
.merstakah-plan-target > div { padding:12px; border-radius:12px; background:#faf5ef; border:1px solid #eadfce; }
.merstakah-plan-target > div:first-child { background:#edf5f0; border-color:#d6e4dc; }
.merstakah-plan-target span { display:block; color:#6b7b7c; font-size:.67rem; }
.merstakah-plan-target strong { display:block; margin-top:2px; color:var(--wine); font-size:1.27rem; }
.merstakah-plan-target small { display:block; margin-top:2px; color:#6b7b7c; font-size:.62rem; line-height:1.5; }
.nutrition-review-warning { margin:12px 0 0; padding:10px; border-radius:10px; color:#8a421f; background:#fff1e7; font-size:.7rem; line-height:1.6; }
.plan-target-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.plan-target-row > div { padding:12px; border-radius:12px; border:1px solid #dfe9e3; background:#fff; }
.plan-target-row > div:first-child { background:#edf5f0; }
.plan-target-row span { display:block; color:var(--muted); font-size:.65rem; }
.plan-target-row b { display:block; margin-top:2px; color:var(--wine); font-size:1.33rem; }
.plan-target-row small { display:block; margin-top:3px; color:#6a7a7b; font-size:.62rem; }
.daily-compare { display:flex; justify-content:space-between; align-items:center; gap:7px; margin-top:8px; color:#6b7b7c; font-size:.62rem; }
.daily-compare .above { color:#1b7654; font-weight:800; }
.daily-compare .below { color:#b05f36; font-weight:800; }
.subscription-total-card { margin-top:12px; padding:14px; border-radius:13px; color:#fff; background:linear-gradient(135deg, var(--forest-deep), var(--forest)); }
.subscription-total-card span, .subscription-total-card small, .subscription-total-card em { display:block; color:rgba(255,255,255,.86); font-size:.66rem; }
.subscription-total-card strong { display:block; margin:3px 0; color:#fff; font-size:1.55rem; }
.subscription-total-card em { margin-top:5px; font-style:normal; }
@media (max-width:700px) {
  .nutrition-targets { grid-template-columns:1fr 1fr; }
  .merstakah-plan-target, .plan-target-row { grid-template-columns:1fr; }
  .five-meal-plan-head { flex-direction:column; }
  .plan-coverage-badge { width:100%; text-align:center; }
  .daily-compare { flex-direction:column; align-items:flex-start; }
}

/* === Murastaka branding/contact refresh === */
:root {
  --mur-red: #9f2626;
  --mur-teal: #4c6b68;
  --mur-beige: #efe0d5;
  --mur-beige-deep: #e9d8cb;
}
body {
  background: linear-gradient(180deg, #fffaf7 0%, #f7eee6 50%, #fffaf7 100%);
}
.announcement {
  background: var(--mur-red);
}
.announcement a {
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
}
.site-header {
  border-bottom: 1px solid #ead5c5;
  background: rgba(255,251,247,.96);
}
.brand img {
  width: 168px;
  height: 96px;
  object-fit: contain;
}
.hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #fffaf6 0%, var(--mur-beige) 58%, #fffaf6 100%);
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: min(29vw, 240px);
  background: url('murastaka-pattern.jpg') center/cover no-repeat;
  opacity: .95;
}
.hero-copy,
.hero-art {
  position: relative;
  z-index: 1;
}
.hero-copy { padding-right: clamp(10px, 2vw, 18px); }
.hero-copy .eyebrow,
.section-heading .eyebrow,
.form-step-heading span,
.nutrition-estimator-head .eyebrow,
.selection-summary-head .eyebrow {
  color: var(--mur-red);
}
.hero h1 span,
.section-heading h2,
.objective-list h3,
.form-step-heading h3,
.success-dialog h2,
.admin-access h2,
.admin-toolbar h2 {
  color: var(--mur-teal);
}
.hero-note { color: var(--mur-red); }
.button.primary,
.nav-cta,
.dialog-actions .button.primary,
.submit-button {
  background: var(--mur-red);
}
.button.primary:hover,
.nav-cta:hover { background: #851d1d; }
.button.secondary {
  color: var(--mur-teal);
  border-color: rgba(76,107,104,.24);
  background: rgba(255,255,255,.7);
}
.brand-hero-art {
  min-height: 430px;
  display: grid;
  place-items: center;
}
.hero-brand-card {
  width: min(100%, 520px);
  padding: 16px;
  border-radius: 28px;
  background: rgba(255,255,255,.55);
  box-shadow: 0 24px 55px rgba(68,48,42,.12);
  backdrop-filter: blur(5px);
}
.hero-brand-card img {
  display: block;
  width: 100%;
  border-radius: 22px;
  box-shadow: 0 16px 34px rgba(0,0,0,.08);
}
.hero-card {
  background: #fffdf9;
  border-color: rgba(159,38,38,.12);
}
.hero-card-top { top: 18px; left: 8px; }
.hero-card-bottom { bottom: 18px; right: 8px; }
.hero-card-icon,
.estimator-mark,
.note-icon,
.objective-num,
.how-grid article span,
.success-icon { background: var(--mur-red); }
.contact-section {
  padding-top: 48px;
  padding-bottom: 28px;
}
.contact-showcase {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 26px;
  align-items: stretch;
}
.contact-info-card,
.contact-visual-card {
  overflow: hidden;
  border: 1px solid #ecd7c8;
  border-radius: 26px;
  background: #fffdfb;
  box-shadow: 0 22px 44px rgba(80,53,45,.08);
}
.contact-info-card {
  padding: 28px;
  position: relative;
}
.contact-info-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 82px;
  background: url('murastaka-pattern.jpg') center/cover no-repeat;
}
.contact-info-card > * { position: relative; z-index: 1; }
.contact-topline { margin-bottom: 18px; padding-right: 66px; }
.contact-topline strong {
  display: block;
  color: var(--mur-red);
  font-size: clamp(1.5rem, 3vw, 2rem);
}
.contact-topline span {
  display: block;
  margin-top: 6px;
  color: #5f716f;
  font-size: .95rem;
}
.contact-numbers {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin: 0 0 20px;
  padding-right: 66px;
}
.contact-numbers a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  padding: 14px 16px;
  border: 1px solid #e9d8cb;
  border-radius: 16px;
  color: var(--mur-teal);
  background: var(--mur-beige);
  font-size: 1.08rem;
  font-weight: 800;
}
.social-links-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 18px;
  padding-right: 66px;
}
.social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 14px 16px;
  border-radius: 16px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  box-shadow: 0 14px 26px rgba(0,0,0,.08);
}
.social-link.whatsapp { background: linear-gradient(135deg, #1fa463, #177a4b); }
.social-link.instagram { background: linear-gradient(135deg, #9f2626, #b85f2a); }
.social-link.snapchat { background: linear-gradient(135deg, #4c6b68, #35514f); }
.social-link.linktree { background: linear-gradient(135deg, #6a5a50, #8f786e); }
.quick-contact-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding-right: 66px;
}
.mini-contact-box {
  padding: 15px 16px;
  border: 1px solid #ecd7c8;
  border-radius: 16px;
  background: #fff8f2;
}
.mini-contact-box span,
.mini-contact-box small { display: block; }
.mini-contact-box span { color: #7e6b62; font-size: .78rem; }
.mini-contact-box strong { display:block; margin:5px 0 3px; color: var(--mur-red); font-size: 1.15rem; }
.mini-contact-box small { color: #5f716f; font-size: .74rem; }
.contact-visual-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.delivery-note {
  border-color: rgba(159,38,38,.08);
  background: #fff7f2;
}
.note-icon { color:#fff; }
.trust-row,
.site-footer,
.admin-header {
  background: var(--mur-teal);
}
.plans-section .section-heading p,
.objectives-section p,
.catalogue-section .section-heading p,
.order-intro p { max-width: 740px; }
.site-footer h3 { color: #f9d2b1; }
.footer-brand p,
.site-footer a,
.site-footer > div:not(.footer-brand) > p,
.footer-bottom { color: #e3ece8; }
.footer-brand img { width: 180px; height: 105px; filter: none; object-fit: contain; }
.floating-whatsapp {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 120;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  min-height: 64px;
  padding: 0 18px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #19a15d, #12884d);
  box-shadow: 0 20px 40px rgba(18,136,77,.28);
  font-weight: 800;
}
.floating-whatsapp span { font-size: .92rem; }
.review-section h4, .admin-order-head strong, .section-heading h2, .order-intro h2, .footer-brand p strong { color: var(--mur-teal); }

@media (max-width: 980px) {
  .contact-showcase { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .brand img { width: 126px; height: 72px; }
  .hero::before { width: 110px; }
  .hero-copy { padding-right: 0; }
  .contact-info-card::before { width: 100%; height: 62px; inset: 0 0 auto 0; }
  .contact-topline,
  .contact-numbers,
  .social-links-grid,
  .quick-contact-row { padding-right: 0; }
  .contact-topline { padding-top: 44px; }
  .social-links-grid,
  .quick-contact-row { grid-template-columns: 1fr; }
  .floating-whatsapp { left: 14px; bottom: 14px; min-height: 58px; padding: 0 16px; }
}

/* === معرض الصور ولوحة التحكم الإدارية === */
.food-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.gallery-item {
  margin: 0;
  overflow: hidden;
  min-height: 235px;
  border: 1px solid #ead7c8;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 30px rgba(69,47,41,.08);
}
.gallery-item img {
  width: 100%;
  height: 100%;
  min-height: 235px;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}
.gallery-item:hover img { transform: scale(1.04); }

.gallery-sections {
  display: grid;
  gap: 22px;
}
.gallery-category {
  padding: 22px;
  border: 1px solid #ead7c8;
  border-radius: 24px;
  background: #fffdfa;
  box-shadow: 0 16px 30px rgba(69,47,41,.06);
}
.gallery-category-head h3 {
  margin: 0 0 6px;
  color: var(--mur-teal);
  font-size: 1.2rem;
}
.gallery-category-head p {
  margin: 0 0 16px;
  color: var(--muted);
  font-size: .86rem;
}
.gallery-empty {
  padding: 18px;
  border: 1px dashed #d9c5b6;
  border-radius: 18px;
  background: #fff7ef;
  color: #7a6356;
  text-align: center;
  font-weight: 700;
}
.admin-gallery-group {
  margin-bottom: 20px;
}
.admin-gallery-group h4 {
  margin: 0 0 10px;
  color: var(--mur-teal);
}

.admin-workspace { display:block; }
.admin-toolbar-main { margin-bottom: 18px; }
.admin-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: #fffaf5;
}
.admin-tab {
  border: 0;
  padding: 11px 16px;
  border-radius: 12px;
  color: var(--forest-deep);
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-weight: 800;
}
.admin-tab.active { color:#fff; background: var(--mur-red); box-shadow:0 8px 16px rgba(159,38,38,.18); }
.admin-panel {
  display: none;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: var(--shadow);
}
.admin-panel.active { display:block; }
.admin-settings-form { max-width: 100%; }
.admin-section-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 15px;
  margin: 28px 0 13px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #e4d6ca;
}
.admin-section-title:first-child { margin-top: 0; }
.admin-section-title h3 { margin:0; color: var(--mur-teal); font-size:1.05rem; }
.admin-section-title p { margin:0; color:var(--muted); font-size:.73rem; }
.admin-actions-row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 20px;
}
.admin-save-message { margin:0; color:#657578; font-size:.78rem; }
.admin-save-message.success { color:#177a4b; font-weight:800; }
.admin-save-message.error { color:var(--danger); font-weight:800; }
.toggle-field {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fffaf5;
}
.toggle-field input { width:20px; height:20px; accent-color:var(--mur-red); }
.toggle-field b, .toggle-field small { display:block; }
.toggle-field b { color:var(--forest-deep); font-size:.82rem; }
.toggle-field small { margin-top:3px; color:var(--muted); font-size:.68rem; line-height:1.55; }
.upload-guide {
  margin-bottom: 16px;
  padding: 13px 15px;
  border: 1px solid #ecd5c2;
  border-radius: 13px;
  color: #715545;
  background: #fff7ef;
  font-size: .76rem;
  line-height: 1.7;
}
.photo-upload-card {
  display: grid;
  grid-template-columns: 1fr 1.5fr auto;
  gap: 12px;
  align-items: end;
  padding: 20px;
  border: 1px solid #dfd4cb;
  border-radius: 18px;
  background: linear-gradient(135deg,#fffaf5,#f7eee5);
}
.photo-upload-card .admin-save-message { grid-column: 1 / -1; }
.current-images-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 16px;
  margin-top: 22px;
}
.current-image-card {
  overflow: hidden;
  border: 1px solid #e6d8cc;
  border-radius: 18px;
  background: #fffdfa;
}
.current-image-card h3 { margin:0; padding:13px 15px; color:var(--mur-teal); font-size:.9rem; }
.current-image-card img { width:100%; height:240px; object-fit:contain; display:block; border-top:1px solid #eee1d7; background:#f8eee6; }
.admin-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 14px;
}
.admin-gallery-item {
  overflow:hidden;
  padding: 9px;
  border: 1px solid #e6d8cc;
  border-radius: 16px;
  background:#fffdfa;
}
.admin-gallery-item img { width:100%; height:145px; display:block; object-fit:cover; border-radius:10px; }
.admin-gallery-item .button { width:100%; margin-top:8px; padding:8px; font-size:.7rem; }

@media (max-width: 900px) {
  .food-gallery { grid-template-columns: repeat(2,1fr); }
  .photo-upload-card { grid-template-columns:1fr; }
  .admin-gallery-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 700px) {
  .food-gallery,.current-images-grid { grid-template-columns:1fr; }
  .gallery-item,.gallery-item img { min-height:220px; }
  .admin-panel { padding: 19px; }
  .admin-tabs { display:grid; grid-template-columns:repeat(3,1fr); }
  .admin-tab { padding:10px 7px; font-size:.72rem; }
  .admin-section-title { display:block; }
  .admin-section-title p { margin-top:6px; }
  .admin-gallery-grid { grid-template-columns:repeat(2,1fr); }
}


/* === نسخة عالي البروتين === */


/* === Simplified public layout: Linktree only === */
.simple-link-section {
  display: grid;
  place-items: center;
  padding-top: 42px;
  padding-bottom: 24px;
}
.simple-link-card {
  width: min(100%, 680px);
  padding: clamp(30px, 5vw, 54px);
  border: 1px solid #ead7c8;
  border-radius: 28px;
  background: linear-gradient(135deg, #fffdf9, #f6e9df);
  text-align: center;
  box-shadow: 0 22px 44px rgba(80,53,45,.08);
}
.simple-link-card h2 {
  margin: 8px 0 10px;
  color: var(--mur-teal);
  font-size: clamp(1.55rem, 3vw, 2.15rem);
}
.simple-link-card p {
  max-width: 480px;
  margin: 0 auto 22px;
  color: var(--muted);
  line-height: 1.85;
}
.hero-art.brand-hero-art { min-height: 300px; }
.hero-brand-card { width: min(100%, 420px); }
.site-footer { grid-template-columns: minmax(180px, 1fr) minmax(150px, .6fr) minmax(150px, .6fr); }
@media (max-width: 700px) {
  .simple-link-card { border-radius: 22px; }
  .hero-art.brand-hero-art { min-height: 230px; }
}


/* Final visual additions: floating WhatsApp button and dish image showcase */
.dish-showcase {
  padding: 18px clamp(20px, 8vw, 125px) 28px;
  background: linear-gradient(180deg, transparent, rgba(247,238,229,.55));
}
.dish-showcase-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  max-width: 1380px;
  margin: 0 auto;
}
.dish-showcase-item {
  grid-column: span 3;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(97,73,63,.10);
  border-radius: 21px;
  background: #fffaf5;
  box-shadow: 0 14px 30px rgba(73,47,37,.09);
  aspect-ratio: 1 / 1;
}
.dish-showcase-item.featured { grid-column: span 6; }
.dish-showcase-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .35s ease;
}
.dish-showcase-item:hover img { transform: scale(1.025); }
.floating-whatsapp {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  color: #fff;
  background: #1a9c58;
  box-shadow: 0 16px 34px rgba(17,121,68,.34);
  font-weight: 800;
  font-size: .95rem;
}
.floating-whatsapp:hover { background:#138648; transform: translateY(-2px); }
.floating-whatsapp > span:first-child {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  font-size: 1.16rem;
  line-height: 1;
}
@media (max-width: 900px) {
  .dish-showcase-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
  .dish-showcase-item, .dish-showcase-item.featured { grid-column: span 1; }
}
@media (max-width: 520px) {
  .dish-showcase { padding: 8px 16px 25px; }
  .dish-showcase-grid { grid-template-columns: 1fr; }
  .floating-whatsapp { right: 14px; bottom: 14px; min-height: 52px; padding: 0 16px; }
}


/* === WhatsApp side button & admin-controlled order availability === */
.order-availability-notice {
  margin: 20px 0;
  padding: 18px 20px;
  border: 1px solid rgba(151, 36, 36, .18);
  border-radius: 18px;
  background: #fff3ee;
  color: #8a2323;
  font-weight: 800;
  line-height: 1.8;
}
.floating-whatsapp {
  position: fixed;
  top: 54%;
  bottom: auto;
  z-index: 999;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  color: #fff;
  background: linear-gradient(145deg, #1fa75f, #138447);
  border: 2px solid rgba(255,255,255,.86);
  border-radius: 16px;
  box-shadow: 0 14px 28px rgba(11, 89, 46, .28);
  transform: translateY(-50%);
  transition: width .25s ease, transform .25s ease, background .25s ease;
}
.floating-whatsapp.is-right { right: 12px; left: auto; }
.floating-whatsapp.is-left { left: 12px; right: auto; }
.floating-whatsapp:hover { background: linear-gradient(145deg, #24b869, #15934f); transform: translateY(-50%) scale(1.05); }
.floating-whatsapp-icon { display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; }
.floating-whatsapp-icon svg { width: 24px; height: 24px; }
.floating-whatsapp-label { display: none; white-space: nowrap; font-weight: 800; font-size: .83rem; }
.floating-whatsapp.is-label { width: auto; min-width: 104px; padding: 0 15px; gap: 8px; }
.floating-whatsapp.is-label .floating-whatsapp-label { display: inline; }
@media (max-width: 640px) {
  .floating-whatsapp { top: auto; bottom: 18px; transform: none; width: 48px; min-width: 48px; height: 48px; min-height: 48px; border-radius: 50%; }
  .floating-whatsapp.is-right { right: 14px; }
  .floating-whatsapp.is-left { left: 14px; }
  .floating-whatsapp:hover { transform: scale(1.05); }
  .floating-whatsapp.is-label { width: auto; min-width: 98px; border-radius: 999px; }
}

/* مرستكه: محتوى إضافي من لوحة الإدارة */
.dynamic-site-section { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.dynamic-section-card { max-width: 1180px; margin: 0 auto; padding: clamp(1.4rem, 3vw, 2.7rem); border: 1px solid rgba(108, 79, 47, .12); border-radius: 24px; background: rgba(255,255,255,.74); display: grid; gap: 1.5rem; align-items: center; box-shadow: 0 14px 36px rgba(66, 47, 26, .07); }
.dynamic-section-card.with-image { grid-template-columns: 1.2fr .8fr; }
.dynamic-section-card h2 { margin: .45rem 0 .7rem; }
.dynamic-section-card p { margin: 0 0 1rem; line-height: 1.9; }
.dynamic-section-card img { width: 100%; max-height: 320px; object-fit: cover; border-radius: 18px; }
.meal-card-image { width: 100%; height: 185px; object-fit: cover; border-radius: 14px; margin-bottom: .8rem; }
.meal-card-description { margin: .3rem 0 1rem; color: #6c675e; line-height: 1.75; font-size: .93rem; }
@media (max-width: 760px) { .dynamic-section-card.with-image { grid-template-columns: 1fr; } .dynamic-section-card img { order: -1; } }


/* === تصنيف الوجبات: أطباق رئيسية، خفيفة، سلطات، شوربات === */
#mealGrid { display:grid; gap:22px; }
.meal-category-group { padding:20px; border:1px solid #ead7c8; border-radius:24px; background:linear-gradient(135deg,#fffdfb,#fff7ef); box-shadow:0 14px 28px rgba(69,47,41,.05); }
.meal-category-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 0 15px; padding-bottom:13px; border-bottom:1px dashed #e3cdbd; }
.meal-category-head span { display:block; color:#8a7569; font-size:.72rem; font-weight:800; }
.meal-category-head h3 { margin:4px 0 0; color:var(--mur-teal); font-size:1.28rem; }
.meal-category-head b { white-space:nowrap; padding:8px 12px; border-radius:999px; color:#fff; background:var(--mur-red); font-size:.76rem; }
.meal-meta { display:flex; flex-wrap:wrap; gap:6px; }
.meal-meta span:first-child { color:#7d4332; background:#fff0e6; border-color:#efc9b7; }
.meal-option-category { display:inline-flex; width:max-content; margin:7px 0 4px; padding:3px 7px; border-radius:999px; color:#7d4332; background:#fff0e6; font-style:normal; font-size:.62rem; font-weight:800; }
@media (max-width:700px){ .meal-category-group{padding:15px}.meal-category-head{align-items:flex-start}.meal-category-head h3{font-size:1.08rem}.meal-category-head b{padding:7px 9px;font-size:.68rem} }