/* Safety page styles (concept #2). Shared reset/vars live in base.css. */

header{background:var(--black);color:var(--cream);padding:22px 40px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;}
.logo{font-weight:800;font-size:26px;text-transform:uppercase;letter-spacing:-.5px;color:var(--cream);text-decoration:none;}
.logo em{font-style:italic;}
nav{display:flex;align-items:center;}
nav a{color:var(--cream);text-decoration:none;font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:1px;margin-left:28px;line-height:1;}
nav a:hover{color:var(--red);}
nav a.cta{background:var(--red);padding:9px 16px;}
nav a.cta:hover{background:#b5182f;color:var(--cream);}

/* Black hero band */
.safety-hero{background:var(--black);text-align:center;padding:64px 20px 56px;}
.safety-hero h1{font-family:'Anton',sans-serif;color:var(--red);font-size:clamp(36px,6vw,64px);text-transform:uppercase;line-height:.98;}
.safety-hero p{color:var(--cream);margin-top:14px;font-size:15.5px;}

/* Body */
.safety{max-width:980px;margin:0 auto;padding:56px 30px 90px;}
.safety-intro{font-size:17px;line-height:1.75;max-width:720px;margin:0 auto 48px;text-align:center;}

/* Four-cell process grid */
.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:3px solid var(--black);}
@media(max-width:640px){.safety-grid{grid-template-columns:1fr;}}
.safety-cell{padding:28px;border-top:3px solid var(--black);}
.safety-cell:nth-child(-n+2){border-top:none;}
.safety-cell:nth-child(odd){border-right:3px solid var(--black);}
@media(max-width:640px){
  .safety-cell:nth-child(2){border-top:3px solid var(--black);}
  .safety-cell:nth-child(odd){border-right:none;}
}
.safety-cell h4{font-family:'Anton',sans-serif;font-size:19px;text-transform:uppercase;margin-bottom:10px;}
.safety-cell h4 span{color:var(--red);}
.safety-cell p{font-size:14.5px;line-height:1.7;}
.safety-cell a{color:var(--red);font-weight:600;}

/* "Show this to your mum" letter */
.mum{background:var(--black);color:var(--cream);padding:44px 36px;margin-top:56px;}
.mum h2{font-family:'Anton',sans-serif;color:var(--red);font-size:clamp(26px,4vw,38px);text-transform:uppercase;line-height:1.05;margin-bottom:18px;}
.mum p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--cream);}
.mum-wa{display:inline-block;margin-top:10px;background:var(--red);color:var(--cream);text-decoration:none;font-weight:800;text-transform:uppercase;font-size:13.5px;letter-spacing:1px;padding:13px 22px;}
.mum-wa:hover{background:#b5182f;}

footer{background:var(--black);color:#8f8570;text-align:center;padding:40px;font-size:13px;}
footer .logo{font-size:24px;display:block;margin-bottom:12px;}
footer .foot-terms{color:#8f8570;}