/* Print & Pack Solution — shared stylesheet (linked by every page) */
:root{
    --ink:#1A1A1A; 
    --red:#C0142A; 
    --red-dark:#8C0E1F; 
    --black:#111111;
    --bg:#F7F7F8; 
    --panel:#FFFFFF; 
    --line:#E9E7E7; 
    --muted:#6B6E72;
    --radius:16px; 
    --radius-sm:10px; 
    --maxw:1200px;
    --shadow:0 10px 30px rgba(17,17,17,0.07); 
    --shadow-sm:0 4px 14px rgba(17,17,17,0.06);
  }
*{box-sizing:border-box;}
body{margin:0; background:var(--bg); color:var(--ink); font-family:'Inter',-apple-system,sans-serif; font-size:16px; line-height:1.6;}
h1,h2,h3,h4{font-family:'Poppins',sans-serif; font-weight:700; margin:0; color:var(--black); line-height:1.2;}
a{color:inherit;}
img{max-width:100%; display:block;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}
body{
    background-image: url(../img/background5.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
  }
/* ---------- Header ---------- */
header{position:sticky; top:0; z-index:50; background:#fff; box-shadow:var(--shadow-sm);}
.topbar{display:flex; align-items:center; justify-content:space-between; padding:20px 28px 10px; max-width:var(--maxw); margin:0 auto;}
.logo-img{width:600px; height: fit-content;}
nav.nav-links{display:flex; gap:30px; padding-right:30px;}
nav.nav-links a{text-decoration:none; font-size:.92rem; font-weight:600; color:var(--ink);}
nav.nav-links a:hover{color:var(--red);}
.btn{display:inline-flex; align-items:center; gap:8px; background:var(--red); color:#fff; text-decoration:none; padding:12px 24px; font-size:.9rem; font-weight:600; border:none; border-radius:100px; cursor:pointer;}
.btn:hover{background:var(--red-dark);}
.btn.outline{background:#fff; color:var(--ink); border:1.5px solid var(--black);}
.btn.outline:hover{border-color:var(--red); color:var(--red);}
.menu-toggle{display:none; background:none; border:none; cursor:pointer;}

@media (max-width:900px) {
  nav.nav-links{display:none;}
  .menu-toggle{display:block;}
}
/* ---------- Footer ---------- */
footer{background:#000000; padding:30px 0 28px;}
.foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1.1fr 1.5fr; gap:45px; padding-bottom:32px; border-bottom:1px solid var(--line);}
.brand-name{color:#fff;}
footer h5{color:#fff; font-size:.82rem; text-transform:uppercase; letter-spacing:.04em; margin-bottom:16px; font-family:'Poppins',sans-serif; font-weight:700;}
footer p{font-size:.9rem; color:var(--muted); max-width:32ch; margin-top:14px;}
footer ul{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px;}
footer a{text-decoration:none; font-size:.9rem; color:var(--muted);}
footer a:hover{color:var(--red);}
.foot-bottom{display:flex; justify-content:space-between; padding-top:22px; font-size:.82rem; color:#9A9A9A; flex-wrap:wrap; gap:10px;}
.foot-contact{gap:14px !important;}
.foot-contact li{display:flex; align-items:center; gap:10px;}
.foot-contact .ic{width:16px; height:16px; flex-shrink:0; display:flex; align-items:center; justify-content:center;}
.foot-contact .ic svg{width:15px; height:15px; stroke:var(--red); fill:none;}
.foot-contact .ic svg.filled{fill:var(--red); stroke:none;}
.foot-contact a:hover{color:#fff;}
.foot-map{border-radius:var(--radius-sm); overflow:hidden; border:1px solid rgba(255,255,255,.14); aspect-ratio:16/11;}
.foot-map iframe{width:350px; height:100%; border:0; filter:grayscale(.15);}

@media (max-width:900px) {
  .foot-grid{grid-template-columns:1fr 1fr; gap:28px;}
}

@media (max-width:700px) {
  .foot-grid{grid-template-columns:1fr; gap:28px;}
}