/* La Nonna — visual system, surfaces and motion. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--shadow-soft:0 12px 40px #5433220b;--shadow-lift:0 24px 65px #54332216}
body{accent-color:#652b32}::selection{background:#652b32;color:#fff0d7}button,a{transition:background .25s,color .25s,box-shadow .3s,transform .35s var(--ease-out)}
.menu-page{background-color:#faf6ed;background-image:radial-gradient(#aa856413 .65px,transparent .65px);background-size:6px 6px}.menu-page .wrap{max-width:1280px}.menu-page header{transition:box-shadow .3s,background .3s}.menu-page header.is-scrolled{box-shadow:0 6px 30px #3f23200d;background:#faf6edfa}.menu-page .announcement{background:linear-gradient(105deg,#4e1d26,#7b3641,#4e1d26);letter-spacing:.5px}.brand img{transition:transform .6s var(--ease-out),box-shadow .4s}.brand:hover img{transform:rotate(-9deg);box-shadow:0 0 0 5px #b6945815}.menu-page .nav nav>a{position:relative;border:0}.menu-page .nav nav>a:after{content:'';position:absolute;bottom:0;right:0;width:100%;height:1px;background:#652b32;transform:scaleX(0);transform-origin:right;transition:transform .3s}.menu-page .nav nav>a:hover:after{transform:scaleX(1)}.menu-page .call-link .phone{background:#fffaf2;transition:transform .35s,background .35s,color .35s}.menu-page .call-link:hover .phone{transform:rotate(40deg);background:#652b32;color:white}
.menu-page .hero{position:relative;min-height:650px;padding-block:70px 80px;gap:65px}.menu-page .hero:before{content:'';position:absolute;right:-5%;top:2%;width:65%;height:85%;background:radial-gradient(ellipse,#eadcc441,transparent 68%);pointer-events:none;z-index:-1}.menu-page h1{font-size:clamp(54px,5.6vw,84px);line-height:1.25;letter-spacing:-1.8px}.menu-page h1 em{position:relative;display:inline-block}.menu-page h1 em:after{content:'';position:absolute;bottom:8px;right:2%;width:96%;height:9px;border-bottom:2px solid #b694587a;border-radius:50%;transform:rotate(-2deg);z-index:-1}.menu-page .hero .eyebrow{font-size:11px;letter-spacing:.7px}.menu-page .intro{font-size:15px;line-height:2.2}.menu-page .primary{box-shadow:0 8px 20px #652b3219;border-radius:6px;padding:15px 27px;background:linear-gradient(120deg,#71313d,#57202b);position:relative;isolation:isolate;overflow:hidden}.menu-page .primary:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff18 49%,transparent 75%);transform:translateX(130%);transition:transform .7s;z-index:-1}.menu-page .primary:hover:before{transform:translateX(-130%)}.menu-page .primary:hover{box-shadow:0 12px 28px #652b322b;transform:translateY(-3px)}.menu-page .primary span{transition:transform .35s}.menu-page .primary:hover span{transform:translate(-3px,3px)}.menu-page .secondary{position:relative;border:0;color:#652b32}.menu-page .secondary:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:#bea99b;transform-origin:right;transition:transform .3s}.menu-page .secondary:hover:after{transform:scaleX(.55)}.menu-page .hero-footer{margin-top:35px;padding-top:22px;border-top:1px solid #d7c5ac88;width:max-content;max-width:100%;gap:12px;letter-spacing:.2px}.mini-flower{animation:flower-turn 25s linear infinite}.menu-page .hero-visual{isolation:isolate;animation:plate-float 7s ease-in-out infinite;max-width:510px;background:radial-gradient(ellipse,#e5cda961,transparent 68%)}.menu-page .hero-visual:before{content:'';position:absolute;inset:0;border-radius:50%;border:1px dashed #b694584d;transform:rotate(15deg) scale(.99);animation:orbit 100s linear infinite;z-index:-1}.menu-page .hero-visual:after{content:'';position:absolute;width:27px;height:27px;bottom:23%;left:0;border:1px solid #b6945888;border-radius:50%;box-shadow:0 0 0 9px #b6945810}.menu-page .plate-ring{padding:22px;border-color:#bb9f6d66;box-shadow:0 0 0 10px #b6945806,0 0 0 24px #b6945805;background:#eee1c666}.menu-page .plate-ring img{border:10px solid #fff9ec;box-shadow:0 25px 40px #77573435;transition:transform .7s var(--ease-out)}.menu-page .hero-visual:hover .plate-ring img{transform:scale(1.035) rotate(3deg)}.menu-page .hero-stamp{box-shadow:0 12px 28px #652b3226;outline:5px solid #652b32;border:1px dashed #d4b082;border-radius:50%;bottom:1%;right:1%;transform:rotate(9deg)}.menu-page .hero-stamp:after{content:'';position:absolute;inset:7px;border:1px solid #d4b08244;border-radius:50%;pointer-events:none}.menu-page .visual-note{left:10%;bottom:-16px}.menu-page .sparkle{animation:star-breathe 4s ease-in-out infinite}.hero-copy>.eyebrow{animation:copy-arrive .7s var(--ease-out) both}.hero-copy>h1{animation:copy-arrive .85s .08s var(--ease-out) both}.hero-copy>.intro{animation:copy-arrive .85s .16s var(--ease-out) both}.hero-actions{animation:copy-arrive .85s .24s var(--ease-out) both}.hero-footer{animation:copy-arrive .85s .32s var(--ease-out) both}
.menu-page .ticker{direction:ltr;padding-block:12px;border-color:#d7c3a5;background:#eee3d0;width:100%;margin-block:0;box-shadow:0 8px 20px #50312304}.menu-page .ticker-track{display:flex;width:max-content;direction:ltr;animation:marquee 48s linear infinite;min-width:0;gap:0}.menu-page .ticker-group{display:flex;align-items:center;justify-content:space-around;gap:40px;direction:rtl;min-width:1200px;padding-inline:20px;flex-shrink:0;font-family:var(--serif);font-size:24px}.menu-page .ticker-group span{font-size:15px;color:#a4804d}.menu-page .ticker:hover .ticker-track{animation-play-state:paused}
.menu-page .menu-section{padding-block:85px 70px}.menu-page .section-head{padding-bottom:15px;margin-bottom:26px}.menu-page .section-head h2{font-size:54px;color:#3d2927}.menu-page .section-head>p{font-size:12px;line-height:2.1;border-right:1px solid #b6945870;padding-right:22px}.menu-page .section-head .eyebrow{gap:10px}.menu-page .section-head .eyebrow:before{content:'✦';color:#ac864d;font-size:15px}.menu-page .menu-controls{gap:20px}.menu-page .search{max-width:560px;border-color:#e0d1bd;padding:15px 19px;border-radius:9px;box-shadow:0 5px 15px #62473304;transition:background .25s,box-shadow .25s,transform .25s}.menu-page .search:focus-within{background:#fffdf8;box-shadow:0 5px 25px #652b3210;outline:1px solid #a17168;transform:translateY(-1px)}.menu-page .search input{font-size:12px}.menu-page select{cursor:pointer}.menu-page .category-wrap{position:sticky;top:94px;z-index:15;padding-top:16px;background:#faf6edf2;backdrop-filter:blur(15px);margin-top:-8px;border-color:#dccbb3}.menu-page .categories{padding-bottom:17px;gap:9px}.menu-page .categories button{padding:10px 20px;background:#fffaf2;border-color:#e2d4bf;box-shadow:0 2px 5px #593d1c03}.menu-page .categories button.active{background:#652b32;border-color:#652b32;box-shadow:0 5px 14px #652b3221;transform:translateY(-2px)}.menu-page .categories button:hover:not(.active){background:#f0e4d0;transform:translateY(-2px)}.menu-page .results-head{margin-block:28px 22px}.menu-page .results-head h3{font-size:20px}.menu-page .results-head>span{border:1px solid #e2d3bc;padding:5px 12px;border-radius:20px;background:#fffaf1}.menu-page .menu-grid{gap:22px}.menu-page .item{border:1px solid #e7dccb;background:linear-gradient(155deg,#fffdf8 25%,#f7f0e5);border-radius:18px;padding:25px;box-shadow:var(--shadow-soft);overflow:hidden;isolation:isolate;transition:transform .5s var(--ease-out),box-shadow .5s,border-color .4s}.menu-page .item:before{content:'';position:absolute;inset:0;background:radial-gradient(300px circle at var(--px,50%) var(--py,0%),#d2aa6d18,transparent 65%);z-index:-1;opacity:0;transition:opacity .4s}.menu-page .item:after{content:'';width:95px;height:95px;position:absolute;top:-58px;right:-50px;border:1px solid #b6945822;border-radius:50%;box-shadow:0 0 0 12px #b6945805;pointer-events:none}.menu-page .item:hover{transform:translateY(-7px);border-color:#c4a579;box-shadow:var(--shadow-lift)}.menu-page .item:hover:before{opacity:1}.menu-page .item img{width:190px;height:190px;border:7px solid #fffcf3;outline:1px solid #d4bd983d;box-shadow:0 10px 20px #66492c17;transition:transform .7s var(--ease-out),box-shadow .5s}.menu-page .item:hover img{transform:scale(1.045) rotate(-3deg);box-shadow:0 15px 30px #66492c20}.menu-page .item-top{width:100%;gap:22px;margin-bottom:12px}.menu-page .item-top>div{width:100%}.menu-page .item h4{font-size:16px;line-height:1.8;margin-bottom:8px;letter-spacing:-.25px}.menu-page .item .tag{font-size:9px;background:#eee5d6;color:#896a4d;border:1px solid #e4d6c0;border-radius:20px;padding:3px 10px;display:inline-block}.menu-page .item p{font-size:11px;line-height:2.1;margin-bottom:22px}.menu-page .item-bottom{padding-top:18px;border-color:#e2d5c3}.menu-page .item .price{font-size:26px;letter-spacing:-.5px}.menu-page .item .price small{font-size:10px;letter-spacing:0}.menu-page .item-arrow{width:34px;height:34px;background:#f0e5d5;border:1px solid #ddc8aa;transition:background .35s,transform .35s,color .35s}.menu-page .item:hover .item-arrow{background:#652b32;border-color:#652b32;color:white;transform:rotate(45deg)}.menu-page .price-note{font-size:10px;margin-top:32px}.menu-page .category-note{border-radius:8px}
.menu-page .gathering{background:radial-gradient(ellipse at 0% 100%,#9a5b4d55,transparent 55%),linear-gradient(120deg,#4c2028,#6d3039);border:0;padding-block:85px;color:#fff0d8;position:relative}.menu-page .gathering:before{content:'لانونا';position:absolute;left:-20px;bottom:-100px;font:250px var(--serif);color:#ffeacb06;pointer-events:none;line-height:1.3}.menu-page .gathering h2{font-size:70px;line-height:1.25}.menu-page .gathering em{color:#dfba83}.menu-page .gathering .eyebrow{color:#ddb68b}.menu-page .gathering p:not(.eyebrow){color:#d0b7a7;font-size:13px}.menu-page .gathering .primary{background:#edd4ad;color:#57252e;box-shadow:0 6px 25px #1e0e1120}.menu-page .gathering .primary:hover{background:#ffe5b9}.menu-page .tray-feature{background:linear-gradient(145deg,#fff8e9,#eee0c5);border:1px solid #dcbf9399;box-shadow:0 25px 65px #210e1544;transform:rotate(-2deg);padding-block:32px;transition:transform .6s var(--ease-out)}.menu-page .tray-feature:hover{transform:rotate(0deg) translateY(-5px)}.menu-page .tray-feature>img{width:260px;height:230px;border:5px solid #fffaec;box-shadow:0 15px 30px #583c2522;transition:transform .6s}.menu-page .tray-feature:hover>img{transform:rotate(-3deg) scale(1.025)}.menu-page .tray-caption h3{font-size:35px;color:#652b32}.menu-page .gathering .tray-caption p{color:#8b715b;font-size:11px;max-width:330px}.menu-page .tray-caption strong{font-size:31px}.menu-page .contact{padding-block:90px 80px;position:relative}.menu-page .contact:before{content:'';position:absolute;width:260px;height:260px;border:1px solid #b6945817;border-radius:50%;top:20%;left:calc(50% - 130px);z-index:-1;box-shadow:0 0 0 30px #b6945804,0 0 0 70px #b6945803}.menu-page .contact>img{width:95px;height:95px;box-shadow:0 10px 25px #6b4b2720;transition:transform .5s}.menu-page .contact>img:hover{transform:rotate(-6deg) scale(1.04)}.menu-page .contact h2{font-size:58px}.menu-page footer{background:#482129;border-top:1px solid #d1a66c44}.menu-page .mobile-call{background:linear-gradient(120deg,#6f2c39,#4d1d29);border:1px solid #ffffff20;border-radius:10px;box-shadow:0 8px 35px #49202940}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ae824e,#e4c890);transform:scaleX(0);transform-origin:right;z-index:100;pointer-events:none}.back-to-top{position:fixed;left:24px;bottom:25px;width:44px;height:44px;border:1px solid #c7ab83;border-radius:50%;background:#fff9eceb;backdrop-filter:blur(8px);box-shadow:0 6px 22px #6d4c2520;display:grid;place-items:center;color:#652b32;font-size:22px;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .35s;z-index:24}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:#652b32;color:white;transform:translateY(-3px)}.menu-page dialog{border-radius:16px;border-color:#e3ccaa;box-shadow:0 40px 120px #1f101050}.menu-page dialog[open],.admin-page dialog[open]{animation:dialog-arrive .4s var(--ease-out)}.menu-page dialog::backdrop,.admin-page dialog::backdrop{animation:backdrop-arrive .3s}.menu-page .detail-body>img{border:7px solid #fffaf0;outline:1px solid #d5bc9780;box-shadow:0 12px 25px #6a4b2920}.menu-page .detail-body h2{font-family:var(--serif);font-size:32px}.menu-page .detail-body .primary{min-height:50px}
.reveal-ready{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal-ready.in-view,.reveal-ready:focus-within{opacity:1;transform:translateY(0)}.menu-page .item.reveal-ready{transition:opacity .65s var(--ease-out),transform .65s var(--ease-out),box-shadow .5s,border-color .4s;transition-delay:var(--reveal-delay,0ms)}.menu-page .item.in-view:hover{transform:translateY(-7px);transition-delay:0ms}
/* The dashboard shares the same paper, wine and brushed-gold palette. */
.admin-page{background:radial-gradient(ellipse at 100% 0,#ede1cd66,transparent 60%),#f7f4ee}.admin-page .sidebar{background:linear-gradient(175deg,#fffdf8,#f5eee3);border-left-color:#e3d3be}.admin-page .nav-item{transition:background .25s,transform .3s,color .25s}.admin-page .nav-item:hover{background:#eee1d3;transform:translateX(-3px)}.admin-page .nav-item.active{background:linear-gradient(110deg,#652b32,#773842);color:#ffefda;box-shadow:0 5px 18px #652b3220}.admin-page .welcome{border:1px solid #aa7c5c33;background:radial-gradient(ellipse at left,#a26b4744,transparent 65%),linear-gradient(110deg,#57262e,#783640);color:#fff2dc;border-radius:15px;box-shadow:0 12px 30px #652b3212;position:relative;overflow:hidden;padding:32px}.admin-page .welcome:after{content:'✻';position:absolute;left:22%;top:-52px;font-size:210px;line-height:1;color:#fff4df09;pointer-events:none}.admin-page .welcome h2{color:#fff1d8;font-size:39px}.admin-page .welcome p{color:#d1ab85}.admin-page .welcome span{color:#dcc0a9}.admin-page .welcome .primary{background:#efd8b2;color:#5f2b32;box-shadow:0 6px 18px #32191e22;z-index:1}.admin-page .stats{gap:17px}.admin-page .stats article{border-radius:12px;border-color:#e7d8c4;box-shadow:0 6px 22px #58371e05;position:relative;overflow:hidden;transition:transform .35s,box-shadow .35s}.admin-page .stats article:after{content:'';position:absolute;width:70px;height:70px;border:1px solid #c3a17022;border-radius:50%;left:-30px;bottom:-30px;box-shadow:0 0 0 10px #c3a17006}.admin-page .stats article:hover{transform:translateY(-4px);box-shadow:0 12px 30px #58371e10}.admin-page .stats b{font-size:34px}.admin-page .catalog{border-radius:14px;border-color:#e2d2bc;box-shadow:0 12px 35px #59392206}.admin-page .filters input,.admin-page .filters select{border-radius:7px;background:#faf6ee;transition:box-shadow .25s}.admin-page tbody tr{transition:background .25s}.admin-page tbody tr:hover{background:#f7f0e5}.admin-page .meal img{border-radius:12px;transition:transform .4s,box-shadow .4s}.admin-page tbody tr:hover .meal img{transform:scale(1.08);box-shadow:0 5px 15px #6d48251a}.admin-page .edit{background:#fffaf0;border-radius:6px;transition:background .25s,color .25s}.admin-page .edit:hover{background:#652b32;color:#fff3df}.admin-page .toggle{transition:background .25s}.admin-page .toggle span{transition:transform .25s}.admin-page .primary{border-radius:7px;box-shadow:0 6px 18px #652b3214;transition:transform .3s,box-shadow .3s}.admin-page .primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #652b3224}.admin-page dialog{border-radius:15px}.admin-page #toast{animation:copy-arrive .4s var(--ease-out);border-radius:9px}.admin-page header{animation:copy-arrive .6s var(--ease-out)}.admin-page .welcome{animation:copy-arrive .7s .05s var(--ease-out) both}.admin-page .stats article{animation:copy-arrive .7s var(--ease-out) both}.admin-page .stats article:nth-child(2){animation-delay:.08s}.admin-page .stats article:nth-child(3){animation-delay:.16s}.admin-page .stats article:nth-child(4){animation-delay:.24s}.admin-page .catalog{animation:copy-arrive .8s .18s var(--ease-out) both}
/* Sign-in and account setup. */
.login-page .story{background:radial-gradient(ellipse at 0 100%,#a15c4c44,transparent 65%),linear-gradient(145deg,#4b202a,#773640)}.login-page .story:before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;border:1px solid #e3c38c16;top:20%;left:-200px;box-shadow:0 0 0 40px #e3c38c04,0 0 0 90px #e3c38c03;pointer-events:none;animation:plate-float 10s ease-in-out infinite}.login-page .story .brand,.login-page .story>div,.login-page .back{position:relative;z-index:1}.login-page .story h1{animation:copy-arrive .9s var(--ease-out)}.login-page .form-panel{background:radial-gradient(ellipse at 100% 0,#e8d8ba3b,transparent 65%),#faf6ed}.login-page .form-wrap{animation:copy-arrive .85s .1s var(--ease-out) both}.login-page input{border-radius:7px;transition:border-color .25s,box-shadow .25s,background .25s}.login-page input:focus{box-shadow:0 6px 18px #652b320b;background:#fffefb}.login-page .submit{background:linear-gradient(110deg,#71333e,#56222d);border-radius:7px;box-shadow:0 8px 20px #652b321a;transition:transform .3s,box-shadow .3s}.login-page .submit:hover{transform:translateY(-2px);box-shadow:0 12px 25px #652b3225}.login-page .notice{border-radius:7px}.login-page .error{animation:copy-arrive .3s var(--ease-out)}
@keyframes copy-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes plate-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes flower-turn{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotate(375deg) scale(.99)}}@keyframes star-breathe{0%,100%{opacity:.55;transform:scale(.9) rotate(0deg)}50%{opacity:1;transform:scale(1.12) rotate(15deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}
@media(max-width:1000px){.menu-page .hero{gap:28px;min-height:560px;padding-block:55px 65px}.menu-page h1{font-size:62px}.menu-page .hero-stamp{width:90px;height:90px}.menu-page .item img{width:180px;height:180px}.menu-page .gathering h2{font-size:59px}.menu-page .tray-feature>img{width:225px;height:210px}.menu-page .intro{font-size:13px}.admin-page .welcome{padding:26px}}
@media(max-width:660px){.menu-page .hero{min-height:0;gap:32px;padding-block:37px 45px}.menu-page h1{font-size:56px;line-height:1.25;letter-spacing:-1px}.menu-page .intro{font-size:12px;line-height:2.15}.menu-page .hero .eyebrow{font-size:10px}.menu-page .hero-actions{gap:22px}.menu-page .primary{padding:13px 22px;font-size:11px}.menu-page .hero-footer{margin-top:25px;padding-top:17px;font-size:9px}.menu-page .hero-visual{width:min(82%,330px);margin-block:6px 20px}.menu-page .plate-ring{padding:14px}.menu-page .plate-ring img{border-width:7px}.menu-page .hero-stamp{width:84px;height:84px;right:-8px;bottom:0}.menu-page .hero-stamp b{font-size:26px}.menu-page .visual-note{font-size:23px;bottom:-22px;left:5%}.menu-page .hero-visual:after{width:19px;height:19px;left:-5px}.menu-page .ticker{padding-block:8px;margin-block:0}.menu-page .ticker-group{font-size:21px;min-width:1050px}.menu-page .menu-section{padding-block:43px 45px}.menu-page .section-head{gap:16px;margin-bottom:18px;padding-bottom:4px}.menu-page .section-head h2{font-size:37px;line-height:1.4}.menu-page .section-head>p{font-size:9px;padding-right:12px;line-height:1.9}.menu-page .section-head .eyebrow{font-size:9px}.menu-page .section-head .eyebrow:before{font-size:12px}.menu-page .menu-controls{gap:10px}.menu-page .search{padding:12px}.menu-page .search input{font-size:10px}.menu-page .category-wrap{top:74px;padding-top:12px;margin-top:-6px}.menu-page .categories{padding-bottom:14px;gap:8px}.menu-page .categories button{padding:9px 17px;font-size:10px}.menu-page .results-head{margin-block:20px 17px}.menu-page .results-head h3{font-size:16px}.menu-page .results-head>span{font-size:9px;padding:4px 10px}.menu-page .menu-grid{gap:15px}.menu-page .item{border-radius:14px;padding:19px;grid-template-columns:minmax(0,1fr) 120px;column-gap:15px;min-height:215px;box-shadow:0 7px 23px #54332208}.menu-page .item-top{gap:0;margin-bottom:7px}.menu-page .item img{width:120px;height:120px;left:19px;top:22px;border-width:5px}.menu-page .item h4{font-size:13px;line-height:1.85;margin-bottom:7px}.menu-page .item .tag{font-size:8px;padding:2px 8px}.menu-page .item p{font-size:10px;margin-bottom:15px;line-height:2}.menu-page .item-bottom{padding-top:12px}.menu-page .item .price{font-size:23px}.menu-page .item-arrow{width:29px;height:29px;font-size:16px}.menu-page .price-note{font-size:9px;margin-top:25px}.menu-page .gathering{padding-block:45px}.menu-page .gathering h2{font-size:52px}.menu-page .gathering p:not(.eyebrow){font-size:11px}.menu-page .gathering:before{font-size:180px;bottom:-70px}.menu-page .gathering-inner{gap:35px}.menu-page .tray-feature{margin:0 8px;padding-block:28px}.menu-page .tray-feature>img{width:230px;height:210px}.menu-page .tray-caption h3{font-size:30px}.menu-page .contact{padding-block:55px 50px}.menu-page .contact h2{font-size:43px}.menu-page .contact>img{width:85px;height:85px}.menu-page .contact .eyebrow{font-size:9px}.menu-page .back-to-top{bottom:83px;left:17px;width:38px;height:38px;font-size:19px}.menu-page .detail-body h2{font-size:29px}.menu-page .detail-body>img{width:185px;height:185px}.admin-page .welcome{padding:24px}.admin-page .welcome h2{font-size:32px}.admin-page .stats{gap:11px}.admin-page .stats b{font-size:30px}.admin-page .sidebar .nav-item:hover{transform:none}}
@media(max-width:370px){.menu-page h1{font-size:49px}.menu-page .hero-actions{gap:14px}.menu-page .item{grid-template-columns:minmax(0,1fr) 105px;padding:16px;column-gap:12px}.menu-page .item img{width:105px;height:105px;left:16px}.menu-page .item h4{font-size:12px}.menu-page .section-head h2{font-size:32px}.menu-page .hero-stamp{right:-15px}}
@media(hover:none){.menu-page .item:hover,.menu-page .item.in-view:hover{transform:none}.menu-page .item:hover img{transform:none}.menu-page .item:hover .item-arrow{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1!important;transform:none!important}.back-to-top.visible{transform:none}}

/* Social links */
.menu-page .social-links{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:26px}.menu-page .social-link{width:50px;height:50px;display:grid;place-items:center;color:#652b32;background:#fffaf0;border:1px solid #d9c4a5;border-radius:50%;box-shadow:0 5px 16px #652b3208;transition:background .25s,color .25s,transform .3s,box-shadow .3s}.menu-page .social-link svg{width:23px;height:23px;display:block}.menu-page .social-link:hover{background:#652b32;color:#fff2dd;transform:translateY(-4px);box-shadow:0 9px 20px #652b321c}.menu-page .social-link:focus-visible{outline:3px solid #b69458;outline-offset:4px}@media(prefers-reduced-motion:reduce){.menu-page .social-link:hover{transform:none}}

/* أصناف من غير صورة (زي التسويات): الكارت بيبقى نص وسعر بس. */
.menu-page .item.no-img{min-height:0}
.menu-page .item.no-img .item-top{margin-top:4px}
.admin-page .meal .no-photo{width:60px;height:60px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:#f0e5d5;color:#a4804d;font-size:18px}
@media(max-width:660px){.menu-page .item.no-img{grid-template-columns:minmax(0,1fr)}}
/* الشريط المايل بيطلّع أطرافه برّه الشاشة بكام بكسل على الموبايل؛ clip بيقصهم من غير ما يبوّظ الشريط الثابت للأقسام. */
.menu-page{overflow-x:clip}

/* أيقونات SVG بدل رموز ↗ ↙ ✳ ♥ اللي الآيفون كان بيرسمها إيموجي ملوّن. بتاخد لون وحجم النص اللي حواليها. */
.ic{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex-shrink:0;overflow:visible}
.ic-heart{width:.8em;height:.8em;vertical-align:-.05em}
.call-link .phone .ic,.item-arrow .ic{width:1em;height:1em;vertical-align:0}
.primary>span .ic{width:1em;height:1em;vertical-align:0}
.detail-body .primary .ic,.contact-actions .ic,.mobile-call .ic{width:1.15em;height:1.15em}
.mini-flower{display:inline-flex;align-items:center}
/* وصف الصنف بيتقص على سطرين؛ max-height بيمنع نُقط السطر التالت تبان تحت القص في بعض المتصفحات. */
.menu-page .item p{max-height:2lh}
/* الدايرة المنقّطة اللي بتلف حوالين الطبق بتكبر وهي بتلف وتطلع برّه الشاشة على التابلت، فبتخلّي الصفحة تتحرك يمين وشمال. بنقصها عند حدود الجزء الأول بس. */
.menu-page .hero{overflow-x:clip}
