/* ---- Tokens taken from the screenshot; fine-tune against the live site ---- */
:root{
  --bg:#0c0c0d;
  --card:#1a1a1c;
  --card-border:#2c2c30;
  --field:#232326;
  --field-border:#38383d;
  --text:#f1efe9;
  --muted:#9a9a9f;
  --accent:#e58a2c;
  --accent-dark:#c8721e;
  --req:#e0483e;
  --font:"Helvetica Neue",Arial,sans-serif;
  --font-head:"Arial Narrow",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0}
body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.5;font-size:15px}
a{color:inherit}
header{
  min-height: 10vh;
  padding-bottom: 10px;
  padding-left: 5vw;
  padding-right: 5vw;
  border-bottom: 0.5px solid #2E2E36;


}
img {
  max-width: 210px;
  height: auto;
  vertical-align: middle;
}
.menuRight{
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 2vw;
  min-width: 15vw;
}
.menu{
  display: flex;
  justify-content: space-around;
  min-width: 40vw;
  /*padding-top: 5vh;*/
  align-items: center;
  flex-wrap: wrap;

}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding:2.5rem 20px 4rem}

/* header */
.header{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;background:#000;padding:.8rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--card-border)}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text)}
.logo-mark{color:var(--accent);font-size:1.4rem}
.logo-text{display:flex;flex-direction:column;line-height:1.15}
.logo-text b{font-size:1rem;letter-spacing:.03em}
.logo-text i{font-style:normal;font-size:.62rem;letter-spacing:.08em;color:var(--muted)}
.header nav{display:flex;flex-wrap:wrap;gap:1.4rem;margin-right:auto;font-size:.9rem}
.header nav a{text-decoration:none;color:var(--text)}
.header nav a:hover{color:var(--accent)}
.header-icons{display:flex;align-items:center;gap:1.2rem;font-size:1rem}
.header-icons a,.header-icons button{background:none;border:none;color:var(--text);text-decoration:none;position:relative}
.loc{display:flex;align-items:center;gap:.3rem;font-size:.85rem;white-space:nowrap}
.cart i{position:absolute;top:-8px;right:-10px;background:var(--accent);color:#000;font-size:.65rem;font-style:normal;font-weight:700;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}

/* page title */
.page-title{font-family:var(--font-head);text-transform:uppercase;font-weight:800;letter-spacing:.04em;font-size:clamp(1.8rem,4vw,2.6rem);color:#f4ecd8;text-align:center;margin-bottom:.75rem}
.crumbs{text-align:center;font-size:.85rem;color:var(--muted);margin-bottom:2.5rem}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--accent)}
.crumbs span{color:var(--text);font-weight:600}

/* layout */
.layout{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem;align-items:start}
.forms{display:flex;flex-direction:column;gap:1.5rem}

.card{background:var(--card);border:1px solid var(--card-border);border-radius:8px;padding:1.75rem}
.card h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.5rem}

.field{margin-bottom:1.25rem}
.field label,.field legend{display:block;font-size:.85rem;margin-bottom:.4rem;color:var(--text)}
.req{color:var(--req)}
input[type=text],input[type=email],input[type=tel],select{
  width:100%;background:var(--field);border:1px solid var(--field-border);color:var(--text);
  padding:.75rem .9rem;border-radius:5px;font-size:.9rem;font-family:inherit;
}
input:focus,select:focus{border-color:var(--accent)}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) center,calc(100% - 13px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
fieldset{border:none;padding:0}
.radio{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}
.radio input{accent-color:var(--accent)}

/* summary sidebar */
.summary{display:flex;flex-direction:column;gap:1.25rem}
.item-card{display:flex;align-items:center;gap:1rem;padding:1.1rem}
.thumb{width:52px;height:52px;border-radius:5px;background:#000;flex:0 0 auto;object-fit:cover}
.item-name{font-size:.85rem;font-weight:600;line-height:1.3}
.item-qty{font-size:.78rem;color:var(--muted);margin-top:.2rem}
.item-price{margin-left:auto;font-weight:700;white-space:nowrap}

.row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--muted);padding:.4rem 0}
.row.total{border-top:1px solid var(--card-border);margin-top:.5rem;padding-top:.9rem;color:var(--text);font-weight:700;font-size:1.15rem}
.row.total span:last-child{color:var(--accent)}

.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.trust{background:var(--card);border:1px solid var(--card-border);border-radius:8px;padding:1rem;text-align:center;font-size:.75rem;color:var(--muted)}
.trust span{display:block;font-size:1.25rem;margin-bottom:.4rem}

.coupon{display:flex;gap:.6rem}
.coupon input{flex:1;background:var(--card);border:1px solid var(--card-border);color:var(--text);padding:.75rem .9rem;border-radius:5px;font-size:.85rem}
.coupon button{background:transparent;border:1px solid var(--field-border);color:var(--text);padding:.75rem 1.1rem;border-radius:5px;font-size:.85rem;white-space:nowrap}
.coupon button:hover{border-color:var(--accent);color:var(--accent)}
.place-order{width:100%;background:var(--accent);color:#000;font-weight:800;letter-spacing:.04em;border:none;border-radius:6px;padding:1rem;font-size:.95rem}
.place-order:hover{background:var(--accent-dark)}
.place-order:disabled{opacity:.7;cursor:default}
.order-status{font-size:.85rem;text-align:center;min-height:1.2em}
.order-status.ok{color:#4caf6b}
.order-status.error{color:var(--req)}
@media (max-width:960px){
  .layout{grid-template-columns:1fr}
}
@media (max-width:600px){
  .header{padding:.75rem 1rem}
  .header nav{order:3;width:100%;gap:.9rem;overflow-x:auto}
  .card{padding:1.25rem}
  .trust-grid{grid-template-columns:1fr 1fr}
  .wrap{padding:1.5rem 16px 3rem}
}