/* WebVue MORE20 Popup v1.2.0 — safely scoped for WoodMart / Elementor. */
#wv20-overlay[hidden], #wv20-overlay [hidden] { display:none !important; }
#wv20-overlay, #wv20-overlay *, #wv20-overlay *::before, #wv20-overlay *::after { box-sizing:border-box !important; }
html body #wv20-overlay {
  position:fixed !important; inset:0 !important; width:100vw !important;
  height:100vh !important; height:100dvh !important; max-width:none !important;
  margin:0 !important; padding:16px !important; border:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background:rgba(0,0,0,.65) !important;
  z-index:2147483000 !important;
  font-family:'Montserrat','Century Gothic','Helvetica Neue',Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
  opacity:0; visibility:hidden; transition:opacity .2s ease,visibility .2s ease;
  overflow:hidden !important;
}
html body #wv20-overlay.wv20-open { opacity:1 !important; visibility:visible !important; }
body.wv20-lock { overflow:hidden !important; }
#wv20-overlay #wv20-dialog {
  width:min(960px,100%) !important; max-width:960px !important;
  min-width:0 !important; height:min(550px,calc(100dvh - 32px)) !important;
  max-height:calc(100dvh - 32px) !important;
  position:relative !important; display:grid !important;
  grid-template-columns:33.5% minmax(0,66.5%) !important;
  margin:0 !important; padding:0 !important;
  background:#fff !important; color:#050505 !important;
  overflow:hidden !important; border:0 !important; border-radius:0 !important;
  box-shadow:0 20px 65px rgba(0,0,0,.23) !important;
  isolation:isolate; outline:0;
}
#wv20-overlay .wv20-art {
  position:relative !important; grid-column:1; grid-row:1;
  min-width:0 !important; width:auto !important; height:auto !important;
  background:#fff url('portrait.jpg') no-repeat left center !important;
  background-size:auto 100% !important;
  pointer-events:none !important; z-index:1;
}
#wv20-overlay .wv20-content {
  position:relative !important; grid-column:2; grid-row:1;
  min-width:0 !important; width:auto !important; max-width:none !important;
  display:flex !important; flex-direction:column !important;
  justify-content:center !important; align-items:stretch !important;
  padding:40px 49px 27px 18px !important; margin:0 !important;
  text-align:center !important; z-index:2;
}
#wv20-overlay .wv20-headings { margin:0 0 18px !important; text-align:left !important; min-width:0; }
#wv20-overlay .wv20-eyebrow {
  color:#777 !important; font-size:37px !important; letter-spacing:.16em !important;
  font-weight:300 !important; line-height:1.15 !important; margin:0 !important;
}
#wv20-overlay .wv20-heading {
  margin:8px 0 0 !important; color:#060606 !important;
  font-weight:300 !important; font-size:41px !important; letter-spacing:.14em !important;
  line-height:1.2 !important; white-space:normal !important; overflow-wrap:anywhere;
}
#wv20-overlay .wv20-offer { text-align:center !important; margin:0 0 28px !important; }
#wv20-overlay .wv20-offer-line {
  display:flex !important; align-items:baseline !important; justify-content:center !important;
  flex-wrap:nowrap !important; white-space:nowrap !important; gap:9px !important;
  font-weight:400 !important; font-size:28px !important; line-height:1.08 !important;
}
#wv20-overlay .wv20-offer-line span { font-size:inherit !important; line-height:inherit !important; color:#000 !important; }
#wv20-overlay .wv20-offer-line strong {
  color:#000 !important; font-family:Georgia,'Times New Roman',serif !important;
  font-size:87px !important; font-weight:400 !important; letter-spacing:-.075em !important;
  line-height:1 !important; text-shadow:.5px .5px 0 #000;
}
#wv20-overlay .wv20-month {
  font-size:41px !important; font-weight:400 !important; line-height:1.08 !important;
  letter-spacing:-.04em !important; margin:0 !important; color:#050505 !important;
}
#wv20-overlay .wv20-description {
  font-weight:400 !important; font-size:19px !important; line-height:1.35 !important;
  color:#111 !important; margin:9px auto 0 !important; padding:0 !important;
}
#wv20-overlay .wv20-signup, #wv20-overlay .wv20-success { width:100% !important; position:relative !important; margin:0 !important; }
#wv20-overlay #wv20-form { display:block !important; margin:0 !important; padding:0 !important; }
#wv20-overlay #wv20-email {
  display:block !important; width:100% !important; height:51px !important;
  min-height:51px !important; max-height:51px !important;
  margin:0 0 10px !important; padding:0 18px !important;
  font:400 16px/normal 'Montserrat','Helvetica Neue',Arial,sans-serif !important;
  color:#111 !important; background:#eeeded !important;
  border:1px solid transparent !important; border-radius:12px !important;
  box-shadow:none !important; outline-offset:2px !important; text-align:left !important;
  -webkit-appearance:none !important; appearance:none !important;
}
#wv20-overlay #wv20-email::placeholder { color:#777 !important; opacity:1 !important; }
#wv20-overlay .wv20-submit, #wv20-overlay .wv20-shop, #wv20-overlay .wv20-copy {
  -webkit-appearance:none !important; appearance:none !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  text-align:center !important; text-decoration:none !important;
  color:#fff !important; background:#000 !important;
  border:0 !important; border-radius:10px !important;
  box-shadow:none !important; font-family:inherit !important;
  font-weight:700 !important; cursor:pointer !important;
  transition:background .2s ease;
}
#wv20-overlay .wv20-submit {
  width:100% !important; height:52px !important; min-height:52px !important;
  margin:0 !important; padding:10px 16px !important;
  font-size:21px !important; line-height:1.2 !important; letter-spacing:0 !important;
  text-transform:none !important;
}
#wv20-overlay .wv20-submit:hover, #wv20-overlay .wv20-shop:hover, #wv20-overlay .wv20-copy:hover { background:#303030 !important; }
#wv20-overlay .wv20-submit:disabled { opacity:.6; cursor:wait !important; }
#wv20-overlay .wv20-disclosure {
  font:400 10px/1.45 'Montserrat','Helvetica Neue',Arial,sans-serif !important;
  text-align:left !important; color:#666 !important;
  padding:0 !important; margin:8px 0 0 !important;
}
#wv20-overlay .wv20-feedback { min-height:0; color:#a32036 !important; font-size:12px !important; line-height:1.3 !important; margin:4px 0 0 !important; }
#wv20-overlay #wv20-close {
  position:absolute !important; top:11px !important; right:11px !important;
  bottom:auto !important; left:auto !important;
  z-index:100 !important; width:37px !important; min-width:37px !important;
  max-width:37px !important; height:37px !important; min-height:37px !important;
  margin:0 !important; padding:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  border:0 !important; border-radius:0 !important;
  background:rgba(255,255,255,.96) !important; color:#101010 !important;
  box-shadow:none !important; transform:none !important;
  cursor:pointer !important; text-decoration:none !important;
}
#wv20-overlay #wv20-close .wv20-x { display:block !important; color:#101010 !important; font:400 30px/1 Arial,sans-serif !important; transform:none !important; }
#wv20-overlay #wv20-close:hover { opacity:.68 !important; }
#wv20-overlay .wv20-lace-right { position:absolute !important; right:0 !important; bottom:0 !important;
  height:40% !important; width:10% !important; pointer-events:none !important; z-index:0 !important;
  background:transparent url('lace-right.jpg') no-repeat right bottom !important;
  background-size:100% 100% !important; opacity:.65 !important;
}
#wv20-overlay .wv20-sr { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
#wv20-overlay .wv20-trap { position:absolute !important; width:1px !important; height:1px !important; opacity:0 !important; left:-9999px !important; overflow:hidden !important; pointer-events:none !important; }
#wv20-overlay .wv20-success { text-align:center !important; padding:12px 4px !important; background:#fff !important; }
#wv20-overlay .wv20-success p { font-size:20px !important; line-height:1.3 !important; margin:0 0 16px !important; }
#wv20-overlay .wv20-code { display:inline-block !important; max-width:100% !important; padding:10px 18px !important; font-size:32px !important; letter-spacing:.13em !important; font-weight:600 !important; border:2px dashed #111 !important; overflow-wrap:anywhere !important; }
#wv20-overlay .wv20-success-actions { display:flex !important; gap:9px !important; margin-top:15px !important; }
#wv20-overlay .wv20-copy, #wv20-overlay .wv20-shop { flex:1; min-height:44px !important; padding:9px !important; font-size:14px !important; }
#wv20-overlay .wv20-copy { background:#666 !important; }
#wv20-overlay #wv20-close:focus-visible, #wv20-overlay #wv20-email:focus-visible,
#wv20-overlay .wv20-submit:focus-visible, #wv20-overlay .wv20-shop:focus-visible,
#wv20-overlay .wv20-copy:focus-visible { outline:2px solid #666 !important; outline-offset:2px !important; }
@media (max-width:1100px) and (min-width:641px) {
  #wv20-overlay #wv20-dialog { width:min(880px,100%) !important; height:min(520px,calc(100dvh - 32px)) !important; }
  #wv20-overlay .wv20-content { padding:35px 43px 23px 14px !important; }
  #wv20-overlay .wv20-eyebrow { font-size:32px !important; }
  #wv20-overlay .wv20-heading { font-size:36px !important; letter-spacing:.11em !important; }
  #wv20-overlay .wv20-offer-line strong { font-size:78px !important; }
  #wv20-overlay .wv20-offer { margin-bottom:18px !important; }
  #wv20-overlay .wv20-month { font-size:36px !important; }
}
@media (max-width:760px) and (min-width:641px) {
  #wv20-overlay #wv20-dialog { width:min(690px,100%) !important; height:min(500px,calc(100dvh - 32px)) !important; }
  #wv20-overlay .wv20-content { padding:35px 28px 21px 9px !important; }
  #wv20-overlay .wv20-eyebrow { font-size:26px !important; }
  #wv20-overlay .wv20-heading { font-size:29px !important; }
  #wv20-overlay .wv20-offer-line { font-size:23px !important; }
  #wv20-overlay .wv20-offer-line strong { font-size:65px !important; }
  #wv20-overlay .wv20-month { font-size:31px !important; }
  #wv20-overlay .wv20-description { font-size:15px !important; }
}
/* Mobile editorial composition: model and headline share one cohesive hero.
   The portrait remains entirely visible at every narrow viewport, without gray gutters. */
@media (max-width:640px) {
  html body #wv20-overlay { padding:10px !important; align-items:center !important; }
  #wv20-overlay #wv20-dialog {
    --wv20-mobile-hero: clamp(222px, 73vw, 300px);
    display:block !important;
    grid-template-columns:none !important;
    width:min(405px,calc(100vw - 20px)) !important;
    max-width:calc(100vw - 20px) !important; min-width:0 !important;
    height:auto !important; max-height:calc(100dvh - 20px) !important;
    overflow-x:hidden !important; overflow-y:auto !important;
    overscroll-behavior:contain !important; -webkit-overflow-scrolling:touch;
    background:#fff !important;
  }
  /* Portrait sits in the left of a shared white editorial header.  */
  #wv20-overlay .wv20-art {
    position:absolute !important; left:0 !important; top:0 !important;
    right:auto !important; bottom:auto !important;
    width:47% !important; min-width:0 !important;
    height:var(--wv20-mobile-hero) !important;
    min-height:var(--wv20-mobile-hero) !important;
    background:#fff url('portrait.jpg') no-repeat left bottom !important;
    background-size:auto 100% !important;
    pointer-events:none !important; z-index:1 !important;
  }
  #wv20-overlay .wv20-content {
    position:relative !important; z-index:2 !important;
    width:100% !important; min-width:0 !important;
    display:flex !important; flex-direction:column !important;
    align-items:stretch !important; justify-content:flex-start !important;
    padding:0 18px 18px !important;
    margin:0 !important; text-align:center !important;
  }
  #wv20-overlay .wv20-headings {
    display:flex !important; flex-direction:column !important;
    align-items:center !important; justify-content:center !important;
    width:54% !important; height:var(--wv20-mobile-hero) !important;
    min-height:var(--wv20-mobile-hero) !important;
    margin:0 0 0 auto !important;
    padding:52px 3px 10px 2px !important;
    text-align:center !important;
  }
  #wv20-overlay .wv20-eyebrow {
    font-size:clamp(16px,4.9vw,21px) !important;
    line-height:1.18 !important; letter-spacing:.14em !important;
    overflow-wrap:normal !important;
  }
  #wv20-overlay .wv20-heading {
    font-size:clamp(19px,5.2vw,24px) !important;
    margin-top:10px !important; letter-spacing:.065em !important;
    line-height:1.33 !important; overflow-wrap:break-word !important;
  }
  #wv20-overlay .wv20-offer { margin:5px 0 14px !important; }
  #wv20-overlay .wv20-offer-line { font-size:23px !important; gap:7px !important; }
  #wv20-overlay .wv20-offer-line strong { font-size:66px !important; }
  #wv20-overlay .wv20-month { font-size:33px !important; }
  #wv20-overlay .wv20-description { margin-top:5px !important; font-size:14px !important; line-height:1.25 !important; }
  #wv20-overlay #wv20-email {
    height:46px !important; min-height:46px !important; max-height:46px !important;
    margin-bottom:8px !important; padding:0 14px !important;
    font-size:15px !important; border-radius:9px !important;
  }
  #wv20-overlay .wv20-submit {
    height:47px !important; min-height:47px !important;
    font-size:18px !important; border-radius:8px !important;
  }
  #wv20-overlay .wv20-disclosure { font-size:10px !important; margin-top:6px !important; }
  #wv20-overlay #wv20-close {
    position:absolute !important; top:8px !important; right:8px !important; left:auto !important;
    width:35px !important; min-width:35px !important;
    height:35px !important; min-height:35px !important;
    z-index:100 !important; background:#fff !important;
  }
  #wv20-overlay #wv20-close .wv20-x { font-size:29px !important; }
  #wv20-overlay .wv20-lace-right {
    width:45px !important; height:108px !important; opacity:.18 !important;
  }
  #wv20-overlay .wv20-success { padding:0 2px !important; }
  #wv20-overlay .wv20-success p { font-size:16px !important; }
  #wv20-overlay .wv20-code { font-size:26px !important; }
}
@media (max-width:370px) {
  #wv20-overlay #wv20-dialog { --wv20-mobile-hero:clamp(215px,73vw,255px); }
  #wv20-overlay .wv20-content { padding:0 13px 14px !important; }
  #wv20-overlay .wv20-headings { width:56% !important; }
  #wv20-overlay .wv20-eyebrow { font-size:16px !important; }
  #wv20-overlay .wv20-heading { font-size:18px !important; letter-spacing:.055em !important; }
  #wv20-overlay .wv20-offer-line { font-size:20px !important; gap:5px !important; }
  #wv20-overlay .wv20-offer-line strong { font-size:58px !important; }
  #wv20-overlay .wv20-month { font-size:30px !important; }
  #wv20-overlay .wv20-description { font-size:13px !important; }
}
@media (max-height:640px) and (min-width:641px) {
  #wv20-overlay #wv20-dialog { height:calc(100dvh - 24px) !important; }
  #wv20-overlay .wv20-content { padding-top:25px !important; padding-bottom:15px !important; }
  #wv20-overlay .wv20-headings { margin-bottom:8px !important; }
  #wv20-overlay .wv20-eyebrow { font-size:30px !important; }
  #wv20-overlay .wv20-heading { font-size:33px !important; }
  #wv20-overlay .wv20-offer { margin-bottom:13px !important; }
  #wv20-overlay .wv20-offer-line strong { font-size:65px !important; }
  #wv20-overlay .wv20-month { font-size:33px !important; }
  #wv20-overlay .wv20-description { font-size:16px !important; }
  #wv20-overlay #wv20-email, #wv20-overlay .wv20-submit { height:44px !important; min-height:44px !important; }
}
@media (prefers-reduced-motion:reduce) { html body #wv20-overlay { transition:none !important; } }
