/* Premium Restaurant Template CSS */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&display=swap');

:root{
--primary:#8A1836;
--primary-dark:#6E1329;
--secondary:#C0A15C;
--secondary-dark:#A5854A;
--light:#EDF3EE;
--bg:#F7F4EE;
--bg2:#FFFFFF;
--card:#FFFFFF;
--text:#8A1836;
--muted:#6E7A73;
--border:#E7E0D2;
--radius:18px;
--shadow:0 12px 30px rgba(0,0,0,.08);
--transition:.3s ease;
--brand-bar-height:150px;
--header-height:80px;
--toolbar-height:76px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Cairo,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
img{display:block;width:100%}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
.container{width:min(90%,1200px);margin:auto}
section{padding:90px 0}

.section-header{text-align:center;margin-bottom:45px}
.section-header span{color:var(--secondary);font-weight:700;letter-spacing:1px}
.section-header h2{font-size:42px;margin:10px 0}
.section-header p{color:var(--muted)}

/* ===== شريط اللوجو فوق الهيدر ===== */
.brand-bar{
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:1001;
    height:var(--brand-bar-height);
    display:flex;
    align-items:center;
    justify-content:center;
    background:#FFFFFF;
    border-bottom:1px solid var(--border);
    overflow:visible;
    padding:8px 0;
}

.brand-logo{
    width:280px;
    height:auto;
    max-height:calc(var(--brand-bar-height) - 20px);
    object-fit:contain;
}

/* ===== الهيدر ===== */
.header{
    position:fixed;
    top:var(--brand-bar-height);
    width:100%;
    z-index:999;
    background:rgba(255,255,255,.85);
    backdrop-filter:blur(14px);
    transition:background var(--transition);
    border-bottom:1px solid var(--border);
}
.header.scrolled{background:rgba(255,255,255,.97)}

.navbar{
    height:var(--header-height);
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
}

.logo img{width:50px;height:50px;object-fit:contain}

.nav-menu{
    display:flex;
    gap:30px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
}
.nav-menu a{font-weight:700;transition:var(--transition);position:relative}
.nav-menu a:hover,
.nav-menu a.active{color:var(--secondary)}

.nav-buttons{display:flex;gap:15px;align-items:center}
.btn-order,.btn-primary{background:var(--primary);color:#fff;padding:14px 26px;border-radius:40px;font-weight:700;transition:var(--transition);display:inline-block}
.btn-order:hover,.btn-primary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-3px)}
.btn-secondary{padding:14px 26px;border:2px solid var(--secondary);color:var(--secondary-dark);border-radius:40px;display:inline-block;font-weight:700}
.menu-toggle{display:none;font-size:30px;cursor:pointer}

/* ===== نظام الصفحات ===== */
.page{
    display:none;
    padding-top:calc(var(--brand-bar-height) + var(--header-height));
    min-height:100vh;
}

.page.active{
    display:block;
}

#page-menu.active{
    padding-top:calc(var(--brand-bar-height) + var(--header-height) + var(--toolbar-height));
}

#page-gallery.active{
    padding-top:calc(var(--brand-bar-height) + var(--header-height) + var(--toolbar-height));
}

.subpage-header{
    display:flex;
    align-items:center;
    gap:20px;
    padding:30px 0;
    width:min(90%,1200px);
    margin:0 auto;
}

.subpage-header h2{
    font-size:32px;
}

.menu-subpage-header{
    position:relative;
    justify-content:center;
    text-align:center;
    gap:16px;
}

.menu-subpage-header .back-btn{
    position:absolute;
    left:0;
}

.back-btn{
    background:var(--secondary);
    color:#1F2A24;
    padding:10px 20px;
    border-radius:30px;
    font-weight:700;
    white-space:nowrap;
    box-shadow:var(--shadow);
}

.back-btn:hover{
    background:var(--secondary-dark);
    color:#1F2A24;
}

/* ===== الهيرو ===== */
.hero{
    height:calc(100vh - var(--brand-bar-height) - var(--header-height));
    min-height:520px;
    background:url("../images/hero.jpg") center/cover;
    display:flex;
    align-items:center;
    position:relative;
    margin-top:calc(-1 * (var(--brand-bar-height) + var(--header-height)));
    padding-top:calc(var(--brand-bar-height) + var(--header-height));
}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to left,rgba(15,40,28,.75),rgba(15,40,28,.35))}
.hero-content{position:relative;z-index:1;max-width:650px}
.hero-subtitle{color:#fff;font-weight:700;letter-spacing:1px}
.hero h2{font-size:64px;line-height:1.2;margin:15px 0;color:#fff}
.hero p{font-size:20px;color:#f2f2f2;margin-bottom:30px}
.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}
.hero-scroll{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:34px;display:block;color:#fff}

/* ===== الشبكات العامة ===== */
.categories-grid,.why-grid,.gallery-grid,.testimonial-grid{
display:grid;gap:25px
}
.categories-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.why-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.testimonial-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}

.category-card,.why-card,.testimonial-card{
background:var(--card);
border-radius:var(--radius);
overflow:hidden;
box-shadow:var(--shadow);
transition:var(--transition);
cursor:pointer;
border:1px solid var(--border);
}
.category-card,.why-card{text-align:center;padding:30px}
.category-card img{width:90px;margin:0 auto 15px}
.category-card:hover,.why-card:hover,.testimonial-card:hover{
transform:translateY(-8px);
border-color:var(--secondary);
}
.why-icon{font-size:46px;margin-bottom:15px;color:var(--secondary)}

/* ===== العرض الخاص ===== */
.offer{background:linear-gradient(rgba(24,90,60,.92),rgba(32,115,76,.92)),url("../images/offer.jpg") center/cover;color:#fff;text-align:center}
.offer span{color:var(--secondary);font-weight:700;letter-spacing:1px}
.offer h2{font-size:44px;margin:15px 0}

/* ===== المعرض ===== */
.gallery-grid img{height:240px;object-fit:cover;border-radius:16px;transition:.4s}
.gallery-grid img:hover{transform:scale(1.05)}

/* ===== شريط الرجوع الثابت في المعرض ===== */
.gallery-toolbar{
    display:none;
    position:fixed;
    top:calc(var(--brand-bar-height) + var(--header-height));
    right:0;
    left:0;
    z-index:900;
    background:#FFFFFF;
    border-bottom:1px solid var(--border);
}

#page-gallery.active .gallery-toolbar{
    display:block;
}

.gallery-toolbar-inner{
    width:min(90%,1200px);
    margin:0 auto;
    padding:14px 0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}

/* ===== التواصل ===== */
.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.contact-map iframe{width:100%;height:380px;border:0;border-radius:18px}

/* ===== أزرار التواصل الاجتماعي ===== */
.social-links {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

.social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: white;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.social-btn:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 6px 14px rgba(0,0,0,0.18);
}

.social-btn.facebook { background-color: #1877F2; }
.social-btn.facebook:hover { background-color: #145DBF; }

.social-btn.instagram { 
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.social-btn.instagram:hover { filter: brightness(1.1); }

.social-btn.whatsapp { background-color: #25D366; }
.social-btn.whatsapp:hover { background-color: #1EBE5A; }

/* ===== الفوتر ===== */
.footer{background:var(--light);padding:60px 0 20px;border-top:2px solid var(--secondary)}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.footer-logo img{width:110px;margin-bottom:12px}
.footer h3{margin-bottom:15px;color:var(--text)}
.footer-links a{display:block;color:var(--muted);margin:8px 0;transition:var(--transition)}
.footer-links a:hover{color:var(--secondary-dark)}
.footer-bottom{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted)}
.footer-empty{
    background:var(--bg);
    border-top:none;
}

/* ===== زر الرجوع لفوق ===== */
#scrollTop{
position:fixed;
bottom:80px;
left:25px;
width:48px;height:48px;
border-radius:50%;
background:var(--secondary);
color:#1F2A24;
display:flex;
align-items:center;
justify-content:center;
box-shadow:var(--shadow);
opacity:0;
visibility:hidden;
transform:translateY(15px);
transition:opacity var(--transition), transform var(--transition), visibility var(--transition);
z-index:998;
}

#scrollTop.show{
opacity:1;
visibility:visible;
transform:translateY(0);
}

/* ===== شريط البحث + زر الأقسام ===== */
.menu-toolbar{
    display:none;
    position:fixed;
    top:calc(var(--brand-bar-height) + var(--header-height));
    right:0;
    left:0;
    z-index:900;
    background:#FFFFFF;
    border-bottom:1px solid var(--border);
}

.menu-toolbar.show{
    display:block;
}

.menu-toolbar-inner{
    width:min(90%,1200px);
    margin:0 auto;
    padding:14px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.menu-search-wrap{
    display:flex;
    align-items:center;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:14px;
    padding:10px 16px;
    max-width:340px;
    width:100%;
    box-shadow:var(--shadow);
}

.menu-search-icon{
    font-size:15px;
    margin-left:10px;
    opacity:.6;
}

.menu-search-input{
    flex:1;
    border:none;
    outline:none;
    background:transparent;
    color:var(--text);
    font-size:14px;
    font-weight:600;
}

.menu-search-input::placeholder{
    color:var(--muted);
}

.menu-search-clear{
    display:none;
    width:20px;
    height:20px;
    border-radius:50%;
    background:rgba(0,0,0,.06);
    align-items:center;
    justify-content:center;
    font-size:11px;
    cursor:pointer;
}

.categories-open-btn{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
    background:var(--secondary);
    color:#1F2A24;
    border-radius:999px;
    padding:11px 20px;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    transition:background .15s ease;
}

.categories-open-btn:hover{
    background:var(--secondary-dark);
    color:#1F2A24;
}

.categories-open-icon{
    font-size:14px;
}

/* ===== كبسة السلة بالتولبار ===== */
.cart-open-btn{
    position:relative;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:6px;
    background:var(--secondary);
    color:#1F2A24;
    border-radius:999px;
    padding:11px 20px;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    transition:background .15s ease;
}
.cart-item-remove{
    flex:0 0 auto;
    width:30px;
    height:30px;
    border-radius:50%;
    background:rgba(138,24,54,.1);
    color:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .15s ease;
}

.cart-item-remove:hover{
    background:var(--primary);
    color:#fff;
}

.cart-open-btn:hover{
    background:var(--secondary-dark);
    color:#1F2A24;
}

.cart-badge{
    position:absolute;
    top:-6px;
    left:-6px;
    min-width:20px;
    height:20px;
    padding:0 5px;
    border-radius:999px;
    background:var(--primary);
    color:#fff;
    font-size:12px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
}

/* ===== كبسة أضف للسلة داخل الكرت (دائرة + ) ===== */
.add-to-cart-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    margin:0 16px 14px;
    background:var(--secondary);
    color:#1F2A24;
    border-radius:50%;
    font-size:22px;
    font-weight:800;
    line-height:1;
    transition:background .15s ease;
}

.add-to-cart-btn:hover{
    background:var(--secondary-dark);
    color:#1F2A24;
}

/* ===== شيت الأقسام ===== */
.categories-sheet-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.4);
    opacity:0;
    visibility:hidden;
    transition:opacity var(--transition),visibility var(--transition);
    z-index:1300;
}

.categories-sheet-overlay.show{
    opacity:1;
    visibility:visible;
}

.categories-sheet{
    position:fixed;
    right:0;
    left:0;
    bottom:0;
    z-index:1301;
    background:var(--bg2);
    border-radius:22px 22px 0 0;
    padding:14px 22px 26px;
    max-height:75vh;
    overflow-y:auto;
    transform:translateY(100%);
    transition:transform .35s ease;
    box-shadow:0 -10px 30px rgba(0,0,0,.15);
}

.categories-sheet.show{
    transform:translateY(0);
}

.categories-sheet-handle{
    width:44px;
    height:5px;
    border-radius:10px;
    background:rgba(0,0,0,.15);
    margin:0 auto 16px;
}

.categories-sheet-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:16px;
}

.categories-sheet-header h3{
    font-size:20px;
    color:var(--secondary-dark);
}

.categories-sheet-close{
    width:32px;
    height:32px;
    border-radius:50%;
    background:var(--light);
    font-size:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--text);
}

.categories-sheet-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.categories-sheet-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:var(--light);
    border-radius:14px;
    padding:16px 18px;
    cursor:pointer;
    transition:background .15s ease;
}

.categories-sheet-row:hover,
.categories-sheet-row.active{
    background:var(--primary);
    color:#fff;
}

.categories-sheet-row-name{
    font-size:15px;
    font-weight:700;
}

.categories-sheet-row-count{
    font-size:13px;
    font-weight:700;
    color:#1F2A24;
    background:var(--secondary);
    padding:4px 12px;
    border-radius:999px;
    white-space:nowrap;
}

/* ===== محتوى المنيو ===== */
.menu-no-results{
    display:none;
    text-align:center;
    padding:60px 20px;
    color:var(--muted);
}

.no-results-icon{
    font-size:36px;
    margin-bottom:10px;
}

.menu-cat-section{
    margin:40px 0;
    scroll-margin-top:calc(var(--brand-bar-height) + var(--header-height) + var(--toolbar-height) + 20px);
}

.menu-cat-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:18px;
    padding-bottom:10px;
    border-bottom:2px solid var(--secondary);
}

.menu-cat-head h3{
    font-size:24px;
    color:var(--primary);
}

.next-cat-btn{
    background:var(--secondary);
    color:#1F2A24;
    border-radius:999px;
    padding:8px 16px;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    transition:background .15s ease;
    box-shadow:var(--shadow);
}
.next-cat-btn:hover{
    background:var(--secondary-dark);
    color:#1F2A24;
}

/* ===== كبسات الأصناف ===== */
.menu-items-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,240px);
    justify-content:start;
    gap:20px;
}
.menu-item-card{
    background:var(--card);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow);
    cursor:pointer;
    transition:var(--transition);
    max-width:240px;
    width:100%;
    justify-self:stretch;
    border:1px solid var(--border);
}

.menu-item-card:hover{
    transform:translateY(-6px);
    border-color:var(--secondary);
}

.mi-card-image{
    width:100%;
    aspect-ratio:1/1;
    max-height:220px;
    overflow:hidden;
    background:var(--light);
}

.mi-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.mi-card-info{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:14px 16px;
}

.mi-card-name{
    font-size:14px;
    font-weight:700;
}

.mi-card-price{
    font-size:14px;
    font-weight:800;
    color:var(--secondary-dark);
    white-space:nowrap;
}

/* ===== نافذة تفاصيل الصنف ===== */
.item-modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    opacity:0;
    visibility:hidden;
    transition:opacity var(--transition),visibility var(--transition);
    z-index:1400;
}

.item-modal-overlay.show{
    opacity:1;
    visibility:visible;
}

.item-modal{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-45%);
    width:min(92%,420px);
    background:var(--bg2);
    border-radius:22px;
    overflow:hidden;
    z-index:1401;
    opacity:0;
    visibility:hidden;
    transition:opacity var(--transition),transform var(--transition),visibility var(--transition);
    box-shadow:0 20px 50px rgba(0,0,0,.2);
}

.item-modal.show{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%);
}

.item-modal-close{
    position:absolute;
    top:14px;
    left:14px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(0,0,0,.35);
    color:#fff;
    font-size:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
}

.item-modal-image{
    width:100%;
    aspect-ratio:4/3;
    background:var(--light);
}

.item-modal-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.item-modal-body{
    padding:22px 24px 26px;
}

.item-modal-body h3{
    font-size:22px;
    margin-bottom:8px;
    color:var(--text);
}

.item-modal-body p{
    color:var(--muted);
    font-size:14px;
    line-height:1.7;
    margin-bottom:16px;
}

.item-modal-price{
    font-size:22px;
    font-weight:800;
    color:var(--secondary-dark);
}

/* ===== نافذة السلة ===== */
.cart-modal{
    width:min(94%,460px);
}

.cart-modal-body{
    padding:26px 24px 24px;
}

.cart-modal-body h3{
    font-size:22px;
    color:var(--secondary-dark);
    margin-bottom:18px;
    text-align:center;
}

.cart-items{
    display:flex;
    flex-direction:column;
    gap:12px;
    max-height:45vh;
    overflow-y:auto;
}

.cart-item{
    display:flex;
    align-items:center;
    gap:12px;
    background:var(--light);
    border-radius:14px;
    padding:10px 12px;
}

.cart-item-img{
    width:52px;
    height:52px;
    border-radius:10px;
    object-fit:cover;
    flex:0 0 auto;
    background:var(--bg);
}

.cart-item-info{
    flex:1;
    min-width:0;
}

.cart-item-name{
    font-size:14px;
    font-weight:700;
    margin-bottom:4px;
}

.cart-item-price{
    font-size:13px;
    font-weight:700;
    color:var(--secondary-dark);
}

.cart-item-qty{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
}

.cart-qty-btn{
    width:26px;
    height:26px;
    border-radius:50%;
    background:var(--secondary);
    color:#1F2A24;
    font-size:15px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .15s ease;
}

.cart-qty-btn:hover{
    background:var(--secondary-dark);
}

.cart-qty-num{
    font-size:15px;
    font-weight:800;
    min-width:20px;
    text-align:center;
}

.cart-empty{
    text-align:center;
    padding:30px 10px;
    color:var(--muted);
}

.cart-empty-icon{
    font-size:40px;
    margin-bottom:8px;
}

.cart-footer{
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid var(--border);
}

.cart-total{
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:18px;
    font-weight:800;
    margin-bottom:14px;
}

.cart-total span:last-child{
    color:var(--secondary-dark);
}

.cart-clear-btn{
    display:block;
    width:100%;
    background:var(--light);
    color:var(--text);
    border-radius:999px;
    padding:11px;
    font-size:14px;
    font-weight:700;
    transition:background .15s ease;
}

.cart-clear-btn:hover{
    background:var(--border);
}

/* ===== الاستجابة للشاشات الصغيرة ===== */
@media(max-width:992px){
.nav-menu{
    display:flex;
    position:static;
    transform:none;
    gap:18px;
    justify-content:center;
    flex:1;
}

.nav-menu a{
    padding:6px 4px;
    font-size:15px;
}
}

.menu-toggle{display:none}
.hero h2{font-size:46px}
.contact-wrapper,.footer-top{grid-template-columns:1fr}
@media(max-width:768px){
.brand-logo{width:200px}
.hero{padding-top:calc(var(--brand-bar-height) + var(--header-height) + 30px)}
.hero h2{font-size:36px}
.section-header h2{font-size:30px}
.hero-buttons{flex-direction:column;align-items:flex-start}

.subpage-header{flex-direction:column;align-items:flex-start;gap:12px}

.menu-subpage-header{
    flex-direction:column;
    align-items:center;
    gap:14px;
}

.menu-subpage-header .back-btn{
    position:static;
}

.menu-subpage-header h2{
    order:-1;
}
}

@media(max-width:600px){
    .menu-cat-head h3{font-size:20px}
    .menu-toolbar-inner{justify-content:space-between;flex-wrap:wrap}
    .menu-search-wrap{max-width:none;width:100%}
    .menu-items-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
    .menu-item-card{max-width:180px}
    .mi-card-name,.mi-card-price{font-size:13px}
}
/* ===== زر التواصل في الهيدر ===== */
.nav-buttons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header-contact-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--secondary) !important;
  color: #1F2A24 !important;
  border: none;
  padding: 10px 18px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}
.header-contact-btn:hover { filter: brightness(1.06); }
/* كبسة تواصل معنا العائمة */
.floating-contact-btn{
    position:fixed;
    bottom:25px;
    left:25px;
    z-index:997;
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:var(--secondary);
    color:#1F2A24;
    padding:12px 20px;
    border-radius:999px;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    box-shadow:0 6px 18px rgba(0,0,0,.2);
    transition:background .15s ease;
}

.floating-contact-btn:hover{
    background:var(--secondary-dark);
    color:#1F2A24;
}
/* ===== محتوى نافذة تواصل معنا ===== */
.contact-quick-body{
    text-align:center;
}

.contact-quick-body h3{
    color:var(--secondary-dark);
    margin-bottom:18px;
    font-size:22px;
}

.contact-quick-line{
    margin:8px 0;
    font-size:15px;
    color:var(--muted);
}

.contact-quick-phone{
    display:inline-block;
    margin:14px 0;
    background:var(--secondary);
    color:#1F2A24;
    padding:12px 24px;
    border-radius:999px;
    font-size:16px;
    font-weight:800;
    transition:background .2s ease;
}

.contact-quick-phone:hover{
    background:var(--secondary-dark);
    color:#1F2A24;
}
/* ===== شبكة قنوات التواصل ===== */
.channels-section{
    margin-top:30px;
}

.channels-section .section-header{
    text-align:right;
    margin-bottom:24px;
}

.channels-section .section-header h2{
    font-size:26px;
    margin:6px 0 0;
}

.channels-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
    gap:14px;
}

.channel-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    background:var(--card);
    border-radius:16px;
    padding:22px 14px;
    color:var(--text);
    transition:transform .2s ease, box-shadow .2s ease;
    box-shadow:var(--shadow);
    border:1px solid var(--border);
}

.channel-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.15);
    border-color:var(--secondary);
}

.channel-icon{
    font-size:32px;
}

.channel-icon-svg{
    display:block;
    width:32px;
    height:32px;
}
.channel-logo{
    width:42px;
    height:42px;
    display:block;
}

.channel-label{
    font-size:14px;
    font-weight:700;
}

.channel-card.call .channel-icon{
    color:var(--secondary-dark);
}

.channel-card.whatsapp .channel-icon-svg{
    color:#25D366;
}

.channel-card.instagram .channel-icon-svg{
    color:#d6249f;
}

.channel-card.facebook .channel-icon-svg{
    color:#1877F2;
}

.channel-card.location .channel-icon-svg{
    color:#e63946;
}

@media(max-width:480px){
    .channels-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
.subpage-header{
    padding:16px 0;
}

.menu-subpage-header h2{
    font-size:26px;
}
body.no-scroll{
    overflow:hidden;
}
@media(max-width:768px){

    /* تصغير ارتفاع شريط اللوجو على الموبايل */
    :root{
        --brand-bar-height:110px;
    }

    /* تقليل الفراغ فوق الأصناف بصفحة المنيو */
    .menu-cat-section{
        margin:20px 0;
    }

    .menu-cat-section:first-child{
        margin-top:10px;
    }

    /* تقليل الفراغ فوق ترويسة المنيو */
    .menu-subpage-header{
        padding:12px 0;
    }
}