/* A.C. Carrier — shared site styles, matched to the live app's branding */
:root{
  --black:#0d0d0d;
  --red:#b3272d;
  --red-dark:#7d1c20;
  --blue-btn:#2f8ce0;
  --blue-btn-dark:#1f6fb8;
  --footer-blue:#1c3f72;
  --ink:#1c2733;
  --slate:#5a6b7a;
  --line:#e2e5e9;
  --paper:#f4f5f6;
  --card:#eef0f2;
  --white:#ffffff;
  --radius:10px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.6;
}

a{color:var(--red);}
a:hover{color:var(--red-dark);}

header.site-header{
  background:var(--black);
  color:var(--white);
}
.header-inner{
  max-width:1100px;
  margin:0 auto;
  padding:14px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:var(--white);
}
.brand-icon{
  height:40px;
  width:auto;
  display:block;
  flex-shrink:0;
}
.brand-word{
  font-family:'Lobster', 'Brush Script MT', 'Segoe Script', cursive;
  font-size:26px;
  font-weight:400;
  color:#fdf6ec;
  white-space:nowrap;
  line-height:1;
  text-shadow:0 0 8px rgba(255,140,40,0.55), 0 0 2px rgba(255,255,255,0.6);
}
nav.site-nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
}
nav.site-nav a{
  color:var(--white);
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  padding:8px 14px;
  border-radius:6px;
}
nav.site-nav a:hover{background:#232323;}
nav.site-nav a.active{
  background:var(--blue-btn);
  color:var(--white);
}
nav.site-nav a.pay{
  background:var(--red);
}
nav.site-nav a.pay:hover{background:var(--red-dark);}
nav.site-nav a.track-btn{
  border:1px solid var(--blue-btn);
  color:var(--blue-btn);
  margin-left:6px;
}
nav.site-nav a.track-btn:hover{
  background:var(--blue-btn);
  color:var(--white);
}
nav.site-nav a.login-btn{
  background:var(--white);
  color:var(--black);
  font-weight:800;
  margin-left:6px;
  box-shadow:0 0 0 1px rgba(255,255,255,0.4);
}
nav.site-nav a.login-btn:hover{
  background:var(--blue-btn);
  color:var(--white);
  box-shadow:none;
}

main{
  max-width:880px;
  margin:0 auto;
  padding:44px 24px 64px;
}

.eyebrow{
  color:var(--red);
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:12px;
  font-weight:700;
  margin:0 0 10px;
}
h1{
  font-size:32px;
  margin:0 0 18px;
  color:var(--black);
}
h2{
  font-size:20px;
  margin:36px 0 12px;
  color:var(--black);
  border-bottom:1px solid var(--line);
  padding-bottom:8px;
}
h3{font-size:16px;margin:20px 0 8px;color:var(--black);}
p{margin:0 0 14px;color:var(--ink);}
ul,ol{margin:0 0 14px;padding-left:22px;}
li{margin-bottom:6px;}
.lede{font-size:17px;color:var(--slate);}

.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:22px 24px;
  margin:0 0 18px;
}
.grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
@media (max-width:640px){
  .grid-2{grid-template-columns:1fr;}
  h1{font-size:26px;}
}

.contact-row{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}
.contact-row .label{
  min-width:90px;
  font-weight:700;
  color:var(--red);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:0.5px;
}

table{width:100%;border-collapse:collapse;margin:0 0 16px;}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px;}
th{background:var(--black);color:var(--white);font-weight:600;}

/* Checkout page specifics */
.summary-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px;}
.summary-row.total{border-bottom:none;border-top:2px solid var(--black);margin-top:6px;padding-top:12px;font-size:17px;font-weight:800;color:var(--black);}
label{display:block;font-size:13px;font-weight:600;color:var(--black);margin:14px 0 6px;}
input[type=text],input[type=tel],input[type=email],input[type=number],select{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:6px;
  font-size:14px;
  font-family:inherit;
  background:var(--white);
}
input:focus,select:focus{outline:2px solid var(--blue-btn);outline-offset:1px;border-color:var(--blue-btn);}
.btn-pay{
  width:100%;
  background:linear-gradient(90deg, #1a1a1a 0%, var(--red-dark) 55%, var(--red) 100%);
  color:var(--white);
  border:none;
  border-radius:8px;
  padding:14px 20px;
  font-size:16px;
  font-weight:800;
  cursor:pointer;
  margin-top:18px;
  letter-spacing:0.3px;
}
.btn-pay:hover{opacity:0.92;}
.secure-note{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12.5px;
  color:var(--slate);
  margin-top:10px;
  justify-content:center;
}

footer.site-footer{
  background:var(--footer-blue);
  color:var(--white);
}
.footer-inner{
  max-width:1100px;
  margin:0 auto;
  padding:22px 24px;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 20px;
  font-size:13px;
  text-align:center;
}
.footer-links a{
  color:#dce8fa;
  text-decoration:none;
  margin-right:16px;
  font-weight:600;
}
.footer-links a:hover{color:var(--white);text-decoration:underline;}
.footer-inner .copyright{color:#c9d9ee;width:100%;text-align:center;}