/* Bilingual ordering guide; scoped to its informational page. */
.ordering-page{background:#f7efe4;color:#493126}
.ordering-width{width:min(900px,calc(100% - 64px));margin-inline:auto}
.ordering-hero{padding:46px 0 38px;background:linear-gradient(120deg,#302016,#513525);color:#f8ead3}
.ordering-eyebrow{margin:0 0 10px;font:600 10px/1.6 var(--font-sans);letter-spacing:.22em;color:#d9bd96}
.ordering-hero h1{margin:0 0 16px;color:#f8ead3;font:500 clamp(34px,4vw,48px)/1.2 var(--font-serif)}
.ordering-hero p:not(.ordering-eyebrow){max-width:680px;margin:8px 0;color:#ead8c0;font-size:13px;line-height:1.85}
.ordering-hero p[lang=ar]{font-family:Tahoma,Arial,sans-serif;text-align:start;font-size:15px}
.ordering-intro{width:fit-content;max-width:min(680px,100%)}
.ordering-intro p[lang=ar]{margin-inline:0}
.ordering-timeline{list-style:none;margin:32px 0 38px;padding:0;display:grid;gap:18px}
.ordering-item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:18px;align-items:start}
.ordering-item:not(:last-child):before{content:'';position:absolute;top:42px;bottom:-18px;left:20px;width:1px;background:#cbb192}
.ordering-number{position:relative;display:grid;place-items:center;width:42px;height:42px;background:#493126;color:#f7e8cf;border:4px solid #f7efe4;border-radius:50%;font:500 11px/1 var(--font-sans)}
.ordering-card{display:flex;gap:18px;padding:22px 26px;border:1px solid #dfcdb7;border-radius:13px;background:#fcf7ee;box-shadow:0 3px 12px #49312605}
.ordering-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;background:#f0e3d1;color:#795337;border-radius:50%}
.ordering-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ordering-copy{min-width:0;flex:1}.ordering-copy h2{margin:0 0 7px;font:500 21px/1.3 var(--font-serif)}
.ordering-copy p{margin:0;color:#755b48;font:400 12px/1.85 var(--font-sans)}
.ordering-arabic{margin-top:12px;padding-top:12px;border-top:1px solid #e8d9c7;font-family:Tahoma,Arial,sans-serif;text-align:start}
.ordering-arabic h3{margin:0 0 6px;font:600 16px/1.6 Tahoma,Arial,sans-serif;color:#493126}
.ordering-arabic p{font:400 14px/1.9 Tahoma,Arial,sans-serif;color:#755b48}
/* Wider desktop cards keep the four-step timeline readable within a laptop screen.
   DOM reading order remains English first, then its Arabic translation. */
@media(min-width:1100px){
 .ordering-page .header-container{min-height:86px}
 .ordering-page #ordering-content{flex:1;display:flex;flex-direction:column}
 .ordering-page #ordering-content>.ordering-width{flex:1;display:flex}
 .ordering-width{width:min(1180px,calc(100% - 96px))}
 .ordering-hero{padding:12px 0}
 .ordering-eyebrow{margin-bottom:3px}
 .ordering-hero h1{font-size:32px;margin-bottom:5px}
 .ordering-hero p:not(.ordering-eyebrow){max-width:none;margin:3px 0;font-size:12px;line-height:1.6}
 .ordering-hero p[lang=ar]{font-size:14px;line-height:1.65}
 .ordering-timeline{flex:1;margin:14px 0;gap:9px}
 .ordering-item{gap:12px;align-items:stretch}
 .ordering-item:not(:last-child):before{bottom:-9px}
 .ordering-card{padding:14px 20px;gap:14px;align-items:center}
 .ordering-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;align-items:start}
 .ordering-copy h2{grid-column:1;grid-row:1;font-size:20px;line-height:1.3;margin-bottom:4px}
 .ordering-copy>p{grid-column:1;grid-row:2;line-height:1.7}
 .ordering-arabic{grid-column:2;grid-row:1 / span 2;margin:0;padding:0 0 0 22px;border-top:0;border-left:1px solid #e8d9c7;align-self:stretch}
 .ordering-arabic h3{font-size:16px;line-height:1.5;margin-bottom:4px}
 .ordering-arabic p{font-size:14px;line-height:1.7}
 .ordering-page .deco-footer{padding-block:8px}
}
@media(min-width:601px) and (max-width:1099px){
 .ordering-width{width:calc(100% - 48px)}
 .ordering-hero{padding:26px 0 22px}
 .ordering-hero h1{font-size:36px;margin-bottom:10px}
 .ordering-timeline{margin:22px 0 26px;gap:12px}
 .ordering-item:not(:last-child):before{bottom:-12px}
 .ordering-card{padding:17px 20px;gap:14px}
 .ordering-arabic{margin-top:8px;padding-top:8px}
}
@media(max-width:600px){.ordering-width{width:calc(100% - 32px)}.ordering-hero{padding:15px 0 14px}.ordering-hero h1{font-size:34px;margin-bottom:8px}.ordering-hero p:not(.ordering-eyebrow){font-size:12px}.ordering-hero p[lang=ar]{font-size:14px}.ordering-timeline{margin:16px 0 18px;gap:10px}.ordering-item{grid-template-columns:29px minmax(0,1fr);gap:8px}.ordering-number{width:29px;height:35px;border-width:3px;font-size:9px}.ordering-item:not(:last-child):before{left:14px;top:35px;bottom:-10px}.ordering-card{position:relative;display:block;padding:12px 38px 12px 17px}.ordering-icon{width:32px;height:32px;margin-bottom:8px}.ordering-icon svg{width:19px;height:19px}.ordering-copy h2{font-size:20px}.ordering-copy p{font-size:12px}.ordering-arabic{margin-top:6px;padding-top:6px;padding-right:0}.ordering-arabic p{font-size:14px}.ordering-page .deco-contact-stack{right:7px}}