/* Wecommerce for Trade — home page layout */

.menu-toggle{display:none; background:none; border:none; font-size:1.4rem; cursor:pointer; color:var(--text);}
nav.links{display:flex; gap:28px; align-items:center;}
nav.links a{text-decoration:none; font-size:.92rem; color:var(--text); border-bottom:1px solid transparent; padding-bottom:2px;}
nav.links a:hover{border-color:var(--secondary);}

/* Masthead */
.masthead{padding:64px 0 56px; border-bottom:1px solid var(--line);}
.mast-grid{display:grid; grid-template-columns:1.6fr 1fr; gap:48px; align-items:end;}
.eyebrow{font-size:.8rem; color:var(--secondary); font-weight:600; margin:0 0 16px;}
h1.title{font-size:clamp(2.2rem, 4.4vw, 3.4rem); margin:0 0 14px;}
.slogan{font-size:1.05rem; color:var(--primary); font-weight:600; margin:0 0 18px;}
.lede{max-width:52ch; color:var(--muted); font-size:1.02rem; margin:0;}

.seal{border:1px solid var(--text); padding:22px 24px; font-size:.86rem; background:var(--surface);}
.seal dl{margin:0; display:grid; grid-template-columns:auto 1fr; gap:6px 14px;}
.seal dt{color:var(--muted);}
.seal dd{margin:0; font-weight:600;}
.seal .seal-title{font-size:.72rem; letter-spacing:.05em; color:var(--muted); margin:0 0 12px; padding-bottom:10px; border-bottom:1px solid var(--line);}

/* Section shell */
section{padding:64px 0;}
section + section{border-top:1px solid var(--line);}
.section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:36px;}
h2.title{font-size:1.7rem; margin:0;}
.section-note{color:var(--muted); font-size:.94rem; max-width:34ch; margin:0;}

/* Activities — editorial list */
.entry{display:grid; grid-template-columns:56px 1fr; gap:20px; padding:26px 0; border-top:1px solid var(--line);}
.entry:last-child{border-bottom:1px solid var(--line);}
.mono-mark{width:44px; height:44px; border:1px solid var(--text); border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Fraunces',serif; font-size:1.1rem;}
body.lang-ar .mono-mark{font-family:'Markazi Text',serif;}
.entry h3{margin:0 0 6px; font-size:1.12rem; font-family:'Inter',sans-serif; font-weight:600;}
body.lang-ar .entry h3{font-family:'IBM Plex Sans Arabic',sans-serif;}
.entry p{margin:0; color:var(--muted); max-width:62ch;}

/* Brands */
.brand-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--line); border-left:1px solid var(--line);}
body.lang-ar .brand-grid{border-left:none; border-right:1px solid var(--line);}
.brand{padding:30px 26px; border-right:1px solid var(--line); border-bottom:1px solid var(--line);}
body.lang-ar .brand{border-right:none; border-left:1px solid var(--line);}
.brand h3{margin:0 0 8px; font-size:1.05rem;}
.brand p{margin:0 0 14px; color:var(--muted); font-size:.94rem;}
.brand a.link{font-size:.88rem; text-decoration:none; border-bottom:1px solid var(--secondary); padding-bottom:1px;}
.tag{display:inline-block; font-size:.7rem; letter-spacing:.03em; color:var(--secondary); border:1px solid var(--secondary); border-radius:999px; padding:3px 10px; margin-bottom:12px;}

/* Contact */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:48px;}
.contact-list{list-style:none; margin:0; padding:0;}
.contact-list li{padding:16px 0; border-top:1px solid var(--line); display:flex; gap:16px;}
.contact-list li:last-child{border-bottom:1px solid var(--line);}
.contact-list .k{width:120px; flex-shrink:0; color:var(--muted); font-size:.86rem;}
.contact-list .v{font-weight:600;}
.contact-list a.v{text-decoration:none;}
.contact-list a.v:hover{color:var(--secondary);}
.compliance-note{color:var(--muted); font-size:.92rem; max-width:44ch;}

/* Footer */
footer.site-footer{background:var(--surface); border-top:1px solid var(--line); padding:44px 0 28px;}
.foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:32px; margin-bottom:36px;}
.foot-legal{font-size:.85rem; color:var(--muted); line-height:1.9;}
.foot-legal strong{color:var(--text);}
.foot-col h4{font-size:.78rem; letter-spacing:.03em; color:var(--muted); margin:0 0 14px; font-weight:600;}
.foot-col ul{list-style:none; margin:0; padding:0;}
.foot-col li{margin-bottom:9px;}
.foot-col a{text-decoration:none; font-size:.92rem;}
.foot-col a:hover{color:var(--secondary);}

@media (max-width:860px){
  .mast-grid{grid-template-columns:1fr;}
  .brand-grid{grid-template-columns:1fr;}
  .brand{border-right:none !important; border-left:none !important;}
  .contact-grid{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr; gap:24px;}
  nav.links{
    position:fixed; inset:0 0 auto auto; top:64px; right:0; left:0;
    background:#fff; flex-direction:column; align-items:flex-start;
    padding:20px 28px; border-bottom:1px solid var(--line);
    display:none;
  }
  nav.links.open{display:flex;}
  .menu-toggle{display:block;}
}