/* Osool Unified Food Menus 1.1 — coordinated with .osrc and .osbe3 */
.osfm,.osfm *{box-sizing:border-box}
.osfm{--osfm-wine:#9F3536;--osfm-cream:#F2ECE5;--osfm-sand:#E0D6C7;--osfm-forest:#494A27;--osfm-olive:#767450;direction:rtl;position:relative;isolation:isolate;max-width:1600px;margin:0 auto;padding:clamp(24px,4.2vw,62px);overflow:hidden;border:1px solid var(--osfm-sand);border-radius:clamp(22px,3vw,36px);color:var(--osfm-forest);background:linear-gradient(155deg,var(--osfm-cream),var(--osfm-sand) 195%);font-family:'Tajawal',sans-serif!important;box-shadow:0 22px 64px rgba(73,74,39,.12),inset 0 2px 2px rgba(255,255,255,.42)}
.osfm:before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 0% 4%,rgba(159,53,54,.06),transparent 39%),radial-gradient(ellipse at 100% 90%,rgba(118,116,80,.09),transparent 45%);z-index:-1}
.osfm-wave{position:absolute;inset:0 0 auto;width:100%;height:250px;z-index:-1;pointer-events:none;opacity:.73}.osfm-wave svg{display:block;height:100%;width:100%}.osfm-wrap{max-width:1280px;margin:0 auto;position:relative}
.osfm-header{text-align:right;margin:0 0 30px}.osfm-topline{display:flex;align-items:center;justify-content:space-between;gap:16px}.osfm-eyebrow{font-size:12px;font-weight:900;letter-spacing:.17em;color:var(--osfm-wine);line-height:1.6}.osfm-signet{display:flex;align-items:center;gap:8px;direction:ltr;min-width:100px;padding:9px 17px;font-size:24px;line-height:1;color:var(--osfm-cream);background:var(--osfm-forest);border-radius:14px;box-shadow:0 6px 0 rgba(73,74,39,.4),0 12px 25px rgba(73,74,39,.15);font-weight:900}.osfm-signet small{font-size:11px;white-space:nowrap;direction:rtl}
.osfm-header h2{font-family:inherit!important;font-size:clamp(33px,4.35vw,61px)!important;font-weight:900!important;line-height:1.2!important;color:var(--osfm-forest)!important;letter-spacing:-.022em!important;margin:20px 0 10px!important}.osfm-header h2 em{font-style:normal;color:var(--osfm-wine)}.osfm-header p{font-family:inherit!important;max-width:850px;color:var(--osfm-olive);font-size:clamp(15px,1.55vw,19px);line-height:1.8;margin:0}
.osfm-panel{padding:clamp(15px,2.7vw,30px);background:linear-gradient(155deg,rgba(242,236,229,.95),rgba(224,214,199,.67));border:1px solid rgba(118,116,80,.22);border-radius:28px;box-shadow:0 17px 34px rgba(73,74,39,.10),0 5px 0 rgba(73,74,39,.07),inset 0 1px 0 rgba(255,255,255,.7)}
.osfm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.85vw,24px)}
.osfm-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:linear-gradient(160deg,#F7F1EA,var(--osfm-cream));border:1px solid rgba(73,74,39,.17);border-radius:23px;box-shadow:0 13px 24px rgba(73,74,39,.11),0 6px 0 rgba(73,74,39,.11),inset 0 1px 0 rgba(255,255,255,.7);transition:transform .24s ease,box-shadow .24s ease}.osfm-card:hover{transform:translateY(-6px);box-shadow:0 22px 35px rgba(73,74,39,.18),0 7px 0 rgba(73,74,39,.12)}
.osfm-card-media{position:relative;overflow:hidden;min-height:170px;aspect-ratio:1.72;background:radial-gradient(circle at 30% 13%,#F9F4ED,transparent 43%),linear-gradient(120deg,#B5B397,#767450 120%);border:9px solid transparent;background-clip:padding-box;border-radius:22px 22px 16px 16px;display:grid;place-items:center}
.osfm-card--takeaway .osfm-card-media{background:radial-gradient(circle at 26% 14%,#FEF9F2,transparent 48%),linear-gradient(145deg,#D9C6AE,#A89A7D)}
.osfm-card-media:before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.34);border-radius:15px;pointer-events:none;z-index:3}
.osfm-card-media--photo{background:var(--osfm-sand)}.osfm-photo-img{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;object-fit:cover;transition:transform .35s ease}.osfm-card:hover .osfm-photo-img{transform:scale(1.048)}
.osfm-card-media--photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(73,74,39,.04),transparent 50%,rgba(73,74,39,.25));pointer-events:none}
.osfm-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.32);width:76%;aspect-ratio:1;transform:scale(1.3) rotate(-22deg)}.osfm-orbit--two{width:55%;transform:scale(1.3) rotate(12deg);border-color:rgba(255,255,255,.2)}
.osfm-medallion{height:118px;width:118px;border-radius:50%;position:relative;display:grid;place-items:center;color:var(--osfm-forest);background:radial-gradient(circle at 25% 20%,#fffdf9,#F2ECE5 75%);border:1px solid rgba(73,74,39,.14);box-shadow:0 12px 0 rgba(73,74,39,.16),0 24px 34px rgba(73,74,39,.22),inset 0 3px 4px rgba(255,255,255,.9);transform:rotate(-8deg);z-index:1;transition:transform .25s ease}.osfm-card:hover .osfm-medallion{transform:translateY(-3px) rotate(0)}.osfm-medallion svg{height:78px;width:78px}
.osfm-card-number{position:absolute;top:12px;left:13px;display:grid;place-items:center;min-height:36px;min-width:41px;padding:4px 8px;color:var(--osfm-cream);background:var(--osfm-forest);font-size:16px;font-weight:900;line-height:1;border-radius:11px;box-shadow:0 5px 0 rgba(73,74,39,.22);z-index:4}.osfm-card-media-bottom{position:absolute;bottom:-22px;left:7%;width:86%;height:34px;background:rgba(255,255,255,.18);filter:blur(12px)}
.osfm-card-content{flex:1;display:flex;align-items:stretch;flex-direction:column;padding:clamp(17px,2vw,24px)}.osfm-kicker{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:800;color:var(--osfm-olive);line-height:1.5}.osfm-kicker i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--osfm-wine)}.osfm-card-content h3{font-family:inherit!important;font-size:clamp(24px,2.35vw,31px)!important;line-height:1.22!important;color:var(--osfm-forest)!important;font-weight:900!important;margin:11px 0 7px!important}.osfm-card-content p{font-family:inherit!important;color:var(--osfm-olive);font-size:clamp(14px,1.35vw,17px);line-height:1.75;margin:0 0 24px;min-height:64px}
.osfm-action{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:49px;margin-top:auto;padding:11px 15px;border-radius:13px!important;background:var(--osfm-forest);border:1px solid var(--osfm-forest);color:var(--osfm-cream)!important;box-shadow:0 5px 0 var(--osfm-olive),0 10px 18px rgba(73,74,39,.10);font-size:15px;font-weight:900;font-family:inherit!important;text-decoration:none!important;transition:background .2s ease,transform .2s ease}.osfm-card--takeaway .osfm-action{background:var(--osfm-wine);border-color:var(--osfm-wine);box-shadow:0 5px 0 rgba(159,53,54,.39),0 10px 18px rgba(73,74,39,.10)}.osfm-action svg{transform:rotate(180deg);flex:0 0 18px}.osfm-action:hover{color:#fff!important;transform:translateY(-2px);filter:brightness(1.06)}.osfm-action:focus-visible{outline:3px solid var(--osfm-wine);outline-offset:4px}.osfm-action--disabled{background:rgba(118,116,80,.14)!important;color:var(--osfm-olive)!important;border-color:var(--osfm-sand)!important;box-shadow:none!important;cursor:default;font-size:13px}.osfm-action--disabled:hover{transform:none;filter:none;color:var(--osfm-olive)!important}
.osfm-panel-footer{margin-top:25px;display:flex;align-items:center;gap:8px;font-weight:800;font-size:12px;color:var(--osfm-forest);border-top:1px solid rgba(118,116,80,.2);padding-top:17px}.osfm-panel-dot{height:7px;width:7px;border-radius:50%;background:var(--osfm-wine)}.osfm-panel-note{margin-right:auto;color:var(--osfm-olive);font-size:12px;font-weight:500}
@media (max-width:650px){.osfm{padding:19px 13px 27px;border-radius:22px}.osfm-wave{height:160px}.osfm-topline{align-items:start}.osfm-eyebrow{font-size:10px}.osfm-signet{min-width:72px;gap:5px;padding:8px 10px;font-size:19px}.osfm-signet small{font-size:9px}.osfm-header{margin-bottom:22px}.osfm-header h2{margin:16px 0 9px!important;font-size:35px!important}.osfm-header p{font-size:14px}.osfm-panel{padding:13px;border-radius:20px}.osfm-grid{grid-template-columns:1fr;gap:20px}.osfm-card-media{aspect-ratio:1.88}.osfm-card-content{padding:16px}.osfm-card-content h3{font-size:26px!important}.osfm-card-content p{margin-bottom:16px;min-height:0;font-size:14px}.osfm-panel-footer{flex-wrap:wrap;line-height:1.6}.osfm-panel-note{margin-right:0;width:100%;padding-right:14px}}
@media (prefers-reduced-motion:reduce){.osfm-card,.osfm-medallion,.osfm-photo-img,.osfm-action{transition:none!important}.osfm-card:hover,.osfm-action:hover{transform:none!important}}
