/* The site's header and footer on pages whose own stylesheet came without them (about, blog, contact, privacy, terms, 404).
   The rules are the shop page's, scoped to header, footer and the promo bar so nothing else on these pages changes.
   Added 2026-10-09: these pages came from Odoo, where the header and footer were supplied by Odoo's layout. */
.promo-bar{background:#324427; color:#FFFFFF; text-align:center; font-size:.78rem; line-height:1.65; padding:9px 12px; font-family:'IBM Plex Sans Arabic', sans-serif;}
header, footer{font-family:'IBM Plex Sans Arabic', sans-serif; line-height:1.65; color:#22271B;}
header *, footer *{box-sizing:border-box;}
header a, footer a{color:inherit; text-decoration:none;}
header ul, footer ul{list-style:none; margin:0; padding:0;}
header button{font-family:inherit; cursor:pointer; border:none; background:none; padding:0;}
header .wrap, footer .wrap{max-width:1280px; margin:0 auto; padding:0 28px;}
header{position:sticky; top:0; z-index:100; background:rgba(251,249,242,.94); backdrop-filter:blur(8px); border-bottom:1px solid #DAD2B8;}
header .nav-row{display:flex; align-items:center; justify-content:space-between; padding:18px 0; gap:20px;}
header .logo{font-size:1.35rem; font-weight:700;}
header .logo span{color:#324427;}
header nav.primary ul{display:flex; gap:32px; font-size:.92rem; font-weight:500;}
header nav.primary a:hover{color:#324427;}
header .nav-actions{display:flex; align-items:center; gap:20px; padding-inline-end:10px;}
header .icon-btn{width:20px; height:20px; position:relative; display:flex; align-items:center; justify-content:center;}
header .icon-btn svg{width:19px; height:19px; stroke:#22271B; fill:none; stroke-width:1.6;}
header .cart-count{position:absolute; top:-8px; left:-9px; background:#324427; color:#FFFFFF; font-size:.6rem; font-weight:700; width:15px; height:15px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
footer{background:#E8DFC7; border-top:1px solid #DAD2B8; padding-top:56px; margin-top:20px;}
footer h5{margin:0;}
footer p{margin:0;}
footer .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:36px; padding-bottom:44px; border-bottom:1px solid #DAD2B8;}
footer .logo{font-size:1.35rem; font-weight:700;}
footer .logo span{color:#324427;}
footer .footer-brand p{font-size:.85rem; color:#5F6354; max-width:280px; margin:14px 0 20px; font-weight:300;}
footer .footer-social{display:flex; gap:14px;}
footer .footer-social a svg, footer .footer-social span svg{width:17px; height:17px; stroke:#5F6354; fill:none; stroke-width:1.6;}
footer .footer-social a:hover svg{stroke:#324427;}
footer .footer-col h5{font-size:.82rem; font-weight:700; margin-bottom:16px;}
footer .footer-col ul li{margin-bottom:10px;}
footer .footer-col a, footer .footer-col span{font-size:.85rem; color:#5F6354;}
footer .footer-col a:hover{color:#324427;}
footer .tel-num{direction:ltr; unicode-bidi:isolate; display:inline-block;}
footer .footer-bottom{display:flex; align-items:center; justify-content:space-between; padding:20px 0 32px; font-size:.78rem; color:#5F6354; flex-wrap:wrap; gap:10px;}
@media (max-width:980px){ header nav.primary{display:none;} }
@media (max-width:900px){ footer .footer-grid{grid-template-columns:1fr 1fr; gap:30px;} }
@media (max-width:560px){ footer .footer-grid{grid-template-columns:1fr;} }