/* Vendnovo homepage styles */

.store-category-action {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    padding: 5px;
    gap: 6px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    box-sizing: border-box;
}

.store-category-action .store-category-select {
    flex: 1 1 auto;
    min-width: 0;
    height: 48px;
    padding: 0 42px 0 15px;
    border: 0;
    outline: none;
    border-radius: 20px;
    background-color: #ffffff;
    color: #374151;
    font-size: 15px;
    cursor: pointer;
    box-sizing: border-box;
}

.store-category-action .store-category-button {
    flex: 0 0 auto;
    height: 48px;
    padding: 0 22px;
    border: 0;
    border-radius: 20px;
    background: #000000;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.store-category-action .store-category-button:hover {
    background: #ff6b00;
    color: #000000;
}

@media (max-width: 576px) {
    .store-category-action {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: calc(100% - 28px);
        max-width: none;
        margin: 0 auto;
        padding: 8px;
        gap: 8px;
        border-radius: 18px;
        overflow: visible;
    }

    .store-category-action .store-category-select,
    .store-category-action .store-category-button {
        display: block;
        flex: none;
        width: 100%;
        min-width: 100%;
        height: 52px;
        box-sizing: border-box;
    }

    .store-category-action .store-category-select {
        padding: 0 16px;
        border: 1px solid #e5e7eb;
        border-radius: 14px;
        font-size: 16px;
    }

    .store-category-action .store-category-button {
        padding: 0 18px;
        border-radius: 14px;
    }
}

.custom-domain-home-section {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background:
      radial-gradient(circle at 10% 20%, rgba(240, 70, 14, .12), transparent 30%),
      radial-gradient(circle at 90% 80%, rgba(1, 21, 54, .12), transparent 32%),
      #f8fafc;
  }

  .custom-domain-home-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr);
    align-items: center;
    gap: 70px;
  }

  .custom-domain-home-content {
    min-width: 0;
  }

  .custom-domain-eyebrow {
    display: inline-flex;
    margin-bottom: 18px;
    color: #f0460e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .custom-domain-home-content h2 {
    max-width: 680px;
    margin: 0 0 20px;
    color: #011536;
    font-size: clamp(36px, 5vw, 58px);
    line-height: 1.08;
    letter-spacing: -1.8px;
  }

  .custom-domain-home-content > p {
    max-width: 650px;
    margin: 0;
    color: #64748b;
    font-size: 17px;
    line-height: 1.8;
  }

  .custom-domain-home-content > p strong {
    color: #011536;
  }

  .custom-domain-benefits {
    display: grid;
    gap: 18px;
    margin: 30px 0;
    padding: 0;
    list-style: none;
  }

  .custom-domain-benefits li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
  }

  .custom-domain-check {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(240, 70, 14, .12);
    color: #f0460e;
  }

  .custom-domain-benefits strong,
  .custom-domain-benefits small {
    display: block;
  }

  .custom-domain-benefits strong {
    margin-bottom: 4px;
    color: #011536;
    font-size: 15px;
  }

  .custom-domain-benefits small {
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
  }

  .custom-domain-home-button {
    display: inline-flex;
    min-height: 50px;
    padding: 12px 21px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 10px;
    background: #f0460e;
    box-shadow: 0 14px 30px rgba(240, 70, 14, .24);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: .25s;
  }

  .custom-domain-home-button:hover {
    background: #d83c09;
    color: #fff;
    transform: translateY(-2px);
  }

  .custom-domain-plan-note {
    display: block;
    margin-top: 11px;
    color: #64748b;
    font-size: 11px;
  }

  .custom-domain-home-preview {
    position: relative;
    min-width: 0;
  }

  .domain-preview-window {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .3);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 35px 80px rgba(1, 21, 54, .18);
    transform: rotate(1deg);
  }

  .domain-preview-toolbar {
    display: flex;
    padding: 13px 16px;
    align-items: center;
    gap: 14px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
  }

  .domain-preview-dots {
    display: flex;
    gap: 5px;
  }

  .domain-preview-dots span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cbd5e1;
  }

  .domain-preview-dots span:first-child {
    background: #f0460e;
  }

  .domain-preview-address {
    display: flex;
    flex: 1;
    min-width: 0;
    padding: 8px 12px;
    align-items: center;
    gap: 8px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    color: #475569;
    font-size: 12px;
  }

  .domain-preview-address i {
    color: #16a34a;
  }

  .domain-preview-body {
    min-height: 430px;
    padding: 26px;
    background:
      linear-gradient(135deg, rgba(1, 21, 54, .96), rgba(1, 36, 87, .9)),
      #011536;
  }

  .domain-preview-brand span {
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
  }

  .domain-preview-copy {
    max-width: 360px;
    padding: 65px 0 45px;
  }

  .domain-preview-copy > span:first-child {
    color: #f0460e;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .domain-preview-copy h3 {
    margin: 12px 0;
    color: #fff;
    font-size: 34px;
    line-height: 1.12;
  }

  .domain-preview-copy p {
    margin-bottom: 20px;
    color: rgba(255, 255, 255, .7);
    font-size: 13px;
    line-height: 1.7;
  }

  .domain-preview-button {
    display: inline-flex;
    padding: 10px 16px;
    border-radius: 8px;
    background: #f0460e;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
  }

  .domain-preview-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }

  .domain-preview-products span {
    height: 75px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .1);
  }

  .domain-connected-badge {
    position: absolute;
    right: -25px;
    bottom: 35px;
    display: flex;
    padding: 15px 17px;
    align-items: center;
    gap: 11px;
    border: 1px solid #dcfce7;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 16px 45px rgba(1, 21, 54, .18);
  }

  .domain-connected-badge > i {
    color: #16a34a;
    font-size: 24px;
  }

  .domain-connected-badge strong,
  .domain-connected-badge span {
    display: block;
  }

  .domain-connected-badge strong {
    color: #011536;
    font-size: 13px;
  }

  .domain-connected-badge span {
    margin-top: 2px;
    color: #64748b;
    font-size: 10px;
  }

  @media (max-width: 991px) {
    .custom-domain-home-grid {
      grid-template-columns: 1fr;
      gap: 55px;
    }

    .custom-domain-home-preview {
      max-width: 650px;
    }
  }

  @media (max-width: 575px) {
    .custom-domain-home-section {
      padding: 70px 0;
    }

    .custom-domain-home-content h2 {
      font-size: 35px;
      letter-spacing: -1px;
    }

    .domain-preview-body {
      min-height: 390px;
      padding: 20px;
    }

    .domain-preview-copy {
      padding-top: 50px;
    }

    .domain-preview-copy h3 {
      font-size: 28px;
    }

    .domain-connected-badge {
      position: relative;
      right: auto;
      bottom: auto;
      margin: -15px 15px 0;
    }
  }

.pricing-modern{position:relative;padding:96px 0;overflow:hidden;background:radial-gradient(circle at 12% 0%,rgba(79,70,229,.11),transparent 34%),radial-gradient(circle at 90% 20%,rgba(249,115,22,.10),transparent 30%)}
  .pricing-modern-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:38px}
  .pricing-modern-heading{max-width:680px}
  .pricing-eyebrow{display:inline-flex;align-items:center;padding:7px 12px;margin-bottom:14px;border:1px solid rgba(79,70,229,.18);border-radius:999px;background:rgba(79,70,229,.08);color:var(--primary,#f0460e);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
  .pricing-modern-heading h2{margin:0;color:var(--text,#f0460e);font-size:clamp(32px,5vw,52px);line-height:1.06;letter-spacing:-1.8px}
  .pricing-modern-heading p{max-width:650px;margin:16px 0 0;color:var(--muted,#64748b);font-size:17px;line-height:1.7}
  .billing-toggle{display:inline-flex;flex:0 0 auto;padding:5px;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:var(--card,#fff);box-shadow:0 12px 30px rgba(15,23,42,.08)}
  .billing-toggle-button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 16px;border:0;border-radius:10px;background:transparent;color:var(--muted,#64748b);font:inherit;font-size:13px;font-weight:900;cursor:pointer;transition:.2s ease}
  .billing-toggle-button span{padding:3px 6px;border-radius:999px;background:#dcfce7;color:#166534;font-size:9px;text-transform:uppercase}
  .billing-toggle-button.is-active{background:var(--text,#f0460e);color:#fff;box-shadow:0 6px 16px rgba(15,23,42,.18)}
  .pricing-modern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
  .pricing-plan{position:relative;display:flex;flex-direction:column;padding:26px;border:1px solid rgba(148,163,184,.24);border-radius:22px;background:var(--card,#fff);box-shadow:0 18px 50px rgba(15,23,42,.07);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
  .pricing-plan:hover{transform:translateY(-6px);border-color:rgba(79,70,229,.38);box-shadow:0 24px 60px rgba(15,23,42,.13)}
  .pricing-plan.is-popular{border:2px solid var(--primary,#f0460e);box-shadow:0 24px 65px rgba(79,70,229,.17)}
  .popular-badge{position:absolute;top:0;right:22px;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:0 0 10px 10px;background:linear-gradient(135deg,var(--primary,#f0460e),#7c3aed);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase}
  .pricing-plan-top{display:flex;align-items:flex-start;gap:14px;min-height:104px}
  .pricing-plan-icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,rgba(79,70,229,.14),rgba(124,58,237,.07));color:var(--primary,#f0460e);font-size:18px}
  .pricing-plan h3{margin:2px 0 7px;color:var(--text,#f0460e);font-size:21px}
  .pricing-plan-top p{margin:0;color:var(--muted,#64748b);font-size:13px;line-height:1.55}
  .pricing-amount-wrap{min-height:98px;margin-top:20px}
  .pricing-amount{display:flex;align-items:flex-end;gap:6px}
  .price-value{color:var(--text,#f0460e);font-size:42px;font-weight:950;line-height:1;letter-spacing:-1.6px}
  .price-value.price-custom{font-size:30px;letter-spacing:-.8px}
  .price-period{padding-bottom:5px;color:var(--muted,#64748b);font-size:13px;font-weight:800}
  .yearly-detail{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--muted,#64748b);font-size:12px;font-weight:700}
  .yearly-detail span{padding:4px 7px;border-radius:999px;background:#dcfce7;color:#166534;font-size:10px;font-weight:900;text-transform:uppercase}
  .pricing-modern[data-billing="monthly"] .price-yearly{display:none}
  .pricing-modern[data-billing="yearly"] .price-monthly{display:none}
  .price-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 20px;padding:10px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:rgba(148,163,184,.06)}
  .price-comparison div{display:flex;flex-direction:column;gap:2px;padding:3px 6px}
  .price-comparison div+div{border-left:1px solid rgba(148,163,184,.22)}
  .price-comparison span{color:var(--muted,#64748b);font-size:10px;font-weight:800;text-transform:uppercase}
  .price-comparison strong{color:var(--text,#172033);font-size:14px}
  .pricing-feature-list{display:grid;gap:14px;margin:0 0 24px;padding:20px 0 0;border-top:1px solid rgba(148,163,184,.2);list-style:none}
  .pricing-feature-list li{display:flex;align-items:flex-start;gap:10px}
  .pricing-feature-list li.is-unavailable{opacity:.52}
  .pricing-feature-check{display:flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;margin-top:1px;border-radius:50%;background:#dcfce7;color:#15803d;font-size:10px}
  .pricing-feature-list li.is-unavailable .pricing-feature-check{background:#f1f5f9;color:#64748b}
  .pricing-feature-list b,.pricing-feature-list small{display:block}
  .pricing-feature-list b{color:var(--text,#172033);font-size:13px;line-height:1.35}
  .pricing-feature-list small{margin-top:3px;color:var(--muted,#64748b);font-size:12px}
  .pricing-plan-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;margin-top:auto;padding:11px 15px;border:1px solid rgba(79,70,229,.25);border-radius:12px;background:rgba(79,70,229,.07);color:var(--primary,#4f46e5);text-decoration:none;font-size:14px;font-weight:900;transition:.2s ease}
  .pricing-plan-button:hover{transform:translateY(-1px);border-color:var(--primary,#f0460e);background:rgba(79,70,229,.12)}
  .pricing-plan-button.is-primary{border-color:transparent;background:linear-gradient(135deg,var(--primary,#f0460e),#7c3aed);color:#fff;box-shadow:0 12px 24px rgba(79,70,229,.24)}
  .pricing-footnote{display:flex;align-items:center;justify-content:center;gap:8px;margin:26px auto 0;color:var(--muted,#64748b);font-size:13px;text-align:center}
  .pricing-footnote i{color:#16a34a}
  @media(max-width:980px){.pricing-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-modern-head{align-items:flex-start;flex-direction:column}}
  @media(max-width:680px){.pricing-modern{padding:70px 0}.pricing-modern-grid{grid-template-columns:1fr}.pricing-modern-heading h2{letter-spacing:-1px}.billing-toggle{width:100%}.billing-toggle-button{flex:1;justify-content:center;padding:8px 10px}.pricing-plan{padding:22px}.pricing-plan-top{min-height:0}.price-value{font-size:38px}}

/* Former inline homepage declarations */
.home-inline-1 { height: 40px; }
.home-inline-2 { color:#f0460e; }
.home-inline-3 { margin-top:14px }
.home-inline-4 { display:block; margin-bottom:4px; }
.home-inline-5 { color:#f0460e; font-size:14px; line-height:1.7; }
.home-inline-6 { margin:0 0 6px; letter-spacing:-.2px; }
.home-inline-7 { margin:0 }
.home-inline-8 { margin:0 0 8px; letter-spacing:-.2px; }
.home-inline-9 { margin:0 0 12px; }
.home-inline-10 { margin-top:12px }
.home-inline-11 { color:rgba(91,107,134,.96); font-size:14px; line-height:1.7; }
.home-inline-12 { margin:0 0 10px; }
.home-inline-13 { margin-top:18px; }

.pricing-feature-list li.is-unavailable .pricing-feature-check,
.pricing-feature-list li.is-unavailable b,
.pricing-feature-list li.is-unavailable small {
  color: #dc2626;
}

.pricing-feature-list li.is-unavailable b,
.pricing-feature-list li.is-unavailable small {
  text-decoration: line-through;
}

.pricing-plan.is-promo {
  border-color: rgba(240, 70, 14, 0.55);
  box-shadow:
    0 20px 55px rgba(240, 70, 14, 0.12),
    0 0 0 1px rgba(240, 70, 14, 0.08);
}

.promo-plan-badge {
  position: absolute;
  top: 0;
  left: 22px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: linear-gradient(135deg, #f0460e, #ff7a45);
  border-radius: 0 0 10px 10px;
  box-shadow: 0 8px 18px rgba(240, 70, 14, 0.24);
}

.promo-plan-badge i {
  color: #fff;
  font-size: 10px;
}

.pricing-plan.is-promo .pricing-plan-icon {
  color: #fff;
  background: linear-gradient(135deg, #f0460e, #ff7a45);
}

@media (max-width: 680px) {
  .promo-plan-badge {
    left: 16px;
    padding: 6px 10px;
    font-size: 9px;
  }
}