.header{position:fixed;inset:0 0 auto 0;z-index:999;transition:var(--transition)}.top-bar{background:var(--black);color:#e8ded5;font-size:13px;padding:8px 0}.top-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.top-left,.top-right{display:flex;flex-wrap:wrap;gap:18px}.top-right a{color:#fff}.nav-wrap{background:rgba(31,23,20,.76);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12);padding:16px 0;transition:var(--transition)}.header.scrolled .nav-wrap{background:#fff;box-shadow:0 8px 28px rgba(31,23,20,.09)}.nav-inner{display:flex;justify-content:space-between;align-items:center;gap:22px}.logo{display:flex;align-items:center;gap:12px;color:#fff}.logo img{max-height:48px;width:auto}.logo-text{font-family:Georgia,serif;font-size:28px;font-weight:800;line-height:1}.logo-text small{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.78;margin-top:4px}.header.scrolled .logo{color:var(--dark)}.nav-menu ul{display:flex;align-items:center;gap:24px}.nav-menu a{color:#fff;font-size:15px;font-weight:800}.header.scrolled .nav-menu a{color:var(--dark)}.nav-menu a.active,.nav-menu a:hover{color:#d9946c}.header.scrolled .nav-menu a.active,.header.scrolled .nav-menu a:hover{color:var(--brown)}.nav-cta{background:var(--brown);color:#fff!important;padding:11px 20px;border-radius:999px;font-weight:800;white-space:nowrap}.nav-toggle{display:none;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px;cursor:pointer}.nav-toggle span{display:block;width:25px;height:2px;background:#fff;transition:var(--transition)}.header.scrolled .nav-toggle span{background:var(--dark)}.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.quote-modal{position:fixed;inset:0;z-index:1200;align-items:center;justify-content:center;padding:24px}.quote-modal .modal-overlay{position:absolute;inset:0;background:rgba(18,13,11,.72);backdrop-filter:blur(4px)}.modal-container{position:relative;background:#fff;border-radius:26px;width:min(680px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.28);transform:translateY(12px);opacity:0;transition:var(--transition)}.quote-modal.active .modal-container{opacity:1;transform:translateY(0)}.modal-header{padding:28px 32px;border-bottom:1px solid var(--line);position:relative}.modal-header h2{margin-bottom:6px}.modal-subtitle{color:var(--muted);margin:0}.modal-close{position:absolute;top:18px;right:22px;border:0;background:var(--cream);width:38px;height:38px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer;color:var(--dark)}.modal-body{padding:32px}.body-lock{overflow:hidden}
@media(max-width:980px){.top-bar{display:none}.nav-wrap{padding:13px 0}.nav-toggle{display:flex}.nav-menu{position:fixed;top:74px;right:-100%;width:min(84%,360px);height:calc(100vh - 74px);background:#fff;box-shadow:-12px 0 36px rgba(31,23,20,.14);transition:var(--transition);padding:34px;overflow:auto}.nav-menu.active{right:0}.nav-menu ul{align-items:flex-start;flex-direction:column;gap:18px}.nav-menu a{color:var(--dark)!important}.nav-cta{display:none}.logo-text{font-size:24px}.logo img{max-height:42px}}

/* v3: Request a Wholesale Quote modal — remove inner scrollbars and compact the CF7 form. */
.quote-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  overflow: hidden;
  box-sizing: border-box;
}

.quote-modal.active {
  display: flex;
}

.modal-container {
  position: relative;
  width: min(860px, calc(100vw - 48px));
  max-width: 860px;
  max-height: none !important;
  overflow: visible !important;
  background: #fff;
  border-radius: 26px;
  box-shadow: 0 24px 80px rgba(0,0,0,.28);
  box-sizing: border-box;
}

.modal-header {
  padding: 24px 32px 18px;
  border-bottom: 1px solid var(--line);
  position: relative;
}

.modal-header h2 {
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.05;
  margin: 0 48px 8px 0;
}

.modal-subtitle {
  margin: 0;
  font-size: 16px;
  line-height: 1.45;
}

.modal-body {
  padding: 24px 32px 28px;
  overflow: visible !important;
  box-sizing: border-box;
}

.quote-modal .wpcf7,
.quote-modal .wpcf7 form,
.quote-modal .wpcf7 p,
.quote-modal .wpcf7-form-control-wrap,
.modal-body form,
.modal-body .wpcf7-form {
  width: 100%;
  max-width: 100%;
  overflow: visible;
  box-sizing: border-box;
}

.quote-modal .wpcf7 p,
.modal-body p {
  margin: 0 0 16px;
}

.quote-modal .wpcf7 label,
.modal-body label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.quote-modal .wpcf7 input,
.quote-modal .wpcf7 textarea,
.quote-modal .wpcf7 select,
.modal-body input,
.modal-body textarea,
.modal-body select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.quote-modal .wpcf7 textarea,
.modal-body textarea {
  min-height: 110px;
  height: 110px;
  resize: vertical;
}

.quote-modal .wpcf7-submit,
.modal-body .wpcf7-submit {
  width: auto !important;
  min-width: 180px;
}

@media (max-height: 820px) and (min-width: 769px) {
  .quote-modal {
    padding: 14px;
  }

  .modal-container {
    width: min(900px, calc(100vw - 40px));
  }

  .modal-header {
    padding: 20px 30px 14px;
  }

  .modal-header h2 {
    font-size: 42px;
  }

  .modal-body {
    padding: 18px 30px 22px;
  }

  .quote-modal .wpcf7 p,
  .modal-body p {
    margin-bottom: 12px;
  }

  .quote-modal .wpcf7 textarea,
  .modal-body textarea {
    min-height: 88px;
    height: 88px;
  }

  .quote-modal .wpcf7 input,
  .quote-modal .wpcf7 select,
  .modal-body input,
  .modal-body select {
    min-height: 44px;
  }
}

@media (max-width: 768px) {
  .quote-modal {
    align-items: flex-start;
    padding: 16px;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .modal-container {
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
    border-radius: 22px;
  }

  .modal-header {
    padding: 22px 20px 16px;
  }

  .modal-header h2 {
    font-size: 34px;
    margin-right: 42px;
  }

  .modal-body {
    padding: 20px;
  }

  .quote-modal .wpcf7 textarea,
  .modal-body textarea {
    min-height: 100px;
    height: 100px;
  }
}