:root{
  --bg:#fff8ec;
  --paper:#fffdf8;
  --text:#3f2712;
  --muted:#7d6045;
  --gold:#f7b733;
  --honey:#d9891b;
  --brown:#4b2b12;
  --cream:#fff1ce;
  --rose:#fff7f3;
  --line:rgba(75,43,18,.12);
  --shadow:0 24px 70px rgba(77,45,16,.14);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  direction:rtl;
  font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 10%, rgba(247,183,51,.22), transparent 28rem),
    radial-gradient(circle at 85% 30%, rgba(255,221,135,.24), transparent 24rem),
    linear-gradient(180deg,#fffdf8 0%,var(--bg) 55%,#fff 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.topbar{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(18px);
  background:rgba(255,253,248,.82);
  border-bottom:1px solid var(--line);
}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.02em}
.brand img{width:54px;height:54px;border-radius:18px;box-shadow:0 10px 24px rgba(137,82,18,.18)}
.brand span{font-size:1.22rem}
.links{display:flex;align-items:center;gap:16px;color:var(--muted);font-weight:700}
.links a{padding:10px 12px;border-radius:999px;transition:.25s}
.links a:hover{background:var(--cream);color:var(--brown);transform:translateY(-2px)}
.actions{display:flex;align-items:center;gap:10px}
.btn{
  border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 18px;border-radius:999px;font-weight:900;transition:.25s ease;white-space:nowrap
}
.btn.primary{background:linear-gradient(135deg,var(--gold),#ffda76);color:#3f250f;box-shadow:0 14px 28px rgba(217,137,27,.25)}
.btn.dark{background:var(--brown);color:#fff;box-shadow:0 14px 28px rgba(75,43,18,.18)}
.btn.soft{background:#fff;border:1px solid var(--line);color:var(--brown)}
.btn:hover{transform:translateY(-3px)}
.btn.whatsapp{background:linear-gradient(135deg,#25D366,#9af0b7);color:#0d3b22;box-shadow:0 14px 28px rgba(37,211,102,.22)}
.floating-whatsapp{
  position:fixed;left:22px;bottom:22px;z-index:90;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:15px 20px;border-radius:999px;font-weight:900;color:#0d3b22;
  background:linear-gradient(135deg,#25D366,#bdf7cf);
  box-shadow:0 18px 40px rgba(37,211,102,.28);border:1px solid rgba(255,255,255,.55);
  transition:.25s ease
}
.floating-whatsapp:before{content:"☏";font-size:1.15rem}
.floating-whatsapp:hover{transform:translateY(-4px) scale(1.02)}

.mobile-menu{display:none}
.hero{position:relative;padding:62px 0 42px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--muted);font-weight:800;box-shadow:0 8px 24px rgba(77,45,16,.07)}
.kicker i{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 8px rgba(247,183,51,.18)}
h1{font-size:clamp(2.4rem,6vw,5.7rem);line-height:.96;margin:24px 0 18px;letter-spacing:-.055em;color:var(--brown)}
.lead{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.95;color:var(--muted);max-width:650px;margin:0 0 24px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;max-width:620px}
.stat{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 30px rgba(77,45,16,.06)}
.stat strong{display:block;font-size:1.5rem;color:var(--brown)}
.stat span{color:var(--muted);font-weight:700;font-size:.93rem}
.visual{position:relative;min-height:610px}
.plate{
  position:absolute;inset:24px 20px auto auto;width:min(470px,88%);height:470px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff 0 20%,#fff2d2 21% 49%,#ffd36c 50% 62%,#f6a721 63% 100%);
  box-shadow:var(--shadow);border:18px solid rgba(255,255,255,.65)
}
.food-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:28px;padding:14px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px;animation:float 4s ease-in-out infinite}
.food-card .pic{width:76px;height:76px;border-radius:22px;background:linear-gradient(135deg,#7b3f15,#f2b13b);position:relative;overflow:hidden}
.food-card .pic:before{content:"";position:absolute;inset:14px;border-radius:50%;background:rgba(255,255,255,.38)}
.food-card .pic:after{content:"";position:absolute;width:38px;height:38px;border-radius:50%;background:#fff3be;right:20px;top:20px;box-shadow:16px 4px 0 #e86242,-12px 18px 0 #f7b733}
.food-card strong{display:block;color:var(--brown)}
.food-card span{color:var(--muted);font-size:.9rem;font-weight:700}
.card-1{right:0;top:34px}.card-2{left:12px;top:190px;animation-delay:.8s}.card-3{right:60px;bottom:52px;animation-delay:1.4s}.card-4{left:34px;bottom:145px;animation-delay:.35s}
.bee{position:absolute;left:25%;top:70px;width:96px;height:76px;filter:drop-shadow(0 15px 16px rgba(75,43,18,.16));animation:bee 5s ease-in-out infinite}
.bee:before{content:"";position:absolute;inset:20px 4px 8px 10px;border-radius:999px;background:repeating-linear-gradient(90deg,#4b2b12 0 17px,#f7b733 17px 36px)}
.bee:after{content:"";position:absolute;width:42px;height:32px;border-radius:50%;background:rgba(255,255,255,.72);right:22px;top:0;box-shadow:-32px 0 rgba(255,255,255,.72)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes bee{0%,100%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(20px,-18px) rotate(8deg)}}
.section{padding:70px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 36px}.section-head h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin:0 0 12px;color:var(--brown);letter-spacing:-.04em}.section-head p{color:var(--muted);line-height:1.9;font-size:1.1rem;margin:0}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 24px;box-shadow:0 18px 45px rgba(77,45,16,.07);transition:.25s;position:relative;overflow:hidden}
.service:before{content:"";position:absolute;inset:auto -30px -55px auto;width:130px;height:130px;border-radius:50%;background:rgba(247,183,51,.12)}
.service:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.icon{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#fff0bf,var(--gold));display:grid;place-items:center;font-size:1.7rem;margin-bottom:18px}.service h3{margin:0 0 10px;font-size:1.25rem}.service p{color:var(--muted);line-height:1.75;margin:0}
.menu-wrap{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,248,236,.8));border:1px solid var(--line);border-radius:36px;padding:24px;box-shadow:var(--shadow)}
.filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}.filter{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.filter.active{background:var(--brown);color:#fff}
.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.menu-item{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 14px 34px rgba(77,45,16,.06);transition:.25s}.menu-item:hover{transform:translateY(-6px)}.item-art{height:150px;background:linear-gradient(135deg,#50280f,#f7b733);position:relative;overflow:hidden}.item-art:before{content:"";position:absolute;inset:18px 28px;border-radius:30px;background:rgba(255,255,255,.22);box-shadow:0 20px 0 rgba(255,255,255,.12)}.item-art:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#fff5c4;left:28px;bottom:24px;box-shadow:70px -34px 0 #cf482f,128px 10px 0 #f9d879}.item-body{padding:18px}.item-body h3{margin:0 0 8px}.item-body p{color:var(--muted);line-height:1.7;margin:0 0 12px}.price{display:inline-flex;background:var(--cream);border-radius:999px;padding:8px 12px;font-weight:900;color:#8b540f}
.instagram-zone{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.insta-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:14px;box-shadow:0 16px 48px rgba(77,45,16,.08);min-height:180px}.insta-card .fallback{padding:22px;text-align:center;color:var(--muted);line-height:1.8}.insta-card .fallback strong{display:block;color:var(--brown);font-size:1.1rem;margin-bottom:6px}
.order{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:stretch}.order-card{background:#fff;border:1px solid var(--line);border-radius:36px;padding:30px;box-shadow:var(--shadow)}.order-card h2{font-size:2.4rem;margin:0 0 10px;color:var(--brown)}.order-card p{color:var(--muted);line-height:1.9}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:900;color:var(--brown)}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#fffdf8;border-radius:18px;padding:14px 15px;outline:0;color:var(--text)}.field textarea{min-height:114px;resize:vertical}.notice{background:var(--cream);border:1px solid rgba(247,183,51,.35);border-radius:22px;padding:16px;color:#75501b;line-height:1.8;margin-top:16px;font-weight:700}.map-card{background:linear-gradient(135deg,#4b2b12,#9c631b);color:#fff;border-radius:36px;padding:34px;position:relative;overflow:hidden;min-height:100%}.map-card:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:rgba(255,255,255,.1);left:-80px;top:-60px}.map-card h3{font-size:2rem;margin:0 0 12px}.map-card p{line-height:1.9;color:rgba(255,255,255,.82)}.map-list{display:grid;gap:12px;margin-top:20px}.map-list div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);padding:14px;border-radius:20px;font-weight:800}
.footer{padding:44px 0;background:#2e1a0d;color:#fff}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer p{color:rgba(255,255,255,.75);margin:8px 0 0}.socials{display:flex;gap:10px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.show{opacity:1;transform:none}
.admin-body{background:#fff8ec;min-height:100vh}.admin-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#2e1a0d;color:#fff;padding:24px;position:sticky;top:0;height:100vh}.sidebar .brand{margin-bottom:28px}.sidebar img{width:50px;height:50px}.side-link{display:block;padding:13px 14px;border-radius:16px;color:rgba(255,255,255,.78);font-weight:800;margin-bottom:8px}.side-link:hover,.side-link.active{background:rgba(255,255,255,.12);color:#fff}.admin-main{padding:28px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;margin-bottom:18px;box-shadow:0 15px 40px rgba(77,45,16,.07)}.admin-card h2{margin:0 0 18px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.list-editor{display:grid;gap:12px}.list-row{display:grid;grid-template-columns:1fr 1fr 110px;gap:10px;align-items:center}.list-row.wide{grid-template-columns:1fr 110px}.danger{background:#fff1f1;color:#a12b2b;border:1px solid #ffd1d1}.toast{position:fixed;bottom:24px;left:24px;background:#2e1a0d;color:#fff;padding:14px 18px;border-radius:18px;box-shadow:var(--shadow);display:none;z-index:100}.toast.show{display:block}
@media(max-width:980px){.links{display:none}.mobile-menu{display:inline-flex}.hero-grid,.order{grid-template-columns:1fr}.visual{min-height:460px}.grid{grid-template-columns:repeat(2,1fr)}.menu-grid,.insta-grid{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.admin-grid{grid-template-columns:1fr}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.nav{height:auto;padding:12px 0;align-items:flex-start}.actions{display:none}.links.open{position:absolute;top:76px;left:12px;right:12px;display:grid;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow)}.stats,.grid,.menu-grid,.insta-grid,.form{grid-template-columns:1fr}.hero{padding-top:32px}.food-card{transform:scale(.86)}.card-2,.card-4{left:0}.plate{width:330px;height:330px}.visual{min-height:390px}.list-row,.list-row.wide{grid-template-columns:1fr}.footer-grid{display:block}.socials{margin-top:14px}}

@media(max-width:640px){.floating-whatsapp{left:14px;right:14px;bottom:14px;width:calc(100% - 28px);}.footer{padding-bottom:88px}}

/* Logo integration update */
.brand img{object-fit:cover;background:#fffdf8;border:2px solid rgba(247,183,51,.35)}
.logo-visual{display:grid;place-items:center;min-height:560px}
.logo-showcase{position:relative;width:min(520px,92%);aspect-ratio:1/1;border-radius:42px;padding:16px;background:linear-gradient(145deg,#fffdf8,#fff0c7);border:1px solid rgba(75,43,18,.12);box-shadow:0 32px 90px rgba(77,45,16,.18), inset 0 0 0 10px rgba(255,255,255,.35);animation:logoFloat 5s ease-in-out infinite}
.logo-showcase:before{content:"";position:absolute;inset:-22px;border-radius:54px;background:radial-gradient(circle at 30% 20%,rgba(247,183,51,.35),transparent 36%),radial-gradient(circle at 80% 75%,rgba(37,211,102,.14),transparent 34%);z-index:-1;filter:blur(4px)}
.logo-showcase img{width:100%;height:100%;display:block;object-fit:cover;border-radius:32px;box-shadow:0 18px 55px rgba(75,43,18,.18)}
.logo-badge{position:absolute;background:#fff;border:1px solid rgba(75,43,18,.12);box-shadow:0 14px 36px rgba(77,45,16,.14);border-radius:999px;padding:12px 18px;font-weight:900;color:var(--brown)}
.badge-a{right:-18px;top:46px}.badge-b{left:-14px;top:48%}.badge-c{right:42px;bottom:-16px}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(.2deg)}50%{transform:translateY(-12px) rotate(-.5deg)}}
@media(max-width:980px){.logo-visual{min-height:500px}.logo-showcase{width:min(460px,92%)}}
@media(max-width:640px){.logo-visual{min-height:380px}.logo-showcase{width:min(340px,94%);border-radius:30px}.logo-showcase img{border-radius:24px}.badge-a{right:0}.badge-b{left:0}.badge-c{right:34px;bottom:-10px}.logo-badge{font-size:.9rem;padding:9px 13px}}


/* Menu images gallery update */
.menu-images-section{background:linear-gradient(180deg,rgba(255,248,236,.42),rgba(255,255,255,.74));}
.menu-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.menu-image-card{position:relative;overflow:hidden;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 55px rgba(77,45,16,.09);min-height:360px;transition:.25s ease}
.menu-image-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.menu-image-card a{display:block;height:100%;position:relative;color:#fff}
.menu-image-card img{width:100%;height:100%;min-height:360px;display:block;object-fit:cover;background:#fff7e5}
.menu-image-overlay{position:absolute;inset:auto 14px 14px 14px;padding:16px;border-radius:22px;background:linear-gradient(180deg,rgba(75,43,18,.12),rgba(75,43,18,.82));backdrop-filter:blur(8px);display:grid;gap:6px}
.menu-image-overlay strong{font-size:1.2rem;font-weight:900}
.menu-image-overlay span{color:rgba(255,255,255,.84);line-height:1.6;font-weight:700}
.menu-note{max-width:880px;margin:22px auto 0;text-align:center}
.menu-image-card.image-error{display:none}
.menu-image-row{grid-template-columns:1fr 1fr 110px}
@media(max-width:980px){.menu-images-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.menu-images-grid{grid-template-columns:1fr}.menu-image-card img{min-height:300px}.menu-image-card{min-height:300px}.menu-image-row{grid-template-columns:1fr}}


/* Improved admin menu images uploader */
.menu-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.menu-admin-card{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,#fff8ef);box-shadow:0 12px 30px rgba(77,45,16,.05)}
.menu-admin-preview-wrap{background:#fff7e8;border:1px dashed rgba(75,43,18,.18);border-radius:20px;overflow:hidden;min-height:220px}
.menu-admin-preview{width:100%;height:220px;object-fit:cover;display:block}
.menu-admin-fields{display:grid;gap:10px}
.menu-admin-upload-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.upload-btn{position:relative;overflow:hidden}
.menu-admin-hint{color:var(--muted);line-height:1.7}
@media(max-width:1100px){.menu-admin-grid{grid-template-columns:1fr}.menu-admin-card{grid-template-columns:200px 1fr}}
@media(max-width:640px){.menu-admin-card{grid-template-columns:1fr}.menu-admin-preview,.menu-admin-preview-wrap{min-height:220px;height:220px}}


/* Cleaner admin menu editor + item image upload */
.item-admin-card{grid-template-columns:240px 1fr}
.item-admin-preview-area{
  background:#fff7e8;
  border:1px dashed rgba(75,43,18,.18);
  border-radius:22px;
  overflow:hidden;
  padding:12px;
  display:grid;
  gap:12px;
  align-content:start;
}
.item-admin-preview{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
  border-radius:18px;
  background:#fff1c8;
  border:1px solid var(--line);
}
.item-upload-btn{width:100%}
.menu-admin-fields label{
  font-weight:900;
  color:var(--brown);
  margin-top:2px;
}
.menu-admin-fields textarea{
  width:100%;
  border:1px solid var(--line);
  background:#fffdf8;
  border-radius:18px;
  padding:14px 15px;
  outline:0;
  color:var(--text);
  min-height:92px;
  resize:vertical;
}
.menu-admin-fields select{
  width:100%;
  border:1px solid var(--line);
  background:#fffdf8;
  border-radius:18px;
  padding:14px 15px;
  outline:0;
  color:var(--text);
}
.item-photo{
  height:190px;
  background:#fff7e5;
  position:relative;
  overflow:hidden;
}
.item-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.item-photo.photo-error{display:none}
@media(max-width:640px){
  .item-admin-card{grid-template-columns:1fr}
  .item-admin-preview{height:220px}
}


/* Professional menu section redesign */
#menu{position:relative;overflow:hidden}
#menu:before{content:"";position:absolute;inset:40px auto auto -90px;width:260px;height:260px;border-radius:50%;background:rgba(247,183,51,.12);filter:blur(6px)}
#menu:after{content:"";position:absolute;right:-110px;bottom:40px;width:320px;height:320px;border-radius:50%;background:rgba(217,137,27,.10);filter:blur(7px)}
#menu .container{position:relative;z-index:1}
#menu .section-head h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.04em}
.menu-wrap{padding:30px;border-radius:42px;background:linear-gradient(145deg,rgba(255,253,248,.92),rgba(255,242,204,.72));border:1px solid rgba(75,43,18,.10);box-shadow:0 30px 90px rgba(77,45,16,.12), inset 0 1px 0 rgba(255,255,255,.85)}
.filters{gap:12px;margin-bottom:30px;padding:10px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(75,43,18,.08);box-shadow:0 12px 35px rgba(77,45,16,.06)}
.filter{border:1px solid rgba(75,43,18,.12);background:#fffdf8;color:var(--brown);border-radius:999px;padding:12px 20px;font-weight:900;transition:.22s ease;box-shadow:0 8px 20px rgba(77,45,16,.04)}
.filter:hover{transform:translateY(-2px);background:var(--cream)}
.filter.active{background:linear-gradient(135deg,var(--brown),#7d4918);color:#fff;box-shadow:0 12px 26px rgba(75,43,18,.22)}
.menu-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:stretch}
.menu-item{border-radius:34px;background:rgba(255,255,255,.94);border:1px solid rgba(75,43,18,.10);box-shadow:0 22px 55px rgba(77,45,16,.10);overflow:hidden;transition:.32s ease;display:flex;flex-direction:column;position:relative}
.menu-item:hover{transform:translateY(-10px);box-shadow:0 34px 85px rgba(77,45,16,.17)}
.menu-photo-wrap{height:255px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff4d5,#fffdf8)}
.menu-photo-wrap img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s ease;filter:saturate(1.04) contrast(1.02)}
.menu-item:hover .menu-photo-wrap img{transform:scale(1.07)}
.menu-photo-wrap:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(75,43,18,.42));pointer-events:none}
.menu-category-pill{position:absolute;top:16px;right:16px;z-index:2;background:rgba(255,253,248,.94);color:var(--brown);border:1px solid rgba(75,43,18,.11);border-radius:999px;padding:9px 14px;font-weight:900;box-shadow:0 12px 24px rgba(77,45,16,.13);backdrop-filter:blur(10px)}
.item-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}
.item-topline{display:grid;gap:10px;align-items:start}
.item-body h3{font-size:1.28rem;line-height:1.35;margin:0;color:var(--brown);font-weight:900}
.item-body p{color:var(--muted);line-height:1.85;margin:0;min-height:54px;font-weight:600}
.price{display:inline-flex;width:max-content;background:linear-gradient(135deg,#fff0bf,#ffe2a3);color:#75450d;border:1px solid rgba(247,183,51,.35);border-radius:999px;padding:9px 14px;font-weight:900;box-shadow:0 8px 18px rgba(217,137,27,.12)}
.menu-order-btn{width:100%;margin-top:auto;padding:13px 18px;border-radius:18px;box-shadow:0 14px 28px rgba(217,137,27,.20)}
.menu-photo-wrap.photo-error{display:none}
@media(max-width:980px){.menu-photo-wrap{height:235px}.filters{border-radius:28px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:10px}.filter{white-space:nowrap}}
@media(max-width:640px){.menu-wrap{padding:16px;border-radius:28px}.menu-grid{gap:18px}.menu-item{border-radius:26px}.menu-photo-wrap{height:220px}.item-body{padding:18px}.item-body p{min-height:auto}.filters{margin-bottom:20px}}


.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.service-media{height:170px;border-radius:26px;background:linear-gradient(180deg,#fff9ef,#fff3df);margin-bottom:18px;overflow:hidden;border:1px solid rgba(75,43,18,.08)}
.service-media img{width:100%;height:100%;display:block;object-fit:cover}
.service h3{font-size:1.35rem;line-height:1.4;margin:0 0 10px}
.service p{font-size:1rem}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.service-grid{grid-template-columns:1fr}.service-media{height:190px}}


/* Cart / multi-order update */
.cart-nav-btn{position:relative}
.cart-count{
  min-width:22px;height:22px;padding:0 7px;border-radius:999px;
  background:#e76b63;color:#fff;display:inline-flex;align-items:center;justify-content:center;
  font-size:.8rem;font-weight:900;margin-inline-start:4px
}
.add-to-cart{width:100%;margin-top:14px;padding:12px 14px}
.cart-backdrop{
  position:fixed;inset:0;background:rgba(35,20,10,.36);z-index:95;
  opacity:0;pointer-events:none;transition:.25s
}
.cart-backdrop.open{opacity:1;pointer-events:auto}
.cart-drawer{
  position:fixed;top:0;bottom:0;right:0;width:min(440px,92vw);
  background:#fffdf8;z-index:96;box-shadow:-24px 0 70px rgba(40,22,8,.24);
  transform:translateX(105%);transition:.3s ease;display:flex;flex-direction:column;
  border-inline-start:1px solid var(--line)
}
.cart-drawer.open{transform:translateX(0)}
.cart-head{
  padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;align-items:flex-start
}
.cart-head strong{display:block;font-size:1.35rem;color:var(--brown);font-weight:900}
.cart-head span{display:block;color:var(--muted);line-height:1.6;margin-top:4px}
.cart-close{
  width:42px;height:42px;border-radius:50%;border:0;background:var(--cream);font-size:2rem;cursor:pointer;color:var(--brown)
}
.cart-items{padding:16px;display:grid;gap:12px;overflow:auto;max-height:38vh}
.cart-empty{margin:16px;padding:18px;border-radius:20px;background:var(--cream);color:#75501b;font-weight:800;line-height:1.7}
.cart-item{
  display:grid;grid-template-columns:82px 1fr;gap:12px;padding:12px;border:1px solid var(--line);
  border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(77,45,16,.06)
}
.cart-item img{width:82px;height:82px;object-fit:cover;border-radius:16px;background:#fff1ce}
.cart-item-info strong{display:block;color:var(--brown);font-weight:900;margin-bottom:4px}
.cart-item-info span{display:block;color:var(--muted);font-weight:800;font-size:.92rem;margin-bottom:10px}
.qty-control{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.qty-control button{
  border:1px solid var(--line);background:#fff7ed;color:var(--brown);
  border-radius:12px;min-width:34px;height:34px;cursor:pointer;font-weight:900
}
.qty-control b{min-width:22px;text-align:center;color:var(--brown)}
.remove-cart-item{padding:0 10px;color:#a12b2b!important;background:#fff1f1!important;border-color:#ffd1d1!important}
.cart-note{
  padding:0 16px 16px;display:grid;gap:8px;overflow:auto
}
.cart-note label{font-weight:900;color:var(--brown)}
.cart-note input,.cart-note textarea{
  width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;
  padding:12px 13px;outline:0;color:var(--text)
}
.cart-note textarea{min-height:84px;resize:vertical}
.cart-actions{
  margin-top:auto;padding:16px;border-top:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap
}
.cart-actions .btn{flex:1}
.cart-toast{
  position:fixed;bottom:22px;right:22px;background:#2e1a0d;color:#fff;
  padding:13px 18px;border-radius:18px;box-shadow:var(--shadow);z-index:120;
  opacity:0;transform:translateY(12px);transition:.25s;font-weight:900
}
.cart-toast.show{opacity:1;transform:none}
@media(max-width:640px){
  .cart-drawer{width:100vw}
  .cart-items{max-height:32vh}
  .cart-toast{right:14px;left:14px;text-align:center}
}


/* Visible cart section */
.visible-cart-section{
  background:linear-gradient(180deg,rgba(255,248,236,.55),rgba(255,255,255,.95));
}
.visible-cart-box{
  background:#fff;
  border:1px solid var(--line);
  border-radius:34px;
  padding:22px;
  box-shadow:0 20px 60px rgba(77,45,16,.08);
}
.visible-cart-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid var(--line);
  padding-bottom:16px;
  margin-bottom:16px;
}
.visible-cart-top strong{
  display:block;
  color:var(--brown);
  font-size:1.35rem;
  font-weight:900;
}
.visible-cart-top span{
  display:block;
  color:var(--muted);
  margin-top:4px;
  font-weight:800;
}
.visible-cart-items{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.visible-cart-empty{
  background:var(--cream);
  border:1px dashed rgba(75,43,18,.22);
  color:#6d4a21;
  padding:22px;
  border-radius:24px;
  line-height:1.9;
  font-weight:800;
  text-align:center;
}
.visible-cart-form{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--line);
  display:grid;
  gap:12px;
}
.visible-cart-form .form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.visible-cart-form input,
.visible-cart-form textarea{
  width:100%;
  border:1px solid var(--line);
  background:#fffdf8;
  border-radius:18px;
  padding:14px 15px;
  outline:0;
  color:var(--text);
}
.visible-cart-form textarea{
  min-height:88px;
  resize:vertical;
}
.visible-send-btn{
  width:100%;
  justify-content:center;
}
@media(max-width:860px){
  .visible-cart-items{grid-template-columns:1fr}
  .visible-cart-form .form-row{grid-template-columns:1fr}
  .visible-cart-top{align-items:flex-start;flex-direction:column}
}


/* Floating cart button above WhatsApp */
.floating-cart-btn{
  position:fixed;
  right:24px;
  bottom:92px;
  z-index:94;
  border:0;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
  padding:14px 19px;
  border-radius:999px;
  background:linear-gradient(135deg,#fff7d7,#f7b733);
  color:#4b2b12;
  font-weight:950;
  font-size:1rem;
  box-shadow:0 18px 45px rgba(77,45,16,.22);
  transition:.22s ease;
}
.floating-cart-btn:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 60px rgba(77,45,16,.28);
}
.floating-cart-icon{
  font-size:1.15rem;
  line-height:1;
}
.floating-cart-btn b{
  min-width:24px;
  height:24px;
  border-radius:999px;
  background:#e76b63;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.8rem;
  font-weight:950;
  padding:0 7px;
}
@media(max-width:640px){
  .floating-cart-btn{
    right:16px;
    bottom:88px;
    padding:13px 17px;
  }
}


/* Instagram embedded posts section */
.instagram-live-section{
  background:linear-gradient(180deg,rgba(255,248,236,.7),rgba(255,255,255,.95));
}
.instagram-toolbar{
  display:flex;
  justify-content:center;
  margin:-10px 0 24px;
}
.instagram-embed-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:start;
}
.insta-embed-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  padding:14px;
  min-height:420px;
  box-shadow:0 18px 55px rgba(77,45,16,.08);
  overflow:hidden;
}
.insta-embed-card .instagram-media{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
}
.insta-open-fallback{
  display:inline-flex;
  margin:12px auto 0;
  padding:11px 18px;
  border-radius:999px;
  border:1px solid var(--line);
  color:var(--brown);
  font-weight:900;
  text-decoration:none;
  background:#fffaf2;
}
@media(max-width:1100px){
  .instagram-embed-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .instagram-embed-grid{grid-template-columns:1fr}
  .insta-embed-card{min-height:360px}
}


/* Order submission choices */
.visible-cart-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.order-confirmation{
  margin-top:14px;
  background:#fff6d8;
  border:1px dashed rgba(75,43,18,.25);
  border-radius:22px;
  padding:18px;
  color:var(--brown);
  line-height:1.8;
}
.order-confirmation strong{
  display:block;
  font-size:1.18rem;
  font-weight:950;
  margin-bottom:6px;
}
.order-confirmation ul{
  margin:10px 0;
  padding-inline-start:22px;
}
.order-confirmation li{
  margin:5px 0;
  font-weight:800;
}
.order-confirmation li span{
  color:var(--muted);
  font-weight:800;
  margin-inline-start:6px;
}
.order-confirmation-note{
  color:#7a5627;
  margin:10px 0 12px;
}
@media(max-width:640px){
  .visible-cart-actions{grid-template-columns:1fr}
}



/* ===============================
   Ultra Luxury Motion Upgrade
   =============================== */
:root{
  --luxury-glow: 0 30px 90px rgba(217,137,27,.22);
  --glass: rgba(255,255,255,.64);
  --glass-strong: rgba(255,253,248,.88);
}
body{
  background:
    radial-gradient(circle at 20% 2%, rgba(255,215,125,.34), transparent 30rem),
    radial-gradient(circle at 95% 18%, rgba(255,148,88,.12), transparent 24rem),
    radial-gradient(circle at 12% 82%, rgba(247,183,51,.16), transparent 24rem),
    linear-gradient(180deg,#fffdf7 0%,#fff7e8 42%,#fff 100%);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-3;
  opacity:.35;
  background-image:
    linear-gradient(rgba(75,43,18,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(75,43,18,.035) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), transparent 82%);
}
.ambient-bg{
  position:fixed;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:-2;
}
.ambient-bg span{
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  filter:blur(26px);
  opacity:.26;
  animation:ambientFloat 16s ease-in-out infinite;
}
.ambient-bg span:nth-child(1){right:5%;top:10%;background:#ffd36d}
.ambient-bg span:nth-child(2){left:2%;top:38%;background:#f7b733;animation-delay:-5s}
.ambient-bg span:nth-child(3){right:35%;bottom:-120px;background:#f2a75c;animation-delay:-9s}
@keyframes ambientFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(34px,-28px,0) scale(1.12)}
}
#scrollProgress{
  position:fixed;
  top:0;
  right:0;
  height:4px;
  width:0;
  z-index:999;
  background:linear-gradient(90deg,#4b2b12,#f7b733,#ffd977);
  box-shadow:0 0 22px rgba(247,183,51,.65);
  transition:width .12s linear;
}
.page-loader{
  position:fixed;
  inset:0;
  z-index:998;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 34%, rgba(247,183,51,.32), transparent 22rem),
    linear-gradient(180deg,#fffdf7,#fff4dd);
  transition:opacity .7s ease, visibility .7s ease;
}
body.loaded .page-loader{
  opacity:0;
  visibility:hidden;
}
.loader-card{
  min-width:260px;
  padding:32px 34px;
  border-radius:34px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(75,43,18,.12);
  box-shadow:var(--luxury-glow);
  display:grid;
  justify-items:center;
  gap:9px;
  position:relative;
  overflow:hidden;
}
.loader-card:before{
  content:"";
  position:absolute;
  inset:-60%;
  background:conic-gradient(from 90deg, transparent, rgba(247,183,51,.44), transparent 30%);
  animation:spinGlow 2.6s linear infinite;
}
.loader-card > *{position:relative}
.loader-card img{
  width:82px;
  height:82px;
  border-radius:24px;
  box-shadow:0 14px 38px rgba(75,43,18,.18);
  animation:logoPulse 1.8s ease-in-out infinite;
}
.loader-card strong{font-size:1.45rem;color:var(--brown);font-weight:950}
.loader-card span{color:var(--muted);font-weight:800}
@keyframes spinGlow{to{transform:rotate(1turn)}}
@keyframes logoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

.topbar{
  box-shadow:0 12px 42px rgba(75,43,18,.08);
  transition:transform .28s ease, background .28s ease, box-shadow .28s ease;
}
body.scrolled .topbar{
  background:rgba(255,253,248,.92);
  box-shadow:0 18px 60px rgba(75,43,18,.12);
}
.brand img{
  transition:.35s ease;
}
.brand:hover img{
  transform:rotate(-5deg) scale(1.06);
}
.links a{
  position:relative;
  overflow:hidden;
}
.links a:after{
  content:"";
  position:absolute;
  inset:auto 16px 5px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold),#ffe18a);
  transform:scaleX(0);
  transform-origin:right;
  transition:.28s ease;
}
.links a:hover:after{transform:scaleX(1)}
.btn,.filter{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.btn:before,.filter:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.68), transparent 33%);
  opacity:0;
  transition:.25s;
  z-index:-1;
}
.btn:hover:before,.filter:hover:before{opacity:1}
.btn.primary{
  box-shadow:0 18px 42px rgba(247,183,51,.32), inset 0 1px 0 rgba(255,255,255,.5);
}
.btn.primary:after{
  content:"";
  position:absolute;
  top:-40%;
  bottom:-40%;
  width:42px;
  right:-70px;
  transform:rotate(22deg);
  background:rgba(255,255,255,.45);
  animation:btnShine 3.2s ease-in-out infinite;
}
@keyframes btnShine{
  0%,42%{right:-80px}
  62%,100%{right:calc(100% + 80px)}
}

.hero{
  min-height:calc(100vh - 78px);
  display:grid;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.hero:before{
  content:"";
  position:absolute;
  inset:9% 2% auto auto;
  width:440px;
  height:440px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(247,183,51,.28), transparent 68%);
  filter:blur(2px);
  animation:heroOrb 8s ease-in-out infinite;
}
.hero:after{
  content:"";
  position:absolute;
  inset:auto auto 10% 4%;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(75,43,18,.08), transparent 70%);
  animation:heroOrb 10s ease-in-out infinite reverse;
}
@keyframes heroOrb{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-24px) scale(1.07)}
}
.hero-copy h1{
  line-height:1.06;
  letter-spacing:-.055em;
  background:linear-gradient(135deg,#3d210d,#7d431b 46%,#d9891b);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 18px 48px rgba(75,43,18,.10);
}
.kicker{
  backdrop-filter:blur(14px);
  background:rgba(255,255,255,.55);
  border:1px solid rgba(75,43,18,.09);
  box-shadow:0 14px 34px rgba(77,45,16,.07);
}
.stats .stat{
  background:rgba(255,255,255,.66);
  backdrop-filter:blur(16px);
  border:1px solid rgba(75,43,18,.10);
  transform:translateY(0);
  transition:.28s ease;
}
.stats .stat:hover{
  transform:translateY(-8px);
  box-shadow:var(--luxury-glow);
}
.logo-showcase{
  position:relative;
  transform-style:preserve-3d;
  transition:transform .2s ease-out, box-shadow .35s ease;
  box-shadow:0 35px 100px rgba(75,43,18,.18);
}
.logo-showcase:before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:inherit;
  background:conic-gradient(from 120deg, rgba(247,183,51,.12), rgba(255,255,255,.4), rgba(247,183,51,.28), rgba(255,255,255,.2));
  z-index:-1;
  filter:blur(2px);
  animation:spinGlow 10s linear infinite;
}
.logo-badge{
  box-shadow:0 18px 44px rgba(75,43,18,.16);
  animation:badgeFloat 5s ease-in-out infinite;
}
.badge-b{animation-delay:-1.4s}
.badge-c{animation-delay:-2.8s}
@keyframes badgeFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}

.section{
  position:relative;
  padding-top:96px;
  padding-bottom:96px;
}
.section-head{
  position:relative;
}
.section-head h2{
  letter-spacing:-.045em;
  background:linear-gradient(135deg,#3c210c,#7d421b,#d9891b);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.section-head:after{
  content:"";
  display:block;
  width:88px;
  height:5px;
  margin:20px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.service,.menu-item,.visible-cart-box,.insta-embed-card{
  transform:translateY(0);
  will-change:transform;
}
.service{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,248,236,.72));
  backdrop-filter:blur(18px);
}
.service:after,.menu-item:after,.visible-cart-box:after,.insta-embed-card:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 36%,rgba(247,183,51,.12));
  opacity:.72;
}
.service:hover{
  transform:translateY(-12px) scale(1.015);
}
.service-media img{
  transition:transform .65s cubic-bezier(.2,.8,.2,1);
}
.service:hover .service-media img{
  transform:scale(1.07) rotate(.5deg);
}

.filters{
  position:sticky;
  top:88px;
  z-index:10;
  padding:12px;
  border-radius:999px;
  background:rgba(255,253,248,.74);
  backdrop-filter:blur(18px);
  border:1px solid rgba(75,43,18,.09);
  box-shadow:0 18px 44px rgba(75,43,18,.08);
}
.filter{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
.filter.active{
  background:linear-gradient(135deg,#4b2b12,#89511f);
  color:#fff;
  box-shadow:0 14px 34px rgba(75,43,18,.22);
}
.menu-item{
  position:relative;
  overflow:hidden;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(18px);
  border:1px solid rgba(75,43,18,.10);
  box-shadow:0 20px 64px rgba(77,45,16,.09);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.menu-item:hover{
  transform:translateY(-13px) scale(1.015);
  box-shadow:0 34px 90px rgba(77,45,16,.17);
  border-color:rgba(247,183,51,.36);
}
.menu-item:before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  right:var(--mx,50%);
  top:var(--my,50%);
  transform:translate(50%,-50%);
  background:radial-gradient(circle, rgba(247,183,51,.20), transparent 70%);
  opacity:0;
  transition:.25s;
  pointer-events:none;
}
.menu-item:hover:before{opacity:1}
.item-photo{
  height:230px;
  border-bottom:1px solid rgba(75,43,18,.08);
}
.item-photo img{
  transition:transform .75s cubic-bezier(.2,.8,.2,1), filter .55s ease;
}
.menu-item:hover .item-photo img{
  transform:scale(1.09);
  filter:saturate(1.08) contrast(1.04);
}
.item-body h3{
  font-size:1.25rem;
  letter-spacing:-.02em;
}
.price{
  box-shadow:0 12px 28px rgba(247,183,51,.22);
}
.add-to-cart{
  transform:none;
  transition:.25s ease;
}
.add-to-cart:hover{
  transform:translateY(-3px);
}
.instagram-live-section{
  overflow:hidden;
}
.instagram-live-section:before{
  content:"";
  position:absolute;
  inset:10% -120px auto auto;
  width:310px;
  height:310px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(247,183,51,.16),transparent 70%);
}
.insta-embed-card{
  position:relative;
  transition:.32s ease;
}
.insta-embed-card:hover{
  transform:translateY(-10px);
  box-shadow:0 32px 90px rgba(77,45,16,.15);
}
.visible-cart-box{
  position:relative;
  overflow:hidden;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(22px);
  box-shadow:0 30px 100px rgba(77,45,16,.13);
}
.visible-cart-box:before{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  left:-120px;
  top:-140px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(247,183,51,.22),transparent 72%);
}
.visible-cart-form input:focus,
.visible-cart-form textarea:focus,
.cart-note input:focus,
.cart-note textarea:focus{
  border-color:rgba(247,183,51,.72);
  box-shadow:0 0 0 4px rgba(247,183,51,.14);
}
.floating-whatsapp,.floating-cart-btn{
  animation:floatButtons 4.2s ease-in-out infinite;
}
.floating-cart-btn{animation-delay:-1.2s}
@keyframes floatButtons{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}
.cart-drawer{
  backdrop-filter:blur(18px);
}
.cart-drawer.open{
  animation:drawerPop .32s ease both;
}
@keyframes drawerPop{
  from{filter:blur(4px)}
  to{filter:blur(0)}
}
.footer{
  background:
    radial-gradient(circle at 80% 0%, rgba(247,183,51,.16), transparent 18rem),
    linear-gradient(135deg,#2c1608,#4b2b12);
  color:#fff;
}
.footer .brand p{color:rgba(255,255,255,.72)}
.footer .btn.soft{
  background:rgba(255,255,255,.1);
  color:#fff;
  border-color:rgba(255,255,255,.16);
}
.reveal,.menu-item,.service,.visible-cart-box,.insta-embed-card{
  opacity:0;
  transform:translateY(34px) scale(.985);
  filter:blur(4px);
  transition:
    opacity .8s ease var(--stagger,0ms),
    transform .8s cubic-bezier(.2,.8,.2,1) var(--stagger,0ms),
    filter .8s ease var(--stagger,0ms);
}
.reveal.show,
.menu-item.show,
.service.show,
.visible-cart-box.show,
.insta-embed-card.show{
  opacity:1;
  transform:none;
  filter:none;
}
body.section-switching main{
  animation:softSwitch .52s ease;
}
@keyframes softSwitch{
  0%{filter:saturate(.9) blur(0);transform:scale(1)}
  45%{filter:saturate(1.05) blur(1px);transform:scale(.998)}
  100%{filter:none;transform:scale(1)}
}
@media(max-width:900px){
  .hero{min-height:auto}
  .filters{position:relative;top:auto;border-radius:28px}
  .item-photo{height:210px}
}
@media(max-width:640px){
  .section{padding-top:70px;padding-bottom:70px}
  .page-loader .loader-card{min-width:230px}
  .hero-copy h1{font-size:clamp(2.4rem,14vw,4.6rem)}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* ===== Admin orders / invoice / reports upgrade ===== */
.enhanced-admin-shell{grid-template-columns:290px 1fr}
.enhanced-sidebar{background:linear-gradient(180deg,#2e1a0d,#4b2b12)}
.enhanced-admin-main{background:linear-gradient(180deg,#fff9f0,#fffdf8)}
.admin-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.admin-section-head.between{align-items:center}
.admin-section-head h2{margin:4px 0 6px}
.admin-section-head p{margin:0;color:var(--muted);line-height:1.8}
.admin-chip{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff5da;color:#7d4d16;border:1px solid rgba(247,183,51,.35);font-weight:900;font-size:.85rem}
.admin-two-col{display:grid;grid-template-columns:1.25fr .85fr;gap:18px}
.admin-subcard{background:linear-gradient(180deg,#fff,#fff9ef);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 10px 30px rgba(77,45,16,.05)}
.admin-subcard h3{margin:0 0 14px;color:var(--brown)}
.three-col-grid{grid-template-columns:repeat(3,1fr)}
.report-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.report-buttons-field .inline-actions,.inline-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.report-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}
.compact-report-cards{margin-top:14px}
.report-card{background:linear-gradient(180deg,#fff,#fff8ef);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 12px 28px rgba(77,45,16,.05)}
.report-card span{display:block;color:var(--muted);font-weight:800;margin-bottom:10px}
.report-card strong{display:block;color:var(--brown);font-size:1.55rem;font-weight:900}
.report-card small{display:block;margin-top:8px;color:#8b7b6d}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:22px;background:#fff}
.admin-table{width:100%;border-collapse:collapse;min-width:840px}
.admin-table th,.admin-table td{padding:14px 16px;border-bottom:1px solid #f0e6d9;text-align:right;vertical-align:middle}
.admin-table thead th{background:#fff8ec;color:var(--brown);font-weight:900}
.admin-table tbody tr:hover{background:#fffdf8}
.table-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn.tiny{padding:9px 12px;border-radius:12px;font-size:.86rem}
.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:.85rem;font-weight:900;border:1px solid transparent}
.status-new{background:#eef7ff;color:#1f6ed4;border-color:#cae3ff}
.status-progress{background:#fff6df;color:#946200;border-color:#f3dea7}
.status-done{background:#ecfdf3;color:#11844a;border-color:#c8efda}
.status-cancel{background:#fff0f0;color:#b53838;border-color:#f6c5c5}
.pay-paid{background:#ecfdf3;color:#11844a;border-color:#c8efda}
.pay-partial{background:#fff6df;color:#946200;border-color:#f3dea7}
.pay-unpaid{background:#fff0f0;color:#b53838;border-color:#f6c5c5}
.pay-default,.status-default{background:#f6f1ea;color:#6b5a48;border-color:#e6dbcf}
.empty-state{padding:26px;text-align:center;color:var(--muted);line-height:1.8}
.calc-card{position:sticky;top:24px;height:max-content}
.calc-summary{margin-top:18px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#4b2b12,#7e4b17);color:#fff;display:grid;gap:14px}
.calc-summary span,.calc-summary small{color:rgba(255,255,255,.78)}
.calc-summary strong{font-size:2rem;line-height:1.1}
.invoice-preview{margin-top:18px}
.invoice-card{background:linear-gradient(180deg,#fff,#fffaf3);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 15px 40px rgba(77,45,16,.07)}
.invoice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #efe3d5;padding-bottom:18px;margin-bottom:18px}
.invoice-head h3{margin:0 0 8px;color:var(--brown);font-size:2rem}
.invoice-head p{margin:0;color:var(--muted)}
.invoice-meta{display:grid;gap:6px;text-align:left}
.invoice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.invoice-grid div,.invoice-box,.invoice-totals div{background:#fff;border:1px solid #f0e6d9;border-radius:18px;padding:14px}
.invoice-grid label,.invoice-box h4,.invoice-totals span{display:block;color:#8a725d;font-weight:800;margin-bottom:8px}
.invoice-box{margin-bottom:14px}
.invoice-box p{margin:0;line-height:1.9;color:var(--text)}
.invoice-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.invoice-totals .final{background:#fff0c8}
.report-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.summary-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0e6d9}
.summary-row:last-child{border-bottom:0}
.summary-row strong{color:var(--brown)}
@media(max-width:1200px){.report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-grid{grid-template-columns:1fr 1fr}.invoice-totals{grid-template-columns:1fr 1fr}.three-col-grid{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.admin-two-col,.report-grid-two,.report-filter-grid{grid-template-columns:1fr}.calc-card{position:relative;top:auto}.report-cards{grid-template-columns:1fr 1fr}.invoice-grid,.invoice-totals{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.report-cards,.invoice-grid,.invoice-totals,.three-col-grid{grid-template-columns:1fr}.admin-table{min-width:700px}.admin-section-head{flex-direction:column}.admin-subcard,.invoice-card{padding:16px}}


/* === July 2026 fixes: real logo, button cleanup, remove extra instagram post === */
.brand img,
.loader-card img,
.footer .brand img{
  object-fit:contain;
  background:transparent;
}
.logo-showcase img{
  object-fit:contain;
  background:radial-gradient(circle at 50% 32%, #fffdf8 0%, #fff7e8 60%, #fff1d6 100%);
  padding:18px;
}
.instagram-embed-grid{
  grid-template-columns:repeat(2,minmax(320px,1fr));
  max-width:980px;
  margin:0 auto;
}
.insta-embed-card{
  min-height:460px;
}
.insta-open-fallback{
  display:flex;
  width:max-content;
  justify-content:center;
}
.cart-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.cart-actions .btn,
.visible-cart-actions .btn,
.hero-actions .btn,
.actions .btn,
.instagram-toolbar .btn{
  min-height:50px;
}
.visible-cart-actions .btn{
  box-shadow:0 14px 28px rgba(77,45,16,.10);
}
.qty-control button{
  transition:.2s ease;
}
.qty-control button:hover,
.remove-cart-item:hover{
  transform:translateY(-2px);
}
@media(max-width:980px){
  .instagram-embed-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:760px){
  .cart-actions{grid-template-columns:1fr;}
  .actions{flex-wrap:wrap;justify-content:flex-end;}
  .hero-actions{justify-content:center;}
}
@media(max-width:700px){
  .instagram-embed-grid{grid-template-columns:1fr;}
  .insta-embed-card{min-height:380px;}
}


/* Public cart calculator in website */
.public-cart-calculator,
.drawer-cart-calculator{
  margin:16px 0;
  padding:16px;
  border:1px solid rgba(75,43,18,.12);
  border-radius:24px;
  background:linear-gradient(180deg,#fffaf0,#fff);
  box-shadow:0 12px 30px rgba(77,45,16,.06);
  display:grid;
  gap:12px;
}
.drawer-cart-calculator{
  margin:0 16px 16px;
}
.cart-calc-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--brown);
  font-weight:900;
}
.cart-calc-row strong{
  font-size:1.15rem;
}
.cart-calc-row.total{
  padding-top:12px;
  border-top:1px dashed rgba(75,43,18,.20);
}
.cart-calc-row.total strong{
  font-size:1.45rem;
  color:#7d4918;
}
.cart-calc-inputs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.cart-calc-inputs label{
  display:grid;
  gap:7px;
  color:var(--brown);
  font-weight:900;
  font-size:.95rem;
}
.cart-calc-inputs input{
  width:100%;
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px 13px;
  background:#fffdf8;
  outline:0;
  color:var(--text);
}
.cart-line-total{
  display:block;
  margin-top:-4px;
  margin-bottom:8px;
  color:#7d4918;
  font-weight:900;
}
.cart-line-total.muted{
  color:var(--muted);
}
@media(max-width:640px){
  .cart-calc-inputs{grid-template-columns:1fr}
}


/* Savannah-like public calculator section */
.visible-cart-showcase{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);
  gap:18px;
  align-items:start;
}
.estimate-panel,
.request-panel{
  border-radius:34px;
  overflow:hidden;
}
.estimate-panel{
  background:linear-gradient(180deg,#fffdf7 0%, #ffffff 100%);
  border:1px solid rgba(75,43,18,.10);
  box-shadow:0 24px 60px rgba(77,45,16,.08);
}
.request-panel{
  background:linear-gradient(160deg,#8a5a38 0%, #6f4326 60%, #5c341d 100%);
  color:#fffaf2;
  box-shadow:0 24px 60px rgba(77,45,16,.12);
}
.estimate-panel-head,
.request-panel-head{
  padding:28px 28px 10px;
}
.estimate-kicker{
  display:inline-block;
  margin-bottom:8px;
  letter-spacing:.08em;
  color:#a17a52;
  font-size:.82rem;
  font-weight:900;
}
.estimate-panel-head h3,
.request-panel-head h3{
  margin:0;
  font-size:clamp(1.9rem,4vw,3rem);
  line-height:1.05;
  color:var(--brown);
}
.request-panel-head h3{color:#fff8ef}
.estimate-panel-head p,
.request-panel-head p{
  margin:12px 0 0;
  color:var(--muted);
  line-height:1.9;
  font-weight:700;
}
.request-panel-head p{color:rgba(255,248,239,.84)}
.estimate-panel .visible-cart-box{
  background:transparent;
  box-shadow:none;
  border:0;
  padding:0 28px 28px;
}
.visible-cart-top.is-inside-panel{
  margin:0 0 16px;
  padding:18px 0 16px;
}
.visible-cart-top.is-inside-panel .btn.soft{
  background:#fffaf0;
}
.visible-estimator-card{
  background:linear-gradient(180deg,#fff8eb,#fffefb);
  border-radius:26px;
  padding:18px;
}
.estimate-mini-title{
  font-weight:900;
  color:var(--brown);
  font-size:1.08rem;
  margin-bottom:6px;
}
.estimate-breakdown-note{
  color:#8e6a44;
  font-size:.92rem;
  line-height:1.8;
  font-weight:700;
}
.request-panel-form{
  margin:0;
  padding:0 28px 28px;
  border-top:0;
}
.request-panel .visible-cart-form input,
.request-panel .visible-cart-form textarea{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,247,235,.2);
  color:#fffdf8;
  padding:15px 16px;
}
.request-panel .visible-cart-form input::placeholder,
.request-panel .visible-cart-form textarea::placeholder{color:rgba(255,245,230,.7)}
.request-panel .visible-cart-form input:focus,
.request-panel .visible-cart-form textarea:focus{
  border-color:rgba(255,255,255,.42);
  box-shadow:0 0 0 4px rgba(255,255,255,.08);
}
.request-panel-actions{
  grid-template-columns:1fr;
  gap:10px;
}
.request-panel-actions .btn.primary{
  background:#fff7e4;
  color:#5f371d;
  box-shadow:none;
}
.request-panel-actions .btn.soft{
  background:transparent;
  color:#fff6eb;
  border-color:rgba(255,246,235,.28);
}
.request-panel-actions .btn.soft:hover{
  background:rgba(255,255,255,.10);
}
.request-panel .order-confirmation{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.14);
  color:#fffaf2;
}
.request-panel .order-confirmation li span,
.request-panel .order-confirmation strong{color:#fffef9}
@media(max-width:980px){
  .visible-cart-showcase{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .estimate-panel-head,
  .request-panel-head,
  .estimate-panel .visible-cart-box,
  .request-panel-form{padding-left:18px;padding-right:18px;}
  .estimate-panel-head h3,
  .request-panel-head h3{font-size:2rem;}
}


/* Sofrat Nahoola luxury branded calculator */
.nahoola-premium-panel{
  position:relative;
  background:
    radial-gradient(circle at top left, rgba(234,196,115,.22), transparent 32%),
    linear-gradient(180deg,#fffdf8 0%, #fffaf0 100%);
}
.nahoola-premium-panel::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px dashed rgba(177,131,62,.18);
  border-radius:28px;
  pointer-events:none;
}
.nahoola-brand-badge{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
}
.nahoola-brand-badge img{
  width:68px;
  height:68px;
  object-fit:contain;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(177,131,62,.18);
  box-shadow:0 10px 25px rgba(108,72,27,.12);
  padding:4px;
}
.nahoola-brand-badge strong{
  display:block;
  color:var(--brown);
  font-size:1.05rem;
  margin-bottom:4px;
}
.nahoola-brand-badge span{
  color:#8f6d48;
  font-weight:700;
  line-height:1.7;
  font-size:.94rem;
}
.nahoola-feature-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.nahoola-feature-chips span,
.request-soft-note{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  font-weight:800;
  font-size:.9rem;
}
.nahoola-feature-chips span{
  background:#fff;
  color:#8a612e;
  border:1px solid rgba(177,131,62,.18);
  box-shadow:0 8px 18px rgba(77,45,16,.06);
}
.nahoola-estimator-card{
  border:1px solid rgba(177,131,62,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65), 0 10px 30px rgba(101,67,24,.06);
}
.nahoola-estimator-card .cart-calc-row.total{
  background:linear-gradient(90deg,#fff4d9,#f8cf65);
  border-radius:20px;
  padding:14px 16px;
  margin-top:14px;
}
.nahoola-estimator-card .cart-calc-row.total strong,
.nahoola-estimator-card .cart-calc-row.total span{
  color:#6b431f;
}
.nahoola-request-panel{
  position:relative;
  background:
    radial-gradient(circle at top right, rgba(255,219,144,.18), transparent 28%),
    linear-gradient(145deg,#7e4e2e 0%, #64371d 58%, #4e2916 100%);
}
.nahoola-request-panel::before,
.nahoola-request-panel::after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:rgba(255,230,173,.07);
  pointer-events:none;
}
.nahoola-request-panel::before{width:170px;height:170px;top:-34px;left:-24px;}
.nahoola-request-panel::after{width:220px;height:220px;bottom:-70px;right:-60px;}
.request-panel-kicker{
  display:inline-block;
  color:#ffe8bd;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.08em;
  margin-bottom:8px;
}
.request-soft-note{
  background:rgba(255,255,255,.10);
  color:#fff6ea;
  border:1px solid rgba(255,255,255,.12);
  margin-top:16px;
  line-height:1.7;
}
.request-panel-actions .btn{
  min-height:56px;
  font-size:1rem;
  font-weight:900;
}
.request-panel-actions .btn.primary{
  background:linear-gradient(135deg,#fff7e7,#f4d785);
}
.request-panel-actions .btn.soft{
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(3px);
}
@media(max-width:640px){
  .nahoola-brand-badge{align-items:flex-start}
  .nahoola-brand-badge img{width:56px;height:56px}
  .nahoola-feature-chips{gap:8px}
  .nahoola-feature-chips span,
  .request-soft-note{border-radius:18px}
}