/* VEED IPTV Pricing System - Professional Light Theme */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.veed-pricing-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 80px 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #f7fafd;
  color: #333;
  position: relative;
  min-height: 100vh;
}

.veed-pricing-header {
  text-align: center;
  margin-bottom: 60px;
  position: relative;
  z-index: 2;
}

.veed-pricing-header h2 {
  font-size: 42px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  line-height: 1.2;
}

.veed-pricing-header p {
  font-size: 18px;
  color: #666;
  margin: 0 auto 40px;
  max-width: 800px;
  line-height: 1.6;
}

.veed-pricing-features {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.veed-feature {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.veed-feature .icon {
  color: #22c55e;
  font-size: 20px;
  font-weight: bold;
}

/* ONLY ADDING ICONS FOR THE 3 FEATURES */
.veed-feature .icon-tv::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2322c55e'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.veed-feature .icon-lightning::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2322c55e'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 10V3L4 14h7v7l9-11h-7z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.veed-feature .icon-shield::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2322c55e'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.veed-pricing-plans {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 40px;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.veed-plan-card {
  background: #222;
  color: #fff;
  border-radius: 16px;
  padding: 40px 30px;
  width: 320px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 2px solid #333;
  position: relative;
  overflow: visible;
}

.veed-plan-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  border-color: #3b82f6;
}

.veed-plan-card.popular {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  color: #fff;
  border: 2px solid #1d4ed8;
  transform: scale(1.05);
  box-shadow: 0 8px 30px rgba(59, 130, 246, 0.3);
}

.veed-plan-card.popular:hover {
  transform: scale(1.05) translateY(-8px);
  box-shadow: 0 16px 50px rgba(59, 130, 246, 0.4);
}

.veed-plan-header h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 8px;
  color: inherit;
}

.veed-plan-card.popular .veed-plan-header h3 {
  color: #fff;
}

.veed-plan-header p {
  font-size: 14px;
  opacity: 0.8;
  margin-bottom: 30px;
  color: inherit;
}

.veed-plan-price {
  font-size: 56px;
  font-weight: 800;
  margin-bottom: 15px;
  color: #fff;
  line-height: 1;
}

.veed-plan-card.popular .veed-plan-price {
  color: #fff;
}

.veed-plan-price .currency {
  font-size: 32px;
  vertical-align: top;
  position: relative;
  top: 8px;
  margin-right: 4px;
}

.veed-plan-price .per-month {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  margin-left: 4px;
  vertical-align: top;
  position: relative;
  top: 28px;
}

.veed-plan-card.popular .veed-plan-price .per-month {
  color: rgba(255, 255, 255, 0.8);
}

.veed-plan-save {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #fff;
  border-radius: 25px;
  padding: 8px 20px;
  display: inline-block;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3);
}

.veed-plan-card.popular .veed-plan-save {
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  box-shadow: 0 4px 15px rgba(251, 191, 36, 0.3);
}

.veed-select-plan {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  color: #fff;
  border: none;
  padding: 18px 30px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  overflow: hidden;
}

.veed-select-plan:hover {
  background: linear-gradient(135deg, #1d4ed8, #1e40af);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);
}

.veed-plan-card.popular .veed-select-plan {
  background: #fff;
  color: #1d4ed8;
}

.veed-plan-card.popular .veed-select-plan:hover {
  background: #f8fafc;
  color: #1d4ed8;
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
}

/* Checkout Page Styles */
.veed-checkout-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.veed-checkout-header {
  text-align: center;
  margin-bottom: 40px;
}

.veed-checkout-header h1 {
  font-size: 36px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 15px;
}

.veed-checkout-header p {
  font-size: 18px;
  color: #666;
  max-width: 700px;
  margin: 0 auto;
}

.veed-checkout-content {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 30px;
}

.veed-checkout-left {
  background: #fff;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.veed-section {
  margin-bottom: 35px;
  padding-bottom: 25px;
  border-bottom: 1px solid #f3f4f6;
}

.veed-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.veed-section h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* REAL ICONS FOR CHECKOUT PAGE ONLY */
.veed-section h4 .icon-email::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.veed-section h4 .icon-tv::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.veed-section h4 .icon-chat::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.veed-section h4 .icon-credit-card::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H5a3 3 0 00-3 3v8a3 3 0 003 3z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.veed-section h4 .icon-tag::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.veed-form-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.veed-form-group {
  margin-bottom: 20px;
}

.veed-form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
  color: #374151;
}

.veed-form-group .description {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 12px;
  font-weight: normal;
}

.veed-form-group input,
.veed-form-group select {
  width: 100%;
  padding: 14px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  font-size: 16px;
  background: #fff;
  color: #1f2937;
  transition: all 0.3s ease;
  font-weight: 500;
}

.veed-form-group input:focus,
.veed-form-group select:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Extra Screens Counter */
.veed-extra-screens {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f8fafc;
  border-radius: 12px;
  padding: 25px;
  margin-top: 15px;
  border: 1px solid #e5e7eb;
}

.veed-extra-screens-icon {
  font-size: 36px;
  color: #3b82f6;
  margin-bottom: 15px;
  font-weight: bold;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Multi-user icon for extra screens */
.veed-extra-screens-icon::before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233b82f6' viewBox='0 0 24 24'%3E%3Cpath d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3Cpath d='M19.5 7.5a3 3 0 11-6 0 3 3 0 016 0zM21 15a6 6 0 00-6-6v6h6z'/%3E%3Cpath d='M4.5 7.5a3 3 0 106 0 3 3 0 00-6 0zM3 15a6 6 0 016-6v6H3z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.veed-extra-screens-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #1f2937;
}

.veed-extra-screens-description {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 20px;
  text-align: center;
}

.veed-extra-screens-price {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 5px;
}

.veed-extra-screens-price-text {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 20px;
}

.veed-extra-screens-counter {
  display: flex;
  align-items: center;
  gap: 15px;
}

.veed-counter-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: #3b82f6;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.veed-counter-btn:hover {
  background: #1d4ed8;
  transform: scale(1.05);
}

.veed-counter-btn:disabled {
  background: #e5e7eb;
  color: #9ca3af;
  cursor: not-allowed;
  transform: none;
}

.veed-counter-value {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  min-width: 40px;
  text-align: center;
}

.veed-contact-methods {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.veed-contact-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 20px 15px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #fff;
}

.veed-contact-option:hover {
  border-color: #3b82f6;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(59, 130, 246, 0.1);
}

.veed-contact-option input[type="radio"] {
  margin: 0;
  width: 20px;
  height: 20px;
}

.veed-contact-option input[type="radio"]:checked + .veed-contact-icon {
  transform: scale(1.1);
}

.veed-contact-icon {
  font-size: 32px;
  transition: transform 0.3s ease;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Real Contact Method Icons */
.veed-contact-icon.whatsapp::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2325D366'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.465 3.488'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.veed-contact-icon.telegram::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2329B6F6'%3E%3Cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.veed-contact-icon.email::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234285F4'%3E%3Cpath d='M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-.904.732-1.636 1.636-1.636h.91L12 10.09l9.455-6.269h.909c.904 0 1.636.732 1.636 1.636z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.veed-contact-option span {
  font-weight: 600;
  color: #374151;
}

.veed-payment-methods {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.veed-payment-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 20px 15px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #fff;
}

.veed-payment-option:hover {
  border-color: #3b82f6;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(59, 130, 246, 0.1);
}

.veed-payment-option input[type="radio"] {
  margin: 0;
  width: 20px;
  height: 20px;
}

.veed-payment-icon {
  display: flex;
  gap: 8px;
  font-size: 28px;
  font-weight: bold;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
}

/* Real Payment Method Icons */
.veed-payment-icon.card::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234A90E2'%3E%3Cpath d='M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.veed-payment-icon.crypto::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F7931A'%3E%3Cpath d='M23.638 14.904c-1.602 6.43-8.113 10.34-14.542 8.736C2.67 22.05-1.244 15.525.362 9.105 1.962 2.67 8.475-1.243 14.9.358c6.43 1.605 10.342 8.115 8.738 14.546z'/%3E%3Cpath fill='%23fff' d='M17.58 11.187c.23-1.54-.943-2.366-2.55-2.92l.52-2.087-1.27-.317-.507 2.03c-.333-.083-.676-.16-1.018-.238l.51-2.047-1.27-.317-.52 2.087c-.277-.063-.548-.125-.81-.19l.001-.006-1.75-.437-.337 1.353s.943.216.923.23c.515.128.608.47.593.741l-.593 2.38c.035.009.081.022.132.042l-.132-.033-.832 3.33c-.063.156-.223.39-.583.3.013.019-.924-.23-.924-.23l-.63 1.45 1.65.41c.307.077.608.158.903.234l-.525 2.107 1.27.317.52-2.087c.347.094.683.18 1.013.262l-.518 2.078 1.27.318.525-2.103c2.16.41 3.784.244 4.47-1.71.55-1.57-.027-2.477-1.16-3.065.825-.19 1.44-.73 1.61-1.85zm-2.88 4.04c-.39 1.58-3.03.725-3.89.51l.693-2.78c.86.214 3.6.64 3.197 2.27zm.39-4.06c-.356 1.42-2.558.7-3.275.52l.628-2.52c.718.18 3.016.51 2.647 2z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.veed-payment-icon.paypal::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23003087'%3E%3Cpath d='M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.926-.79l.04-.207 1.118-7.086.072-.39a.927.927 0 0 1 .926-.79h2.113c3.926 0 6.99-1.596 7.878-6.22.372-1.94.166-3.562-.776-4.686z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.veed-payment-option span {
  font-weight: 600;
  color: #374151;
}

.veed-discount-code {
  display: flex;
  gap: 12px;
}

.veed-discount-code input {
  flex: 1;
  padding: 14px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  font-size: 16px;
  background: #fff;
  color: #1f2937;
}

.veed-discount-code button {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #fff;
  border: none;
  padding: 14px 24px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.veed-discount-code button:hover {
  background: linear-gradient(135deg, #16a34a, #15803d);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3);
}

.veed-checkout-actions {
  margin-top: 35px;
}

.veed-continue-payment {
  width: 100%;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  color: #fff;
  border: none;
  padding: 18px 30px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
}

.veed-continue-payment:hover {
  background: linear-gradient(135deg, #1d4ed8, #1e40af);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);
}

.veed-guarantees {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
}

.veed-guarantees p {
  margin: 0;
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  text-align: center;
}

/* Real Guarantee Icons */
.veed-guarantees .icon-shield::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2322c55e'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.veed-guarantees .icon-return::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2322c55e'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.veed-guarantees .icon-headset::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2322c55e'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Order Summary */
.veed-checkout-right {
  background: #f8fafc;
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  align-self: flex-start;
  position: sticky;
  top: 20px;
}

.veed-order-summary h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #1f2937;
  text-align: center;
}

.veed-summary-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #e5e7eb;
  font-size: 16px;
  font-weight: 500;
  color: #374151;
}

.veed-summary-features {
  margin: 30px 0;
  padding: 25px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
}

.veed-summary-features ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.veed-summary-features li {
  padding: 10px 0;
  font-size: 14px;
  color: #374151;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
}

.veed-summary-features li::before {
  content: "✓";
  color: #22c55e;
  font-weight: 700;
  width: 20px;
  height: 20px;
  background: rgba(34, 197, 94, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 12px;
}

.veed-summary-total {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  color: #fff;
  padding: 20px;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-weight: 800;
  margin-top: 25px;
  box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
}

/* Trust Section */
.veed-trust-section {
  margin-top: 30px;
  text-align: center;
}

.veed-trust-section h3 {
  font-size: 16px;
  font-weight: 600;
  color: #6b7280;
  margin-bottom: 15px;
}

.veed-trust-image {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  opacity: 0.8;
}

/* Success/Error Messages */
.veed-success-message {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #fff;
  padding: 16px 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3);
}

.veed-error-message {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff;
  padding: 16px 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3);
}

/* Admin Contact Info Fields */
.veed-contact-info-fields {
  margin-top: 10px;
  padding: 10px;
  background: #f8f9fa;
  border-radius: 5px;
  border: 1px solid #dee2e6;
}

.veed-contact-info-fields input {
  width: 100%;
  padding: 5px 8px;
  margin: 2px 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 12px;
}

.veed-contact-info-fields label {
  font-size: 11px;
  font-weight: 600;
  color: #495057;
  display: block;
  margin-top: 5px;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .veed-checkout-content {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .veed-checkout-right {
    order: -1;
    position: static;
  }
}

@media (max-width: 768px) {
  .veed-pricing-container {
    padding: 60px 15px;
  }

  .veed-pricing-header h2 {
    font-size: 32px;
  }

  .veed-pricing-plans {
    flex-direction: column;
    align-items: center;
  }

  .veed-plan-card {
    width: 100%;
    max-width: 350px;
  }

  .veed-plan-card.popular {
    transform: none;
  }

  .veed-pricing-features {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .veed-contact-methods,
  .veed-payment-methods {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .veed-checkout-header h1 {
    font-size: 28px;
  }

  .veed-checkout-left,
  .veed-checkout-right {
    padding: 20px;
  }

  .veed-guarantees {
    flex-direction: column;
    gap: 10px;
  }

  .veed-guarantees p {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .veed-pricing-header h2 {
    font-size: 28px;
  }

  .veed-plan-card {
    padding: 30px 20px;
  }

  .veed-plan-price {
    font-size: 48px;
  }

  .veed-checkout-page {
    padding: 20px 10px;
  }

  .veed-section h4 {
    font-size: 18px;
  }

  .veed-extra-screens {
    padding: 20px 15px;
  }

  .veed-extra-screens-counter {
    gap: 10px;
  }

  .veed-counter-btn {
    width: 35px;
    height: 35px;
    font-size: 18px;
  }
}

/* Loading States */
.veed-loading {
  position: relative;
  pointer-events: none;
}

.veed-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid #fff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}