:root{
  --line:#d9cfb8;
  --text:#161616;
  --muted:#3d3a3b;
  --primary:#b9a779;
  --primary-dark:#988561;
  --bg:#edebe0;
  --card:#ffffff;
  --accent:#6b1f2a;
  --danger:#a61e4d;
  --ok:#1f7a1f;
}

.site-header{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(246,248,251,.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.site-header .topbar{display:flex;justify-content:space-between;align-items:center;min-height:72px;gap:10px}
.site-header .brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-weight:900;font-size:20px}
.site-header .brand span{color:var(--primary)}
.site-header .brand img{height:34px;width:auto;display:block}
.site-header .head-actions{display:flex;align-items:center;gap:10px}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:11px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark)}
.btn-light{background:#fff;color:var(--text);border-color:var(--line)}
.site-header .menu-toggle{width:44px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;display:inline-flex;flex-direction:column;justify-content:center;gap:5px;padding:0 10px;cursor:pointer}
.site-header .menu-toggle span{display:block;height:2px;background:#333;border-radius:999px}
.site-header .mobile-menu{display:none;position:absolute;top:calc(100% + 8px);right:20px;left:auto;width:max-content;max-width:calc(100vw - 40px);border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 14px 28px rgba(0,0,0,.12);z-index:60}
.site-header .mobile-menu.open{display:block}
.site-header .mobile-menu-inner{display:grid;gap:2px;padding:10px}
.site-header .mobile-menu-inner a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text);font-weight:700;white-space:nowrap}
.site-header .mobile-menu-inner a:hover{background:#f6f1e4}

.site-footer{border-top:1px solid var(--line);background:rgba(246,248,251,.9);backdrop-filter:blur(8px);padding:5px;text-align:center;font-weight:900}
.site-footer .wrap{padding-top:14px;padding-bottom:18px;color:var(--muted);font-size:14px}

@media(max-width:640px){
  .site-header .brand img{height:30px}
  .site-header .head-actions .btn{padding:9px 11px;font-size:12px}
  .site-header .menu-toggle{width:40px;height:36px}
  .site-header .mobile-menu{right:10px;max-width:calc(100vw - 20px)}
}

/* Page-specific sections (single stylesheet) */

/* ===== home ===== */
body.page-home *{box-sizing:border-box}
    body.page-home{margin:0;font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}
    body.page-home .wrap{margin:0 auto;padding:0 20px}

    body.page-home .hero{padding:56px 0 24px}
    body.page-home .hero-box{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}
    body.page-home .panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}
    body.page-home .kicker{display:inline-block;background:#efe6d2;color:#6b1f2a;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800;margin-bottom:10px}
    body.page-home h1{margin:0;font-size:44px;line-height:1.2}
    body.page-home .sub{color:var(--muted);font-size:18px;line-height:1.8;margin:14px 0 18px}
    body.page-home .cta{display:flex;gap:10px;flex-wrap:wrap}

    body.page-home .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
    body.page-home .stat{background:#f6f1e4;border:1px solid var(--line);border-radius:12px;padding:12px}
    body.page-home .stat b{display:block;font-size:22px}
    body.page-home .stat span{font-size:13px;color:var(--muted)}

    body.page-home .mock{height:100%;display:flex;flex-direction:column;gap:10px}
    body.page-home .mock-card{background:#f6f1e4;border:1px solid var(--line);border-radius:12px;padding:12px}
    body.page-home .mock-title{font-weight:800;margin-bottom:8px}
    body.page-home .mock-line{height:10px;border-radius:999px;background:#cbd5e1;margin:7px 0}
    body.page-home .mock-line.w70{width:70%}body.page-home .mock-line.w45{width:45%}body.page-home .mock-line.w85{width:85%}

    body.page-home section{padding:14px 0}
    body.page-home .sec-title{font-size:30px;font-weight:900;margin:0 0 8px}
    body.page-home .sec-sub{color:var(--muted);margin:0 0 16px}

    body.page-home .features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    body.page-home .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
    body.page-home .card h3{margin:0 0 8px;font-size:19px}
    body.page-home .card p{margin:0;color:var(--muted);line-height:1.7}

    body.page-home .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    body.page-home .step-num{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#efe6d2;color:#6b1f2a;font-weight:900;margin-bottom:8px}

    body.page-home .faq-list{display:grid;gap:10px}
    body.page-home .faq-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}
    body.page-home .faq-item h3{margin:0 0 6px;font-size:18px}
    body.page-home .faq-item p{margin:0;color:var(--muted);line-height:1.8}

    body.page-home .final{margin:24px 0 40px;background:linear-gradient(135deg,#b9a779,#988561);color:#fff;border-radius:18px;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
    body.page-home .final h2{margin:0 0 6px;font-size:30px}
    body.page-home .final p{margin:0;color:#eae7ff}
    body.page-home .final .btn-light{border-color:transparent}

    body.page-home footer{border-top:1px solid var(--line);padding:18px 0 28px;color:var(--muted);font-size:14px}

    @media(max-width:980px){
      body.page-home h1{font-size:34px}
      body.page-home .hero-box{grid-template-columns:1fr}
      body.page-home .features, body.page-home .steps{grid-template-columns:1fr 1fr}
    }
    @media(max-width:640px){
      body.page-home .features, body.page-home .steps, body.page-home .stats{grid-template-columns:1fr}
      body.page-home .sec-title{font-size:24px}
      
    }

/* ===== faq ===== */
body.page-faq *{box-sizing:border-box}
    body.page-faq{margin:0;font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}
    body.page-faq .wrap{margin:0 auto;padding:0 20px}
    body.page-faq main{padding:28px 0 40px}
    body.page-faq h1{margin:0 0 12px;font-size:36px}
    body.page-faq .lead{color:var(--muted);line-height:1.9;margin:0 0 16px}
    body.page-faq .faq-list{display:grid;gap:10px}
    body.page-faq .faq-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
    body.page-faq .faq-item h2{margin:0 0 8px;font-size:21px}
    body.page-faq .faq-item p{margin:0;color:var(--muted);line-height:1.9}

/* ===== features ===== */
body.page-features *{box-sizing:border-box}
    body.page-features{margin:0;font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}
    body.page-features .wrap{margin:0 auto;padding:0 20px}
    body.page-features main{padding:28px 0 40px}
    body.page-features h1{margin:0 0 12px;font-size:36px}
    body.page-features .lead{color:var(--muted);line-height:1.9;margin:0 0 16px}
    body.page-features .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    body.page-features .card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
    body.page-features .card h2{margin:0 0 8px;font-size:21px}
    body.page-features .card p{margin:0;color:var(--muted);line-height:1.9}
    @media(max-width:900px){body.page-features .grid{grid-template-columns:1fr}}

/* ===== create-online-store-syria ===== */
body.page-create-online-store-syria *{box-sizing:border-box}
    body.page-create-online-store-syria{margin:0;font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}
    body.page-create-online-store-syria .wrap{margin:0 auto;padding:0 20px}
    body.page-create-online-store-syria main{padding:28px 0 40px}
    body.page-create-online-store-syria h1{margin:0 0 10px;font-size:36px}
    body.page-create-online-store-syria h2{margin:0 0 8px;font-size:27px}
    body.page-create-online-store-syria .lead{color:var(--muted);line-height:1.9;margin:0 0 16px}
    body.page-create-online-store-syria .section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px}
    body.page-create-online-store-syria .section p{margin:0;color:var(--muted);line-height:1.9}
    body.page-create-online-store-syria .faq-list{display:grid;gap:10px}
    body.page-create-online-store-syria .faq-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}
    body.page-create-online-store-syria .faq-item h3{margin:0 0 6px;font-size:20px}
    body.page-create-online-store-syria .faq-item p{margin:0;color:var(--muted);line-height:1.8}

/* ===== pricing ===== */
body.page-pricing *{box-sizing:border-box}
    body.page-pricing{margin:0;font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}
    body.page-pricing .wrap{margin:0 auto;padding:0 20px}
    body.page-pricing main{padding:28px 0 40px}
    body.page-pricing h1{margin:0 0 10px;font-size:36px}
    body.page-pricing h2{margin:0 0 8px;font-size:26px}
    body.page-pricing .lead{color:var(--muted);line-height:1.9;margin:0 0 16px}
    body.page-pricing .note{background:#f6f1e4;border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--text);line-height:1.8;margin:0 0 12px}
    body.page-pricing .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    body.page-pricing .plan{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:10px}
    body.page-pricing .price{font-size:32px;font-weight:900;color:var(--primary-dark)}
    body.page-pricing .sub{color:var(--muted)}
    body.page-pricing .ul{margin:0;padding-right:18px;color:var(--muted);line-height:1.9}
    body.page-pricing .section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:12px}
    body.page-pricing .faq-list{display:grid;gap:10px}
    body.page-pricing .faq-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}
    body.page-pricing .faq-item h3{margin:0 0 6px;font-size:20px}
    body.page-pricing .faq-item p{margin:0;color:var(--muted);line-height:1.8}
    @media(max-width:980px){body.page-pricing .plans{grid-template-columns:1fr}}

/* ===== contact ===== */
body.page-contact *{box-sizing:border-box}
    body.page-contact{margin:0;font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}
    body.page-contact .wrap{margin:0 auto;padding:0 20px}
    body.page-contact main{padding:28px 0 40px}
    body.page-contact .content{width:100%;max-width:none;margin:0}
    body.page-contact .legal-wrap{padding:20px;line-height:1.9}
    body.page-contact h1{margin:0 0 10px;font-size:36px}
    body.page-contact .lead{color:var(--muted);line-height:1.9;margin:0 0 16px}
    body.page-contact .card{width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:5px}
    body.page-contact .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    body.page-contact .field{display:grid;gap:6px;margin-bottom:12px}
    body.page-contact label{font-weight:800}
    body.page-contact input, body.page-contact textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;background:#fff;color:var(--text)}
    body.page-contact textarea{min-height:140px;resize:vertical}
    body.page-contact .alert{border-radius:10px;padding:10px 12px;margin-bottom:12px;border:1px solid}
    body.page-contact .alert-ok{background:#ecfaec;border-color:#b7e5b7;color:var(--ok)}
    body.page-contact .alert-err{background:#fff1f5;border-color:#f6c7d7;color:var(--danger)}
    body.page-contact .helper-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
    @media(max-width:840px){body.page-contact .grid{grid-template-columns:1fr}}

/* ===== contact-thank-you ===== */
body.page-contact-thank-you *{box-sizing:border-box}
    body.page-contact-thank-you{margin:0;font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}
    body.page-contact-thank-you .wrap{margin:0 auto;padding:0 20px}
    body.page-contact-thank-you main{padding:30px 0 40px}
    body.page-contact-thank-you .card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}
    body.page-contact-thank-you h1{margin:0 0 10px;font-size:34px}
    body.page-contact-thank-you p{margin:0 0 14px;color:var(--muted);line-height:1.9}
    body.page-contact-thank-you .actions{display:flex;gap:8px;flex-wrap:wrap}