/* Buy Package styles (moved from inline blocks) — v2.1.4.135 */

/* block 1 */
/* Styles for [sr_supplier_profile] (scoped). */
/* ===============================
   Scoped Styles — Supplier Profile
   All styles live here. Change here only.
   =============================== */

#srfq-buy-scope {
  --srfq-font-size: 15px;
  --srfq-radius: 12px;
  --srfq-space-1: 6px;
  --srfq-space-2: 10px;
  --srfq-space-3: 12px;
  --srfq-space-4: 16px;
  --srfq-space-5: 24px;
  --srfq-border: 1px solid #d1d5db;
  --srfq-muted: #6b7280;
  --srfq-text: #111827;
  --srfq-bg: #ffffff;
  --srfq-surface: #ffffff;
  --srfq-primary: #2563eb;
  --srfq-primary-600: #1d4ed8;
  --srfq-success: #059669;
  --srfq-danger: #dc2626;
  --srfq-warning: #d97706;
  --srfq-focus: #2563eb;
  color: var(--srfq-text);
  font-size: var(--srfq-font-size);
  line-height: 1.5;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 14px;
  margin: 12px 0;
  background: #fff;
  direction: rtl;
}

#srfq-buy-scope * { box-sizing: border-box; }

/* Layout */
#srfq-buy-scope .srfq-form { 
  max-width: 980px; 
  margin: 0 auto; 
  background: var(--srfq-bg);
}

#srfq-buy-scope .srfq-alert {
  padding: var(--srfq-space-3) var(--srfq-space-4);
  border: var(--srfq-border);
  border-radius: var(--srfq-radius);
  background: #fffbec;
  color: #7c6511;
  margin: var(--srfq-space-4) 0;
}
#srfq-buy-scope .srfq-success {
  background: #ecfff1; color: #065f46; border-color: #bbf7d0;
}
#srfq-buy-scope .srfq-error {
  background: #fff1f2; color: #991b1b; border-color: #fecdd3;
}

#srfq-buy-scope .srfq-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--srfq-space-4);
}
@media (max-width: 800px){
  #srfq-buy-scope .srfq-form-row { grid-template-columns: 1fr; }
}

#srfq-buy-scope .srfq-form-group {
  margin-bottom: 12px;
}

#srfq-buy-scope label {
  display: inline-block;
  margin-bottom: 6px;
  font-weight: 600;
  color: var(--srfq-text);
}

#srfq-buy-scope .srfq-hint {
  margin-top: var(--srfq-space-1);
  color: var(--srfq-muted);
  font-size: 0.92em;
}

/* Inputs */
#srfq-buy-scope .srfq-input,
#srfq-buy-scope .srfq-select,
#srfq-buy-scope .srfq-textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #fff;
  transition: border-color .15s, box-shadow .15s, background .15s;
  outline: none;
}
#srfq-buy-scope .srfq-textarea { min-height: 120px; resize: vertical; }

#srfq-buy-scope .srfq-input:focus,
#srfq-buy-scope .srfq-select:focus,
#srfq-buy-scope .srfq-textarea:focus {
  border-color: var(--srfq-focus);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
  background: #fff;
}

#srfq-buy-scope .srfq-required { color: var(--srfq-danger); margin-inline-start: 4px; }

/* Inline checks / categories grid */
#srfq-buy-scope .srfq-checks-inline {
  display: flex; flex-wrap: wrap; gap: var(--srfq-space-3); align-items: center;
}
#srfq-buy-scope .srfq-cats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: var(--srfq-space-2);
}
@media (max-width: 1024px){ #srfq-buy-scope .srfq-cats-grid { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 768px){ #srfq-buy-scope .srfq-cats-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 520px){ #srfq-buy-scope .srfq-cats-grid { grid-template-columns: 1fr; } }

#srfq-buy-scope .srfq-checks input[type="checkbox"],
#srfq-buy-scope .srfq-checks input[type="radio"] {
  accent-color: var(--srfq-primary);
}

/* File sections */
#srfq-buy-scope .srfq-file-section {
  padding: var(--srfq-space-3);
  border: var(--srfq-border);
  border-radius: var(--srfq-radius);
  background: #fff;
}
#srfq-buy-scope .srfq-file-grid {
  display: flex; flex-wrap: wrap; gap: var(--srfq-space-2); margin-top: var(--srfq-space-2);
}
#srfq-buy-scope .srfq-file-item {
  display: flex; flex-direction: column; align-items: center; gap: var(--srfq-space-1);
  font-size: 12px;
}
#srfq-buy-scope .srfq-file-item img {
  width: 64px; height: 64px; object-fit: cover; border-radius: 8px; border: 1px solid #e5e7eb;
}
#srfq-buy-scope .srfq-fileicon {
  display:inline-flex; width:64px; height:64px; align-items:center; justify-content:center;
  border: 1px solid #e5e7eb; border-radius: 8px; text-decoration: none;
}
#srfq-buy-scope .srfq-pre-del {
  position:absolute; top:-6px; right:-6px; width:18px; height:18px; line-height:18px; 
  border-radius: 50%; background: var(--srfq-danger); color:#fff; border:0; cursor:pointer; padding:0;
}

/* Buttons & actions */
#srfq-buy-scope .srfq-actions {
  display: flex; gap: var(--srfq-space-3); justify-content: flex-end; margin-top: var(--srfq-space-5);
}
#srfq-buy-scope .button, 
#srfq-buy-scope .srfq-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding: 10px 16px; border-radius: var(--srfq-radius); border: 0; cursor: pointer;
  background: var(--srfq-primary); color: #fff; font-weight: 600; text-decoration: none;
  transition: transform .05s ease, background .15s ease, box-shadow .15s ease;
}
#srfq-buy-scope .button:hover,
#srfq-buy-scope .srfq-btn:hover { background: var(--srfq-primary-600); }
#srfq-buy-scope .button:active,
#srfq-buy-scope .srfq-btn:active { transform: translateY(1px); }
#srfq-buy-scope .srfq-btn-danger { background: var(--srfq-danger); }

/* Lightbox */
#srfq-buy-scope .srfq-lightbox {
  position: fixed; inset: 0; background: rgba(0,0,0,.8); display:none;
  align-items: center; justify-content: center; z-index: 99999;
}
#srfq-buy-scope .srfq-lightbox img { max-width: 92vw; max-height: 92vh; border-radius: 10px; }

/* Small utilities */
#srfq-buy-scope .srfq-row { margin: var(--srfq-space-1) 0; }
#srfq-buy-scope .is-invalid { border-color: var(--srfq-danger) !important; }
#srfq-buy-scope .invalid-hint { color: var(--srfq-danger); font-size: 0.9em; margin-top: 6px; }


/* Generic inputs inside supplier scope (in case markup lacks .srfq-input/.srfq-select/.srfq-textarea) */
#srfq-buy-scope input[type="text"],
#srfq-buy-scope input[type="url"],
#srfq-buy-scope input[type="email"],
#srfq-buy-scope input[type="tel"],
#srfq-buy-scope input[type="file"],
#srfq-buy-scope select,
#srfq-buy-scope textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #fff;
  outline: none;
}
#srfq-buy-scope input[readonly],
#srfq-buy-scope input[disabled] {
  background: #f3f4f6;
  color: #6b7280;
}


/* Keep text color on hover (supplier scope) */
#srfq-buy-scope .button:hover,
#srfq-buy-scope .srfq-btn:hover { color: #fff !important; }


/* ===============================
   Supplier Profile – Visual Refresh (scoped, non-breaking)
   - Harmonize spacing, grid, section titles
   - Card-like blocks for file sections
   - Better controls alignment & RTL niceties
   =============================== */

/* Form wrapper spacing */
#srfq-buy-scope .srfq-form { 
  padding: 12px;
}

/* Section titles */
#srfq-buy-scope .srfq-section-title {
  font-weight: 700;
  margin: 8px 0 12px;
  padding-inline-start: 10px;
  border-inline-start: 3px solid var(--srfq-primary);
}

/* Two-column rows, auto-collapse */
#srfq-buy-scope .srfq-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--srfq-space-4);
}
@media (max-width: 900px){
  #srfq-buy-scope .srfq-form-row { grid-template-columns: 1fr; }
}

/* Unified controls */
#srfq-buy-scope .srfq-input,
#srfq-buy-scope .srfq-select,
#srfq-buy-scope .srfq-textarea,
#srfq-buy-scope input[type="text"],
#srfq-buy-scope input[type="url"],
#srfq-buy-scope input[type="email"],
#srfq-buy-scope input[type="tel"],
#srfq-buy-scope select,
#srfq-buy-scope textarea {
  height: 42px;
  padding: 8px 12px;
}
#srfq-buy-scope .srfq-textarea,
#srfq-buy-scope textarea { min-height: 120px; height: auto; resize: vertical; }

/* Labels & hints */
#srfq-buy-scope label {
  font-size: 0.96rem;
}
#srfq-buy-scope .srfq-hint {
  margin-top: 4px;
  font-size: .9em;
}

/* Readonly field look */
#srfq-buy-scope input[readonly],
#srfq-buy-scope input[disabled] {
  background: #f3f4f6;
  color: var(--srfq-muted);
  cursor: not-allowed;
}

/* File sections as cards */
#srfq-buy-scope .srfq-file-section {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px;
}
#srfq-buy-scope .srfq-file-grid {
  margin-top: 10px;
}
#srfq-buy-scope .srfq-file-item img,
#srfq-buy-scope .srfq-fileicon {
  width: 72px; height: 72px;
}

/* Actions */
#srfq-buy-scope .srfq-actions {
  margin-top: 18px;
  justify-content: flex-end;
}

/* Small fixes for RTL alignment */
#srfq-buy-scope .srfq-pre-del {
  right: -6px; left: auto;
}
[dir="rtl"] #srfq-buy-scope .srfq-pre-del {
  right: -6px; left: auto;
}


/* ==== Stack layout override (requested): everything vertical, full-width buttons ==== */
#srfq-buy-scope .srfq-form-row { 
  display: grid !important; 
  grid-template-columns: 1fr !important; 
  gap: var(--srfq-space-3) !important; 
}

#srfq-buy-scope .srfq-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--srfq-space-3) !important;
  margin-top: var(--srfq-space-4) !important;
}

/* Make primary controls full width */
#srfq-buy-scope .srfq-actions .button,
#srfq-buy-scope .srfq-actions .srfq-btn {
  width: 100% !important;
}

/* File area: stack uploader and previews */
#srfq-buy-scope .srfq-file-section { display: block !important; }
#srfq-buy-scope .srfq-file-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
#srfq-buy-scope .srfq-file-item { justify-content: flex-start !important; align-items: flex-start !important; }

/* Ensure any inline or theme float doesn't break stacking */
#srfq-buy-scope .srfq-row, 
#srfq-buy-scope .srfq-form-group { clear: both !important; float: none !important; }


/* ==== Emergency stacking & reset for Elementor/theme overrides ==== */
/* 1) Force the entire form to be a normal block container */
#srfq-buy-scope {
  position: relative !important;
  display: block !important;
}

/* 2) Kill any fixed/absolute/rotations applied by themes on buttons/actions */
#srfq-buy-scope .srfq-actions,
#srfq-buy-scope .srfq-actions *,
#srfq-buy-scope .button,
#srfq-buy-scope .srfq-btn {
  position: static !important;
  transform: none !important;
  rotate: 0deg !important;
  writing-mode: horizontal-tb !important;
}

/* 3) Stack everything vertically */
#srfq-buy-scope .srfq-form-row { 
  display: grid !important; 
  grid-template-columns: 1fr !important; 
  gap: var(--srfq-space-3) !important; 
}
#srfq-buy-scope .srfq-file-section,
#srfq-buy-scope .srfq-form-group,
#srfq-buy-scope .srfq-row {
  clear: both !important;
  float: none !important;
  width: 100% !important;
}

/* 4) Make Save & Upload controls go full width, stacked */
#srfq-buy-scope .srfq-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--srfq-space-3) !important;
  margin-top: var(--srfq-space-4) !important;
}
#srfq-buy-scope .srfq-actions .button,
#srfq-buy-scope .srfq-actions .srfq-btn {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

/* 5) Inputs always full width */
#srfq-buy-scope input[type="text"],
#srfq-buy-scope input[type="url"],
#srfq-buy-scope input[type="email"],
#srfq-buy-scope input[type="tel"],
#srfq-buy-scope input[type="file"],
#srfq-buy-scope select,
#srfq-buy-scope textarea {
  width: 100% !important;
}

/* 6) File grid one column to avoid side-by-side previews */
#srfq-buy-scope .srfq-file-grid { 
  display: grid !important; 
  grid-template-columns: 1fr !important; 
  gap: 10px !important; 
}

/* 7) Avoid Elementor column flex from messing inside our scope */
#srfq-buy-scope .elementor-widget,
#srfq-buy-scope .elementor-column,
#srfq-buy-scope .elementor-container {
  display: block !important;
}



/* ===== Buy Package Pro Styling (scoped) ===== */
#srfq-buy-scope .srfq-packages {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--srfq-space-4, 16px);
  max-width: 1000px;
  margin: 0 auto; /* center the grid */
}
@media (max-width: 768px){
  #srfq-buy-scope .srfq-packages { grid-template-columns: 1fr !important; }
  #srfq-buy-scope .srfq-package { min-width: auto !important; width: 100% !important; }
}

#srfq-buy-scope .srfq-card,
#srfq-buy-scope .srfq-package {
  border: var(--srfq-border,1px solid #e5e7eb);
  border-radius: var(--srfq-radius,12px);
  background: var(--srfq-surface,#fff);
  box-shadow: 0 2px 8px rgba(0,0,0,.03);
  padding: var(--srfq-space-4,16px);
  text-align: center; /* center content */
}
#srfq-buy-scope .srfq-package .title {
  font-weight: 700; margin-bottom: 6px;
}
#srfq-buy-scope .srfq-package .price {
  font-size: 1.15rem; font-weight: 700; margin: 4px 0 8px;
}
#srfq-buy-scope .srfq-package .meta {
  color: var(--srfq-muted,#6b7280); font-size: .92rem; margin-bottom: 10px;
}
#srfq-buy-scope .srfq-actions {
  display: flex; justify-content: center; gap: 10px; margin-top: 10px;
}
#srfq-buy-scope .button, #srfq-buy-scope .srfq-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 10px 16px; border-radius: var(--srfq-radius,12px);
  border: 0; cursor: pointer;
  background: var(--srfq-primary,#2563eb); color: #fff; font-weight: 600;
}
#srfq-buy-scope .button.button-ghost, #srfq-buy-scope /* Subtle hover */
#srfq-buy-scope .srfq-package:hover { box-shadow: 0 6px 20px rgba(0,0,0,.06); }


/* Remove the outer/first card frame in buy page */
#srfq-buy-scope > .srfq-card:first-of-type {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* horizontal layout removed for mobile stacking */
#srfq-buy-scope .srfq-packages > * {
  flex: 0 0 auto !important;
}



/* Center all content and cards; adjust title and price spacing */
#srfq-buy-scope .srfq-packages {
  justify-content: center !important;
}
#srfq-buy-scope .srfq-card,
#srfq-buy-scope .srfq-package {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}
#srfq-buy-scope .srfq-package .title {
  font-size: 1.25rem;
  margin-bottom: 10px;
}
#srfq-buy-scope .srfq-package .price {
  font-size: 1.10rem;
}
#srfq-buy-scope .srfq-package .price .currency {
  opacity: .85;
  margin-inline-start: 0;
}


/* Mobile stacking for packages */
@media (max-width: 768px){
  .srfq-packages{
    display:block !important;
    overflow-x: visible !important;
  }
  .srfq-packages .srfq-package,
  .srfq-packages .srfq-card.srfq-package,
  .srfq-packages .srfq-pack-card{
    width:100% !important;
    max-width:100% !important;
    flex: 0 0 auto !important;
    margin: 0 0 16px 0 !important;
  }
}

/* block 2 */
#srfq-buy-scope{
  --srfq-gap: 18px;
  --srfq-radius: 16px;
  --srfq-border: 1px;
  --srfq-shadow: 0 6px 18px rgba(0,0,0,.06);
  --srfq-grad1: none;
}
#srfq-buy-scope .srfq-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: var(--srfq-gap); }
#srfq-buy-scope .srfq-card{
  position:relative; padding:20px; border-radius:var(--srfq-radius);
  background:#fff; box-shadow:var(--srfq-shadow);
  border: var(--srfq-border) solid transparent;
  background-image: none;
  background-origin: initial;
  background-clip: initial;
  transition: transform .18s ease, box-shadow .18s ease;
}
#srfq-buy-scope .srfq-card:hover{ transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.09); }
#srfq-buy-scope .title{ font-weight:700; font-size:1.05rem; text-align:center; margin-bottom:10px; }
#srfq-buy-scope .price{ font-size:1.8rem; font-weight:800; text-align:center; margin:6px 0 12px; }
#srfq-buy-scope .price .currency{ font-size:.9rem; opacity:.7; font-weight:600; margin-right:0; }
#srfq-buy-scope .meta{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin: 8px 0 14px; }
#srfq-buy-scope .meta > div{ padding:6px 10px; border-radius:999px; border:1px solid rgba(0,0,0,.08); background:#fafafa; font-size:.85rem; }
#srfq-buy-scope .srfq-btn{ display:inline-block; width:100%; text-align:center; padding:12px 14px; border-radius:12px; color:#fff; font-weight:700; border:0; cursor:pointer;
  background: #19984c;
  box-shadow: 0 6px 18px rgba(46,204,113,.25);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
#srfq-buy-scope .srfq-btn:hover{ transform: translateY(-1px); box-shadow: 0 8px 22px rgba(46,204,113,.32); filter: saturate(1.05); }
@media (prefers-reduced-motion: reduce){ #srfq-buy-scope .srfq-card, #srfq-buy-scope .srfq-btn{ transition: none !important; } }
@media (max-width: 480px){ #srfq-buy-scope{ --srfq-gap: 14px; } #srfq-buy-scope .price{ font-size:1.6rem; } }

/* block 3 */
@media (max-width: 640px){
  .srfq-packages, .srfq-pack-grid, .srfq-pack-list {
    display:block !important;
  }
  .srfq-packages .srfq-pack-card,
  .srfq-pack-grid .srfq-pack-card,
  .srfq-pack-list .srfq-pack-card{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* block 4 */
/* Minimal solid-color package card styles using saved style variables. */
#srfq-buy-scope .srfq-packages{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:24px !important;
  max-width:1280px;
  margin-inline:auto;
  justify-content:center !important;
  align-items:stretch !important;
}
@media (max-width:1024px){#srfq-buy-scope .srfq-packages{gap:18px !important;}}
@media (max-width:640px){#srfq-buy-scope .srfq-packages{display:flex !important;flex-direction:column !important;gap:14px !important;}}
#srfq-buy-scope .srfq-package{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--card-bg,#fff);
  background-image:none !important;
  border:var(--card-bw,1px) solid var(--card-bc,#e5e7eb);
  border-radius:18px;
  padding:var(--pad-card,18px);
  display:flex;
  flex-direction:column;
  gap:var(--gap-y,11px);
  box-shadow:0 8px 24px rgba(31,41,51,.10);
  transform:none;
  max-width:360px;
  width:100%;
  transition:box-shadow .18s ease, transform .18s ease;
}
#srfq-buy-scope .srfq-package.srfq-style-2{box-shadow:0 10px 28px rgba(43,43,53,.14);}
#srfq-buy-scope .srfq-package--inactive{ filter: grayscale(1); opacity:.85; }
#srfq-buy-scope .srfq-package--inactive .srfq-btn{ cursor:not-allowed; opacity:.75; box-shadow:none !important; }
#srfq-buy-scope .srfq-package__soldout{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(17,24,39,.55);
  color:#fff;
  border-radius:18px;
  font-weight:900;
  font-size:18px;
  letter-spacing:.2px;
}
#srfq-buy-scope .srfq-package-ribbon{
  position:absolute;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--ribbon-bg,#F4A51C);
  color:var(--ribbon-color,#FFFFFF);
  font-size:20px;
  font-weight:900;
  line-height:1;
  text-align:center;
  pointer-events:none;
  user-select:none;
  box-shadow:0 6px 16px rgba(43,43,53,.14);
}
#srfq-buy-scope .srfq-package-ribbon--right{ right:18px; }
#srfq-buy-scope .srfq-package-ribbon--left{ left:18px; }
#srfq-buy-scope .srfq-package-ribbon--flag{
  min-width:34px;
  height:58px;
  padding:0 9px 12px;
  clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);
}
#srfq-buy-scope .srfq-package-ribbon--pill{
  top:12px;
  min-width:54px;
  min-height:28px;
  padding:6px 12px;
  border-radius:999px;
  font-size:13px;
  clip-path:none;
}
#srfq-buy-scope .srfq-package .title{
  color:var(--title-color,#111827);
  font-size:var(--title-size,22px);
  font-weight:900;
  text-align:center;
  margin:0;
  line-height:1.55;
}
#srfq-buy-scope .srfq-package .subtitle{
  width:min(86%, 280px);
  margin:2px auto 4px;
  background:var(--sub-bg,#f8fafc);
  color:var(--sub-color,#475569);
  font-size:var(--sub-size,15px);
  font-weight:900;
  text-align:center;
  padding:8px 12px;
  border-radius:10px;
  line-height:1.55;
}
#srfq-buy-scope .srfq-package .price{ color:var(--price-color,#111827); font-size:var(--price-size,27px); font-weight:900; text-align:center; margin:0; }
#srfq-buy-scope .srfq-package .price .currency{ font-weight:800; opacity:.9; margin-inline-start:0; font-size:.82em; }
#srfq-buy-scope .srfq-package .price__old{ color:var(--discount-old-color,#E53935); }
#srfq-buy-scope .srfq-package .price__discount-badge{ box-shadow:0 2px 8px rgba(31,41,51,.06); }
#srfq-buy-scope .srfq-package .meta{ display:flex; flex-direction:column; gap:8px; align-items:stretch; }
#srfq-buy-scope .srfq-package .meta .badge{
  display:flex;
  flex-direction:row;
  width:100%;
  justify-content:flex-start;
  align-items:center;
  text-align:right;
  direction:rtl;
  gap:10px;
  border:1px solid var(--badge-bc,#d1d5db);
  background:var(--badge-bg,#fff);
  color:var(--badge-color,#374151);
  font-size:var(--badge-size,14px);
  font-weight:600;
  border-radius:10px;
  padding:8px 12px;
  min-height:44px;
  line-height:1.65;
  box-shadow:0 2px 8px rgba(31,41,51,.06);
}
#srfq-buy-scope .srfq-package .meta .badge--full{ flex:0 0 100%; justify-content:flex-start; }
#srfq-buy-scope .srfq-package .meta .badge .num{ font-size:var(--num-size,15px); font-weight:var(--num-weight,700); margin:0 3px; }
#srfq-buy-scope .srfq-package-feature__icon{
  flex:0 0 28px;
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--btn-bg,#111827);
  color:var(--btn-color,#fff);
  box-shadow:0 2px 7px rgba(31,41,51,.12);
}
#srfq-buy-scope .srfq-package-feature__icon svg{width:17px;height:17px;display:block;fill:currentColor;}
#srfq-buy-scope .srfq-package-feature__text{flex:1 1 auto;min-width:0;text-align:right;}
#srfq-buy-scope .srfq-package .srfq-actions{ margin-top:auto; }
#srfq-buy-scope .srfq-package .srfq-actions .srfq-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:100%;
  min-height:48px;
  text-decoration:none;
  border-radius:10px;
  border:1px solid var(--btn-bg,#111827) !important;
  background:var(--btn-bg,#111827) !important;
  background-image:none !important;
  padding:11px 14px;
  font-weight:900;
  font-size:var(--btn-size,16px);
  color:var(--btn-color,#ffffff) !important;
  box-shadow:0 5px 14px rgba(31,41,51,.14);
}
#srfq-buy-scope .srfq-package .srfq-actions .srfq-btn:hover{
  background:var(--btn-bg-hover,var(--btn-bg,#111827)) !important;
  color:var(--btn-color,#ffffff) !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
  box-shadow:0 7px 18px rgba(31,41,51,.18) !important;
}
#srfq-buy-scope .srfq-package:hover{ transform:translateY(-2px) !important; box-shadow:0 12px 30px rgba(31,41,51,.14) !important; }

/* block 5 */
.srfq-modal{position:fixed !important;inset:0 !important;display:none;z-index:99999}
.srfq-modal[aria-hidden="false"]{display:block}
.srfq-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.50)}
.srfq-modal__dialog{position:relative;max-width:560px;margin:8vh auto;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px 14px 12px;box-shadow:0 25px 60px rgba(0,0,0,.18);max-height:calc(100vh - 16vh);overflow-y:auto}
.srfq-modal__close{position:absolute;left:10px;top:10px;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:#334155}
.srfq-modal__head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;padding-left:28px}
.srfq-paybadge{display:flex;align-items:flex-start}
.srfq-paybadge__label{font-weight:800;color:#0f172a;font-size:13px}
.srfq-field{margin:10px 0 12px}
.srfq-label{display:block;font-size:13px;margin-bottom:6px;color:#334155;font-weight:700}
.srfq-field__row{display:flex;gap:10px;align-items:center}
.srfq-field__row .srfq-input{flex:1;min-width:0}
/* file picker */
.srfq-filepick{display:flex;flex-direction:column;gap:8px}
.srfq-filebtn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 12px;border-radius:10px;cursor:pointer;background:#e5e7eb;color:#111827;border:1px solid #e5e7eb}
.srfq-filebtn:hover{opacity:1}
.srfq-filebtn input{display:none}
.srfq-filename{font-size:12px;color:#64748b;word-break:break-word}
.srfq-receipt-preview{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:4px;min-height:0}
.srfq-receipt-preview:empty{display:none}
.srfq-receipt-preview .srfq-file-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:0}
.srfq-receipt-preview .srfq-filethumb{width:64px;height:64px;display:flex;align-items:center;justify-content:center}
.srfq-receipt-preview .srfq-filethumb img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb;background:#fff;display:block}
.srfq-receipt-preview .srfq-fileicon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;color:#334155;font-size:12px;font-weight:800}
.srfq-receipt-remove{padding:4px 10px !important;font-size:12px !important;line-height:1 !important;border-radius:10px !important;min-height:28px !important;height:auto !important}
.srfq-coupon-msg{margin-top:6px;font-size:12px;color:#64748b;min-height:18px}
.srfq-coupon-msg.is-ok{color:#047857}
.srfq-coupon-msg.is-bad{color:#b91c1c}
.srfq-c2c-msg{margin-top:10px;padding:10px;border-radius:12px;border:1px solid #bbf7d0;background:#ecfff1;color:#065f46}
.srfq-c2c-msg.is-bad{border-color:#fecdd3;background:#fff1f2;color:#991b1b}
.srfq-invoice{border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc;padding:10px}
.srfq-invoice__row{display:flex;justify-content:space-between;gap:10px;padding:6px 2px;color:#0f172a}
.srfq-invoice__row--total{border-top:1px dashed #cbd5e1;margin-top:4px;padding-top:10px;font-weight:900}
.srfq-invoice__row--discount{color:#b91c1c}
.srfq-invoice__amount{font-variant-numeric:tabular-nums}
.srfq-actions.srfq-modal__actions{position:sticky;bottom:0;z-index:8;display:flex;align-items:center;justify-content:center !important;gap:12px;margin-top:22px !important;margin-right:-14px;margin-left:-14px;margin-bottom:-12px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #e5e7eb;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 -10px 22px rgba(15,23,42,.08)}
.srfq-actions.srfq-modal__actions .srfq-btn{flex:1 1 0;min-width:0}
.srfq-coupon-toggle-wrap{margin-top:8px}
.srfq-coupon-toggle{background:transparent;border:0;padding:0;color:#334155;font-weight:600;font-size:13px;cursor:pointer;text-decoration:none}
.srfq-coupon-toggle:hover{text-decoration:none;opacity:1}
.srfq-coupon-toggle:focus{outline:none;outline-offset:0;border-radius:0;box-shadow:none}

/* coupon input + apply stacked (desktop & mobile) */
.srfq-field--coupon .srfq-coupon-input{width:100%}
.srfq-field--coupon .srfq-coupon-apply{width:100%;margin-top:8px;box-shadow:none !important;filter:none !important;transform:none !important}
.srfq-field--coupon .srfq-coupon-apply:hover{box-shadow:none !important;filter:none !important;transform:none !important}

.srfq-card2card{margin-top:12px}
.srfq-card2card__title{font-weight:900;margin:0 0 6px;color:#0f172a}
.srfq-card2card__box{border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff}
.srfq-card2card__note{margin-top:8px;line-height:1.8;color:#64748b;font-size:1.1em}
.srfq-card2card__card{width:100%;text-align:center;border:2px solid var(--srfq-site-accent,#111827);background:#fff;color:var(--srfq-site-accent,#111827);border-radius:10px;padding:10px;font-weight:900;cursor:pointer;letter-spacing:1px;transition:background .15s,color .15s,border-color .15s}
.srfq-card2card__card:hover{background:var(--srfq-site-accent,#111827);color:#fff}
.srfq-card2card__card--empty{border:1px solid #94a3b8 !important;background:#f8fafc !important;color:#94a3b8 !important}
.srfq-card2card__holder{margin-top:8px;color:#0f172a}
.srfq-card2card__desc{margin-top:6px;color:#475569;font-size:12px;white-space:pre-line}
.srfq-card2card__copyhint{margin-top:8px;font-size:12px;color:#047857;text-align:center;font-weight:800}.srfq-card2card__copyhint::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;border-radius:999px;background:#dcfce7;color:#047857;font-weight:900;line-height:1}

@media (max-width:640px){
    .srfq-modal__dialog{margin:6vh 12px calc(env(safe-area-inset-bottom, 0px) + 58px);max-width:none;padding:12px;max-height:calc(100dvh - 6vh - env(safe-area-inset-bottom, 0px) - 70px)}
    .srfq-actions.srfq-modal__actions{margin-right:-12px;margin-left:-12px;margin-bottom:-12px;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));gap:10px}
    .srfq-field__row{flex-direction:column;align-items:stretch}
    .srfq-modal__head{flex-direction:column;align-items:flex-start}
    .srfq-paybadge{align-items:flex-start}
}

/* ===============================
   v2.1.7.138 — Packages alignment fixes
   - Center packages regardless of count (1..4)
   - Ensure equal-height cards per row
   - Remove global card margins inside packages to keep top edges aligned
   - Keep existing visual styles intact
   =============================== */
#srfq-buy-scope .srfq-packages{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:24px !important;
  justify-content:center !important;
  align-items:stretch !important;
  max-width:1280px;
  margin-inline:auto;
}
#srfq-buy-scope .srfq-packages > .srfq-package{
  flex: 1 1 300px !important;
  max-width:360px;
  width:100%;
  /* Prevent global .srfq-card margins (and .srfq-card + .srfq-card spacing)
     from offsetting items inside the packages layout. Gap handles spacing here. */
  margin:0 !important;
}
#srfq-buy-scope .srfq-packages > .srfq-package + .srfq-package{ margin-top:0 !important; }
#srfq-buy-scope .srfq-packages > .srfq-package,
#srfq-buy-scope .srfq-package{ height:100%; }

@media (max-width: 768px){
  #srfq-buy-scope .srfq-packages{ gap:12px !important; }
  #srfq-buy-scope .srfq-packages > .srfq-package{
    flex-basis: 100% !important;
    max-width: 520px;
  }
}


.srfq-buy-btn--restricted[disabled]{opacity:.75;cursor:not-allowed}


/* v2.2.17.187 — Mobile package cards hardening */
#srfq-buy-scope .srfq-package,
#srfq-buy-scope .srfq-package .title,
#srfq-buy-scope .srfq-package .subtitle,
#srfq-buy-scope .srfq-package .price,
#srfq-buy-scope .srfq-package .meta .badge,
#srfq-buy-scope .srfq-package .srfq-actions .srfq-btn{
  overflow-wrap:anywhere;
  word-break:break-word;
}
#srfq-buy-scope .srfq-package .meta .badge{
  white-space:normal;
  border-radius:10px;
  min-height:44px;
  padding:8px 12px;
}
#srfq-buy-scope .srfq-package .price{ line-height:1.35; }
#srfq-buy-scope .srfq-package .srfq-actions .srfq-btn{ min-height:46px; }
@media (max-width: 768px){
  #srfq-buy-scope .srfq-packages{
    gap:12px !important;
    padding-inline:0;
  }
  #srfq-buy-scope .srfq-packages > .srfq-package{
    flex-basis:100% !important;
    max-width:100%;
  }
  #srfq-buy-scope .srfq-package{
    padding:14px;
    border-radius:14px;
    gap:8px;
  }
  #srfq-buy-scope .srfq-package .title{
    font-size:var(--title-size-mobile, var(--title-size,18px));
    line-height:1.5;
  }
  #srfq-buy-scope .srfq-package .subtitle{
    font-size:var(--sub-size-mobile, var(--sub-size,12.5px));
    padding:6px 8px;
    line-height:1.6;
  }
  #srfq-buy-scope .srfq-package .price{
    font-size:var(--price-size-mobile, var(--price-size,22px));
  }
  #srfq-buy-scope .srfq-package .meta{
    gap:7px;
  }
  #srfq-buy-scope .srfq-package .meta .badge{
    font-size:var(--badge-size-mobile, var(--badge-size,13px));
    min-height:42px;
    padding:8px 10px;
    line-height:1.7;
  }
  #srfq-buy-scope .srfq-package .srfq-actions .srfq-btn{
    min-height:44px;
    font-size:var(--btn-size-mobile, var(--btn-size,15px));
  }
}
@media (max-width: 420px){
  #srfq-buy-scope{
    padding:12px;
  }
  #srfq-buy-scope .srfq-package{
    padding:12px;
  }
  #srfq-buy-scope .srfq-package .meta .badge{
    font-size:var(--badge-size-mobile, 12px);
    min-height:40px;
    padding:7px 9px;
  }
}


/* Package discount presentation */
#srfq-buy-scope .srfq-package .price{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}
#srfq-buy-scope .srfq-package .price__old{
  font-size:var(--discount-old-size,15px);
  font-weight:600;
  color:var(--discount-old-color,#94a3b8);
  text-decoration:line-through;
  line-height:1.4;
}
#srfq-buy-scope .srfq-package .price__current{
  color:var(--price-color,#111827);
  font-size:var(--price-size,22px);
  font-weight:800;
  line-height:1.35;
}
#srfq-buy-scope .srfq-package .price__discount-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 10px;
  border-radius:999px;
  background:var(--discount-badge-bg,#dcfce7);
  color:var(--discount-badge-color,#047857);
  font-size:var(--discount-badge-size,13px);
  font-weight:700;
}
#srfq-buy-scope .srfq-package .price__discount-note{
  font-size:var(--discount-note-size,13px);
  color:var(--discount-note-color,#64748b);
  line-height:1.7;
  text-align:center;
}

@media (max-width: 768px){
  #srfq-buy-scope .srfq-package .price__old{
    font-size:var(--discount-old-size-mobile, var(--discount-old-size,15px));
  }
  #srfq-buy-scope .srfq-package .price__discount-badge{
    font-size:var(--discount-badge-size-mobile, var(--discount-badge-size,13px));
  }
  #srfq-buy-scope .srfq-package .price__discount-note{
    font-size:var(--discount-note-size-mobile, var(--discount-note-size,13px));
  }
}

/* Checkout coupon toggle and invoice */
#srfq-buy-scope .srfq-field--coupon[hidden],
#srfq-buy-scope .srfq-invoice__row[hidden]{display:none !important;}
#srfq-buy-scope .srfq-coupon-toggle{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  color:#334155 !important;
  font-weight:500 !important;
  font-size:13px !important;
  text-decoration:none !important;
  box-shadow:none !important;
  outline:none !important;
}
#srfq-buy-scope .srfq-coupon-toggle:hover,
#srfq-buy-scope .srfq-coupon-toggle:active,
#srfq-buy-scope .srfq-coupon-toggle:focus{
  background:transparent !important;
  color:#334155 !important;
  box-shadow:none !important;
  outline:none !important;
  text-decoration:none !important;
}
#srfq-buy-scope .srfq-invoice__row--package-note{
  align-items:flex-start;
}
#srfq-buy-scope .srfq-invoice__row--package-note .srfq-invoice__amount{
  max-width:65%;
  text-align:left;
  line-height:1.8;
  color:#475569;
}
#srfq-buy-scope .srfq-invoice__row--package-discount,
#srfq-buy-scope .srfq-invoice__row--discount{
  color:#b91c1c;
}


#srfq-checkout-modal .srfq-field--coupon[hidden],
#srfq-checkout-modal .srfq-invoice__row[hidden]{display:none !important;}

.srfq-card2card__box{display:flex;flex-direction:column;gap:10px;}
.srfq-card2card__item{display:flex;flex-direction:column;gap:6px;}
.srfq-card2card__item-label{font-size:13px;font-weight:700;color:#334155;}


/* v2.2.24.260 — card-to-card label hints */
#srfq-checkout-modal .srfq-card2card__item-label{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:13px;
  font-weight:700;
  color:#334155;
  margin-bottom:2px;
}
#srfq-checkout-modal .srfq-card2card__label-hint{
  font-size:11px;
  font-weight:500;
  color:#64748b;
  line-height:1.7;
}
#srfq-checkout-modal .srfq-card2card__card{
  white-space:nowrap;
  direction:ltr;
  unicode-bidi:isolate;
  display:flex;
  align-items:center;
  justify-content:center;
  font-variant-numeric:tabular-nums;
  font-size:20px;
  line-height:1.45;
  letter-spacing:0;
  word-spacing:0;
  padding:11px 5px;
}
#srfq-checkout-modal .srfq-card2card__item--sheba .srfq-card2card__card{
  font-size:18px;
  letter-spacing:0;
}
#srfq-checkout-modal .srfq-card2card__holder{
  margin-top:8px;
}
#srfq-checkout-modal .srfq-card2card__desc{
  margin-top:6px;
  color:#475569;
  font-size:12px;
  white-space:pre-line;
  line-height:1.9;
}
@media (max-width:640px){
  #srfq-checkout-modal .srfq-card2card__card{
    font-size:18px;
    padding:10px 4px;
    letter-spacing:0;
  }
  #srfq-checkout-modal .srfq-card2card__item--sheba .srfq-card2card__card{
    font-size:16px;
    letter-spacing:0;
  }
}

/* v2.2.42.285 — sticky checkout actions in card-to-card modal */

/* === Buy package cleanup utilities (refactor pass 11) === */
.srfq-modal__title{margin:0;}
.srfq-modal__summary{margin:6px 0 10px;color:#475569;}
.srfq-card2card[hidden],
.srfq-card2card__copyhint[hidden],
.srfq-c2c-msg[hidden]{display:none !important;}
.srfq-field--spaced{margin-top:10px;}
.srfq-hint--upload{margin-top:6px;color:#64748b;font-size:12px;}
.srfq-alert--spaced{margin-bottom:14px;}
.srfq-card2card-success__title{margin:0 0 10px;}
.srfq-card2card-success__lead{margin:0 0 10px;}
.srfq-card2card-success__box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px;margin:10px 0;}
.srfq-card2card-success__desc{margin:10px 0;color:#475569;}
.srfq-card2card-success__code{margin:10px 0;}

/* Card-to-card checkout feedback and active-package upgrade notice */
#srfq-buy-scope .srfq-buy-feedback[hidden]{display:none !important;}
#srfq-checkout-modal .srfq-package-upgrade-notice{
  margin:10px 0 12px;
  padding:10px 12px;
  border:1px solid #fde68a;
  border-radius:12px;
  background:#fffbeb;
  color:#92400e;
  line-height:1.9;
  font-size:13px;
}
#srfq-checkout-modal .srfq-filepick.is-invalid{
  border-color:#fecdd3;
  box-shadow:0 0 0 3px rgba(254,205,211,.35);
  border-radius:12px;
}


/* 2.2.49.364 c2c modal validation focus */
#srfq-checkout-modal .srfq-c2c-msg{
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.9;
  outline: none;
}
#srfq-checkout-modal .srfq-c2c-msg.is-bad{
  border: 1px solid rgba(220,38,38,.28);
  background: rgba(254,242,242,.96);
  color: #991b1b;
}
#srfq-checkout-modal .srfq-c2c-msg.is-ok{
  border: 1px solid rgba(22,163,74,.25);
  background: rgba(240,253,244,.96);
  color: #166534;
}
#srfq-checkout-modal .srfq-filepick.is-invalid{
  border-color: rgba(220,38,38,.48);
  box-shadow: 0 0 0 3px rgba(220,38,38,.10);
}

/* Payment method selector in checkout modal */
#srfq-checkout-modal .srfq-payment-methods{
  margin:12px 0 14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  direction:rtl;
}
#srfq-checkout-modal .srfq-payment-methods__title{
  grid-column:1/-1;
  font-size:13px;
  font-weight:800;
  color:#0f172a;
  margin-bottom:2px;
}
#srfq-checkout-modal .srfq-payment-method{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-height:76px;
  padding:12px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:#fff;
  color:#334155;
  cursor:pointer;
  transition:border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .15s ease;
}
#srfq-checkout-modal .srfq-payment-method:hover{
  border-color:#cbd5e1;
  background:#f8fafc;
}
#srfq-checkout-modal .srfq-payment-method.is-active{
  border-color:var(--srfq-site-accent,#0f766e);
  background:#f0fdfa;
  box-shadow:0 0 0 3px rgba(15,118,110,.08);
}
#srfq-checkout-modal .srfq-payment-method input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
#srfq-checkout-modal .srfq-payment-method__icon{
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f1f5f9;
  color:#0f172a;
  font-weight:900;
  line-height:1;
}
#srfq-checkout-modal .srfq-payment-method.is-active .srfq-payment-method__icon{
  background:var(--srfq-site-accent,#0f766e);
  color:#fff;
}
#srfq-checkout-modal .srfq-payment-method__icon .srfq-icon,
#srfq-checkout-modal .srfq-payment-method__icon .srfq-payment-method__svg{
  width:20px;
  height:20px;
  display:block;
}
#srfq-checkout-modal .srfq-payment-method__img{
  width:24px;
  height:24px;
  display:block;
  object-fit:contain;
}
#srfq-checkout-modal .srfq-payment-method__body{
  display:flex;
  flex-direction:column;
  gap:4px;
  line-height:1.7;
}
#srfq-checkout-modal .srfq-payment-method__body strong{
  font-size:13px;
  color:#0f172a;
}
#srfq-checkout-modal .srfq-payment-method__body small{
  font-size:11.5px;
  color:#64748b;
  line-height:1.8;
}
#srfq-checkout-modal .srfq-payment-single{
  margin:12px 0 14px;
  padding:11px 12px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#f8fafc;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#0f172a;
}
#srfq-checkout-modal .srfq-payment-single__label{
  color:#64748b;
  font-size:12px;
}
@media (max-width:640px){
  #srfq-checkout-modal .srfq-payment-methods{
    grid-template-columns:1fr;
  }
  #srfq-checkout-modal .srfq-payment-method{
    min-height:auto;
  }
}

#srfq-buy-scope .srfq-package--has-ribbon .title{
  padding-inline:34px;
}
@media (max-width:640px){
  #srfq-buy-scope .srfq-package--has-ribbon .title{ padding-inline:28px; }
  #srfq-buy-scope .srfq-package-ribbon--right{ right:14px; }
  #srfq-buy-scope .srfq-package-ribbon--left{ left:14px; }
}


/* v2.2.189.604 - direct access upgrade introduction. */