:root { --ventro-privacy-height:0px; }
body { padding-bottom:var(--ventro-privacy-height); }
.ventro-image-note { margin:0 0 13px; color:#607486; font:12px/1.65 Arial,sans-serif; letter-spacing:0; }
.seo-product-layout > .ventro-image-wrap { min-width:0; }
.ventro-image-wrap > .ventro-image-note { margin:12px 8px 0; }
.ventro-contact-tools { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:14px 0; }
.ventro-contact-tools button,.ventro-contact-tools a,.ventro-other-mail { border:1px solid #bccbd6; border-radius:13px; padding:10px 14px; background:#fdfcf9; color:#234d86; font:600 13px/1.5 Arial,sans-serif; cursor:pointer; text-decoration:none; }
.ventro-draft-note { color:#546a7c; font:13px/1.65 Arial,sans-serif; margin:12px 0 0; overflow-wrap:anywhere; }
.ventro-draft-note a { color:#234d86; text-underline-offset:3px; }
.ventro-copy-status { font-size:12px; color:#234d86; }
.ventro-copy-fallback { width:100%; border:1px solid #bccbd6; border-radius:8px; padding:8px; }
.ventro-footer-privacy { display:flex; flex-wrap:wrap; gap:20px; padding:22px 0 0; }
.ventro-footer-privacy a,.ventro-footer-privacy button { background:transparent; color:#dbe8f3; border:0; padding:0; text-decoration:underline; text-underline-offset:4px; font:inherit; font-size:13px; cursor:pointer; }
.document-card-footer { flex-wrap:wrap; gap:14px; }
.ventro-coa-links { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:12px 0; }
.ventro-coa-original { font:13px/1.6 Arial,sans-serif; color:#506a7d; text-underline-offset:4px; }
.ventro-privacy-banner[hidden],.ventro-privacy-gpc[hidden] { display:none !important; }
.ventro-privacy-banner { position:fixed; z-index:58; bottom:0; left:0; right:0; display:flex; gap:24px; align-items:center; padding:20px max(20px,calc((100vw - 1240px)/2)); border-top:1px solid #bdcbd7; background:#f8f7f3; box-shadow:0 -8px 35px #12395b15; max-height:46dvh; overflow-y:auto; }
.ventro-privacy-copy { flex:1; min-width:0; }
.ventro-privacy-copy h2 { font:600 20px/1.3 Georgia,serif; color:#10365c; margin:0 0 6px; }
.ventro-privacy-copy p { font:13px/1.65 Arial,sans-serif; color:#506a7d; margin:0; max-width:720px; }
.ventro-privacy-banner a,.ventro-privacy-dialog a { color:#234d86; text-underline-offset:3px; }
.ventro-privacy-actions { display:flex; flex-wrap:wrap; gap:10px; }
.ventro-privacy-actions button { border:1px solid #234d86; border-radius:13px; background:#fdfcf9; color:#234d86; padding:11px 16px; font:600 13px/1.5 Arial,sans-serif; cursor:pointer; }
.ventro-privacy-dialog { padding:26px; width:min(620px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); overflow:auto; border:1px solid #bdcbd7; border-radius:24px; background:#fdfcf9; color:#10365c; }
.ventro-privacy-dialog::backdrop { background:#0c233a80; }
.ventro-privacy-header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.ventro-privacy-header h2 { margin:0 0 22px; font-size:28px; line-height:1.25; }
.ventro-privacy-header button { border:1px solid #bdcbd7; background:#fff; border-radius:50%; width:34px; height:34px; flex-shrink:0; cursor:pointer; font-size:22px; }
.ventro-privacy-option { display:flex; align-items:center; gap:20px; justify-content:space-between; padding:18px; border:1px solid #d8dfe3; border-radius:16px; margin:0 0 14px; }
.ventro-privacy-option h3 { font:600 16px/1.5 Arial,sans-serif; margin:0 0 6px; }
.ventro-privacy-option p,.ventro-small,.ventro-privacy-gpc { font:13px/1.7 Arial,sans-serif; color:#506a7d; margin:0; }
.ventro-small { margin:16px 0; }
.ventro-privacy-option strong { flex-shrink:0; font:600 12px/1.5 Arial,sans-serif; }
.ventro-privacy-option input { flex-shrink:0; width:22px; height:22px; accent-color:#234d86; }
.ventro-privacy-dialog .ventro-privacy-actions { margin:22px 0 0; }
.ventro-privacy-status { position:fixed; z-index:59; bottom:16px; left:16px; max-width:min(500px,calc(100vw - 32px)); font:13px/1.6 Arial,sans-serif; color:#10365c; background:#edf4f9; border-radius:12px; box-shadow:0 4px 20px #12395b18; }
.ventro-privacy-status:not(:empty) { padding:12px 16px; pointer-events:none; }
.ventro-privacy-actions button:focus-visible,.ventro-footer-privacy button:focus-visible,.ventro-contact-tools button:focus-visible,.ventro-privacy-dialog input:focus-visible { outline:3px solid #8cb4d8; outline-offset:3px; }
/* More inquiry options: scroll the whole panel so the footer cannot be cut off. */
#cartPanel.cart-panel { display:flex; flex-direction:column; top:auto !important; bottom:calc(174px + var(--ventro-privacy-height)) !important; max-height:calc(100vh - 194px - var(--ventro-privacy-height)) !important; max-height:calc(100dvh - 194px - var(--ventro-privacy-height)) !important; overflow-y:auto !important; }
#cartPanel .cart-panel-header,#cartPanel .cart-panel-footer { flex:0 0 auto; }
#cartPanel .cart-items { flex:0 0 auto; overflow:visible; max-height:none; }
#cartPanel .cart-panel-footer { grid-template-columns:1fr 1fr; padding:14px 18px; }
#cartPanel .ventro-draft-note,#cartPanel .ventro-copy-status,#cartPanel .ventro-copy-fallback { grid-column:1/-1; }
#cartPanel .cart-first-order-offer,#cartPanel .cart-subtotal,#cartPanel .cart-restock-note,#cartPanel .cart-quotation-note { grid-column:1/-1; }
#cartPanel .cart-contact { padding:10px; min-height:44px; border-radius:14px; line-height:1.4; }
#cartFloat.cart-float { bottom:calc(100px + var(--ventro-privacy-height)) !important; }
#whatsappFloat.whatsapp-float { bottom:calc(16px + var(--ventro-privacy-height)) !important; }
@media(max-width:900px) { .ventro-privacy-banner { flex-direction:column; align-items:stretch; gap:12px; padding:16px 20px; } #cartFloat.cart-float { bottom:calc(84px + var(--ventro-privacy-height)) !important; } #cartPanel.cart-panel { bottom:calc(150px + var(--ventro-privacy-height)) !important; max-height:calc(100dvh - 170px - var(--ventro-privacy-height)) !important; } }
@media(max-width:520px) { .ventro-privacy-actions button { flex:1; padding:10px; } .ventro-privacy-option { gap:12px; padding:14px; } .ventro-privacy-dialog { padding:20px; } #cartFloat.cart-float { bottom:calc(90px + var(--ventro-privacy-height)) !important; } #cartPanel.cart-panel { bottom:calc(150px + var(--ventro-privacy-height)) !important; max-height:calc(100dvh - 166px - var(--ventro-privacy-height)) !important; } }
@media(max-height:650px) { #cartPanel.cart-panel { top:12px !important; bottom:calc(12px + var(--ventro-privacy-height)) !important; max-height:calc(100dvh - 24px - var(--ventro-privacy-height)) !important; } }

/* Contact footer: align draft guidance and tools with the contact cards. */
#contactDialog {
  --contact-inset: 28px;
  box-sizing: border-box;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

#contactDialog .contact-dialog-header {
  padding-inline: var(--contact-inset);
}

#contactDialog .contact-dialog-header > div {
  min-width: 0;
}

#contactDialog .contact-copy-line {
  white-space: normal;
}

#contactDialog .contact-dialog-links {
  padding: 18px var(--contact-inset) 16px;
}

#contactDialog .contact-dialog-link small {
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
}

#contactDialog > .ventro-contact-tools {
  align-items: stretch;
  gap: 10px;
  margin: 0 var(--contact-inset) 16px;
}

#contactDialog > .ventro-contact-tools > :is(button, a) {
  display: flex;
  flex: 1 1 180px;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  text-align: center;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

#contactDialog > .ventro-contact-tools > .ventro-copy-status:empty,
#contactDialog > [data-draft-status]:empty {
  display: none;
}

#contactDialog > .ventro-contact-tools > .ventro-copy-status:not(:empty) {
  flex-basis: 100%;
  line-height: 1.5;
}

#contactDialog > .ventro-draft-note {
  margin: 0;
  padding: 16px var(--contact-inset) 24px;
  border-top: 1px solid #dadddc;
  background: #f0f4f7;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0;
  overflow-wrap: break-word;
  text-wrap: pretty;
}

#contactDialog > .ventro-draft-note > a {
  display: block;
  width: fit-content;
  margin-top: 8px;
  line-height: 1.5;
}

#contactDialog > [data-draft-status]:not(:empty) {
  margin: 0;
  padding: 0 var(--contact-inset) 18px;
  background: #f0f4f7;
  line-height: 1.5;
}

@media (max-width: 520px) {
  #contactDialog {
    --contact-inset: 20px;
  }

  #contactDialog .contact-dialog-header {
    gap: 14px;
    padding-block: 20px 16px;
  }

  #contactDialog .contact-dialog-header h2 {
    font-size: clamp(28px, 8vw, 34px);
    line-height: 1.15;
  }

  #contactDialog .contact-dialog-links {
    padding-block: 16px 14px;
  }

  #contactDialog > .ventro-contact-tools > :is(button, a) {
    flex-basis: 100%;
  }

  #contactDialog > .ventro-draft-note {
    padding-block: 14px 20px;
  }
}