@font-face{
  font-family: "input-mono";
  src: url("../fonts/input-mono/InputMono-Light.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "input-mono";
  src: url("../fonts/input-mono/InputMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "input-mono";
  src: url("../fonts/input-mono/InputMono-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root{ --zcv-text:#000; --zcv-border:#d0d0d0; --zcv-bg:#fff; --zcv-overlay:rgba(0,0,0,.5); --zcv-shadow:0 32px 64px rgba(0,0,0,.22); }

.zcv-sr2-drawer, .zcv-sr2-drawer * {
  font-family: "input-mono", monospace !important;
  letter-spacing: 0px !important;
  font-weight: 200 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  color: #000 !important;
  -webkit-font-smoothing: antialiased !important;
}

.zcv-sr2-open{overflow:hidden}
.zcv-sr2-overlay{position:fixed;inset:0;background:var(--zcv-overlay);z-index:9999}
.zcv-sr2-overlay[hidden]{display:none}
.zcv-sr2-drawer{position:fixed;right:0;top:0;bottom:0;width:min(560px,100%);background:var(--zcv-bg);box-shadow:var(--zcv-shadow);transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;outline:none}
.zcv-sr2-overlay:not([hidden]) .zcv-sr2-drawer{transform:translateX(0)}

.zcv-sr2-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--zcv-border)}
.zcv-sr2-h1{font-size:16px !important;font-weight:200 !important}
.zcv-sr2-x,.zcv-sr2-back{background:none;border:0;cursor:pointer;padding:8px 10px;border-radius:0}
.zcv-sr2-body{padding:18px 20px;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:8px}
.zcv-sr2-hint{margin:0 0 8px;border:0.5px solid #000;padding:8px 10px}

.zcv-title{margin:0 0 12px;font-weight:200 !important;text-transform:uppercase !important;font-size:16px !important;color:#000 !important}
.zcv-subtitle{margin:12px 0 4px;font-weight:200 !important}

.zcv-label{display:flex;flex-direction:column;gap:6px;margin:12px 0 8px}
.zcv-label-head{display:flex;align-items:center;gap:5px}
.zcv-optional{color:#c7c7c7 !important}
.zcv-help{color:#000 !important;font-size:9px !important;font-weight:100 !important;margin-top:6px}
.zcv-linkline{margin:0 0 10px}
.zcv-linkline a{text-decoration:underline}

.zcv-row{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:680px){.zcv-row{grid-template-columns:1fr 1fr}}
.zcv-col{display:flex;flex-direction:column}

.zcv-input,.zcv-input[type=number],.zcv-input[type=text],select.zcv-input{height:44px;border:0;border-bottom:0.5px solid #000;padding:6px 4px;outline:none;background:#fff;border-radius:0}
.zcv-input:focus{outline:none;border-bottom:0.5px solid #000}

.zcv-label-row{display:flex;align-items:center;justify-content:space-between}
.zcv-units{display:flex;gap:14px}
.zcv-unit{background:none;border:0;padding:0 6px 2px 6px;cursor:pointer}
.zcv-unit[aria-pressed=true]{font-weight:600 !important}
.zcv-unit[aria-pressed=false]{font-weight:200 !important}

.zcv-slider{margin:8px 0}
.zcv-slider-labels{display:flex;justify-content:space-between;margin-bottom:8px;opacity:.7}
.zcv-slider-neo input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:2px;background:#000;outline:none}
.zcv-slider-neo input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border:0.5px solid #000;background:#fff;border-radius:50%;margin-top:-4px}
.zcv-slider-neo input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0.5px solid #000;background:#fff;border-radius:50%}
.zcv-slider-neo input[type=range]::-ms-thumb{width:10px;height:10px;border:0.5px solid #000;background:#fff;border-radius:50%}

.zcv-size{margin:10px 0;font-size:16px !important;font-weight:200 !important}
.zcv-summary{margin:6px 0 10px;opacity:.8}
.zcv-conf{opacity:.8}

.zcv-also{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.zcv-chip{border:0.5px solid #000;border-radius:0;padding:6px 10px}

.zcv-actions{display:flex;gap:8px;margin-top:12px}

.zcv-prod-img{display:flex;justify-content:center;align-items:center;margin:8px 0 10px}
.zcv-prod-img img{max-width:100%;height:auto;border:0.5px solid #000}

.size-selector-header-messages{margin:8px 0 12px}
.size-selector-header-message{padding:8px 10px;border:0.5px solid #000;background:#fff}

.zcv-privacy{font-size:9px !important; font-weight:100 !important; color:#000 !important; opacity:1 !important}

.zcv-sr2-foot{padding:16px 20px;border-top:1px solid var(--zcv-border);display:flex;gap:10px;align-items:center}

.zcv-btn, .zcv-btn-ghost, .zcv-sr2-drawer .button, .zcv-sr2-drawer button {
  font-size: 12px !important;
  font-weight: 200 !important;
  padding: 5px 30px !important;
  border: 0.5px solid #000 !important;
  color: #000 !important;
  border-radius: 0px !important;
  background: #fff !important;
  letter-spacing: 0 !important;
}
.zcv-btn:hover, .zcv-btn-ghost:hover, .zcv-sr2-drawer .button:hover, .zcv-sr2-drawer button:hover {
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 5px 30px !important;
  border: 0.5px solid #000 !important;
  color: #000 !important;
  border-radius: 0px !important;
  background: #fff !important;
  letter-spacing: 0 !important;
}

@media (max-width:480px){
  .zcv-sr2-drawer{width:100%}
  .zcv-sr2-head, .zcv-sr2-foot{padding-left:14px;padding-right:14px}
  .zcv-sr2-body{padding-left:14px;padding-right:14px}
}

.zcv-guide-overlay{position:fixed;inset:0;background:rgba(255,255,255,.6);backdrop-filter:blur(1px);z-index:1200}
.zcv-guide-overlay[hidden]{display:none}
.zcv-guide-modal{position:relative;max-width:720px;margin:5vh auto;background:#fff;border:0.5px solid #000;padding:24px}
.zcv-guide-x{position:absolute;right:12px;top:8px;background:none;border:0;font-size:20px;cursor:pointer}
.zcv-guide-body p{margin:8px 0}