.elementor-4983 .elementor-element.elementor-element-39700fb{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-949c8b9 *//* ===== UniquePharmaOnline – How ordering works (light medical) ===== */
.uplo-ordering{
  --site-bg:#F5F7FA;
  --card:#FFFFFF;
  --primary:#2B7CBF;
  --primary-dark:#23639A;
  --heading:#1F2933;
  --text:#4B5563;
  --border:#E1E7EF;

  position: relative;
  padding: 72px 0;
  font-family: Inter, sans-serif;
  color: var(--heading);
}

.uplo-ordering::before{
  content:"";
  position:absolute;
  inset:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:var(--site-bg);
  z-index:0;
}

.uplo-ordering .uplo-wrap{
  position:relative;
  z-index:1;
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing:border-box;
}

.uplo-ordering .uplo-hero-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:18px;
  padding:26px 22px;
  text-align:center;
  box-shadow:0 10px 22px rgba(31,41,51,.06);
  margin-bottom:18px;
}

.uplo-ordering h1{
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 44px !important;
  line-height: 1.1 !important;
  margin: 0 0 10px !important;
  color: var(--heading) !important;
  letter-spacing:-0.25px;
}

.uplo-ordering p{
  color: var(--text);
  line-height: 1.7;
  margin: 0;
  font-size: 16px;
}

.uplo-ordering .uplo-hero-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:16px;
}

.uplo-ordering .uplo-btn{
  display:inline-block;
  padding: 12px 16px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none !important;
  border: 1px solid transparent;
}

.uplo-ordering .uplo-btn-primary{
  background: var(--primary);
  color: #fff !important;
  border-color: var(--primary);
}
.uplo-ordering .uplo-btn-primary:hover{ background: var(--primary-dark); }

.uplo-ordering .uplo-btn-secondary{
  background: #fff;
  color: var(--primary-dark) !important;
  border-color: rgba(43,124,191,.35);
}
.uplo-ordering .uplo-btn-secondary:hover{
  background: rgba(43,124,191,.06);
}

.uplo-ordering .uplo-trust{
  list-style:none;
  padding:0;
  margin:14px 0 0;
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
  color:#6B7280;
  font-size: 14px;
}
.uplo-ordering .uplo-trust li::before{
  content:"✓";
  margin-right:8px;
  color: var(--primary);
  font-weight: 900;
}

.uplo-ordering .uplo-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.uplo-ordering .uplo-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:18px;
  padding:20px;
  box-shadow:0 10px 22px rgba(31,41,51,.06);
}

.uplo-ordering .uplo-card h2{
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 20px !important;
  margin: 0 0 10px !important;
  color: var(--heading) !important;
}

.uplo-ordering .uplo-list{
  list-style:none;
  padding:0;
  margin:12px 0 0;
  display:grid;
  gap:10px;
}

.uplo-ordering .uplo-list li{
  position:relative;
  padding: 12px 12px 12px 42px;
  border:1px solid rgba(225,231,239,.85);
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#FBFCFE);
  color: var(--text);
  line-height:1.7;
}

.uplo-ordering .uplo-list li::before{
  content:"✓";
  position:absolute;
  left:14px;
  top:14px;
  width:18px;
  height:18px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:11px;
  font-weight:900;
  color: var(--primary);
  background: rgba(43,124,191,.10);
}

.uplo-ordering .uplo-callout{
  border:1px solid rgba(43,124,191,.22);
  background: rgba(43,124,191,.06);
  border-radius:16px;
  padding:12px 14px;
  margin-top:12px;
}

.uplo-ordering .uplo-faq details{
  border:1px solid rgba(225,231,239,.9);
  border-radius:14px;
  padding: 12px 14px;
  background: linear-gradient(180deg,#fff,#FBFCFE);
  margin-top: 10px;
}

.uplo-ordering .uplo-faq summary{
  cursor:pointer;
  font-weight:800;
  color: var(--heading);
}

.uplo-ordering .uplo-faq p{
  margin-top:10px;
}

.uplo-ordering a{
  color: var(--primary-dark) !important;
  text-decoration: underline !important;
}
.uplo-ordering strong{ color: var(--heading); }

.uplo-ordering .uplo-footer-note{
  margin-top: 16px;
  text-align:center;
  color:#6B7280;
  font-size:14.5px;
}

/* Mobile */
@media (max-width: 768px){
  .uplo-ordering{ padding: 56px 0; }
  .uplo-ordering .uplo-wrap{ padding: 0 18px; }
  .uplo-ordering h1{ font-size: 30px !important; }
  .uplo-ordering .uplo-grid{ grid-template-columns: 1fr; }
}/* End custom CSS */