/* Auto-extracted storefront shell page styles. Do not edit PHP inline copies — edit this file. */

/* --- app/storefront/category_view.php --- */
.ic-filter-area {
    position: relative;
    z-index: 10;
    overflow: visible !important;
  }
  .ic-filter-area * {
    box-sizing: border-box;
  }
  .ic-filter-area details {
    position: relative;
    z-index: 1;
  }
  .ic-filter-area details[open] {
    z-index: 30;
  }
  .ic-filter-area summary::-webkit-details-marker {
    display: none;
  }
  .ic-filter-area summary {
    user-select: none;
  }
  .ic-filter-panel {
    z-index: 40 !important;
    overflow: visible !important;
    box-shadow: 0 18px 55px rgba(15, 23, 42, 0.18), 0 6px 18px rgba(15, 23, 42, 0.10);
  }
  .ic-filter-area details[open] > summary {
    border-color: #111827 !important;
    color: #111827 !important;
    background: #fff !important;
  }
  .ic-filter-area details[open] > summary .hgi-arrow-down-01 {
    transform: rotate(180deg);
  }
  .ic-filter-area label,
  .ic-filter-area a,
  .ic-filter-area input,
  .ic-filter-area button {
    position: relative;
    z-index: 1;
  }
  .ic-filter-scroll {
    max-height: 332px;
    overflow-y: auto;
    padding-right: 0.35rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(8, 129, 120, 0.55) #eef2f7;
  }
  .ic-filter-scroll::-webkit-scrollbar {
    width: 10px;
  }
  .ic-filter-scroll::-webkit-scrollbar-track {
    background: #eef2f7;
    border-radius: 999px;
  }
  .ic-filter-scroll::-webkit-scrollbar-thumb {
    background: rgba(8, 129, 120, 0.55);
    border-radius: 999px;
    border: 2px solid #eef2f7;
  }
  .ic-price-slider-wrap .noUi-target {
    border: 0;
    box-shadow: none;
    background: transparent;
  }
  .ic-price-slider-wrap .noUi-horizontal {
    height: 16px;
  }
  .ic-price-slider-wrap .noUi-base {
    height: 16px;
  }
  .ic-price-slider-wrap .noUi-connects {
    background: #e5e7eb;
    border-radius: 999px;
  }
  .ic-price-slider-wrap .noUi-connect {
    background: var(--color-primary);
  }
  .ic-price-slider-wrap .noUi-handle {
    width: 22px;
    height: 22px;
    right: -11px;
    top: -3px;
    border-radius: 50%;
    border: 2px solid var(--color-primary);
    background: #fff;
    box-shadow: 0 4px 12px rgba(8, 129, 120, 0.18);
    cursor: pointer;
  }
  .ic-price-slider-wrap .noUi-handle:before,
  .ic-price-slider-wrap .noUi-handle:after {
    display: none;
  }
  .ic-product-grid {
    position: relative;
    z-index: 1;
  }
  .ic-product-grid article {
    position: relative;
    z-index: 1;
    min-width: 0;
    overflow: hidden;
  }
  .ic-product-grid article:hover {
    z-index: 2;
  }
  .ic-product-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.75rem;
  }
  .ic-product-grid article {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px !important;
    border-radius: 14px !important;
    box-sizing: border-box;
  }
  .ic-product-grid .product-image-container {
    flex: 0 0 auto;
  }
  .ic-product-grid .product-image {
    height: 132px;
    min-height: 132px;
    max-height: 132px;
    aspect-ratio: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px !important;
  }
  .ic-product-grid .product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
  .ic-product-grid .product-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
  }
  .ic-product-grid .product-content h5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
    min-height: 2.6em;
    max-height: 2.6em;
    margin-bottom: 4px;
    word-break: break-word;
  }
  .ic-product-grid .rating-section {
    margin-bottom: 4px !important;
    min-height: 18px;
  }
  .ic-product-grid .price-section {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 6px;
    min-height: 2.35rem;
    min-width: 0;
    max-width: 100%;
  }
  .ic-product-grid .price-section-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
    min-width: 0;
    max-width: 100%;
  }
  .ic-product-grid .price-section .current-price {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    font-weight: 700;
  }
  .ic-product-grid .price-section .old-price {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.6875rem;
    line-height: 1rem;
    min-height: 1rem;
  }
  .ic-product-grid .price-section .discount-percentage {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 0.6875rem;
    line-height: 1rem;
  }
  .ic-product-grid .btn-section {
    margin-top: auto;
    gap: 0.4rem !important;
  }
  .ic-product-grid .btn-section > a.size-11 {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    padding: 0;
  }
  .ic-product-grid .btn-section > a.size-11 i {
    font-size: 14px;
  }
  .ic-product-grid .btn-section .btn {
    min-height: 28px;
    max-height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 1;
    border-radius: 8px;
    gap: 0.25rem;
  }
  .ic-product-grid .btn-section .btn i {
    font-size: 14px;
  }
  .ic-product-grid .btn-section .btn span {
    font-size: 12px;
  }
  .ic-pagination-wrap {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .ic-pagination-meta {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #637381;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .ic-pagination-meta::-webkit-scrollbar {
    display: none;
  }
  @media (min-width: 640px) {
    .ic-pagination-meta {
      text-align: left;
    }
  }
  .ic-pagination-controls {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
  @media (min-width: 640px) {
    .ic-pagination-controls {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
    }
  }
  .ic-pagination-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    min-width: 0;
  }
  .ic-pagination-pages {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding: 0.125rem 0;
  }
  .ic-pagination-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    height: 2.75rem;
    padding: 0 0.5rem;
    border-radius: 9999px;
    border: 1px solid #d1d5db;
    background: #fff;
    color: #212b36;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1;
    flex: 0 0 auto;
    transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease;
  }
  .ic-pagination-btn:hover:not(.is-disabled):not(.is-active) {
    border-color: var(--color-primary);
    color: var(--color-primary);
  }
  .ic-pagination-btn.is-active {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: rgba(8, 129, 120, 0.08);
  }
  .ic-pagination-btn.is-disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  .ic-pagination-ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 2.75rem;
    color: #919eab;
    font-size: 1rem;
    flex: 0 0 auto;
  }
  .ic-pagination-jump {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }
  .ic-pagination-jump label {
    font-size: 0.875rem;
    color: #637381;
    font-weight: 600;
  }
  .ic-pagination-jump input {
    width: 5rem;
    height: 2.75rem;
    border: 1px solid #d1d5db;
    border-radius: 9999px;
    padding: 0 0.875rem;
    text-align: center;
    font-size: 0.9375rem;
    color: #212b36;
    background: #fff;
  }
  .ic-pagination-jump button {
    height: 2.75rem;
    border: 0;
    border-radius: 9999px;
    padding: 0 1rem;
    background: var(--color-primary);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    cursor: pointer;
  }
  @media (max-width: 639px) {
    .ic-pagination-btn {
      min-width: 2.375rem;
      height: 2.375rem;
      font-size: 0.8125rem;
    }
    .ic-pagination-ellipsis {
      height: 2.375rem;
    }
    .ic-pagination-pages {
      justify-content: flex-start;
      flex: 1 1 auto;
    }
    .ic-pagination-bar {
      width: 100%;
    }
  }
  @media (max-width: 1199px) {
    .ic-product-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 991px) {
    .ic-product-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 767px) {
    .ic-product-grid {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.625rem;
    }
    .ic-product-grid article {
      min-width: 0;
      padding: 0.625rem !important;
      overflow: visible;
    }
    .ic-product-grid .product-image-container {
      position: relative;
    }
    .ic-product-grid .product-image-container .ic-mobile-wishlist {
      display: inline-flex;
    }
    .ic-product-grid .product-image {
      height: 148px;
      min-height: 148px;
      margin-bottom: 0.5rem !important;
    }
    .ic-product-grid .product-content {
      min-width: 0;
    }
    .ic-product-grid .product-content h5 {
      font-size: 0.8125rem;
      line-height: 1.25rem;
      min-height: 2.5rem;
      max-height: 2.5rem;
      margin-bottom: 0.375rem;
    }
    .ic-product-grid .rating-section {
      margin-bottom: 0.375rem;
    }
    .ic-product-grid .rating-section > div {
      width: 72px;
      height: 14px;
    }
    .ic-product-grid .rating-section > div > div {
      height: 14px;
    }
    .ic-product-grid .rating-section span {
      font-size: 0.75rem;
      line-height: 1.125rem;
    }
    .ic-product-grid .price-section {
      display: flex !important;
      flex-direction: column !important;
      gap: 0.125rem !important;
      margin-bottom: 0 !important;
      min-width: 0;
      max-width: 100%;
      overflow: hidden !important;
      min-height: 2.125rem;
    }
    .ic-product-grid .price-section .current-price {
      flex: 1 1 auto;
      min-width: 0;
      max-width: 100% !important;
      font-size: 0.8125rem !important;
      line-height: 1.125rem !important;
    }
    .ic-product-grid .price-section-main {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.25rem;
      min-width: 0;
      max-width: 100%;
    }
    .ic-product-grid .price-section .old-price {
      display: block;
      width: 100%;
      font-size: 0.6875rem !important;
      line-height: 1rem !important;
    }
    .ic-product-grid .price-section .discount-percentage {
      flex: 0 0 auto;
      font-size: 0.6875rem !important;
      line-height: 1rem !important;
    }
    .ic-product-grid .btn-section {
      display: none;
    }
  }
  .ic-product-grid .product-image-container .ic-mobile-wishlist {
    display: none;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 2;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background: #fff;
    border: 1px solid #d1d5db;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
  }
  .ic-product-grid .discount-percentage {
    color: #16a34a !important;
    font-weight: 700 !important;
  }

  .ic-filter-row {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
    width: 100%;
  }
  .ic-filter-row details,
  .ic-filter-sort {
    width: 100%;
    min-width: 0;
  }
  .ic-filter-row summary {
    width: 100%;
    min-width: 0;
    justify-content: space-between;
  }
  .ic-filter-row summary span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ic-filter-sort form,
  .ic-filter-sort select {
    width: 100%;
  }
  @media (max-width: 1279px) {
    .ic-filter-row {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 767px) {
    .ic-filter-row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 479px) {
    .ic-filter-row {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 640px) {
    .ic-filter-panel {
      left: 0 !important;
      right: auto !important;
      width: min(92vw, 280px) !important;
    }
  }

/* --- app/storefront/order.php --- */
.nice-select .list {
        max-height: calc(40px * 10);
        overflow-y: auto;
      }
      #country_region {
        min-height: 56px;
      }

/* --- app/storefront/order_success.php --- */
.order-success-shell {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .order-success-page {
    padding-bottom: 0;
  }

  .order-success-grid {
    align-items: start !important;
  }

  .order-success-grid > * {
    min-width: 0;
  }

  .order-success-main-card {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.035);
    height: auto;
  }

  .order-success-hero {
    min-height: 220px;
    padding: 20px 26px;
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    background:
      radial-gradient(circle at 8% 22%, rgba(39, 205, 163, 0.18), transparent 24%),
      radial-gradient(circle at 96% 10%, rgba(255, 140, 48, 0.16), transparent 28%),
      linear-gradient(105deg, #ecfffa 0%, #ffffff 48%, #fff1e4 100%);
    border-bottom: 1px solid #111827;
    position: relative;
  }

  .order-success-hero-icon-wrap {
    width: 145px;
    height: 145px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.50);
    border: 1px solid rgba(255, 255, 255, 0.80);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    position: relative;
  }

  .order-success-hero-icon-wrap::before,
  .order-success-hero-icon-wrap::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.34);
  }

  .order-success-hero-icon-wrap::before {
    width: 14px;
    height: 14px;
    left: 10px;
    top: 48px;
    box-shadow:
      48px -48px 0 -4px rgba(16, 185, 129, 0.50),
      160px -22px 0 -5px rgba(16, 185, 129, 0.42),
      168px 56px 0 -5px rgba(16, 185, 129, 0.36);
  }

  .order-success-hero-icon-wrap::after {
    width: 30px;
    height: 15px;
    right: -18px;
    top: 82px;
    transform: rotate(-12deg);
    border-radius: 80% 20% 80% 20%;
  }

  .order-success-hero-icon {
    width: 108px;
    height: 108px;
    border-radius: 999px;
    background: linear-gradient(135deg, #12c694 0%, #078b78 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 22px rgba(6, 148, 127, 0.18);
  }

  .order-success-check-circle {
    width: 68px;
    height: 68px;
    border-radius: 999px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .order-success-check-circle i {
    font-size: 36px;
    line-height: 1;
    color: #16b98e;
  }

  .order-success-hero-content {
    text-align: center;
  }

  .order-success-status-line {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #253041;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 10px;
  }

  .order-success-status-line i {
    color: #10b981;
    font-size: 16px;
    line-height: 16px;
  }

  .order-success-title {
    font-size: 42px;
    line-height: 1.05;
    font-weight: 800;
    color: #252a33;
    letter-spacing: -0.035em;
    margin-bottom: 12px;
  }

  .order-success-message {
    max-width: 760px;
    margin: 0 auto;
    color: #374151;
    font-size: 15px;
    line-height: 24px;
  }

  .order-success-message strong {
    color: #111827;
    font-weight: 800;
  }

  .order-success-webhook {
    max-width: 760px;
    margin: 4px auto 0;
    color: #344054;
    font-size: 13px;
    line-height: 21px;
    font-weight: 800;
  }

  .order-success-info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid #111827;
    background: #ffffff;
  }

  .order-success-info-box {
    padding: 15px 20px;
    min-height: 74px;
    border-right: 1px solid rgba(15, 23, 42, 0.14);
  }

  .order-success-info-box:last-child {
    border-right: 0;
  }

  .order-success-info-label {
    color: #4b5563;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 5px;
  }

  .order-success-info-value {
    color: #0f172a;
    font-size: 15px;
    line-height: 21px;
    font-weight: 800;
    word-break: break-word;
  }

  .order-success-items-area {
    padding: 20px 22px 20px;
  }

  .order-success-section-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px;
  }

  .order-success-section-head h5 {
    margin: 0;
    color: #111827;
    font-size: 20px;
    line-height: 26px;
    font-weight: 800;
  }

  .order-success-item-count {
    color: #374151;
    font-size: 13px;
    line-height: 20px;
  }

  .order-success-item-card {
    border: 1px solid #111827;
    border-radius: 14px;
    background: #ffffff;
    padding: 0;
    overflow: hidden;
  }

  .order-success-item-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) 0.7fr 0.8fr 0.8fr;
    gap: 16px;
    align-items: center;
  }

  .order-success-item-head {
    padding: 14px 24px 11px;
    color: #344054;
    font-size: 13px;
    line-height: 20px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.12);
  }

  .order-success-item-body {
    padding: 13px 24px 16px;
  }

  .order-success-product-name {
    color: #111827;
    font-size: 15px;
    line-height: 21px;
    font-weight: 800;
  }

  .order-success-product-name:hover {
    color: var(--primary, #ff7a00);
  }

  .order-success-item-value {
    color: #111827;
    font-size: 15px;
    line-height: 21px;
    font-weight: 800;
  }

  .order-success-center {
    text-align: center;
  }

  .order-success-right {
    text-align: right;
  }

  .order-success-bottom-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
    margin-top: 12px;
    margin-bottom: 0;
  }

  .order-success-bottom-box {
    border: 1px solid #111827;
    border-radius: 16px;
    background: #ffffff;
    min-height: 105px;
    padding: 20px 22px 16px;
  }

  .order-success-bottom-box h6 {
    margin: 0 0 7px;
    color: #111827;
    font-size: 17px;
    line-height: 23px;
    font-weight: 800;
  }

  .order-success-bottom-box p {
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 21px;
  }

  .order-success-bottom-box strong {
    display: block;
    color: #111827;
    font-weight: 800;
  }

  .order-success-sidebar {
    position: sticky;
    top: 12px;
    align-self: start;
  }

  .order-success-side-card {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.035);
    padding: 14px;
    height: auto;
    min-height: 0;
  }

  .order-success-side-block {
    border: 1px solid #111827;
    border-radius: 16px;
    padding: 22px 20px 20px;
    background: #ffffff;
  }

  .order-success-side-block + .order-success-side-block {
    margin-top: 12px;
  }

  .order-success-summary-title {
    margin: 0 0 14px;
    color: #111827;
    font-size: 20px;
    line-height: 26px;
    font-weight: 800;
  }

  .order-success-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #344054;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 9px;
  }

  .order-success-summary-row span:last-child {
    color: #111827;
    font-weight: 700;
  }

  .order-success-summary-row .order-success-free {
    color: #00c853;
    font-weight: 800;
  }

  .order-success-summary-line {
    height: 1px;
    width: 100%;
    background: #111827;
    margin: 11px 0 11px;
  }

  .order-success-summary-total {
    color: #111827;
    font-size: 17px;
    line-height: 23px;
    font-weight: 900;
    margin-bottom: 0;
  }

  .order-success-summary-total span:last-child {
    font-weight: 900;
  }

  .order-success-side-title {
    margin: 0 0 10px;
    color: #111827;
    font-size: 18px;
    line-height: 24px;
    font-weight: 800;
  }

  .order-success-side-name {
    margin: 0 0 3px;
    color: #111827;
    font-size: 14px;
    line-height: 21px;
    font-weight: 800;
  }

  .order-success-side-text {
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 21px;
  }

  .order-success-actions {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .order-success-actions .btn {
    min-height: 44px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
  }

  .order-success-features {
    margin-top: 14px;
    margin-bottom: 0;
  }

  .order-success-feature-card {
    background: #ffffff;
    border: 0;
    box-shadow: none;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
  }

  .order-success-feature-icon {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid rgba(15, 23, 42, 0.08);
  }

  .order-success-feature-icon i {
    font-size: 23px;
    line-height: 23px;
  }

  .order-success-feature-icon.green {
    background: #e8fff7;
    color: #10b981;
  }

  .order-success-feature-icon.orange {
    background: #fff0e6;
    color: #ff7a00;
  }

  .order-success-feature-icon.purple {
    background: #f2edff;
    color: #7c3aed;
  }

  .order-success-feature-icon.blue {
    background: #eaf3ff;
    color: #2f80ed;
  }

  .order-success-feature-title {
    margin: 0;
    color: #111827;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
  }

  .order-success-feature-desc {
    margin: 1px 0 0;
    color: #475569;
    font-size: 13px;
    line-height: 19px;
  }

  .order-success-empty-card {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.035);
  }

  @media (max-width: 1399px) {
    .order-success-title {
      font-size: 40px;
    }

    .order-success-hero {
      grid-template-columns: 180px minmax(0, 1fr);
    }
  }

  @media (max-width: 1199px) {
    .order-success-sidebar {
      position: static;
      top: auto;
    }

    .order-success-title {
      font-size: 38px;
    }

    .order-success-actions {
      margin-top: 12px;
    }
  }

  @media (max-width: 991px) {
    .order-success-hero {
      grid-template-columns: 1fr;
      padding: 24px 20px;
      gap: 16px;
      text-align: center;
    }

    .order-success-hero-icon-wrap {
      margin: 0 auto;
    }

    .order-success-title {
      font-size: 34px;
    }

    .order-success-info-grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .order-success-info-box:nth-child(2) {
      border-right: 0;
    }

    .order-success-info-box:nth-child(1),
    .order-success-info-box:nth-child(2) {
      border-bottom: 1px solid rgba(15, 23, 42, 0.14);
    }

    .order-success-bottom-grid {
      grid-template-columns: 1fr;
      gap: 12px;
    }
  }

  @media (max-width: 767px) {
    .order-success-shell {
      padding-top: 8px;
      padding-bottom: 10px;
    }

    .order-success-page {
      padding-bottom: 0;
    }

    .order-success-hero {
      min-height: auto;
      padding: 22px 16px;
    }

    .order-success-title {
      font-size: 28px;
      letter-spacing: -0.02em;
    }

    .order-success-message {
      font-size: 14px;
      line-height: 23px;
    }

    .order-success-webhook {
      font-size: 13px;
      line-height: 21px;
    }

    .order-success-info-grid {
      grid-template-columns: 1fr;
    }

    .order-success-info-box {
      border-right: 0;
      border-bottom: 1px solid rgba(15, 23, 42, 0.14);
      min-height: auto;
      padding: 14px 18px;
    }

    .order-success-info-box:last-child {
      border-bottom: 0;
    }

    .order-success-items-area {
      padding: 20px 16px;
    }

    .order-success-item-head {
      display: none;
    }

    .order-success-item-grid {
      grid-template-columns: 1fr;
      gap: 10px;
    }

    .order-success-item-body {
      padding: 16px;
    }

    .order-success-mobile-label {
      display: block !important;
      color: #64748b;
      font-size: 12px;
      line-height: 18px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      margin-bottom: 2px;
    }

    .order-success-center,
    .order-success-right {
      text-align: left;
    }

    .order-success-bottom-box {
      min-height: auto;
      padding: 20px 18px;
    }

    .order-success-side-card {
      padding: 12px;
    }

    .order-success-side-block {
      padding: 20px 16px;
    }

    .order-success-actions {
      margin-top: 12px;
    }

    .order-success-actions .btn {
      min-height: 42px;
    }
  }

  @media (min-width: 768px) {
    .order-success-mobile-label {
      display: none !important;
    }
  }

/* --- app/storefront/shop.php --- */
.shop-product-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.75rem;
  }
  .shop-product-grid > article {
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }
  .shop-product-grid .shop-product-image {
    height: 220px;
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .shop-product-grid .shop-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
  .shop-product-grid .product-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .shop-product-grid .product-content h2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
    min-height: 2.6em;
    max-height: 2.6em;
    margin-bottom: 0.35rem;
  }
  .shop-product-grid .rating-section {
    margin-bottom: 0.35rem;
    min-height: 18px;
  }
  .shop-product-grid .price-section {
    min-height: 2.35rem;
    margin-bottom: 0.4rem;
  }
  .shop-product-grid .btn-section {
    margin-top: auto;
    gap: 0.4rem;
  }
  .shop-product-grid .btn-section > a.size-11 {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
  }
  .shop-product-grid .btn-section > a.size-11 i {
    font-size: 14px;
  }
  .shop-product-grid .btn-section .btn {
    min-height: 28px;
    max-height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 1;
    border-radius: 8px;
  }
  .shop-product-grid .btn-section .btn i {
    font-size: 14px;
  }
  @media (max-width: 1199px) {
    .shop-product-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 991px) {
    .shop-product-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 767px) {
    .shop-product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 479px) {
    .shop-product-grid {
      grid-template-columns: 1fr;
    }
  }

/* --- app/storefront/vendor_marketplace.php --- */
.b19-vendor-marketplace .vendor-card-shadow{box-shadow:0 18px 45px rgba(15,23,42,.08)}
.b19-vendor-marketplace .vendor-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.b19-vendor-marketplace .vendor-product-image{aspect-ratio:1/1;background:#f4f3f5}
.b19-vendor-marketplace .vendor-product-image img{width:100%;height:100%;object-fit:contain;background:#f4f3f5}
.b19-vendor-marketplace .vendor-cover-placeholder{width:100%;height:100%;background:#f1f3f5}
.b19-vendor-marketplace .vendor-stat-card{min-width:0}
.b19-vendor-marketplace .vendor-chip-active{border-color:var(--color-primary);color:var(--color-primary);background:rgba(8,129,120,.08)}
.b19-vendor-marketplace .vendor-grid-toolbar select,
.b19-vendor-marketplace .vendor-grid-toolbar input{appearance:auto}
@media (max-width:1279px){.b19-vendor-marketplace .vendor-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.b19-vendor-marketplace .vendor-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media (max-width:575px){.b19-vendor-marketplace .vendor-product-grid{grid-template-columns:1fr}}
@media (max-width:1023px){.b19-vendor-marketplace .sidebar{position:static}}

/* --- app/storefront/my_account.php --- */
.account-page-wrap {
    background: #ffffff;
}

.account-page-wrap .account-breadcrumb-block {
    padding-top: 22px;
    padding-bottom: 18px;
}

.account-page-wrap .breadcrumb {
    margin: 0;
}

.account-page-wrap .breadcrumb ul {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #233244;
}

.account-section {
    padding-bottom: 74px;
    background: #ffffff;
}

.account-section-shell {
    width: 100%;
    border: 1px solid #d9e1ea;
    border-radius: 26px;
    background:
        radial-gradient(circle at top left, rgba(255, 139, 31, .12), transparent 32%),
        linear-gradient(180deg, #fffaf3 0%, #ffffff 48%, #fff6eb 100%);
    padding: 30px 34px 28px;
    box-shadow: 0 16px 42px rgba(31, 41, 55, .05);
}

.account-section-shell > .grid {
    align-items: start;
}

.my-account-menu {
    border: 0 !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at top right, rgba(255, 139, 31, .15), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fff8ef 100%) !important;
    box-shadow: 0 16px 42px rgba(31, 41, 55, .07);
    padding: 18px !important;
}

.my-account-menu button,
.my-account-menu a {
    transition: all .2s ease;
}

.my-account-menu button:not(.active),
.my-account-menu a {
    background: rgba(255,255,255,.75);
}

.my-account-menu button:not(.active):hover,
.my-account-menu a:hover {
    background: linear-gradient(135deg, #ff981f 0%, #ff7a18 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(255,126,24,.18);
}

.my-account-menu .active,
.my-account-menu .bg-primary {
    background: linear-gradient(135deg, #ff981f 0%, #ff7a18 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(255,126,24,.22);
}

.my-account-content {
    border: 0;
    border-radius: 22px;
    background:
        radial-gradient(circle at top right, rgba(255, 139, 31, .14), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fff8ef 100%);
    padding: 28px;
    box-shadow: 0 16px 42px rgba(31, 41, 55, .07);
}

.my-account-content h3,
.my-account-content h4,
.my-account-content h5 {
    color: #20252b;
}

.my-account-content .menu-tab-pane > h3:first-child,
.my-account-content .menu-tab-pane h3 {
    font-size: clamp(28px, 2.4vw, 38px);
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.8px;
}

.my-account-content .border-gray-300,
.my-account-content .border-dashed {
    border-color: rgba(255, 139, 31, .22) !important;
}

.my-account-content .rounded-2xl {
    background-color: rgba(255,255,255,.86);
}

.my-account-content table {
    background: #ffffff;
}

.my-account-content thead.bg-gray-200 {
    background: #fff1df !important;
}

.my-account-content .order-history-table-wrapper,
.my-account-content .wishlist-table-wrapper,
.my-account-content .wallet-history-card,
.my-account-content .wallet-purchase-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,248,239,.96) 100%) !important;
    box-shadow: 0 10px 26px rgba(31, 41, 55, .05);
}

.my-account-content .btn-primary,
.my-account-content .btn-warning {
    background: linear-gradient(135deg, #ff981f 0%, #ff7a18 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 12px 24px rgba(255,126,24,.18);
}

.my-account-content input,
.my-account-content select,
.my-account-content textarea,
.my-account-content .form-control,
.my-account-content .input-group {
    background-color: #ffffff !important;
    border-color: #d8e0e8 !important;
}

.my-account-content input:focus,
.my-account-content select:focus,
.my-account-content textarea:focus,
.my-account-content .form-control:focus,
.my-account-content .input-group:focus {
    border-color: #ff8a18 !important;
    box-shadow: 0 0 0 4px rgba(255, 138, 24, .13) !important;
}

.wallet-balance-badge {
    background: linear-gradient(135deg, #ff981f 0%, #ff7a18 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(255,126,24,.24);
}


.account-choice-radio,
.account-choice-checkbox {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 2px solid #ff8a18 !important;
    box-shadow: 0 0 0 4px rgba(255, 138, 24, .08) !important;
    cursor: pointer !important;
    position: relative !important;
    margin: 0 !important;
}

.account-choice-radio {
    border-radius: 999px !important;
}

.account-choice-checkbox {
    border-radius: 6px !important;
}

.account-choice-radio:checked,
.account-choice-checkbox:checked {
    background: #ff7a18 !important;
    border-color: #ff7a18 !important;
}

.account-choice-radio:checked::after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #ffffff;
    display: block;
}

.account-choice-checkbox:checked::after {
    content: "✓";
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
    display: block;
}

.account-choice-radio + span,
.account-choice-checkbox + span {
    display: none !important;
}

.account-orders-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
    padding-top: 8px;
}

.account-page-link {
    min-width: 42px;
    height: 42px;
    padding: 0 15px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid rgba(255, 139, 31, .32);
    color: #20252b;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(31, 41, 55, .05);
    transition: all .2s ease;
}

.account-page-link:hover,
.account-page-link.active {
    background: linear-gradient(135deg, #ff981f 0%, #ff7a18 100%);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 12px 24px rgba(255,126,24,.20);
}

.account-page-link.disabled {
    pointer-events: none;
    opacity: .45;
}

.account-orders-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.account-order-card {
    border: 1px solid rgba(145, 158, 171, .22);
    border-radius: 14px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(31, 41, 55, .04);
}

.account-order-card.is-paid {
    border-color: rgba(15, 157, 88, .18);
    background: linear-gradient(180deg, #ffffff 0%, #f7fff9 100%);
}

.account-order-card.is-pending {
    border-color: rgba(255, 193, 7, .22);
    background: linear-gradient(180deg, #ffffff 0%, #fffdf5 100%);
}

.account-order-card.is-failed {
    border-color: rgba(255, 72, 66, .18);
    background: linear-gradient(180deg, #ffffff 0%, #fff8f8 100%);
}

.account-order-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(145, 158, 171, .16);
    background: rgba(255, 248, 239, .55);
}

.account-order-card__id strong {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    color: #20252b;
}

.account-order-card__payment {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    text-align: right;
}

.account-order-card__label {
    display: block;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #6b7280;
}

.account-order-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.account-order-card__meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(145, 158, 171, .12);
}

.account-order-card__meta > div {
    min-width: 0;
}

.account-order-card__meta span {
    display: block;
    font-size: 11px;
    line-height: 1.2;
    color: #6b7280;
    margin-bottom: 3px;
}

.account-order-card__meta strong {
    display: block;
    font-size: 13px;
    line-height: 1.35;
    color: #20252b;
    font-weight: 700;
    word-break: break-word;
}

.account-order-card__products {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 14px 0;
}

.account-order-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid rgba(145, 158, 171, .14);
    border-radius: 10px;
    background: #fafbfc;
}

.account-order-product__name {
    font-size: 13px;
    line-height: 1.35;
    font-weight: 600;
    color: #20252b;
}

.account-order-product__meta {
    font-size: 12px;
    line-height: 1.3;
    color: #6b7280;
    margin-top: 2px;
}

.account-order-product__action {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    color: #ff7a18;
    text-decoration: none;
    white-space: nowrap;
}

.account-order-product__note {
    flex: 0 0 auto;
    max-width: 180px;
    font-size: 11px;
    line-height: 1.3;
    color: #6b7280;
    text-align: right;
}

.account-order-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 14px;
}

.account-order-card__actions .btn {
    min-height: 34px;
    padding: 6px 14px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    border-radius: 999px !important;
}

@media (max-width: 991px) {
    .account-order-card__meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .account-order-product {
        flex-direction: column;
        align-items: flex-start;
    }

    .account-order-product__note {
        max-width: none;
        text-align: left;
    }
}

@media (max-width: 991px) {
    .account-page-wrap {
        background: linear-gradient(180deg, #fff8ef 0%, #ffffff 46%, #fff3e7 100%);
    }

    .account-page-wrap .account-breadcrumb-block {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .account-section {
        padding-bottom: 34px;
        background: transparent;
    }

    .account-section-shell {
        padding: 20px 16px;
        border-radius: 24px;
        background:
            radial-gradient(circle at top left, rgba(255, 139, 31, .12), transparent 32%),
            linear-gradient(180deg, #fffaf3 0%, #ffffff 48%, #fff6eb 100%);
        box-shadow: 0 18px 45px rgba(23, 31, 44, .07);
    }

    .my-account-menu {
        position: static;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px !important;
        padding: 14px !important;
        border-radius: 20px !important;
    }

    .my-account-menu li {
        min-width: 0;
    }

    .my-account-menu button,
    .my-account-menu a {
        padding: 12px !important;
        font-size: 14px;
        gap: 10px !important;
    }

    .my-account-content {
        border-radius: 20px;
        padding: 22px;
        background:
            radial-gradient(circle at top right, rgba(255, 118, 33, .16), transparent 34%),
            linear-gradient(180deg, #ffffff 0%, #fff8f0 100%);
        box-shadow: 0 12px 30px rgba(31, 41, 55, .07);
    }

    .my-account-content .menu-tab-pane > h3:first-child,
    .my-account-content .menu-tab-pane h3 {
        font-size: 32px;
    }
}

@media (max-width: 640px) {
    .account-page-wrap {
        background: linear-gradient(180deg, #fff1df 0%, #ffffff 42%, #fff4e9 100%);
    }

    .account-page-wrap .account-breadcrumb-block {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .account-section-shell {
        padding: 14px;
        border-radius: 20px;
        border-color: #f3d8c4;
        background:
            radial-gradient(circle at top left, rgba(255, 139, 31, .13), transparent 34%),
            linear-gradient(180deg, #fffaf3 0%, #ffffff 42%, #fff6eb 100%);
    }

    .my-account-menu {
        grid-template-columns: 1fr;
        gap: 8px !important;
        padding: 12px !important;
        border-radius: 18px !important;
    }

    .my-account-menu button,
    .my-account-menu a {
        min-height: 48px;
        justify-content: flex-start;
        font-size: 14px;
    }

    .my-account-content {
        padding: 18px 14px;
        border-radius: 18px;
        background:
            radial-gradient(circle at top right, rgba(255, 118, 33, .18), transparent 38%),
            linear-gradient(180deg, #ffffff 0%, #fff7ee 100%);
        box-shadow: 0 10px 25px rgba(31, 41, 55, .07);
    }

    .my-account-content .menu-tab-pane > h3:first-child,
    .my-account-content .menu-tab-pane h3 {
        font-size: 28px;
        margin-bottom: 16px;
    }

    .my-account-content .grid {
        gap: 12px;
    }

    .my-account-content table {
        min-width: 760px;
    }

    .my-account-content .btn,
    .my-account-content button {
        font-size: 14px;
    }
}

/* --- app/storefront/my_account.php (block 2) --- */
@media (min-width: 1280px) {
    .wallet-purchase-card {
      max-width: 420px;
    }
  }
  .wallet-history-card {
    min-height: 0;
  }
  .wallet-summary-grid h5 {
    font-size: 1.1rem;
    line-height: 1.2;
  }
  .wallet-balance-badge h4 {
    font-size: 1.15rem;
    line-height: 1.2;
  }
  @media (max-width: 767px) {
    .wallet-summary-grid,
    .wallet-section-grid {
      gap: 12px;
    }
    .wallet-purchase-card,
    .wallet-history-card {
      padding: 14px;
    }
  }

/* --- app/storefront/checkout.php --- */
.checkout-as-image {
  padding-bottom: 34px;
}
.checkout-as-image .checkout-grid {
  align-items: start;
}
.checkout-as-image .checkout-left {
  min-width: 0;
}
.checkout-as-image .checkout-right {
  min-width: 0;
}
.checkout-as-image .wishlist-table-wrapper {
  background: #fff;
  overflow: hidden;
}
.checkout-as-image .wishlist-table {
  width: 100%;
  table-layout: fixed;
}
.checkout-as-image .wishlist-table thead th {
  height: 40px;
  vertical-align: middle;
  padding: 8px 10px;
  font-size: 13px;
  white-space: nowrap;
}
.checkout-as-image .wishlist-table thead th.product {
  width: 40%;
  padding-left: 14px;
}
.checkout-as-image .wishlist-table thead th.product-price {
  width: 12%;
}
.checkout-as-image .wishlist-table thead th.product-quantity {
  width: 16%;
}
.checkout-as-image .wishlist-table thead th.product-total-price {
  width: 14%;
}
.checkout-as-image .wishlist-table thead th.product-actions {
  width: 18%;
  padding-right: 14px;
}
.checkout-as-image .wishlist-table tbody tr {
  border-top: 1px solid #dfe3e8;
}
.checkout-as-image .wishlist-table tbody tr:first-child {
  border-top: 0;
}
.checkout-as-image .wishlist-table tbody td {
  vertical-align: middle;
  padding: 10px !important;
  overflow: hidden;
}
.checkout-as-image .wishlist-table tbody td.product {
  padding-left: 14px !important;
}
.checkout-as-image .wishlist-table tbody td.product-actions {
  padding-right: 14px !important;
}
.checkout-as-image .wishlist-table tbody tr[data-checkout-vendor-row] td {
  padding: 8px 14px !important;
}
.checkout-as-image .wishlist-table tbody tr[data-cart-item] td.product > div {
  align-items: center;
  gap: 12px;
}
.checkout-as-image .checkout-product-thumb {
  width: 72px;
  min-width: 72px;
  height: 72px !important;
  flex-shrink: 0;
}
.checkout-as-image .wishlist-table .product-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  font-size: 14px;
  line-height: 1.35;
  max-width: 100%;
}
.checkout-as-image .wishlist-table td.product .product-meta {
  font-size: 12px;
  line-height: 1.3;
  color: #637381;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.checkout-as-image .wishlist-table td.product .product-meta--stock {
  display: none;
}
.checkout-as-image .product-price > div,
.checkout-as-image .product-total-price p:first-child {
  font-size: 14px;
  white-space: nowrap;
}
.checkout-as-image .product-quantity > div {
  max-width: 96px;
  padding: 6px 8px !important;
}
.checkout-as-image .product-quantity .hgi {
  font-size: 18px !important;
  line-height: 18px !important;
}
.checkout-as-image .product-actions > div {
  gap: 8px !important;
}
.checkout-as-image .product-actions .hgi {
  font-size: 20px !important;
  line-height: 20px !important;
}
.checkout-as-image .checkout-side-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
.checkout-as-image .checkout-card {
  border: 1px solid #dfe3e8;
  border-radius: 16px;
  background: #fff;
}
.checkout-as-image .shipping-pill {
  width: calc(100% - 48px);
  margin: 24px auto 0;
}
.checkout-as-image .summary-card {
  margin: 0 24px;
}
.checkout-as-image .checkout-actions-card {
  margin: 76px 24px 0;
  padding: 28px 24px 24px;
}
.checkout-as-image .payment-area {
  margin-top: 34px;
}
.checkout-as-image .payment-method-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.checkout-as-image .payment-method-card {
  min-height: 88px;
}
.checkout-as-image .checkout-footer-features {
  display: none;
}
@media (min-width: 1280px) {
  .checkout-as-image .checkout-left { grid-column: span 8 / span 8; }
  .checkout-as-image .checkout-right { grid-column: span 4 / span 4; }
}
@media (max-width: 1279px) {
  .checkout-as-image .checkout-left,
  .checkout-as-image .checkout-right { grid-column: span 12 / span 12; }
  .checkout-as-image .checkout-actions-card { margin-top: 24px; }
}
@media (max-width: 767px) {
  .checkout-as-image .payment-method-grid { grid-template-columns: 1fr; }
  .checkout-as-image .shipping-pill,
  .checkout-as-image .summary-card,
  .checkout-as-image .checkout-actions-card { width: 100%; margin-left: 0; margin-right: 0; }
}


/* Mobile modern checkout colors */
@media (max-width: 767px) {
  body {
    background: #f5f7fb;
  }
  .checkout-as-image {
    padding-top: 12px;
    padding-bottom: 92px;
    background: linear-gradient(180deg, #fff7ed 0%, #f7fafc 28%, #eef6ff 100%);
  }
  .checkout-as-image .container {
    padding-left: 12px;
    padding-right: 12px;
  }
  .checkout-as-image .wishlist-table-wrapper,
  .checkout-as-image .checkout-card,
  .checkout-as-image .payment-method-card {
    border-color: rgba(255, 128, 27, 0.22) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  }
  .checkout-as-image .wishlist-table-wrapper {
    border-radius: 22px;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #fffaf5 100%);
  }
  .checkout-as-image .wishlist-table thead {
    display: none;
  }
  .checkout-as-image .wishlist-table,
  .checkout-as-image .wishlist-table tbody,
  .checkout-as-image .wishlist-table tr,
  .checkout-as-image .wishlist-table td {
    display: block;
    width: 100%;
  }
  .checkout-as-image .wishlist-table tbody tr[data-checkout-vendor-row] {
    background: linear-gradient(90deg, #fff3e6 0%, #ffffff 100%);
    border-top: 0;
    border-bottom: 1px solid rgba(255, 128, 27, 0.16);
  }
  .checkout-as-image .wishlist-table tbody tr[data-cart-item] {
    margin: 12px;
    width: calc(100% - 24px);
    border: 1px solid rgba(145, 158, 171, 0.16);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
    overflow: hidden;
  }
  .checkout-as-image .wishlist-table tbody tr[data-cart-item] td {
    display: grid;
    grid-template-columns: 118px 1fr;
    gap: 10px;
    align-items: center;
    padding: 10px 14px !important;
    border: 0;
  }
  .checkout-as-image .wishlist-table tbody tr[data-cart-item] td::before {
    content: attr(data-title) ':';
    color: #475569;
    font-weight: 600;
    font-size: 13px;
  }
  .checkout-as-image .wishlist-table tbody tr[data-cart-item] td.product {
    background: linear-gradient(135deg, #fffaf5 0%, #ffffff 58%);
    padding-top: 14px !important;
  }
  .checkout-as-image .wishlist-table tbody tr[data-cart-item] td.product > div {
    justify-content: flex-end;
    align-items: flex-end;
  }
  .checkout-as-image .wishlist-table td.product .product-meta--stock {
    display: block;
  }
  .checkout-as-image .checkout-product-thumb {
    width: 98px;
    min-width: 98px;
    height: 98px !important;
    border: 1px solid rgba(255, 128, 27, 0.14);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.65);
  }
  .checkout-as-image .product-name {
    color: #111827;
    font-size: 15px;
  }
  .checkout-as-image .product-price span:first-child,
  .checkout-as-image .product-total-price p:first-child {
    color: #ff7f1a !important;
    font-weight: 800;
  }
  .checkout-as-image .product-quantity > div {
    border-color: rgba(255, 128, 27, 0.35) !important;
    background: #fff7ed;
    color: #111827;
  }
  .checkout-as-image .product-actions button {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
  }
  .checkout-as-image .payment-area {
    margin-top: 22px;
    padding: 16px;
    border-radius: 22px;
    background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
    border: 1px solid rgba(16, 185, 129, 0.18);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
  }
  .checkout-as-image .payment-area h5,
  .checkout-as-image .summary-card h5 {
    font-size: 18px;
    color: #0f172a;
  }
  .checkout-as-image .payment-method-card {
    background: #ffffff;
    border-radius: 18px;
  }
  .checkout-as-image .payment-method-card:has(input:checked) {
    border-color: #ff7f1a !important;
    background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%);
  }
  .checkout-as-image .checkout-right {
    margin-top: 6px;
  }
  .checkout-as-image .checkout-side-stack {
    gap: 16px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .checkout-as-image .shipping-pill {
    margin-top: 0;
    justify-content: center;
    background: linear-gradient(90deg, #e8fff3 0%, #fff7ed 100%) !important;
    border: 1px solid rgba(16, 185, 129, 0.22);
    color: #0f172a !important;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.08);
  }
  .checkout-as-image .summary-card {
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  }
  .checkout-as-image .summary-card .input-group {
    border: 1px solid rgba(255, 128, 27, 0.28);
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(255, 128, 27, 0.08);
  }
  .checkout-as-image .summary-card .btn-primary,
  .checkout-as-image .checkout-actions-card .btn-primary {
    background: linear-gradient(90deg, #ff7f1a 0%, #ff9f1c 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 22px rgba(255, 128, 27, 0.26);
  }
  .checkout-as-image .summary-card h6 {
    margin-top: 4px;
    padding: 14px 14px 0;
    border-radius: 16px;
    background: #fff7ed;
  }
  .checkout-as-image .checkout-actions-card {
    border-radius: 22px;
    background: #ffffff;
    padding: 18px 16px 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  }
  .checkout-as-image .checkout-actions-card .btn-default {
    background: #ffffff;
    border-color: #cbd5e1 !important;
    color: #0f172a;
  }
  /* Mobile payment method responsive fix */
  .checkout-as-image .payment-area {
    overflow: hidden;
  }
  .checkout-as-image .payment-method-grid {
    width: 100%;
    min-width: 0;
    gap: 12px;
  }
  .checkout-as-image .payment-method-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: auto;
    padding: 12px 10px !important;
    gap: 9px !important;
    align-items: flex-start !important;
    overflow: hidden;
  }
  .checkout-as-image .payment-method-card > span:first-child {
    width: 20px;
    min-width: 20px;
    margin-top: 16px;
  }
  .checkout-as-image .payment-method-card img {
    width: 46px !important;
    min-width: 46px;
    height: 34px !important;
    margin-top: 8px;
    padding: 4px !important;
  }
  .checkout-as-image .payment-method-card > span:last-child {
    flex: 1 1 auto;
    min-width: 0;
    max-width: calc(100% - 84px);
    overflow: hidden;
  }
  .checkout-as-image .payment-method-card > span:last-child span {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  .checkout-as-image .payment-method-card > span:last-child span:first-child {
    font-size: 14px;
    line-height: 19px;
  }
  .checkout-as-image .payment-method-card > span:last-child span:not(:first-child) {
    font-size: 11px;
    line-height: 16px;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: block;
  }

}



/* Same soft orange section style for desktop and mobile, no outer card borders */
.checkout-as-image {
  padding-top: 18px;
  padding-bottom: 92px;
  background:
    radial-gradient(circle at top left, rgba(255, 139, 31, .12), transparent 32%),
    linear-gradient(180deg, #fffaf3 0%, #ffffff 46%, #fff6eb 100%);
}

.checkout-as-image .checkout-grid {
  padding: 24px;
  border: 1px solid #eef0f4;
  border-radius: 26px;
  background:
    radial-gradient(circle at top left, rgba(255, 139, 31, .10), transparent 32%),
    linear-gradient(180deg, #fffaf3 0%, #ffffff 48%, #fff6eb 100%);
  box-shadow: 0 18px 45px rgba(23, 31, 44, .07);
}

.checkout-as-image .wishlist-table-wrapper,
.checkout-as-image .payment-area,
.checkout-as-image .checkout-card,
.checkout-as-image .payment-method-card {
  border: 0 !important;
  box-shadow: 0 14px 34px rgba(31, 41, 55, .07);
}

.checkout-as-image .wishlist-table-wrapper,
.checkout-as-image .payment-area,
.checkout-as-image .summary-card,
.checkout-as-image .checkout-actions-card,
.checkout-as-image .checkout-side-stack {
  background:
    radial-gradient(circle at top right, rgba(255, 118, 33, .13), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fff8ef 100%) !important;
  border-radius: 22px !important;
}

.checkout-as-image .wishlist-table thead {
  background: rgba(255, 128, 27, .09) !important;
}

.checkout-as-image .wishlist-table tbody tr[data-checkout-vendor-row] {
  background: linear-gradient(90deg, #fff3e6 0%, #ffffff 100%) !important;
}

.checkout-as-image .payment-method-card {
  background: #ffffff !important;
}

.checkout-as-image .payment-method-card:has(input:checked) {
  background: linear-gradient(135deg, #fff2e3 0%, #ffffff 100%) !important;
  box-shadow: 0 14px 30px rgba(255, 128, 27, .15);
}

.checkout-as-image .shipping-pill {
  background: linear-gradient(90deg, #e8fff3 0%, #fff7ed 100%) !important;
  box-shadow: 0 8px 20px rgba(16, 185, 129, .08);
}

.checkout-as-image input[type="radio"],
.checkout-as-image input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  border: 2px solid #ff7f1a !important;
  background: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  cursor: pointer;
}

.checkout-as-image input[type="radio"] {
  border-radius: 999px !important;
}

.checkout-as-image input[type="checkbox"] {
  border-radius: 6px !important;
}

.checkout-as-image input[type="radio"]:checked {
  background: #ff7f1a !important;
  box-shadow: inset 0 0 0 4px #ffffff !important;
}

.checkout-as-image input[type="checkbox"]:checked {
  background: #ff7f1a !important;
}

.checkout-as-image input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 11px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.checkout-as-image input[type="radio"]:disabled,
.checkout-as-image input[type="checkbox"]:disabled {
  border-color: #cbd5e1 !important;
  background: #f1f5f9 !important;
  cursor: not-allowed;
}

.checkout-as-image .checkout-actions-card label,
.checkout-as-image .payment-method-card {
  color: #111827;
}

.checkout-as-image .summary-card .btn-primary,
.checkout-as-image .checkout-actions-card .btn-primary {
  background: linear-gradient(90deg, #ff7f1a 0%, #ff9f1c 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 22px rgba(255, 128, 27, .26);
}

.checkout-as-image .checkout-actions-card .btn-default {
  background: #ffffff !important;
  border-color: #d6dee8 !important;
  color: #0f172a !important;
}

@media (max-width: 767px) {
  .checkout-as-image {
    padding-top: 12px;
    padding-bottom: 92px;
    background:
      radial-gradient(circle at top left, rgba(255, 139, 31, .13), transparent 34%),
      linear-gradient(180deg, #fffaf3 0%, #ffffff 42%, #fff6eb 100%);
  }

  .checkout-as-image .checkout-grid {
    padding: 14px;
    border-radius: 20px;
    background:
      radial-gradient(circle at top left, rgba(255, 139, 31, .13), transparent 34%),
      linear-gradient(180deg, #fffaf3 0%, #ffffff 42%, #fff6eb 100%);
  }

  .checkout-as-image .wishlist-table-wrapper,
  .checkout-as-image .payment-area,
  .checkout-as-image .summary-card,
  .checkout-as-image .checkout-actions-card,
  .checkout-as-image .checkout-side-stack,
  .checkout-as-image .payment-method-card {
    border: 0 !important;
  }

  .checkout-as-image .payment-area {
    background:
      radial-gradient(circle at top right, rgba(255, 118, 33, .18), transparent 38%),
      linear-gradient(180deg, #ffffff 0%, #fff7ee 100%) !important;
  }

  .checkout-as-image .payment-method-card {
    box-shadow: 0 8px 20px rgba(31, 41, 55, .07);
  }

  .checkout-as-image .checkout-actions-card label {
    align-items: flex-start;
  }
}

/* --- app/storefront/vendor_account.php --- */
.b19-sell-landing{
  --ink:#12161C;
  --navy:#0C2340;
  --navy-2:#123A5E;
  --teal:#1C6E8C;
  --orange:#F4600C;
  --orange-deep:#C94D08;
  --cream:#FBF7F1;
  --card:#FFFFFF;
  --line:#EBE3D8;
  --muted:#5C6673;
  --shadow:0 18px 50px -20px rgba(12,35,64,.28);
  --r:18px;
  font-family:"Plus Jakarta Sans",system-ui,sans-serif;
  color:var(--ink);
  background:var(--cream);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.b19-sell-landing h1,.b19-sell-landing h2,.b19-sell-landing h3,.b19-sell-landing .display{
  font-family:"Sora",system-ui,sans-serif;letter-spacing:-.02em;line-height:1.08
}
.b19-sell-landing a{color:inherit;text-decoration:none}
.b19-sell-landing .wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.b19-sell-landing .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--orange);color:#fff!important;font-family:"Sora",sans-serif;font-weight:600;
  border:none;border-radius:12px;padding:15px 26px;font-size:16px;cursor:pointer;
  transition:transform .15s ease, background .15s ease, box-shadow .15s ease;
  box-shadow:0 10px 24px -10px rgba(244,96,12,.6);
}
.b19-sell-landing .btn:hover{background:var(--orange-deep);transform:translateY(-1px);color:#fff!important}
.b19-sell-landing .btn:active{transform:translateY(0)}
.b19-sell-landing .btn.ghost{background:transparent;color:var(--navy)!important;box-shadow:none;border:1.5px solid var(--line)}
.b19-sell-landing .btn.ghost:hover{background:#fff;border-color:var(--navy);color:var(--navy)!important}
.b19-sell-landing .hero{position:relative;overflow:hidden}
.b19-sell-landing .hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:70px 0 60px}
.b19-sell-landing .eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:"Sora";font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:22px}
.b19-sell-landing .eyebrow::before{content:"";width:26px;height:2px;background:var(--orange);display:inline-block}
.b19-sell-landing .hero h1{font-size:clamp(38px,5vw,60px);font-weight:800;color:var(--navy);margin:0}
.b19-sell-landing .hero h1 em{font-style:normal;color:var(--orange)}
.b19-sell-landing .hero p.sub{font-size:18.5px;color:var(--muted);margin:22px 0 26px;max-width:33ch}
.b19-sell-landing .chips{display:flex;flex-wrap:wrap;gap:10px}
.b19-sell-landing .chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-size:14px;font-weight:600;color:var(--navy)}
.b19-sell-landing .chip svg{color:var(--orange);flex:0 0 auto}
.b19-sell-landing .card{
  background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);
  border:1px solid var(--line);padding:34px 32px;position:relative
}
.b19-sell-landing .card .ribbon{position:absolute;top:-13px;left:32px;background:var(--navy);color:#fff;font-family:"Sora";font-weight:600;font-size:12px;letter-spacing:.04em;padding:6px 13px;border-radius:8px}
.b19-sell-landing .card h2{font-size:25px;color:var(--navy);margin:0 0 8px}
.b19-sell-landing .card .lead{color:var(--muted);font-size:15px;margin:0 0 22px}
.b19-sell-landing .field{margin-bottom:0}
.b19-sell-landing .field label,
.b19-sell-landing .b19-auth-field label{
  position:static!important;width:auto!important;height:auto!important;overflow:visible!important;
  clip:auto!important;white-space:normal!important;display:block;
  font-family:"Sora";font-weight:600;font-size:13.5px;color:var(--navy);margin-bottom:8px
}
.b19-sell-landing .field input,
.b19-sell-landing .b19-auth-field .form-control{
  width:100%;height:auto!important;min-height:0!important;padding:15px 16px!important;
  border:1.5px solid var(--line)!important;border-radius:12px!important;font-size:16px!important;
  font-family:inherit;background:#fff!important;color:var(--ink)!important;
  box-shadow:none!important;transition:border .15s ease, box-shadow .15s ease
}
.b19-sell-landing .field input:focus,
.b19-sell-landing .b19-auth-field .form-control:focus{
  border-color:var(--orange)!important;box-shadow:0 0 0 4px rgba(244,96,12,.12)!important;outline:none
}
.b19-sell-landing .card .btn,
.b19-sell-landing .card .btn-large{
  width:100%;margin-top:16px;font-size:16.5px;padding:16px!important;min-height:0!important;height:auto!important;
  border-radius:12px!important;background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important
}
.b19-sell-landing .card .btn:hover,
.b19-sell-landing .card .btn-large:hover{background:var(--orange-deep)!important;border-color:var(--orange-deep)!important}
.b19-sell-landing .card .fine{margin-top:16px;font-size:13.5px;color:var(--muted);text-align:center}
.b19-sell-landing .card .fine a{color:var(--orange);font-weight:600}
.b19-sell-landing .otp-note{display:none;margin-top:0;background:#F3F8F4;border:1px solid #CDE7D6;color:#1C6B3F;border-radius:12px;padding:13px 15px;font-size:14px}
.b19-sell-landing .otp-note.show{display:block}
.b19-sell-landing .otp-note strong{font-weight:700;word-break:break-all}
.b19-sell-landing .b19-auth-field input[readonly]{background:#F7F4EF!important;color:var(--navy)!important;cursor:default}
.b19-sell-landing .b19-resend-otp{
  display:inline;border:0;background:transparent;padding:0;margin:0;cursor:pointer;
  color:var(--orange);font:inherit;font-weight:600
}
.b19-sell-landing .b19-resend-otp:hover{color:var(--orange-deep);text-decoration:underline}
.b19-sell-landing .card .fine .b19-resend-otp{font-size:inherit}
.b19-sell-landing .trust-row{display:flex;align-items:center;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.b19-sell-landing .avatars{display:flex}
.b19-sell-landing .avatars span{width:30px;height:30px;border-radius:50%;border:2px solid #fff;margin-left:-9px;background:linear-gradient(135deg,#123A5E,#1C6E8C);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700;font-family:"Sora"}
.b19-sell-landing .avatars span:first-child{margin-left:0}
.b19-sell-landing .cats{background:var(--navy);color:#fff;padding:30px 0}
.b19-sell-landing .cats .head{display:flex;align-items:baseline;gap:14px;justify-content:center;margin-bottom:20px;text-align:center;flex-wrap:wrap}
.b19-sell-landing .cats .head h3{font-size:20px;font-weight:700;margin:0;color:#fff}
.b19-sell-landing .cats .head span{color:#9fb6ce;font-size:15px}
.b19-sell-landing .marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.b19-sell-landing .track{display:flex;gap:14px;width:max-content;animation:b19SellSlide 26s linear infinite}
@keyframes b19SellSlide{to{transform:translateX(-50%)}}
.b19-sell-landing .cat{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:11px 20px;font-family:"Sora";font-weight:600;font-size:15.5px;white-space:nowrap;color:#fff}
.b19-sell-landing .cat b{color:var(--orange);font-size:18px;line-height:1}
.b19-sell-landing section.block{padding:82px 0}
.b19-sell-landing .sec-head{max-width:640px;margin-bottom:48px}
.b19-sell-landing .sec-head .eyebrow{margin-bottom:16px}
.b19-sell-landing .sec-head h2{font-size:clamp(28px,3.6vw,40px);font-weight:700;color:var(--navy);margin:0}
.b19-sell-landing .sec-head p{color:var(--muted);font-size:17px;margin-top:14px}
.b19-sell-landing .why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.b19-sell-landing .why .item{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;transition:transform .2s ease, box-shadow .2s ease}
.b19-sell-landing .why .item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.b19-sell-landing .why .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#FFF1E7,#FFE2CE);color:var(--orange);margin-bottom:18px}
.b19-sell-landing .why h3{font-size:20px;color:var(--navy);margin:0 0 10px}
.b19-sell-landing .why p{color:var(--muted);font-size:15.5px;margin:0}
.b19-sell-landing .steps-wrap{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.b19-sell-landing .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.b19-sell-landing .step{padding:44px 34px;position:relative}
.b19-sell-landing .step + .step{border-left:1px solid var(--line)}
.b19-sell-landing .step .num{font-family:"Sora";font-weight:800;font-size:15px;color:var(--orange);letter-spacing:.1em;margin-bottom:16px}
.b19-sell-landing .step h3{font-size:21px;color:var(--navy);margin:0 0 9px}
.b19-sell-landing .step p{color:var(--muted);font-size:15.5px;margin:0}
.b19-sell-landing .band{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--navy),var(--navy-2) 55%,var(--teal));color:#fff}
.b19-sell-landing .band .wrap{display:grid;grid-template-columns:1.4fr auto;gap:40px;align-items:center;padding:64px 0}
.b19-sell-landing .band .eyebrow{color:#ffb27a}
.b19-sell-landing .band .eyebrow::before{background:#ffb27a}
.b19-sell-landing .band h2{font-size:clamp(28px,3.4vw,40px);font-weight:700;max-width:18ch;margin:0;color:#fff}
.b19-sell-landing .band p{color:#c9d8e8;font-size:17px;margin-top:14px;max-width:46ch}
.b19-sell-landing .band .glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(244,96,12,.35),transparent 65%);right:-120px;top:-160px;pointer-events:none}
.b19-sell-landing .band .btn{background:#fff;color:var(--navy)!important;font-size:17px;padding:17px 34px;box-shadow:none}
.b19-sell-landing .band .btn:hover{background:#fff;color:var(--orange-deep)!important;transform:translateY(-2px)}
.b19-sell-landing .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}
.b19-sell-landing .reveal.in{opacity:1;transform:none}
.b19-sell-landing .b19-vendor-alert{border-radius:12px;border:1px solid #ffd2b8;background:#fff8f2;color:#16213e;padding:13px 15px;font-size:14.5px;line-height:1.5;margin-bottom:16px}
.b19-sell-landing .b19-vendor-alert.error{border-color:#ffc4c4;background:#fff5f5;color:#b42318}
.b19-sell-landing .b19-vendor-alert.ok{border-color:#bce7e1;background:#f0fffc;color:#0b5f58}
.b19-sell-landing .card form.flex{display:flex;flex-direction:column;gap:14px}
.b19-sell-landing .card .b19-auth-link{color:var(--orange);font-weight:600}
.b19-sell-landing .page-alerts{width:min(1180px,100% - 40px);margin:24px auto 0}
@media (max-width:900px){
  .b19-sell-landing .hero .wrap{grid-template-columns:1fr;gap:40px;padding:48px 0}
  .b19-sell-landing .hero p.sub{max-width:none}
  .b19-sell-landing .why{grid-template-columns:1fr}
  .b19-sell-landing .steps{grid-template-columns:1fr}
  .b19-sell-landing .step + .step{border-left:none;border-top:1px solid var(--line)}
  .b19-sell-landing .band .wrap{grid-template-columns:1fr;padding:48px 0}
  .b19-sell-landing .card{padding:28px 20px}
}
@media (prefers-reduced-motion:reduce){
  .b19-sell-landing .track{animation:none}
  .b19-sell-landing .reveal{opacity:1;transform:none;transition:none}
}
.b19-vendor-account-breadcrumb{display:none}
.b19-register-hero{background:linear-gradient(120deg,#fff5ee,#eefaf8);border:1px solid rgba(255,122,26,.16);border-radius:30px;padding:36px 42px}
.b19-register-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.b19-phase{border:1px solid rgba(145,158,171,.22);border-radius:20px;background:#fff;padding:24px;box-shadow:0 14px 34px rgba(17,24,39,.04)}
.b19-phase+.b19-phase{margin-top:18px}
.b19-phase-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.b19-phase-index{width:42px;height:42px;border-radius:14px;background:#ff7a1a;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.b19-phase h5{margin:0 0 4px;color:#16213e}
.b19-phase p{margin:0;color:#667085}
.b19-file-field{border:1px dashed rgba(255,122,26,.45);border-radius:18px;background:#fffaf6;padding:16px}
.b19-file-field>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.b19-file-field label{font-weight:800;color:#16213e}
.b19-file-field input[type=file]{width:100%;border:1px solid rgba(145,158,171,.28);border-radius:14px;background:#fff;padding:10px;color:#667085}
.b19-file-field input[type=file]::file-selector-button{border:0;border-radius:999px;background:#ff7a1a;color:#fff;font-weight:800;padding:10px 16px;margin-right:12px;cursor:pointer}
.b19-file-field p{font-size:13px;line-height:20px;margin:9px 0 0;color:#667085}
.b19-required,.b19-optional{font-size:12px;line-height:18px;border-radius:999px;padding:3px 10px;font-weight:800}
.b19-required{background:#fff0e8;color:#e45600}.b19-optional{background:#eef7ff;color:#1677b9}
.b19-terms-box{max-height:330px;overflow:auto;border:1px solid rgba(145,158,171,.22);border-radius:18px;background:#fff;padding:18px;color:#344054;line-height:1.7}
.b19-terms-box h2,.b19-terms-box h3,.b19-terms-box h4,.b19-terms-box h5{margin:0 0 10px;color:#16213e}
.b19-terms-box h3{margin-top:20px}.b19-terms-box p,.b19-terms-box li{font-size:14px;line-height:1.7}.b19-terms-box ul,.b19-terms-box ol{padding-left:22px;margin:10px 0 14px}.b19-terms-box a{color:#007f78;font-weight:700}
.b19-side-card{border:1px solid rgba(145,158,171,.22);border-radius:20px;background:#fff;padding:24px;position:sticky;top:20px}
.b19-phase-list{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.b19-phase-list li{display:flex;gap:10px;align-items:flex-start;color:#344054}.b19-phase-list span{width:22px;height:22px;border-radius:999px;background:#fff0e8;color:#ff7a1a;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:0 0 auto}
.b19-vendor-alert{border-radius:14px;border:1px solid #ffd2b8;background:#fff8f2;color:#16213e;padding:13px 15px;font-size:15px;line-height:1.5}
.b19-vendor-alert.error{border-color:#ffc4c4;background:#fff5f5;color:#b42318}
.b19-vendor-alert.ok{border-color:#bce7e1;background:#f0fffc;color:#0b5f58}
.b19-auth-field{display:block}
.b19-auth-field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.b19-auth-field .form-control{width:100%;height:54px!important;min-height:54px!important;border:1px solid #dbe5ef!important;border-radius:999px!important;background:#fff!important;color:#16213e;font-size:16px!important;padding:0 18px!important;box-shadow:none!important}
.b19-auth-field .form-control:focus{border-color:#ff7a1a!important;box-shadow:0 0 0 4px rgba(255,122,26,.12)!important;outline:0}
@media(max-width:1199px){.b19-register-shell{grid-template-columns:1fr}.b19-side-card{position:static}}
@media(max-width:767px){.b19-register-hero{padding:26px 22px}.b19-phase{padding:18px}}

/* --- app/storefront/customer_login.php --- */
.mh-login-page{
    background:linear-gradient(180deg,#f6f8fb 0%,#ffffff 48%,#ffffff 100%);
    padding:28px 0 56px;
  }
  .mh-login-page .breadcrumb{
    margin-bottom:18px;
  }
  .mh-login-card{
    max-width:560px;
    margin:0 auto;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    box-shadow:0 10px 30px rgba(15,23,42,.06);
    overflow:hidden;
  }
  .mh-login-card-body{
    padding:28px 28px 24px;
    text-align:center;
  }
  .mh-login-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:0 0 10px;
    padding:4px 10px;
    border-radius:999px;
    background:rgba(11,58,130,.06);
    color:var(--color-primary,#0b3a82);
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
    line-height:1.2;
  }
  .mh-login-title{
    margin:0;
    font-size:clamp(1.5rem,2.4vw,1.85rem);
    line-height:1.25;
    font-weight:750;
    letter-spacing:-.02em;
    color:#111827;
  }
  .mh-login-copy{
    margin:10px auto 0;
    max-width:420px;
    font-size:14px;
    line-height:1.55;
    color:#667085;
  }
  .mh-login-actions{
    margin-top:22px;
    display:grid;
    gap:10px;
  }
  .mh-login-actions .btn{
    width:100%;
    min-height:44px;
    height:44px;
    border-radius:10px !important;
    font-size:14px;
    font-weight:700;
    box-shadow:none;
  }
  .mh-login-actions .btn-default{
    background:#fff;
    border:1px solid #d0d5dd;
    color:#111827;
  }
  .mh-login-actions .btn-default:hover{
    background:#f8fafc;
  }
  .mh-login-back{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-top:14px;
    font-size:13px;
    font-weight:600;
    color:#667085;
    text-decoration:none;
  }
  .mh-login-back:hover{
    color:var(--color-primary,#0b3a82);
  }
  .mh-login-footer-note{
    margin:16px 28px 22px;
    padding-top:14px;
    border-top:1px solid #eef2f6;
    font-size:12px;
    line-height:1.45;
    color:#98a2b3;
    text-align:center;
  }
  @media (max-width:640px){
    .mh-login-page{padding:16px 0 40px;}
    .mh-login-card-body{padding:22px 18px 18px;}
    .mh-login-footer-note{margin:12px 18px 18px;}
  }

/* --- app/storefront/seller_thank_you.php --- */
.b19-seller-thanks{
  --ink:#12161C;--navy:#0C2340;--orange:#F4600C;--orange-deep:#C94D08;
  --cream:#FBF7F1;--line:#EBE3D8;--muted:#5C6673;
  --shadow:0 12px 28px -16px rgba(12,35,64,.28);
  font-family:"Plus Jakarta Sans",system-ui,sans-serif;
  color:var(--ink);
  background:var(--cream);
  padding:28px 0 36px;
  -webkit-font-smoothing:antialiased;
}
.b19-seller-thanks h1,.b19-seller-thanks h3{
  font-family:"Sora",system-ui,sans-serif;letter-spacing:-.02em;margin:0
}
.b19-seller-thanks a{color:inherit;text-decoration:none}
.b19-seller-thanks .wrap{width:min(540px,100% - 32px);margin-inline:auto}
.b19-seller-thanks .card{
  background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);
  padding:22px 24px 20px;text-align:center;position:relative;overflow:hidden
}
.b19-seller-thanks .card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;
  background:linear-gradient(90deg,var(--orange),#F79337)
}
.b19-seller-thanks .check{
  width:44px;height:44px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;
  background:linear-gradient(135deg,#EAF7EF,#D6EFE0);color:#1C8A4E;
  animation:b19ThanksPop .4s cubic-bezier(.2,.8,.3,1.4) both
}
.b19-seller-thanks .check svg{width:22px;height:22px}
.b19-seller-thanks .check svg path{
  stroke-dasharray:30;stroke-dashoffset:30;animation:b19ThanksDraw .4s .25s ease forwards
}
@keyframes b19ThanksPop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes b19ThanksDraw{to{stroke-dashoffset:0}}
.b19-seller-thanks .eyebrow{
  font-family:"Sora";font-weight:600;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--orange);margin-bottom:6px
}
.b19-seller-thanks h1{
  font-size:clamp(20px,3.2vw,24px);font-weight:800;color:var(--navy);line-height:1.2
}
.b19-seller-thanks .lead{
  color:var(--muted);font-size:14px;margin:8px auto 0;max-width:46ch;line-height:1.45
}
.b19-seller-thanks .next{
  text-align:left;background:var(--cream);border:1px solid var(--line);
  border-radius:12px;padding:12px 14px;margin:16px 0 14px
}
.b19-seller-thanks .next h3{
  font-size:12px;color:var(--navy);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px
}
.b19-seller-thanks .next ul{list-style:none;display:grid;gap:8px;margin:0;padding:0}
.b19-seller-thanks .next li{
  display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink);line-height:1.4
}
.b19-seller-thanks .next .n{
  flex:none;width:20px;height:20px;border-radius:50%;background:var(--navy);color:#fff;
  font-family:"Sora";font-weight:700;font-size:11px;display:grid;place-items:center;margin-top:1px
}
.b19-seller-thanks .cta-row{
  display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap
}
.b19-seller-thanks .cta-dash{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:"Sora";font-weight:600;font-size:13.5px;border-radius:10px;padding:10px 16px;
  background:var(--orange);color:#fff!important;
  box-shadow:0 8px 16px -10px rgba(244,96,12,.55);
  transition:transform .15s ease, background .15s ease
}
.b19-seller-thanks .cta-dash:hover{transform:translateY(-1px);background:var(--orange-deep);color:#fff!important}
.b19-seller-thanks .back{
  display:inline-block;margin-top:12px;color:var(--orange);font-family:"Sora";font-weight:600;font-size:13px
}
.b19-seller-thanks .back:hover{color:var(--orange-deep)}
@media (max-width:560px){
  .b19-seller-thanks{padding:20px 0 28px}
  .b19-seller-thanks .card{padding:18px 16px 16px}
  .b19-seller-thanks .cta-dash{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .b19-seller-thanks .check,.b19-seller-thanks .check svg path{animation:none;stroke-dashoffset:0;opacity:1;transform:none}
}

/* --- app/storefront/contact.php --- */
.contact-page-wrap {
    padding: 16px 0 36px;
    background: #ffffff;
}

.contact-page-wrap .contact-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 12px;
}

.contact-breadcrumb {
    font-size: 15px;
    color: #233244;
    margin: 0 0 16px;
}

.contact-breadcrumb a {
    color: #233244;
    text-decoration: none;
}

.contact-shell {
    width: 100%;
    border: 1px solid #d9e1ea;
    border-radius: 26px;
    background:
        radial-gradient(circle at top left, rgba(255, 139, 31, .12), transparent 32%),
        linear-gradient(180deg, #fffaf3 0%, #ffffff 48%, #fff6eb 100%);
    padding: 30px 34px 28px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px;
    gap: 56px;
    align-items: stretch;
}

.contact-content {
    width: 100%;
    border: 0;
    border-radius: 22px;
    background:
        radial-gradient(circle at top right, rgba(255, 139, 31, .14), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fff8ef 100%);
    padding: 28px 36px 24px;
    box-shadow: 0 16px 42px rgba(31, 41, 55, .07);
}

.contact-title {
    font-size: clamp(36px, 3.2vw, 48px);
    line-height: 1.08;
    font-weight: 800;
    color: #20252b;
    margin: 0 0 24px;
    letter-spacing: -1.2px;
}

.contact-subtitle {
    font-size: 18px;
    line-height: 1.55;
    color: #26364a;
    margin: 0 0 34px;
    max-width: 900px;
}

.contact-success {
    border: 1px solid #9fd6b2;
    background: #ecfff2;
    color: #14753d;
    border-radius: 16px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 20px;
}

.contact-form {
    display: grid;
    grid-template-columns: 1fr 170px;
    column-gap: 120px;
    row-gap: 18px;
}

.form-group {
    min-width: 0;
}

.form-group.full {
    grid-column: 1 / -1;
}

.form-group.subject-field {
    grid-column: 1 / 2;
}

.form-group.priority-field {
    grid-column: 2 / 3;
    align-self: end;
}

.contact-label {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    color: #111827;
    margin: 0 0 10px;
}

.contact-input,
.contact-select,
.contact-textarea {
    width: 100%;
    border: 1px solid #d8e0e8;
    background: #ffffff;
    color: #1f2937;
    font-size: 15px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.contact-input,
.contact-select {
    height: 50px;
    border-radius: 18px;
    padding: 0 17px;
}

.contact-select {
    appearance: auto;
    color: #7b8794;
}

.contact-textarea {
    min-height: 78px;
    resize: vertical;
    border-radius: 22px;
    padding: 15px 17px;
}

.contact-input:focus,
.contact-select:focus,
.contact-textarea:focus {
    border-color: #ff8a18;
    box-shadow: 0 0 0 4px rgba(255, 138, 24, .13);
}

.contact-action {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
}

.contact-btn {
    border: 0;
    min-width: 182px;
    height: 50px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff981f 0%, #ff7a18 100%);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 14px 28px rgba(255, 126, 24, .24);
    transition: transform .2s ease, box-shadow .2s ease;
}

.contact-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(255, 126, 24, .32);
}

.support-card {
    width: 100%;
    border: 0;
    border-radius: 22px;
    background:
        radial-gradient(circle at top left, rgba(255, 139, 31, .14), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fff8ef 100%);
    padding: 72px 58px 40px;
    box-shadow: 0 16px 42px rgba(31, 41, 55, .07);
}

.support-title {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
    color: #111827;
    margin: 0 0 62px;
}

.support-list {
    display: grid;
    gap: 18px;
}

.support-item {
    color: #29384a;
    font-size: 18px;
    line-height: 1.42;
}

.support-label {
    display: block;
    color: #111827;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
    margin-bottom: 5px;
}

.support-link {
    color: #29384a;
    text-decoration: none;
}

.support-link:hover {
    color: #ff7a18;
}

@media (max-width: 1399px) {
    .contact-shell {
        grid-template-columns: minmax(0, 1fr) 400px;
        gap: 44px;
    }

    .support-card {
        padding: 64px 48px 36px;
    }

    .support-title {
        font-size: 26px;
        margin-bottom: 54px;
    }

    .support-item,
    .support-label {
        font-size: 17px;
    }
}

@media (max-width: 1199px) {
    .contact-shell {
        grid-template-columns: minmax(0, 1fr) 350px;
        gap: 30px;
        padding: 26px 24px;
    }

    .contact-content {
        padding: 24px 26px 22px;
    }

    .contact-title {
        font-size: 42px;
    }

    .contact-subtitle {
        font-size: 16px;
    }

    .contact-form {
        grid-template-columns: 1fr 150px;
        column-gap: 40px;
    }

    .support-card {
        padding: 54px 36px 32px;
    }

    .support-title {
        font-size: 25px;
        margin-bottom: 42px;
    }

    .support-item,
    .support-label {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .contact-page-wrap {
        background: linear-gradient(180deg, #fff8ef 0%, #ffffff 46%, #fff3e7 100%);
        padding: 14px 0 34px;
    }

    .contact-shell {
        grid-template-columns: 1fr;
        gap: 24px;
        border-radius: 24px;
        padding: 24px 18px;
        background:
            radial-gradient(circle at top left, rgba(255, 139, 31, .12), transparent 32%),
            linear-gradient(180deg, #fffaf3 0%, #ffffff 48%, #fff6eb 100%);
        box-shadow: 0 18px 45px rgba(23, 31, 44, .07);
    }

    .contact-content {
        border: 0;
        border-radius: 20px;
        background:
            radial-gradient(circle at top right, rgba(255, 118, 33, .16), transparent 34%),
            linear-gradient(180deg, #ffffff 0%, #fff8f0 100%);
        padding: 26px 22px 20px;
        box-shadow: 0 12px 30px rgba(31, 41, 55, .07);
    }

    .contact-title {
        font-size: 40px;
        margin-bottom: 18px;
    }

    .contact-subtitle {
        font-size: 16px;
        line-height: 1.55;
        margin-bottom: 28px;
    }

    .contact-form {
        grid-template-columns: 1fr 160px;
        column-gap: 18px;
    }

    .support-card {
        border: 0;
        border-radius: 20px;
        background:
            radial-gradient(circle at top left, rgba(255, 118, 33, .16), transparent 34%),
            linear-gradient(180deg, #ffffff 0%, #fff8f0 100%);
        padding: 30px 26px;
        box-shadow: 0 12px 30px rgba(31, 41, 55, .07);
    }

    .support-title {
        font-size: 26px;
        margin-bottom: 26px;
        text-align: left;
    }

    .support-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .support-item,
    .support-label {
        font-size: 16px;
    }
}

@media (max-width: 640px) {
    .contact-page-wrap {
        padding: 10px 0 26px;
        background: linear-gradient(180deg, #fff1df 0%, #ffffff 42%, #fff4e9 100%);
    }

    .contact-page-wrap .contact-container {
        padding: 0 10px;
    }

    .contact-breadcrumb {
        font-size: 14px;
        margin-bottom: 12px;
        padding-left: 2px;
    }

    .contact-shell {
        padding: 14px;
        border-radius: 20px;
        border-color: #f3d8c4;
        background:
            radial-gradient(circle at top left, rgba(255, 139, 31, .13), transparent 34%),
            linear-gradient(180deg, #fffaf3 0%, #ffffff 42%, #fff6eb 100%);
        gap: 16px;
    }

    .contact-content {
        border: 0;
        border-radius: 18px;
        padding: 22px 16px 18px;
        background:
            radial-gradient(circle at top right, rgba(255, 118, 33, .18), transparent 38%),
            linear-gradient(180deg, #ffffff 0%, #fff7ee 100%);
        box-shadow: 0 10px 25px rgba(31, 41, 55, .07);
    }

    .contact-title {
        font-size: 32px;
        letter-spacing: -0.8px;
        margin-bottom: 14px;
    }

    .contact-subtitle {
        font-size: 14px;
        line-height: 1.55;
        margin-bottom: 22px;
    }

    .contact-form {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .form-group.subject-field,
    .form-group.priority-field,
    .form-group.full {
        grid-column: auto;
    }

    .contact-label {
        font-size: 13px;
        margin-bottom: 8px;
    }

    .contact-input,
    .contact-select {
        height: 48px;
        border-radius: 15px;
        background: #ffffff;
        font-size: 14px;
    }

    .contact-textarea {
        min-height: 118px;
        border-radius: 17px;
        font-size: 14px;
    }

    .contact-action {
        justify-content: stretch;
        padding-top: 2px;
    }

    .contact-btn {
        width: 100%;
        min-width: 0;
        height: 50px;
        font-size: 15px;
    }

    .support-card {
        border: 0;
        border-radius: 18px;
        padding: 22px 16px;
        background:
            radial-gradient(circle at top left, rgba(255, 118, 33, .18), transparent 40%),
            linear-gradient(180deg, #ffffff 0%, #fff7ee 100%);
        box-shadow: 0 10px 25px rgba(31, 41, 55, .07);
    }

    .support-title {
        font-size: 24px;
        margin-bottom: 18px;
        text-align: left;
    }

    .support-list {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .support-item,
    .support-label {
        font-size: 15px;
    }
}
/* --- app/storefront/vendor_dashboard-NA.php --- */
.b19-vendor-dashboard .vendor-tab-btn{transition:background .25s ease,color .25s ease;text-align:left}
.b19-vendor-dashboard .vendor-tab-btn:hover,.b19-vendor-dashboard .vendor-tab-btn.active{background:var(--color-primary);color:#fff}
.b19-vendor-dashboard .menu-tab-pane.hidden{display:none}
.b19-vendor-dashboard table th{font-weight:700;color:#344054}
.b19-vendor-dashboard input[type=radio]{accent-color:var(--color-primary)}

/* --- app/storefront/seller_thank_you-BKP.php --- */
.b19-seller-thanks{
  --ink:#12161C;--navy:#0C2340;--orange:#F4600C;--orange-deep:#C94D08;
  --cream:#FBF7F1;--line:#EBE3D8;--muted:#5C6673;
  --shadow:0 24px 60px -24px rgba(12,35,64,.34);
  font-family:"Plus Jakarta Sans",system-ui,sans-serif;
  color:var(--ink);
  background:var(--cream);
  padding:56px 0 70px;
  -webkit-font-smoothing:antialiased;
}
.b19-seller-thanks h1,.b19-seller-thanks h3{
  font-family:"Sora",system-ui,sans-serif;letter-spacing:-.02em;margin:0
}
.b19-seller-thanks a{color:inherit;text-decoration:none}
.b19-seller-thanks .wrap{width:min(680px,100% - 40px);margin-inline:auto}
.b19-seller-thanks .card{
  background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);
  padding:52px 46px;text-align:center;position:relative;overflow:hidden
}
.b19-seller-thanks .card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:6px;
  background:linear-gradient(90deg,var(--orange),#F79337)
}
.b19-seller-thanks .check{
  width:84px;height:84px;border-radius:50%;margin:0 auto 26px;display:grid;place-items:center;
  background:linear-gradient(135deg,#EAF7EF,#D6EFE0);color:#1C8A4E;
  animation:b19ThanksPop .5s cubic-bezier(.2,.8,.3,1.4) both
}
.b19-seller-thanks .check svg{width:42px;height:42px}
.b19-seller-thanks .check svg path{
  stroke-dasharray:30;stroke-dashoffset:30;animation:b19ThanksDraw .5s .35s ease forwards
}
@keyframes b19ThanksPop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes b19ThanksDraw{to{stroke-dashoffset:0}}
.b19-seller-thanks .eyebrow{
  font-family:"Sora";font-weight:600;font-size:12.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--orange);margin-bottom:12px
}
.b19-seller-thanks h1{
  font-size:clamp(28px,4vw,38px);font-weight:800;color:var(--navy);line-height:1.1
}
.b19-seller-thanks .lead{
  color:var(--muted);font-size:17.5px;margin:18px auto 0;max-width:44ch;line-height:1.55
}
.b19-seller-thanks .next{
  text-align:left;background:var(--cream);border:1px solid var(--line);
  border-radius:16px;padding:24px 26px;margin:34px 0 30px
}
.b19-seller-thanks .next h3{
  font-size:15px;color:var(--navy);letter-spacing:.03em;text-transform:uppercase;margin-bottom:16px
}
.b19-seller-thanks .next ul{list-style:none;display:grid;gap:14px;margin:0;padding:0}
.b19-seller-thanks .next li{
  display:flex;gap:13px;align-items:flex-start;font-size:15.5px;color:var(--ink);line-height:1.45
}
.b19-seller-thanks .next .n{
  flex:none;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;
  font-family:"Sora";font-weight:700;font-size:13px;display:grid;place-items:center;margin-top:1px
}
.b19-seller-thanks .cta-row{display:flex;flex-direction:column;align-items:center;gap:0}
.b19-seller-thanks .cta-dash{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--orange);color:#fff!important;font-family:"Sora";font-weight:600;font-size:16.5px;
  border-radius:13px;padding:16px 30px;margin-bottom:14px;
  box-shadow:0 12px 26px -12px rgba(244,96,12,.55);
  transition:transform .15s ease, background .15s ease
}
.b19-seller-thanks .cta-dash:hover{transform:translateY(-2px);background:var(--orange-deep);color:#fff!important}
.b19-seller-thanks .whatsapp-note{font-size:14.5px;color:var(--muted);margin:0 0 16px}
.b19-seller-thanks .cta{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#25D366;color:#fff!important;
  font-family:"Sora";font-weight:600;font-size:16.5px;border-radius:13px;padding:16px 30px;
  box-shadow:0 12px 26px -12px rgba(37,211,102,.7);transition:transform .15s ease, filter .15s ease
}
.b19-seller-thanks .cta:hover{transform:translateY(-2px);filter:brightness(1.03);color:#fff!important}
.b19-seller-thanks .cta svg{width:22px;height:22px}
.b19-seller-thanks .back{
  display:inline-block;margin-top:26px;color:var(--orange);font-family:"Sora";font-weight:600;font-size:15px
}
.b19-seller-thanks .back:hover{color:var(--orange-deep)}
@media (max-width:560px){.b19-seller-thanks .card{padding:40px 26px}}
@media (prefers-reduced-motion:reduce){
  .b19-seller-thanks .check,.b19-seller-thanks .check svg path{animation:none;stroke-dashoffset:0;opacity:1;transform:none}
}