:root{--olive:#676b45;--dark:#26291d;--cream:#f6f3e6;--tan:#d8d2bd;--ink:#171811}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink)}.top{background:var(--dark);color:#fff;text-align:center;padding:9px;font-size:13px;letter-spacing:.8px}.head{background:var(--olive);color:#fff;padding:22px 5%}.head h1{margin:0;font-family:Georgia,serif;font-size:38px}.head p{margin:5px 0 0}.nav{background:#3c402c;padding:10px 5%;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.nav a,.nav button{background:transparent;border:1px solid #d9d5c4;color:#fff;padding:8px 12px;text-decoration:none;cursor:pointer}.nav a:hover,.nav button:hover{background:#fff;color:#333}.hero{max-width:1180px;margin:24px auto;padding:0 20px}.hero h2{font-family:Georgia,serif;font-size:29px;margin-bottom:8px}.controls{max-width:1180px;margin:0 auto 20px;padding:0 20px;display:flex;gap:10px}.controls input{flex:1;padding:13px;border:1px solid #aaa;font-size:16px}.cartbtn,.add{background:var(--dark);color:#fff;border:0;padding:12px 16px;font-weight:bold;cursor:pointer}.grid{max-width:1180px;margin:auto;padding:0 20px 50px;display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.card{background:#fff;border:1px solid #c8c3b3;display:flex;flex-direction:column}.photo{height:205px;background:#e7e3d6;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo img{width:100%;height:100%;object-fit:contain}.info{padding:15px;display:flex;flex-direction:column;flex:1}.cat{font-size:11px;letter-spacing:1px;color:#676b45;font-weight:bold;text-transform:uppercase}.info h3{font-family:Georgia,serif;font-size:18px;line-height:1.2;margin:7px 0;flex:1}.price{font-size:23px;font-weight:bold;margin:8px 0}.actions{display:flex;gap:8px}.detail{border:1px solid #333;padding:11px;text-decoration:none;color:#222;font-weight:bold;text-align:center;flex:1}.drawer{position:fixed;right:-390px;top:0;width:min(390px,92vw);height:100%;background:#fff;z-index:20;padding:24px;box-shadow:-5px 0 20px #0005;transition:.25s;overflow:auto}.drawer.open{right:0}.cartrow{border-bottom:1px solid #ddd;padding:12px 0}.checkout{width:100%;background:var(--olive);color:#fff;border:0;padding:14px;font-weight:bold}.detailwrap{max-width:1050px;margin:35px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.detailimg{background:#fff;border:1px solid #c8c3b3;padding:20px}.detailimg img{width:100%;max-height:520px;object-fit:contain}.detailtext h2{font-family:Georgia,serif;font-size:31px}.bigprice{font-size:30px;font-weight:bold}.back{display:inline-block;margin-top:25px;color:#333}footer{background:var(--dark);color:#eee;padding:25px 5%;line-height:1.6}@media(max-width:700px){.head h1{font-size:29px}.detailwrap{grid-template-columns:1fr}.photo{height:190px}}

/* Approved M-Series header */
.approved-head{background:#f7f5ec;color:#171811;padding:12px 5%;display:flex;align-items:center;justify-content:center;gap:24px;min-height:230px}
.approved-head .brand-header{width:min(760px,72%);height:auto;display:block;object-fit:contain}
.approved-head .brand-jeep{width:min(290px,25%);height:auto;display:block;object-fit:contain}
@media(max-width:700px){.approved-head{padding:10px 14px;gap:10px;min-height:0}.approved-head .brand-header{width:72%}.approved-head .brand-jeep{width:26%}}

/* Header alignment fix: seamless cream background, larger Jeep, no white image boxes */
.approved-head{
  max-width:1180px;
  margin:0 auto;
  background:var(--cream);
  padding:14px 20px 12px;
  display:grid;
  grid-template-columns:minmax(0, 3fr) minmax(260px, 1.15fr);
  align-items:center;
  gap:18px;
  min-height:0;
}
.approved-head .brand-header{
  width:100%;
  max-width:none;
  height:auto;
  display:block;
}
.approved-head .brand-jeep{
  width:100%;
  max-width:360px;
  height:auto;
  justify-self:end;
  display:block;
}
@media(max-width:700px){
  .approved-head{grid-template-columns:minmax(0,2.2fr) minmax(105px,.9fr);gap:8px;padding:10px 12px}
  .approved-head .brand-header,.approved-head .brand-jeep{width:100%;max-width:none}
}

/* Center the complete branding header as one unit */
.approved-head{
  width:min(1000px,100%);
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:minmax(0, 3fr) minmax(220px, 1.05fr);
  justify-content:center;
}
@media(max-width:700px){
  .approved-head{width:100%;grid-template-columns:minmax(0,2.2fr) minmax(105px,.9fr)}
}

/* FINAL APPROVED STOREFRONT — 2026-09-18 */
:root{--olive:#7b8460;--dark:#626b4b;}
.top{background:#626b4b;color:#fff;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:18px;padding:8px 5%;font-family:Georgia,serif;font-weight:bold;font-size:14px;letter-spacing:.15px;line-height:1.15}
.top span:first-child{text-align:left}.top span:nth-child(2){text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:11px}.top span:last-child{text-align:right;font-size:22px;letter-spacing:1px}
.nav{background:#7b8460}
.approved-head{width:min(1080px,100%);grid-template-columns:minmax(0,2.45fr) minmax(330px,1.35fr);gap:20px;padding:14px 20px 10px;background:var(--cream)}
.approved-head .brand-header{width:100%;justify-self:center}
.approved-head .brand-jeep{width:100%;max-width:430px;justify-self:end}
@media(max-width:700px){.top{grid-template-columns:1fr;text-align:center;gap:3px;padding:7px 10px}.top span:first-child,.top span:last-child{text-align:center}.top span:last-child{font-size:17px}.approved-head{grid-template-columns:minmax(0,2fr) minmax(125px,1.15fr);gap:7px;padding:9px 10px}.approved-head .brand-jeep{max-width:none}}

.stock{font-size:13px;font-weight:bold;color:#4d5a31;margin:2px 0 8px}.outofstock{font-size:13px;font-weight:bold;color:#8b3c35;margin:2px 0 8px}.qtyrow{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;font-weight:bold}.qtybtn{width:32px;height:32px;border:1px solid #777;background:#eee;font-size:20px;line-height:1;cursor:pointer}.qtyinput{width:52px;height:32px;text-align:center;border:1px solid #777;font-weight:bold}.add:disabled{opacity:.55;cursor:not-allowed}