
.contact-page{width:min(1050px,calc(100% - 40px));margin:0 auto 70px;color:#ddd}
.contact-header{text-align:center;padding:22px 0 32px}
.contact-header h1{margin:0;color:#e2a72b;font-family:Arial Black,Impact,sans-serif;font-style:italic;font-size:72px;letter-spacing:-4px;text-shadow:0 5px 0 #6d490c,0 12px 18px #000}
.contact-header .title-rule{width:90px;height:3px;background:#d79d22;margin:13px auto 16px}
.contact-header p{margin:0;color:#aaa;font-size:13px}
.contact-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:12px}
.contact-main-card,.contact-side-card,.contact-notice,.contact-bottom{border:1px solid #5f471c;background:linear-gradient(135deg,rgba(255,255,255,.018),rgba(0,0,0,.02))}
.contact-main-card,.contact-side-card{padding:30px}
.eyebrow,.small-label{display:block;color:#9f7828;font-size:10px;letter-spacing:2.2px;font-weight:800}
.contact-page h2{color:#dba126;font-size:22px;margin:10px 0 13px}
.lead{max-width:650px;color:#aaa;line-height:1.65}
.contact-options{margin-top:25px;border-top:1px solid #332817}
.contact-option{display:grid;grid-template-columns:74px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #332817;color:inherit;text-decoration:none}
.contact-icon{width:62px;height:62px;border:1px solid #6a4d18;display:grid;place-items:center;background:radial-gradient(circle,rgba(218,161,43,.09),transparent 68%)}
.contact-icon svg,.notice-mark svg{width:38px;height:38px;fill:none;stroke:#dda327;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.contact-option strong,.contact-notice strong,.contact-bottom strong{display:block;color:#dca328;font-size:15px;margin:7px 0}
.contact-option p,.quick-row p,.contact-notice p{margin:0;color:#999;line-height:1.55;font-size:12px}
.quick-row{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:18px 0;border-top:1px solid #332817}
.quick-row>span{font-size:22px;font-weight:900;color:#73591f}
.quick-row strong{color:#d6a02b;font-size:13px}
.outline-button,.gold-button{display:inline-flex;min-height:42px;padding:0 25px;align-items:center;justify-content:center;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.5px}
.outline-button{border:1px solid #74551d;color:#d8a12a}
.gold-button{background:#dda327;color:#111;border:1px solid #dda327}
.contact-side-card>.outline-button{width:100%;margin-top:20px}
.contact-notice{margin-top:12px;padding:20px 25px;display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:center}
.notice-mark{width:58px;height:58px;border:1px solid #604818;display:grid;place-items:center}
.notice-mark svg{width:32px;height:32px}
.contact-bottom{margin-top:12px;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.bottom-actions{display:flex;gap:10px}
@media(max-width:800px){
 .contact-grid{grid-template-columns:1fr}
 .contact-header h1{font-size:54px}
 .contact-bottom{align-items:flex-start;flex-direction:column}
 .bottom-actions{width:100%;flex-wrap:wrap}
 .gold-button,.bottom-actions .outline-button{flex:1}
}


/* =========================================================
   V70 — CONTACT PAGE REBUILD
   ========================================================= */
.contact-body{
  margin:0;
  min-height:100vh;
  color:#eee;
  background:#050505;
  font-family:Arial,Helvetica,sans-serif;
}
.contact-shell{
  position:relative;
  min-height:100vh;
  overflow-x:hidden;
  padding-top:86px;
  box-sizing:border-box;
}
/* Add the locked site's gold splatter treatment to both sides. */
.contact-shell::before,
.contact-shell::after{
  content:"";
  position:fixed;
  top:54px;
  bottom:0;
  width:35vw;
  min-width:500px;
  z-index:0;
  pointer-events:none;
  opacity:.95;
  filter:saturate(1.65) contrast(1.28) brightness(1.12);
  background:url("../images/home/gold-splatter-smokefree-v11.png") left center/auto 110% no-repeat;
}
.contact-shell::before{left:-4vw;}
.contact-shell::after{right:-4vw;transform:scaleX(-1);}
.contact-shell .top-nav{z-index:50;}
.contact-shell .products-menu{position:relative;}
.contact-shell .products-dropdown{
  display:none;
  position:absolute;
  top:42px;
  left:50%;
  transform:translateX(-50%);
  min-width:185px;
  padding:8px;
  background:#080808;
  border:1px solid #8f6818;
  box-shadow:0 16px 35px #000;
}
.contact-shell .products-menu.open .products-dropdown{display:block;}
.contact-shell .products-dropdown a{
  display:block;
  padding:12px 14px;
  color:#eee;
  text-decoration:none;
  white-space:nowrap;
}
.contact-shell .cart{
  background:rgba(0,0,0,.28)!important;
  border:1px solid #d6a12b!important;
  box-shadow:none!important;
}
.contact-shell .cart svg{fill:none!important;stroke:#d6a12b!important;}
.contact-shell .cart-count{background:#d6a12b!important;color:#080808!important;}

.contact-page{
  position:relative;
  z-index:2;
  width:min(1050px,calc(100% - 92px));
  margin:0 auto 70px;
}
.contact-header{
  text-align:center;
  padding:16px 0 28px;
}
.contact-header .contact-title-image{
  margin:0 auto;
  width:min(650px,60vw);
  line-height:0;
}
.contact-header .contact-title-image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 13px rgba(0,0,0,.7));
}
.contact-header .title-rule{
  width:92px;
  height:3px;
  background:#d79d22;
  margin:12px auto 14px;
}
.contact-header p{margin:0;color:#c2bdb4;font-size:13px}
.contact-main-card,.contact-side-card,.contact-notice,.contact-bottom{
  background:linear-gradient(135deg,rgba(16,16,14,.97),rgba(5,5,5,.99));
}
@media(max-width:800px){
  .contact-page{width:calc(100% - 28px);}
  .contact-header .contact-title-image{width:min(590px,88vw);}
  .contact-shell::before,.contact-shell::after{opacity:.35;}
}


/* =========================================================
   V96 — CONTACT MINI FORM
   ========================================================= */
.contact-form-card{
  padding:30px !important;
}
.mini-contact-form{
  display:grid;
  gap:14px;
  margin-top:18px;
}
.mini-contact-form label span{
  display:block;
  margin-bottom:7px;
  color:#98752a;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
}
.mini-contact-form input,
.mini-contact-form textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #51401b;
  background:#070707;
  color:#eee;
  padding:12px;
  font:inherit;
  outline:none;
}
.mini-contact-form input:focus,
.mini-contact-form textarea:focus{
  border-color:#c18e20;
}
.mini-contact-form textarea{
  resize:vertical;
  min-height:150px;
}
.mini-contact-form button{
  min-height:44px;
  border:1px solid #d6a12b;
  background:#d6a12b;
  color:#050505;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
}
.mini-contact-form button:disabled{
  opacity:.55;
  cursor:wait;
}
.contact-form-message{
  min-height:18px;
  color:#dda72c;
  font-size:11px;
  line-height:1.5;
}
.contact-form-message.success{
  padding:11px 12px;
  border:1px solid #6f531b;
  background:#080808;
}
