@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700;800&display=swap');
:root{--green:#171717;--green2:#1d543d;--cream:#f7f2e8;--paper:#fffdf8;--gold:#c8a65e;--gold2:#e5d4a5;--ink:#1c241d;--muted:#6d756b;--line:#e6ddcc;--shadow:0 18px 60px #1d38231a;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Cairo,system-ui,sans-serif;line-height:1.65}body.en{font-family:'DM Sans',system-ui,sans-serif;direction:ltr}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(1200px,92%);margin:auto}.topbar{background:var(--green);color:#f8f2e5;font-size:12px;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:12px}.nav{position:sticky;top:0;z-index:50;background:#fffdf8ed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navin{height:82px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{width:58px;height:58px;object-fit:contain;border-radius:50%}.brand strong{display:block;font:700 25px 'Playfair Display',serif;letter-spacing:.08em;color:var(--green)}.brand small{display:block;font-size:9px;letter-spacing:.16em;color:#9a7b3c}.links{display:flex;gap:22px;align-items:center;margin-inline:auto;font-weight:800;font-size:13px}.links a:hover{color:#a17c36}.nav-actions{display:flex;gap:8px;align-items:center}.pill,.btn{border:1px solid var(--line);border-radius:999px;padding:11px 17px;font-weight:800;background:#fffdf8}.pill.wa,.btn.wa{background:#16845f;color:#fff;border-color:#16845f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.gold{background:var(--gold);color:#1c2b1d;border-color:var(--gold)}.btn.dark{background:var(--green);color:#fff;border-color:var(--green)}.btn.light{background:#fffdf8;color:var(--green)}.mobile-toggle{display:none}.hero{min-height:660px;display:flex;align-items:center;color:white;position:relative;background:var(--green) url('assets/saffron-hero.webp') center/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d261de8 0%,#171717bb 45%,#102b1d30 100%)}.hero-content{position:relative;padding:110px 0;max-width:760px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:900}.hero h1{font:600 clamp(46px,7vw,88px)/1.03 'Playfair Display',Cairo,serif;margin:20px 0 18px;max-width:850px}.hero p{font-size:18px;max-width:560px;color:#f5efdf}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.section-head h2,.page-hero h1{font:600 clamp(34px,5vw,58px)/1.08 'Playfair Display',Cairo,serif;color:var(--green);margin:5px 0}.section-head p{color:var(--muted);margin:0}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cat-card{position:relative;border-radius:22px;overflow:hidden;min-height:210px;box-shadow:var(--shadow);background:#d8c7a6}.cat-card img{width:100%;height:230px;object-fit:cover;transition:transform .4s}.cat-card:hover img{transform:scale(1.05)}.cat-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#10281de8)}.cat-info{position:absolute;z-index:1;bottom:17px;left:18px;right:18px;color:white}.cat-info h3{margin:0;font-size:20px}.cat-info span{font-size:12px;color:#f4dfad}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 24px #273b2810;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.food-img{position:relative;aspect-ratio:1.18;overflow:hidden;background:#e8dfce}.food-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover .food-img img{transform:scale(1.04)}.food-body{padding:16px}.food-body h3{font-size:17px;margin:0 0 5px;color:var(--green);line-height:1.3}.food-body p{font-size:12px;color:var(--muted);margin:0;min-height:40px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.price{font-weight:900;color:#876627;font-size:18px;white-space:nowrap}.small-btn{background:var(--green);color:white;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.badge{position:absolute;top:12px;left:12px;background:#f5e5b9;color:#243b2c;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:900}.story{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.story-img{height:440px;border-radius:28px;background:url('assets/saffron-terrace.jpg') center/cover;box-shadow:var(--shadow)}.story h2{font:600 clamp(34px,4vw,52px)/1.12 'Playfair Display',Cairo,serif;color:var(--green)}.story p{color:var(--muted);font-size:16px}.feature-strip{background:var(--green);color:#fff;padding:50px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature-grid article{border-inline-start:1px solid #ffffff25;padding:8px 22px}.feature-grid strong{display:block;font:600 24px 'Playfair Display',serif;color:#e9d7a5}.feature-grid p{color:#d7e1d8;margin:8px 0 0;font-size:13px}.gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.gallery img{width:100%;height:280px;object-fit:cover;border-radius:20px}.booking{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;background:#fffdf8;border:1px solid var(--line);padding:36px;border-radius:28px;box-shadow:var(--shadow)}.booking h2{font:600 38px/1.1 'Playfair Display',serif;color:var(--green)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:900;color:#59665b}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fbf7ef;border-radius:13px;padding:12px 14px;min-height:48px;outline-color:var(--gold)}.field.full{grid-column:1/-1}.footer{background:#0e2b20;color:#e8eadf;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}.footer .brand strong{color:#fff}.footer p,.footer a{color:#c6d0c7;font-size:13px}.footer h3{color:#e4d09c;font-size:16px}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:35px;padding-top:18px;font-size:11px;color:#aebeb1;display:flex;justify-content:space-between}.page-hero{padding:65px 0 35px;background:linear-gradient(120deg,#171717,#1f5a40);color:#fff}.page-hero h1{color:#fff}.page-hero p{color:#d8e5d9;max-width:650px}.menu-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.search{flex:1;min-width:230px;border:1px solid var(--line);border-radius:999px;padding:13px 18px;background:#fffdf8}.filter-btn{border:1px solid var(--line);background:#fffdf8;padding:10px 15px;border-radius:999px;font-size:12px;font-weight:900}.filter-btn.active{background:var(--green);border-color:var(--green);color:#fff}.menu-group{margin:38px 0}.menu-group h2{font:600 32px 'Playfair Display',serif;color:var(--green);border-bottom:1px solid var(--line);padding-bottom:10px}.notice{background:#f0e7d2;border:1px solid #e4d4ad;color:#5b4b2d;padding:12px 15px;border-radius:14px;font-size:12px;margin:15px 0}.float-wa{position:fixed;z-index:40;bottom:20px;right:20px;background:#16845f;color:#fff;padding:14px 18px;border-radius:999px;box-shadow:0 12px 32px #0a382555;font-weight:900}.ar{display:inline}.en{display:inline}body.en .ar{display:none!important}body:not(.en) .en{display:none!important}.hidden{display:none!important}@media(max-width:900px){.links{gap:12px}.products{grid-template-columns:repeat(3,1fr)}.categories{grid-template-columns:repeat(2,1fr)}.navin{gap:12px}.brand small{font-size:8px}.story{gap:25px}.gallery img{height:220px}}@media(max-width:650px){.container{width:min(100% - 30px,560px)}.topbar .container span:last-child{display:none}.navin{height:70px;gap:9px}.brand img{width:43px;height:43px}.brand strong{font-size:19px}.brand small{font-size:7px;letter-spacing:.1em}.mobile-toggle{display:block;border:1px solid var(--line);background:#fffdf8;border-radius:12px;width:38px;height:38px;color:var(--green)}.links{display:none;position:absolute;top:70px;left:0;right:0;background:#fffdf8;padding:16px;box-shadow:var(--shadow);flex-wrap:wrap;justify-content:center}.links.open{display:flex}.links a{padding:7px 9px;background:#f5f0e5;border-radius:10px}.nav-actions{margin-inline-start:auto;gap:5px}.nav-actions .pill{padding:8px 10px;font-size:11px}.hero{min-height:560px;background-position:57% center}.hero-content{padding:80px 0 95px}.hero h1{font-size:clamp(43px,12vw,62px)}.hero p{font-size:15px}.btn{padding:12px 16px;font-size:12px}.section{padding:48px 0}.section-head{align-items:center}.section-head h2,.page-hero h1{font-size:36px}.categories{gap:10px}.cat-card{min-height:155px}.cat-card img{height:170px}.cat-info{left:12px;right:12px;bottom:10px}.cat-info h3{font-size:16px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.food-body{padding:12px}.food-body h3{font-size:14px}.food-body p{font-size:11px;min-height:42px}.price{font-size:15px}.small-btn{font-size:10px;padding:7px 9px}.story,.booking{grid-template-columns:1fr}.story-img{height:290px;order:-1}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-grid article{border-inline-start:0;border-bottom:1px solid #ffffff25;padding:12px 0}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:170px}.gallery img:first-child{grid-column:1/-1;height:220px}.booking{padding:22px}.booking h2{font-size:32px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr;gap:18px}.footer-bottom{display:block}.float-wa{bottom:14px;right:12px;padding:12px 14px;font-size:12px}.menu-toolbar{gap:7px}.search{min-width:100%;order:-1}.filter-btn{padding:9px 11px}.menu-group h2{font-size:27px}}


/* Vicino visual repair: keep the complete logo and photographs visible */
.brand{min-width:0;max-width:100%;}
.brand img{width:64px;height:64px;flex:0 0 64px;object-fit:contain;object-position:center;border-radius:50%;background:#f7f2e8;padding:2px;}
.cat-card img,.food-img img,.gallery img{object-fit:contain!important;object-position:center;background:#f7f2e8;}
.food-img{background:#f7f2e8;}
.gallery img{height:auto;max-height:320px;aspect-ratio:4/3;}
.story-img{background-image:url('assets/vicino-food.jpg');background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#f7f2e8;}
.hero{background-image:url('assets/saffron-hero.webp');background-size:contain;background-position:center;background-color:#171717;}
.hero:before{background:linear-gradient(90deg,#0d1715dd 0%,#17171788 52%,#17171720 100%);}
@media(max-width:650px){.brand img{width:48px;height:48px;flex-basis:48px}.gallery img{max-height:240px}}

/* Never crop any content photo, including photos with inline styles. */
img{object-fit:contain!important;object-position:center!important;}