/* DocSync storefront upgrades — payment modal, navigation actions, accessibility */

/* ---------- Global crypto payment modal ---------- */
.docsync-modal-lock{ overflow:hidden !important; }
.docsync-crypto-modal{
  position:fixed;
  inset:0;
  z-index:12080;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, visibility .22s ease;
}
.docsync-crypto-modal.is-open{ opacity:1; visibility:visible; pointer-events:auto; }
.docsync-crypto-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.docsync-crypto-panel{
  position:relative;
  width:min(680px,100%);
  max-height:min(720px,calc(100vh - 48px));
  overflow:auto;
  border:1px solid rgba(255,255,255,.1);
  border-radius:24px;
  padding:24px;
  background:
    radial-gradient(circle at 82% 12%,rgba(var(--cl-accent-rgb),.1),transparent 34%),
    linear-gradient(180deg,rgba(15,18,19,.99),rgba(7,9,10,.995));
  box-shadow:0 36px 120px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.045);
  transform:translateY(10px) scale(.985);
  transition:transform .24s cubic-bezier(.16,1,.3,1);
}
.docsync-crypto-modal.is-open .docsync-crypto-panel{ transform:none; }
.docsync-crypto-head{ display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px; }
.docsync-crypto-kicker{ color:rgba(var(--cl-accent-rgb),.92);font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase; }
.docsync-crypto-head h3{ margin:5px 0 4px;color:#fff;font-size:25px;font-weight:850;letter-spacing:-.035em; }
.docsync-crypto-head p{ margin:0;color:rgba(255,255,255,.5);font-size:12px;line-height:1.55; }
.docsync-crypto-close{ width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer;transition:.2s ease; }
.docsync-crypto-close:hover{ border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08); }
.docsync-crypto-grid{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.docsync-crypto-option{ display:flex;align-items:center;gap:13px;min-height:68px;padding:12px 14px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.025); }
.docsync-crypto-option-icon{ width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(var(--cl-accent-rgb),.18);border-radius:12px;background:rgba(var(--cl-accent-rgb),.07);color:rgba(var(--cl-accent-rgb),.98);font-size:17px;font-weight:900; }
.docsync-crypto-option strong,.docsync-crypto-option small{ display:block; }
.docsync-crypto-option strong{ color:#fff;font-size:13px; }
.docsync-crypto-option small{ margin-top:3px;color:rgba(255,255,255,.43);font-size:10px;line-height:1.35; }
.docsync-crypto-note{ display:flex;align-items:center;gap:9px;margin-top:16px;padding:11px 13px;border-radius:13px;background:rgba(var(--cl-accent-rgb),.055);border:1px solid rgba(var(--cl-accent-rgb),.13);color:rgba(255,255,255,.56);font-size:10px;line-height:1.5; }
.docsync-crypto-note i{ color:var(--cl-accent); }
[data-crypto-modal-open]{ cursor:pointer; }

/* ---------- Clean payment pills ---------- */
.docsync-tether-mark{ display:grid;place-items:center;width:25px;height:25px;border-radius:999px;background:rgba(var(--cl-accent-rgb),.1);color:var(--cl-accent);font-size:16px;font-weight:900; }
.docsync-more-crypto{ appearance:none;font:inherit; }

/* ---------- Clickable trust cards ---------- */

/* ---------- Comparison actions ---------- */
.shop-compare-action{ display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:6px 9px;border-radius:9px;border:1px solid rgba(var(--cl-accent-rgb),.12);background:rgba(var(--cl-accent-rgb),.045);color:rgba(var(--cl-accent-rgb),.92);text-decoration:none;font-size:9px;font-weight:850;white-space:nowrap;transition:.18s ease; }
button.shop-compare-action{ font:inherit;cursor:pointer; }
.shop-compare-action:hover{ color:#fff;border-color:rgba(var(--cl-accent-rgb),.28);background:rgba(var(--cl-accent-rgb),.1); }
.shop-compare-action i{ font-size:8px; }

/* ---------- Cart payment summary ---------- */
.cart-payment-mini{ margin:14px 0 16px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025); }
.cart-payment-mini-label{ display:block;margin-bottom:9px;color:rgba(255,255,255,.42);font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase; }
.cart-payment-mini-row{ display:flex;align-items:center;gap:7px;flex-wrap:wrap; }
.cart-payment-mini-pill{ min-height:31px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.03);color:rgba(255,255,255,.76);font-size:9px;font-weight:800; }
button.cart-payment-mini-pill{ cursor:pointer; }
.cart-payment-mini-pill:hover{ border-color:rgba(var(--cl-accent-rgb),.22);color:#fff; }

/* ---------- Status email modal ---------- */
.status-email-modal{ position:fixed;inset:0;z-index:12090;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease; }
.status-email-modal.is-open{ opacity:1;visibility:visible;pointer-events:auto; }
.status-email-backdrop{ position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px); }
.status-email-panel{ position:relative;width:min(470px,100%);padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(180deg,rgba(15,18,19,.99),rgba(7,9,10,.995));box-shadow:0 30px 100px rgba(0,0,0,.55); }
.status-email-close{ position:absolute;right:14px;top:14px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035);color:#fff;cursor:pointer; }
.status-email-kicker{ color:rgba(var(--cl-accent-rgb),.9);font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase; }
.status-email-panel h3{ margin:6px 42px 7px 0;color:#fff;font-size:22px;font-weight:850;letter-spacing:-.03em; }
.status-email-panel p{ margin:0;color:rgba(255,255,255,.5);font-size:11px;line-height:1.6; }
.status-email-product{ margin-top:15px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025);color:rgba(255,255,255,.74);font-size:11px;font-weight:750; }
.status-email-form{ margin-top:15px;display:grid;gap:10px; }
.status-email-form label{ color:rgba(255,255,255,.55);font-size:10px;font-weight:750; }
.status-email-form input{ width:100%;height:46px;padding:0 13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(0,0,0,.18);color:#fff;outline:none;font-size:12px; }
.status-email-form input:focus{ border-color:rgba(var(--cl-accent-rgb),.55);box-shadow:0 0 0 3px rgba(var(--cl-accent-rgb),.07); }
.status-email-submit{ height:44px;border:0;border-radius:13px;background:var(--cl-accent);color:#080a09;font-size:11px;font-weight:900;cursor:pointer; }
.status-email-submit:disabled{ opacity:.55;cursor:wait; }
.status-email-message{ min-height:17px;color:rgba(255,255,255,.48);font-size:10px;line-height:1.5; }
.status-email-message.is-error{ color:#ff8b8b; }.status-email-message.is-success{ color:#71e9a6; }
.status-email-privacy{ display:flex;gap:7px;align-items:flex-start;margin-top:10px;color:rgba(255,255,255,.34);font-size:9px;line-height:1.45; }

/* ---------- Reduced motion: respect the visitor's OS setting ---------- */
@media (prefers-reduced-motion: reduce){
  html.max-smooth .payments-marquee,
  .payments-marquee,
  html.max-smooth .kc-v9-payment-track,
  .kc-v9-payment-track,
  html.max-smooth .hyper-feedback-track,
  .hyper-feedback-track,
  html.max-smooth .support-typing span,
  .support-typing span,
  .hkg-state i,
  .hkg-scan,
  .hkg-status-dots i,
  .sales-chart-bar span,
  .sales-live-dot,
  .sales-trend-dot,
  .scroll-wheel,
  .sa-bg-grid{
    animation:none !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  .hyper-feedback-marquee,.kc-v9-payment-rail,.payments-shell{ overflow-x:auto !important;mask-image:none !important;-webkit-mask-image:none !important; }
}

@media (max-width:767px){
  .docsync-crypto-grid{ grid-template-columns:1fr; }
  .docsync-crypto-panel{ padding:19px; }
}