/* نمط مشترك لصفحات المحتوى الثابت (سياسات، من نحن، اتصال) — مقتبس من نفس متغيرات
   ونمط index.html وproduct.html وshop.html، لكن بلا تكرار الـ 230 سطرًا في كل صفحة
   لأن هذه الصفحات لا تحتاج شبكة منتجات ولا سلة تسوّق، بل محتوى نصي فقط. */
:root{
  --plaster:#EAE6DE; --plaster-deep:#DFDACF; --paper:#F8F6F1;
  --ink:#1E1C19; --ink-soft:#5B5449;
  --verdigris:#3E5C50; --verdigris-deep:#2E453B;
  --clay:#A99885; --clay-deep:#8C7A64;
  --line: rgba(30,28,25,0.1);
  --ease: cubic-bezier(0.32,0.72,0,1);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--plaster); color:var(--ink); font-family:'IBM Plex Sans Arabic','IBM Plex Sans',sans-serif; font-weight:400; line-height:1.7; overflow-x:hidden; -webkit-font-smoothing:antialiased;}
h1,h2,h3,.font-display{font-family:'IBM Plex Sans Arabic',sans-serif; font-weight:700;}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer; border:none; background:none; color:inherit;}
img,svg{display:block; max-width:100%;}
.container{max-width:900px; margin-inline:auto; padding-inline:1.75rem;}
.hidden{display:none !important;}
:focus-visible{outline:2px solid var(--verdigris); outline-offset:3px; border-radius:4px;}
footer[id]{scroll-margin-top:6.5rem;}

.grain{position:fixed; inset:0; z-index:30; pointer-events:none; opacity:0.035; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

.nav-wrap{position:fixed; top:0; inset-inline:0; z-index:50; display:flex; justify-content:center; padding-top:1.4rem; pointer-events:none;}
.nav-pill{pointer-events:auto; width:min(94%,920px); display:flex; align-items:center; justify-content:space-between; background:rgba(248,246,241,0.72); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(30,28,25,0.08); border-radius:999px; padding:0.65rem 0.65rem 0.65rem 1.5rem; box-shadow:0 8px 30px rgba(30,28,25,0.06);}
.nav-brand{font-family:'IBM Plex Sans',sans-serif; font-size:1.05rem; font-weight:700; letter-spacing:0.14em; color:var(--verdigris-deep);}
.nav-links{display:flex; align-items:center; gap:1.8rem; font-size:0.92rem; color:var(--ink-soft);}
.nav-links a{transition:color .35s var(--ease);}
.nav-links a:hover{color:var(--verdigris);}
.hamburger{display:none; width:2.4rem; height:2.4rem; border-radius:999px; align-items:center; justify-content:center; position:relative;}
.hamburger span{position:absolute; width:16px; height:1.5px; background:var(--ink); transition:transform .5s var(--ease);}
.hamburger span:first-child{transform:translateY(-4px);}
.hamburger span:last-child{transform:translateY(4px);}
.hamburger.open span:first-child{transform:rotate(45deg);}
.hamburger.open span:last-child{transform:rotate(-45deg);}
.mobile-menu{position:fixed; inset:0; z-index:60; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2.2rem; background:rgba(234,230,222,0.92); backdrop-filter:blur(30px); opacity:0; pointer-events:none; transition:opacity .5s var(--ease);}
.mobile-menu.open{opacity:1; pointer-events:auto;}
.mobile-menu a{font-family:'IBM Plex Sans Arabic',sans-serif; font-weight:600; font-size:1.7rem; opacity:0; transform:translateY(3rem); transition:opacity .6s var(--ease), transform .6s var(--ease);}
.mobile-menu.open a{opacity:1; transform:translateY(0);}
.mobile-menu.open a:nth-child(1){transition-delay:.1s;} .mobile-menu.open a:nth-child(2){transition-delay:.16s;} .mobile-menu.open a:nth-child(3){transition-delay:.22s;} .mobile-menu.open a:nth-child(4){transition-delay:.28s;}

@media(max-width:768px){ .nav-links{display:none;} .hamburger{display:flex;} }

.policy-main{padding-top:9rem; padding-bottom:5rem;}
.policy-back{display:inline-flex; align-items:center; gap:0.5rem; font-size:0.85rem; color:var(--ink-soft); margin-bottom:2rem; transition:color .3s var(--ease);}
.policy-back:hover{color:var(--verdigris-deep);}
.policy-eyebrow{display:inline-flex; align-items:center; gap:0.5rem; border-radius:999px; padding:0.4rem 0.9rem; font-size:0.7rem; background:rgba(62,92,80,0.08); color:var(--verdigris-deep); font-weight:600; margin-bottom:1.2rem;}
.policy-eyebrow::before{content:''; width:5px; height:5px; border-radius:999px; background:var(--verdigris);}
.policy-main h1{font-size:clamp(1.9rem,3.6vw,2.6rem); margin-bottom:0.5rem;}
.policy-updated{color:var(--ink-soft); font-size:0.85rem; margin-bottom:2.6rem;}
.policy-body h2{font-size:1.25rem; margin-top:2.2rem; margin-bottom:0.8rem;}
.policy-body p{color:var(--ink-soft); font-size:0.98rem; margin-bottom:1rem;}
.policy-body ul, .policy-body ol{color:var(--ink-soft); font-size:0.98rem; margin:0 0 1rem; padding-inline-start:1.4rem;}
.policy-body li{margin-bottom:0.5rem;}
.policy-body strong{color:var(--ink); font-weight:600;}
.policy-note{background:var(--plaster-deep); border-radius:1rem; padding:1rem 1.3rem; font-size:0.9rem; color:var(--ink-soft); margin:1.6rem 0;}
.policy-contact-row{display:flex; flex-wrap:wrap; gap:0.9rem; margin-top:2.4rem;}
.btn-whatsapp{display:inline-flex; align-items:center; justify-content:center; gap:0.6rem; background:#25D366; color:#fff; border-radius:999px; padding:0.7rem 1.5rem; font-size:0.92rem; font-weight:500; transition:transform .5s var(--ease), background .4s var(--ease);}
.btn-whatsapp:hover{background:#1DA851; transform:translateY(-2px);}
.contact-info-grid{display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; margin-top:1.6rem;}
.contact-info-card{background:var(--paper); border:1px solid rgba(30,28,25,0.07); border-radius:1.2rem; padding:1.4rem;}
.contact-info-card h3{font-size:0.95rem; margin-bottom:0.4rem;}
.contact-info-card p{color:var(--ink-soft); font-size:0.9rem; margin:0;}
.contact-info-card a{color:var(--verdigris-deep); font-weight:500;}
@media(max-width:640px){ .contact-info-grid{grid-template-columns:1fr;} }

footer{padding-block:4rem 2.5rem;}
.footer-top{display:flex; justify-content:space-between; align-items:flex-start; gap:2rem; flex-wrap:wrap; padding-bottom:3rem; border-bottom:1px solid var(--line); margin-bottom:2rem;}
.footer-brand h3{font-size:1.4rem; margin-bottom:0.6rem;}
.footer-brand p{color:var(--ink-soft); font-size:0.9rem; max-width:18rem;}
.footer-links{display:flex; gap:3.5rem; flex-wrap:wrap;}
.footer-col h4{font-size:0.75rem; color:var(--ink-soft); margin-bottom:0.9rem;}
.footer-col a{display:block; font-size:0.9rem; margin-bottom:0.6rem; color:var(--ink); transition:color .35s var(--ease);}
.footer-col a:hover{color:var(--verdigris);}
.footer-bottom{display:flex; justify-content:space-between; font-size:0.8rem; color:var(--ink-soft); flex-wrap:wrap; gap:0.6rem;}
@media(max-width:768px){ .footer-top{flex-direction:column;} }

@media(prefers-reduced-motion:reduce){*{animation:none !important; transition:none !important;}}