:root{--charcoal: #1c1b1a;--steel: #4a4d52;--steel-light: #8a8f96;--rust: #b5562b;--ember: #e8853a;--offwhite: #f4f1ea;--paper: #fbfaf6;--line: #d8d2c6;--maxw: 1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Helvetica Neue,Arial,sans-serif;color:var(--charcoal);background:var(--offwhite);line-height:1.55}h1,h2,h3{font-family:Arial Black,Helvetica Neue,sans-serif;letter-spacing:-.01em;line-height:1.05;margin:0 0 .4em}a{color:var(--rust)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:72px 0}.section--alt{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section__kicker{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--rust);margin-bottom:10px}.section h2{font-size:clamp(28px,4vw,42px)}.nav{position:sticky;top:0;z-index:40;background:#1c1b1af5;color:var(--offwhite);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:60px}.nav__brand{font-family:Arial Black,sans-serif;letter-spacing:.04em;font-size:18px}.nav__brand span{color:var(--ember)}.nav__links{display:flex;gap:22px;align-items:center}.nav__links a{color:var(--offwhite);text-decoration:none;font-size:14px}.nav__links a:hover{color:var(--ember)}.cart-btn{background:var(--ember);color:var(--charcoal);border:none;font-weight:700;padding:8px 16px;border-radius:4px;cursor:pointer}.cart-btn:hover{background:#fff}@media(max-width:640px){.nav__links a:not(.cart-btn){display:none}}.btn{display:inline-block;border:none;cursor:pointer;font-weight:700;font-size:15px;padding:14px 28px;border-radius:4px;text-decoration:none;transition:transform .05s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--ember);color:var(--charcoal)}.btn--primary:hover{background:var(--rust);color:#fff}.btn--ghost{background:transparent;color:var(--offwhite);border:2px solid var(--steel-light)}.btn--ghost:hover{border-color:var(--ember);color:var(--ember)}.btn--block{width:100%;text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed}:root{--hero-overlay: linear-gradient(180deg, rgba(28,27,26,.55), rgba(28,27,26,.8))}.hero{background-color:#14130f;background-size:cover;background-position:center 40%;background-repeat:no-repeat;color:var(--offwhite)}.hero__inner{padding:96px 0 104px;max-width:760px}.hero h1{font-size:clamp(38px,6vw,68px)}.hero__sub{font-size:clamp(17px,2.2vw,21px);color:#ded8cd;max-width:620px;margin:18px 0 32px}.hero__cta{display:flex;gap:14px;flex-wrap:wrap}.hero__badges{margin-top:34px;display:flex;gap:26px;flex-wrap:wrap;color:var(--steel-light);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:860px){.grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}}.card{background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.card__img{height:220px;background:#ece8e0;overflow:hidden}.card__img img{width:100%;height:100%;object-fit:cover;display:block}.card__body{padding:20px;display:flex;flex-direction:column;flex:1}.card__name{font-size:21px}.card__price{font-size:26px;font-weight:800;color:var(--rust);margin:2px 0 10px}.card__blurb{font-size:14px;color:var(--steel);margin:0 0 14px}.specs{list-style:none;padding:0;margin:0 0 18px;border-top:1px solid var(--line)}.specs li{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--line)}.specs li span:first-child{color:var(--steel-light)}.specs li span:last-child{text-align:right;font-weight:600}.card__foot{margin-top:auto}.qty{display:flex;align-items:center;gap:10px;margin-bottom:12px}.qty button{width:32px;height:32px;border:1px solid var(--line);background:#fff;font-size:18px;cursor:pointer;border-radius:4px}.qty span{min-width:24px;text-align:center;font-weight:700}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:760px){.steps{grid-template-columns:1fr 1fr}}.step__num{width:40px;height:40px;border-radius:50%;background:var(--charcoal);color:var(--ember);display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:12px}.step h3{font-size:18px}.step p{font-size:14px;color:var(--steel);margin:0}.why{list-style:none;padding:0;margin:0;display:grid;gap:14px}.why li{padding-left:28px;position:relative;font-size:16px}.why li:before{content:"▲";position:absolute;left:0;color:var(--ember);font-size:12px;top:4px}.tagline{margin-top:28px;font-size:clamp(20px,3vw,28px);color:var(--rust);font-family:Arial Black,sans-serif}.notice{background:#2a1a12;color:#f0d8c8;border-left:4px solid var(--ember);padding:16px 20px;border-radius:4px;font-size:14px}.footer{background:var(--charcoal);color:var(--steel-light);padding:48px 0;font-size:14px}.footer strong{color:var(--offwhite)}.footer__lines{display:grid;gap:4px;margin-bottom:18px}.footer__links{display:flex;gap:20px;flex-wrap:wrap}.footer__links a{color:var(--steel-light);text-decoration:none}.footer__links a:hover{color:var(--ember)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);z-index:60;background:var(--paper);box-shadow:-8px 0 30px #0000004d;display:flex;flex-direction:column}.drawer__head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.drawer__head h3{margin:0}.drawer__close{background:none;border:none;font-size:26px;cursor:pointer;line-height:1}.drawer__body{padding:20px 24px;overflow-y:auto;flex:1}.drawer__foot{padding:20px 24px;border-top:1px solid var(--line)}.line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.line__name{font-weight:700;font-size:15px}.line__meta{font-size:13px;color:var(--steel-light)}.line__remove{background:none;border:none;color:var(--rust);cursor:pointer;font-size:12px;padding:0}.totals{font-size:14px}.totals .row{display:flex;justify-content:space-between;padding:4px 0}.totals .row--grand{font-size:18px;font-weight:800;border-top:1px solid var(--line);padding-top:10px;margin-top:6px}.muted{color:var(--steel-light);font-size:13px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:4px}.field input,.field select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:4px;font-size:15px;background:#fff}.field input:focus,.field select:focus{outline:2px solid var(--ember);border-color:var(--ember)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.err{color:#b5562b;font-size:13px;margin:6px 0}.confirm{text-align:center;padding:30px 0}.confirm__check{font-size:48px;color:var(--ember)}.confirm__box{text-align:left;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;margin-top:20px}.empty{color:var(--steel-light);text-align:center;padding:40px 0}
