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

/* Shared admin/seller product image gallery */
.product-gallery-manager {
  grid-column: 1 / -1;
  min-width: 0;
  padding: 18px;
  display: grid;
  gap: 15px;
  color: #102015;
  background: linear-gradient(145deg, #fbfefb 0%, #fffdf9 100%);
  border: 1px solid #d6e8d2;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(20, 82, 37, .06);
}

.product-gallery-manager__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.product-gallery-manager__head > div:first-child {
  min-width: 0;
}

.product-gallery-manager__head > div:first-child > span {
  display: block;
  margin-bottom: 3px;
  color: #16821e;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .06em;
}

.product-gallery-manager__head > div:first-child > strong {
  display: block;
  color: #07160b;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.2;
}

.product-gallery-manager__head p {
  margin: 4px 0 0;
  color: #637064;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.product-gallery-manager__count {
  min-width: 88px;
  padding: 8px 11px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  white-space: nowrap;
  background: #eef8eb;
  border: 1px solid #cae5c5;
  border-radius: 11px;
}

.product-gallery-manager__count strong {
  color: #14811d;
  font-size: 18px;
  font-weight: 950;
}

.product-gallery-manager__count span {
  color: #617061;
  font-size: 10px;
  font-weight: 850;
}

.product-gallery-manager__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
}

.product-gallery-manager__grid:empty {
  display: none;
}

.product-gallery-manager__item {
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dce9d9;
  border-radius: 13px;
  box-shadow: 0 7px 18px rgba(20, 72, 31, .05);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, opacity .16s ease;
}

.product-gallery-manager__item:hover {
  transform: translateY(-2px);
  border-color: #b7dcb1;
  box-shadow: 0 11px 24px rgba(20, 72, 31, .09);
}

.product-gallery-manager__item.is-main {
  border-color: #41aa43;
  box-shadow: 0 0 0 2px rgba(65, 170, 67, .09), 0 11px 24px rgba(20, 72, 31, .08);
}

.product-gallery-manager__item.is-dragging {
  opacity: .42;
  transform: scale(.98);
}

.product-gallery-manager__preview {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f1f6ef;
}

.product-gallery-manager__preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-gallery-manager__preview [data-gallery-main-badge] {
  position: absolute;
  left: 8px;
  bottom: 8px;
  padding: 5px 8px;
  display: none;
  align-items: center;
  gap: 5px;
  color: #fff;
  background: rgba(17, 126, 28, .94);
  border-radius: 999px;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .14);
  font-size: 10px;
  font-weight: 900;
}

.product-gallery-manager__item.is-main [data-gallery-main-badge] {
  display: inline-flex;
}

.admin-form-grid .product-gallery-manager__alt,
.seller-product-create-form .product-gallery-manager__alt {
  padding: 9px 10px 8px;
  display: grid;
  gap: 5px;
}

.admin-form-grid .product-gallery-manager__alt > span,
.seller-product-create-form .product-gallery-manager__alt > span {
  color: #647064;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.admin-form-grid .product-gallery-manager__alt input,
.seller-product-create-form .product-gallery-manager__alt input {
  width: 100%;
  height: 35px;
  min-height: 35px;
  padding: 0 9px;
  color: #172219;
  background: #f8fbf7;
  border: 1px solid #d7e7d3;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 750;
}

.product-gallery-manager__actions {
  padding: 0 10px 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(3, 34px);
  gap: 5px;
}

.admin-form-grid .product-gallery-manager__actions button,
.seller-product-create-form .product-gallery-manager__actions button {
  width: auto;
  min-width: 0;
  height: 34px;
  min-height: 34px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #27742d;
  background: #f2f9ef;
  border: 1px solid #cee4ca;
  border-radius: 8px;
  font: inherit;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.admin-form-grid .product-gallery-manager__actions button:hover,
.seller-product-create-form .product-gallery-manager__actions button:hover {
  color: #fff;
  background: #2fa238;
  border-color: #2fa238;
}

.admin-form-grid .product-gallery-manager__actions button.is-danger,
.seller-product-create-form .product-gallery-manager__actions button.is-danger {
  color: #b42318;
  background: #fff6f4;
  border-color: #f2cbc5;
}

.admin-form-grid .product-gallery-manager__actions button.is-danger:hover,
.seller-product-create-form .product-gallery-manager__actions button.is-danger:hover {
  color: #fff;
  background: #c83b30;
  border-color: #c83b30;
}

.admin-form-grid .product-gallery-manager__actions button:disabled,
.seller-product-create-form .product-gallery-manager__actions button:disabled {
  opacity: .42;
  cursor: default;
  pointer-events: none;
}

.admin-form-grid .product-gallery-manager__dropzone,
.seller-product-create-form .product-gallery-manager__dropzone {
  position: relative;
  min-height: 86px;
  padding: 14px 15px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  background: #f5faf3;
  border: 1px dashed #add3a6;
  border-radius: 13px;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.product-gallery-manager__dropzone:hover,
.product-gallery-manager__dropzone.is-over {
  background: #edf8e9;
  border-color: #35a63b;
  transform: translateY(-1px);
}

.product-gallery-manager.is-full .product-gallery-manager__dropzone {
  display: none;
}

.admin-form-grid .product-gallery-manager__dropzone input,
.seller-product-create-form .product-gallery-manager__dropzone input {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}

.product-gallery-manager__dropzone-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: #198d23;
  background: #fff;
  border: 1px solid #cce5c8;
  border-radius: 11px;
  box-shadow: 0 7px 16px rgba(21, 102, 34, .08);
  font-size: 17px;
}

.product-gallery-manager__dropzone > span:nth-child(3) {
  min-width: 0;
}

.product-gallery-manager__dropzone strong,
.product-gallery-manager__dropzone small {
  display: block;
}

.product-gallery-manager__dropzone strong {
  color: #172019;
  font-size: 13px;
  font-weight: 900;
}

.product-gallery-manager__dropzone small {
  margin-top: 3px;
  color: #687469;
  font-size: 10px;
  font-weight: 750;
}

.product-gallery-manager__dropzone em {
  padding: 8px 11px;
  color: #197f22;
  background: #fff;
  border: 1px solid #c9e2c5;
  border-radius: 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.product-gallery-manager__hint {
  margin: -3px 0 0;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #647064;
  font-size: 10px;
  font-weight: 750;
}

.product-gallery-manager__hint i {
  color: #23902c;
}

@media (max-width: 1100px) {
  .product-gallery-manager__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .product-gallery-manager {
    padding: 13px;
    border-radius: 13px;
  }

  .product-gallery-manager__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-gallery-manager__dropzone em {
    display: none;
  }

  .admin-form-grid .product-gallery-manager__dropzone,
  .seller-product-create-form .product-gallery-manager__dropzone {
    grid-template-columns: 40px minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  .product-gallery-manager__head {
    align-items: center;
  }

  .product-gallery-manager__head p {
    display: none;
  }

  .product-gallery-manager__grid {
    grid-template-columns: 1fr;
  }
}

.account-address-manager {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  align-items: start;
}

.account-address-manager--form-open {
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.25fr);
}

.account-address-form-card {
  position: sticky;
  top: 136px;
}

.account-address-form-card:not(.is-open) {
  display: none;
}

.account-address-form {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.account-address-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.account-address-form label>span {
  color: #111827;
  font-size: 13px;
  font-weight: 850;
}

.account-address-form input,
.account-address-form select,
.account-address-form textarea {
  width: 100%;
  color: #111827;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  outline: 0;
}

.account-address-form input,
.account-address-form select {
  height: 46px;
  padding: 0 13px;
}

.account-address-form textarea {
  min-height: 112px;
  padding: 13px;
  resize: vertical;
  line-height: 1.45;
}

.account-address-form input:focus,
.account-address-form select:focus,
.account-address-form textarea:focus {
  border-color: #3fa535;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.14);
}

.account-address-form .fg-select__button {
  height: 46px;
}

.account-address-phone-note {
  min-height: 68px;
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7fbf5;
  border: 1px solid #dcebd8;
  border-radius: 10px;
}

.account-address-phone-note i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f9c31;
  background: #eaf7e7;
  border-radius: 50%;
}

.account-address-phone-note div {
  display: grid;
  gap: 2px;
}

.account-address-phone-note span,
.account-address-phone-note small {
  color: #627062;
  font-size: 12px;
  font-weight: 750;
}

.account-address-phone-note strong {
  color: #071107;
  font-size: 14px;
  font-weight: 900;
}

.account-address-form label:has(textarea[name="address_line"]) {
  display: none;
}

.account-address-form__wide,
.account-address-form__check,
.account-address-form__actions {
  grid-column: 1 / -1;
}

.account-address-form__check {
  min-height: 44px;
  padding: 0 13px;
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  gap: 10px !important;
  background: #f7fbf5;
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.account-address-form__check input {
  width: 16px;
  height: 16px;
  padding: 0;
  accent-color: #33a532;
}

.account-address-form__actions,
.account-address-tile__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.account-address-form__actions button,
.account-address-form__actions a,
.account-address-tile__actions a,
.account-address-tile__actions button {
  min-height: 40px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 8px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 900;
  cursor: pointer;
}

.account-address-form__actions button {
  color: #ffffff;
  background: #33a532;
  border: 0;
  box-shadow: 0 12px 24px rgba(63, 165, 53, 0.14);
}

.account-address-form__actions a,
.account-address-tile__actions a,
.account-address-tile__actions button {
  color: #2f8f2a;
  background: #f6fbf4;
  border: 1px solid #cfe4cb;
}

.account-address-tile {
  display: grid;
  gap: 8px;
}

.account-address-tile__actions {
  margin-top: 8px;
}

.account-address-tile__actions form {
  margin: 0;
}

.account-address-tile__actions button.is-danger {
  color: #b42318;
  background: #fff5f3;
  border-color: #ffd3cc;
}

.checkout-address-head {
  margin-bottom: 18px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #f7fbf5;
  border: 1px solid #dcebd8;
  border-radius: 10px;
}

.checkout-address-head strong {
  color: #071107;
  font-size: 15px;
  font-weight: 900;
}

.checkout-address-head p {
  margin-top: 4px;
  color: #5f6b5e;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

.checkout-address-head a,
.checkout-no-address-nudge a {
  min-height: 40px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.checkout-section .address-mode-options,
.checkout-section .checkout-new-address-form {
  display: none !important;
}

.checkout-no-address-nudge {
  padding: 28px 18px;
  display: grid;
  justify-items: center;
  gap: 12px;
  color: #5f6b5e;
  background: #fbfdfb;
  border: 1px dashed #cfe4cb;
  border-radius: 10px;
  text-align: center;
}

.checkout-no-address-nudge i {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f8f2a;
  background: #eff9ed;
  border-radius: 50%;
  font-size: 20px;
}

@media (max-width: 980px) {
  .account-consent-summary,
  .account-notification-grid,
  .account-security-grid,
  .account-message-card,
  .account-application-meta,
  .account-closure-card {
    grid-template-columns: 1fr;
  }

  .account-address-manager,
  .account-address-manager--form-open {
    grid-template-columns: 1fr;
  }

  .seller-apply-hero,
  .seller-apply-shell {
    grid-template-columns: 1fr;
  }

  .seller-apply-info {
    position: static;
  }

  .account-address-form-card {
    position: static;
  }

  .checkout-address-head {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .account-address-form,
  .account-list-grid,
  .address-grid-select,
  .payment-method-options,
  .seller-apply-types,
  .seller-apply-category-select>div,
  .seller-apply-documents>div,
  .seller-apply-form__grid {
    grid-template-columns: 1fr;
  }

  .account-address-form__wide,
  .new-address-grid .col-span-2 {
    grid-column: 1;
  }

  .account-notification-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .account-notification-actions button {
    width: 100%;
  }

  .seller-apply-page {
    padding: 18px 12px 48px;
  }

  .seller-apply-hero,
  .seller-apply-selector,
  .seller-apply-info,
  .seller-apply-form {
    padding: 18px;
  }

  .seller-apply-form__wide {
    grid-column: 1;
  }

  .seller-apply-form button {
    width: 100%;
  }

  .account-security-form button {
    width: 100%;
  }

  .account-message-card__content>div {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-application-card__head {
    flex-direction: column;
  }

  .account-application-steps,
  .account-application-meta {
    grid-template-columns: 1fr;
  }

  .account-application-meta div {
    border-right: 0;
    border-bottom: 1px solid #edf3eb;
  }

  .account-application-meta div:last-child {
    border-bottom: 0;
  }

  .account-danger-button,
  .account-danger-outline {
    width: 100%;
  }

  .checkout-address-head a {
    width: 100%;
  }
}

/* Seller operational tables: visual entities, payment state and per-store archive. */
.seller-order-tabs {
  display: flex;
  gap: 8px;
  margin: 16px 0 4px;
  padding: 5px;
  width: fit-content;
  max-width: 100%;
  background: #f5faf4;
  border: 1px solid #dcebd8;
  border-radius: 12px;
}

.seller-order-tabs a {
  min-height: 40px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #556355;
  border: 1px solid transparent;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

.seller-order-tabs a strong {
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  display: inline-grid;
  place-items: center;
  color: #3e513e;
  background: #e8f2e6;
  border-radius: 999px;
  font-size: 11px;
}

.seller-order-tabs a.is-active {
  color: #0d791d;
  background: #fff;
  border-color: #cfe3cb;
  box-shadow: 0 5px 18px rgba(25, 91, 31, 0.08);
}

.seller-order-tabs a.is-failed {
  color: #a53a33;
}

.seller-order-tabs a.is-failed strong {
  color: #a53a33;
  background: #fff0ee;
}

.seller-order-tabs a.is-failed.is-active {
  color: #a52b25;
  border-color: #efc4bf;
  background: #fff9f8;
  box-shadow: 0 5px 18px rgba(157, 42, 34, 0.08);
}

.seller-order-filterbar {
  grid-template-columns: minmax(280px, 1fr) minmax(170px, 220px) minmax(170px, 220px);
}

.seller-orders-table td small.seller-payment-badge {
  width: fit-content;
  min-height: 27px;
  margin: 0 0 5px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
}

.seller-order-bulkbar {
  margin: 0 0 10px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #566456;
  background: #fbfdfb;
  border: 1px solid #e0ecdd;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
}

.seller-order-bulkbar span strong {
  color: #08751d;
  font-size: 14px;
}

.seller-order-bulkbar button,
.seller-order-archive-form button {
  min-height: 36px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #176b21;
  background: #f1f9ef;
  border: 1px solid #cfe3cb;
  border-radius: 8px;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.seller-order-bulkbar button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.seller-order-check {
  width: 40px;
  padding-right: 4px !important;
  text-align: center !important;
}

.seller-order-check input {
  width: 18px;
  height: 18px;
  accent-color: #26a53a;
  cursor: pointer;
}

.seller-order-product-cell,
.seller-order-customer-cell {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}

.seller-order-product-thumb {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #7a8a79;
  background: #f1f6ef;
  border: 1px solid #dbe8d8;
  border-radius: 10px;
}

.seller-order-product-thumb img,
.seller-order-customer-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.seller-order-product-cell > span:last-child,
.seller-order-customer-cell > span:last-child {
  min-width: 0;
}

.seller-order-product-cell strong {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-order-customer-avatar {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #176b21;
  background: linear-gradient(145deg, #eef8ec, #e1f0de);
  border: 1px solid #cfe3cb;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 950;
}

.seller-payment-badge {
  width: fit-content;
  min-height: 27px;
  margin: 0 0 5px !important;
  padding: 0 9px;
  display: inline-flex !important;
  align-items: center;
  border: 1px solid #efdca4;
  border-radius: 999px;
  color: #805b00 !important;
  background: #fff8e6;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.seller-payment-badge--paid {
  color: #116628 !important;
  background: #edf9ef;
  border-color: #bfe4c7;
}

.seller-payment-badge--failed,
.seller-payment-badge--cancelled {
  color: #9a2525 !important;
  background: #fff1f1;
  border-color: #f2c6c6;
}

.seller-orders-table tbody tr:hover td {
  background: #fbfdfb;
}

.seller-order-archive-form {
  display: inline-flex;
  margin: 0 5px 0 0;
}

.seller-order-archive-form button {
  width: 36px;
  padding: 0;
}

@media (max-width: 980px) {
  .seller-order-filterbar {
    grid-template-columns: 1fr 1fr;
  }

  .seller-order-filterbar label:first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .seller-order-tabs {
    width: 100%;
  }

  .seller-order-tabs a {
    flex: 1;
    justify-content: center;
  }

  .seller-order-filterbar {
    grid-template-columns: 1fr;
  }

  .seller-order-filterbar label:first-child {
    grid-column: auto;
  }

  .seller-order-bulkbar {
    align-items: stretch;
    flex-direction: column;
  }
}

/* Contextual WhatsApp permission prompt */
body.has-whatsapp-consent-modal {
  overflow: hidden;
}

.whatsapp-consent-overlay {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(13, 31, 21, 0.54);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 180ms ease, visibility 180ms ease;
}

.whatsapp-consent-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.whatsapp-consent-overlay.is-closing {
  opacity: 0;
}

.whatsapp-consent-dialog {
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 18px;
  width: min(100%, 600px);
  padding: 28px;
  border: 1px solid #d6e8d8;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(10, 38, 20, 0.22);
  color: #132218;
  transform: translateY(16px) scale(0.985);
  transition: transform 200ms ease;
}

.whatsapp-consent-overlay.is-open .whatsapp-consent-dialog {
  transform: translateY(0) scale(1);
}

.whatsapp-consent-dialog.is-busy {
  cursor: wait;
}

.whatsapp-consent-dialog.is-busy button {
  pointer-events: none;
  opacity: 0.64;
}

.whatsapp-consent-dialog__close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid #e1ebe2;
  border-radius: 50%;
  background: #f8fbf8;
  color: #57705e;
  cursor: pointer;
  transition: background 150ms ease, color 150ms ease, transform 150ms ease;
}

.whatsapp-consent-dialog__close:hover {
  color: #174e29;
  background: #edf7ee;
  transform: rotate(4deg);
}

.whatsapp-consent-dialog__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border: 1px solid #bde4c5;
  border-radius: 19px;
  background: linear-gradient(145deg, #effaf1, #e4f6e8);
  color: #1ca344;
  font-size: 31px;
}

.whatsapp-consent-dialog__copy {
  min-width: 0;
  padding-right: 22px;
}

.whatsapp-consent-dialog__eyebrow {
  display: block;
  margin: 2px 0 7px;
  color: #188238;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.065em;
}

.whatsapp-consent-dialog h2 {
  margin: 0;
  font-size: clamp(23px, 4vw, 29px);
  line-height: 1.12;
  letter-spacing: -0.035em;
}

.whatsapp-consent-dialog__description {
  margin: 12px 0 0;
  color: #4e6254;
  font-size: 15px;
  line-height: 1.55;
}

.whatsapp-consent-dialog__privacy {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 15px 0 0;
  color: #67786b;
  font-size: 12px;
  line-height: 1.45;
}

.whatsapp-consent-dialog__privacy i {
  margin-top: 2px;
  color: #279245;
}

.whatsapp-consent-dialog__feedback {
  margin: 14px 0 0;
  padding: 10px 12px;
  border: 1px solid #f4c6c6;
  border-radius: 11px;
  background: #fff4f4;
  color: #b42323;
  font-size: 13px;
  line-height: 1.4;
}

.whatsapp-consent-dialog__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.whatsapp-consent-dialog__primary,
.whatsapp-consent-dialog__secondary {
  min-height: 46px;
  padding: 0 18px;
  border-radius: 12px;
  font: inherit;
  font-size: 14px;
  font-weight: 750;
  cursor: pointer;
  transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.whatsapp-consent-dialog__primary {
  flex: 1 1 245px;
  border: 1px solid #22a447;
  background: #25a94b;
  color: #fff;
  box-shadow: 0 10px 24px rgba(37, 169, 75, 0.2);
}

.whatsapp-consent-dialog__primary:hover {
  background: #1e943f;
  box-shadow: 0 12px 28px rgba(37, 169, 75, 0.27);
  transform: translateY(-1px);
}

.whatsapp-consent-dialog__secondary {
  flex: 0 0 auto;
  border: 1px solid #d9e6db;
  background: #fff;
  color: #46604d;
}

.whatsapp-consent-dialog__secondary:hover {
  background: #f4f8f4;
}

@media (max-width: 600px) {
  .whatsapp-consent-overlay {
    place-items: end center;
    padding: 10px;
  }

  .whatsapp-consent-dialog {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 13px;
    padding: 22px 18px 18px;
    border-radius: 22px;
  }

  .whatsapp-consent-dialog__icon {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    font-size: 25px;
  }

  .whatsapp-consent-dialog__copy {
    padding-right: 0;
  }

  .whatsapp-consent-dialog__close {
    top: 12px;
    right: 12px;
  }

  .whatsapp-consent-dialog__eyebrow,
  .whatsapp-consent-dialog h2 {
    padding-right: 34px;
  }

  .whatsapp-consent-dialog__actions {
    flex-direction: column;
  }

  .whatsapp-consent-dialog__primary,
  .whatsapp-consent-dialog__secondary {
    flex: none;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp-consent-overlay,
  .whatsapp-consent-dialog,
  .whatsapp-consent-dialog__close,
  .whatsapp-consent-dialog__primary,
  .whatsapp-consent-dialog__secondary {
    transition: none;
  }
}

/* Seller dashboard: financial performance, store identity and recent orders */
.seller-admin-topbar__identity {
  min-width: 0;
  flex: 1 1 280px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.seller-admin-topbar__title {
  min-width: 0;
}

.seller-admin-topbar__avatar {
  width: 70px;
  height: 70px;
  flex: 0 0 70px;
  display: grid !important;
  place-items: center;
  overflow: hidden;
  color: #16882d !important;
  background: linear-gradient(145deg, #f7fcf5, #e9f7e6);
  border: 1px solid #cfe6ca;
  border-radius: 18px;
  font-size: 23px !important;
}

.seller-admin-topbar__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.seller-admin-topbar__identity:not(.is-dashboard) .seller-admin-topbar__avatar {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
  border-radius: 14px;
  font-size: 18px !important;
}

.seller-dashboard-performance {
  display: grid;
  gap: 12px;
}

.seller-dashboard-performance__hero {
  min-width: 0;
  padding: 25px 26px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px 34px;
  color: #15341b;
  background:
    radial-gradient(circle at 88% 15%, rgba(64, 178, 80, 0.14), transparent 32%),
    linear-gradient(115deg, #ffffff 0%, #f7fcf5 68%, #eef8ea 100%);
  border: 1px solid #d7ead3;
  border-radius: 16px;
  box-shadow: 0 18px 44px rgba(20, 66, 29, 0.06);
}

.seller-dashboard-performance__heading > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #16832a;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.seller-dashboard-performance__heading h2 {
  margin: 7px 0 6px;
  color: #07150a;
  font-size: clamp(25px, 3vw, 34px);
  font-weight: 950;
  line-height: 1.08;
}

.seller-dashboard-performance__heading p {
  max-width: 620px;
  margin: 0;
  color: #58675a;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
}

.seller-dashboard-performance__earning {
  min-width: 250px;
  padding: 18px 20px;
  display: grid;
  gap: 4px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid #d9e9d5;
  border-radius: 14px;
}

.seller-dashboard-performance__earning small {
  color: #5a685b;
  font-size: 12px;
  font-weight: 850;
}

.seller-dashboard-performance__earning strong {
  color: #0a7222;
  font-size: clamp(25px, 3vw, 34px);
  font-weight: 950;
  line-height: 1.15;
}

.seller-dashboard-performance__earning span {
  color: #677269;
  font-size: 11px;
  font-weight: 750;
}

.seller-dashboard-performance__link {
  grid-column: 1 / -1;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #167c29;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

.seller-dashboard-performance__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.seller-dashboard-performance__metrics > article {
  min-width: 0;
  padding: 17px 18px;
  display: flex;
  align-items: center;
  gap: 13px;
  background: #fff;
  border: 1px solid #dcebd8;
  border-radius: 13px;
  box-shadow: 0 12px 30px rgba(20, 59, 27, 0.045);
}

.seller-dashboard-metric__icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
}

.seller-dashboard-metric__icon.is-green { color: #16852a; background: #edf8eb; }
.seller-dashboard-metric__icon.is-blue { color: #28799e; background: #eef7fb; }
.seller-dashboard-metric__icon.is-orange { color: #b96612; background: #fff4e8; }

.seller-dashboard-performance__metrics div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.seller-dashboard-performance__metrics small,
.seller-dashboard-performance__metrics span {
  color: #647066;
  font-size: 11px;
  font-weight: 800;
}

.seller-dashboard-performance__metrics strong {
  overflow: hidden;
  color: #0a160c;
  font-size: 19px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-panel-stats--dashboard {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.seller-admin-content-grid--dashboard {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
  align-items: start;
}

.seller-dashboard-recent-card {
  grid-column: 1;
  grid-row: 1;
  padding: 0;
  overflow: hidden;
}

.seller-dashboard-shortcuts {
  grid-column: 2;
  grid-row: 1;
}

.seller-dashboard-recent-card__head {
  margin: 0;
  padding: 22px 22px 18px;
  border-bottom: 1px solid #e3eee0;
}

.seller-dashboard-recent-card__head h2 {
  margin: 4px 0 3px;
}

.seller-dashboard-recent-card__head p {
  margin: 0;
  color: #667268;
  font-size: 12px;
  font-weight: 750;
}

.seller-dashboard-recent-card__head > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #18802b;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.seller-dashboard-orders {
  display: grid;
}

.seller-dashboard-order {
  min-width: 0;
  padding: 15px 18px;
  display: grid;
  grid-template-columns: 54px minmax(180px, 1fr) auto minmax(100px, auto) 18px;
  align-items: center;
  gap: 13px;
  color: inherit;
  border-bottom: 1px solid #ebf1e9;
  text-decoration: none;
  transition: background-color 160ms ease, transform 160ms ease;
}

.seller-dashboard-order:last-child {
  border-bottom: 0;
}

.seller-dashboard-order:hover {
  background: #f8fcf7;
}

.seller-dashboard-order__product-image {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #2b9138;
  background: #eff7ed;
  border: 1px solid #d9e8d6;
  border-radius: 12px;
}

.seller-dashboard-order__product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.seller-dashboard-order__main {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.seller-dashboard-order__main > small {
  color: #778178;
  font-size: 10px;
  font-weight: 800;
}

.seller-dashboard-order__main > strong {
  overflow: hidden;
  color: #0c160e;
  font-size: 13px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-dashboard-order__customer {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  color: #647066;
  font-size: 10px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-dashboard-order__avatar {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #197d2a;
  background: #eaf6e8;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 950;
}

.seller-dashboard-order__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.seller-dashboard-order__state,
.seller-dashboard-order__amount {
  display: grid;
  justify-items: end;
  gap: 5px;
}

.seller-dashboard-order__state .seller-order-status {
  min-height: 26px;
  padding: 0 8px;
  font-size: 10px;
}

.seller-dashboard-order__state .seller-payment-badge {
  min-height: 23px;
  margin: 0 !important;
  padding: 0 7px;
  font-size: 9px !important;
}

.seller-dashboard-order__amount strong {
  color: #0d7222;
  font-size: 14px;
  font-weight: 950;
  white-space: nowrap;
}

.seller-dashboard-order__amount small {
  color: #7a847c;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}

.seller-dashboard-order__arrow {
  color: #91a093;
  font-size: 11px;
}

.seller-dashboard-shortcuts {
  min-height: 0;
  align-content: start;
  gap: 18px;
}

.seller-dashboard-shortcut-links {
  display: grid;
  gap: 8px;
}

.seller-dashboard-quick-card .seller-dashboard-shortcut-links a {
  width: 100%;
  height: 46px;
  padding: 0 13px;
  justify-content: flex-start;
  color: #17431e;
  background: #f7fbf6;
  border: 1px solid #d9e9d6;
  box-shadow: none;
}

.seller-dashboard-shortcut-links a > i:first-child {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  color: #19842d;
  background: #e9f6e7;
  border-radius: 8px;
}

.seller-dashboard-shortcut-links a > span {
  flex: 1;
  color: inherit;
  font-size: 12px;
  font-weight: 900;
  text-transform: none;
}

.seller-dashboard-shortcut-links a > i:last-child {
  color: #8b998d;
  font-size: 10px;
}

.seller-dashboard-recent-empty {
  min-height: 240px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  color: #718073;
}

.seller-dashboard-recent-empty > i {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: #2b963c;
  background: #edf8eb;
  border-radius: 14px;
}

.seller-dashboard-recent-empty strong {
  color: #162319;
  font-size: 15px;
  font-weight: 950;
}

.seller-dashboard-recent-empty span {
  font-size: 12px;
  font-weight: 750;
}

@media (max-width: 1120px) {
  .seller-admin-content-grid--dashboard {
    grid-template-columns: 1fr;
  }

  .seller-dashboard-recent-card,
  .seller-dashboard-shortcuts {
    grid-column: 1;
  }

  .seller-dashboard-recent-card { grid-row: 1; }
  .seller-dashboard-shortcuts { grid-row: 2; }

  .seller-dashboard-shortcut-links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .seller-dashboard-performance__hero {
    grid-template-columns: 1fr;
  }

  .seller-dashboard-performance__earning {
    min-width: 0;
  }

  .seller-dashboard-performance__link {
    grid-column: 1;
  }

  .seller-dashboard-performance__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-panel-stats--dashboard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-dashboard-order {
    grid-template-columns: 50px minmax(0, 1fr) auto 14px;
  }

  .seller-dashboard-order__product-image {
    width: 50px;
    height: 50px;
  }

  .seller-dashboard-order__state {
    display: none;
  }
}

@media (max-width: 620px) {
  .seller-admin-topbar__avatar {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
    border-radius: 15px;
  }

  .seller-dashboard-performance__hero {
    padding: 21px 18px;
  }

  .seller-dashboard-performance__metrics > article {
    padding: 15px;
  }

  .seller-dashboard-performance__metrics {
    grid-template-columns: 1fr;
  }

  .seller-panel-stats--dashboard {
    grid-template-columns: 1fr 1fr;
  }

  .seller-dashboard-recent-card__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .seller-dashboard-shortcut-links {
    grid-template-columns: 1fr;
  }

  .seller-dashboard-order {
    position: relative;
    padding: 14px;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 10px;
  }

  .seller-dashboard-order__product-image {
    width: 46px;
    height: 46px;
  }

  .seller-dashboard-order__amount {
    grid-column: 2;
    justify-items: start;
  }

  .seller-dashboard-order__arrow {
    position: absolute;
    right: 14px;
    top: 50%;
  }
}

.seller-trendyol-page {
  display: grid;
  gap: 18px;
}

.seller-trendyol-hero {
  min-height: 250px;
  padding: 30px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  align-items: center;
  gap: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 111, 20, .12), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #fbfefb 58%, #f2faf1 100%);
  border: 1px solid #dcebd8;
  border-radius: 16px;
  box-shadow: 0 20px 48px rgba(14, 45, 19, .07);
}

.seller-trendyol-hero__content h2 {
  max-width: 700px;
  margin: 14px 0 12px;
  color: #071307;
  font-size: clamp(30px, 4vw, 48px);
  font-weight: 950;
  line-height: 1.06;
  letter-spacing: -.035em;
}

.seller-trendyol-hero__content p {
  max-width: 720px;
  margin: 0;
  color: #526151;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.65;
}

.seller-trendyol-hero--products {
  min-height: 0;
  padding: 18px 20px;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 440px);
  gap: 22px;
  background:
    radial-gradient(circle at 96% 0%, rgba(242, 122, 26, .1), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #fffdf9 100%);
  box-shadow: 0 10px 28px rgba(14, 45, 19, .05);
}

.seller-trendyol-hero--products .seller-trendyol-status {
  min-height: 25px;
  padding: 0 9px;
  gap: 6px;
  font-size: 10px;
}

.seller-trendyol-hero--products .seller-trendyol-hero__content h2 {
  margin: 7px 0 4px;
  font-size: clamp(22px, 2.2vw, 28px);
  line-height: 1.12;
}

.seller-trendyol-hero--products .seller-trendyol-hero__content p {
  font-size: 13px;
  line-height: 1.45;
}

.seller-trendyol-products-hero__actions {
  padding: 10px 11px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, .94);
  border: 1px solid #ecd9c8;
  border-radius: 11px;
  box-shadow: none;
}

.seller-trendyol-products-hero__actions > img {
  width: 34px;
  height: 34px;
  display: block;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(242, 122, 26, .12);
}

.seller-trendyol-products-hero__actions > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.seller-trendyol-products-hero__actions strong {
  color: #183018;
  font-size: 13px;
  font-weight: 950;
}

.seller-trendyol-products-hero__actions span {
  overflow: hidden;
  color: #6b7669;
  font-size: 10px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-trendyol-products-hero__actions > a {
  min-height: 34px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #a94e08;
  background: #fff4e9;
  border: 1px solid #ffc997;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 950;
}

.seller-trendyol-products-hero__actions > a:hover {
  color: #fff;
  background: #f27a1a;
  border-color: #f27a1a;
}

.seller-trendyol-status {
  width: fit-content;
  min-height: 32px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #98600b;
  background: #fff8e8;
  border: 1px solid #f5dbac;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .035em;
}

.seller-trendyol-status.is-connected {
  color: #176b25;
  background: #edf9ed;
  border-color: #cbe9c9;
}

.seller-trendyol-brand {
  margin: 0;
  padding: 24px;
  display: grid;
  justify-items: center;
  gap: 13px;
  background: rgba(255, 255, 255, .9);
  border: 1px solid #d6ddd5;
  border-radius: 15px;
  box-shadow: 0 16px 36px rgba(14, 45, 19, .08);
}

.seller-trendyol-brand img {
  width: min(100%, 493px);
  height: auto;
  display: block;
}

.seller-trendyol-brand figcaption {
  color: #6a7569;
  font-size: 12px;
  font-weight: 850;
  text-align: center;
}

.seller-trendyol-notice {
  padding: 16px 18px;
  display: flex;
  align-items: flex-start;
  gap: 13px;
  color: #704b0c;
  background: #fffaf0;
  border: 1px solid #f0dbb4;
  border-radius: 12px;
}

.seller-trendyol-notice > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  color: #b06f08;
  background: #fff1cf;
  border-radius: 50%;
}

.seller-trendyol-notice strong {
  display: block;
  color: #5f3d06;
  font-size: 15px;
  font-weight: 950;
}

.seller-trendyol-notice p {
  margin: 4px 0 0;
  color: #80632f;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
}

.seller-trendyol-notice.is-success {
  color: #1a6528;
  background: #f0faf0;
  border-color: #cce9cc;
}

.seller-trendyol-notice.is-success > span {
  color: #16821e;
  background: #ddf4de;
}

.seller-trendyol-notice.is-success strong,
.seller-trendyol-notice.is-success p {
  color: #245f2d;
}

.seller-trendyol-notice.is-error {
  color: #9b2929;
  background: #fff5f4;
  border-color: #f1cfca;
}

.seller-trendyol-notice.is-error > span {
  color: #c33c30;
  background: #ffe4df;
}

.seller-trendyol-notice.is-error strong,
.seller-trendyol-notice.is-error p {
  color: #8e312a;
}

.seller-trendyol-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(330px, .72fr);
  align-items: start;
  gap: 18px;
}

.seller-trendyol-connect-card,
.seller-trendyol-guide,
.seller-trendyol-scope,
.seller-trendyol-connection-tools,
.seller-trendyol-products-card {
  border-radius: 14px;
}

.seller-trendyol-section-head {
  margin-bottom: 22px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.seller-trendyol-section-head.is-compact {
  margin-bottom: 18px;
}

.seller-trendyol-section-head__icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 46px;
  color: #16821e;
  background: #eff9ed;
  border: 1px solid #cfe9ca;
  border-radius: 12px;
  font-size: 18px;
}

.seller-trendyol-section-head__icon.is-orange {
  color: #b45d12;
  background: #fff5e9;
  border-color: #f3d4b5;
}

.seller-trendyol-section-head > div > span {
  color: #16821e;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .045em;
}

.seller-trendyol-section-head h3 {
  margin: 4px 0 0;
  color: #071307;
  font-size: 23px;
  font-weight: 950;
  line-height: 1.2;
}

.seller-trendyol-section-head p {
  margin: 7px 0 0;
  color: #617060;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}

.seller-trendyol-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.seller-trendyol-fields label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.seller-trendyol-fields label > span:first-child {
  color: #1a2919;
  font-size: 13px;
  font-weight: 950;
}

.seller-trendyol-fields label > small {
  min-height: 34px;
  color: #6d796c;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}

.seller-trendyol-field--wide {
  grid-column: 1 / -1;
}

.seller-trendyol-input-wrap {
  min-height: 48px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f6f8f5;
  border: 1px solid #dfe7dc;
  border-radius: 10px;
  color: #869184;
}

.seller-trendyol-input-wrap input,
.seller-trendyol-input-wrap select {
  width: 100%;
  min-width: 0;
  height: 46px;
  padding: 0;
  color: #233020;
  background: transparent;
  border: 0;
  outline: 0;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
}

.seller-trendyol-input-wrap select {
  appearance: none;
  cursor: pointer;
}

.seller-trendyol-input-wrap:focus-within {
  background: #fff;
  border-color: #f4a465;
  box-shadow: 0 0 0 3px rgba(242, 122, 26, .11);
}

.seller-trendyol-input-wrap input:disabled {
  opacity: 1;
  cursor: not-allowed;
}

.seller-trendyol-actions {
  grid-column: 1 / -1;
  margin-top: 4px;
  padding-top: 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-top: 1px solid #e7eee5;
}

.seller-trendyol-actions button {
  min-height: 46px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #fff;
  background: #f27a1a;
  border: 1px solid #e66c0e;
  border-radius: 9px;
  font: inherit;
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(242, 122, 26, .18);
}

.seller-trendyol-actions button:hover {
  background: #df6810;
}

.seller-trendyol-actions small {
  color: #728070;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.45;
}

.seller-trendyol-aside {
  display: grid;
  gap: 18px;
}

.seller-trendyol-guide ol,
.seller-trendyol-scope ul {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 11px;
  list-style: none;
}

.seller-trendyol-guide li {
  padding: 12px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  color: #536151;
  background: #fbfdfb;
  border: 1px solid #e5eee2;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.5;
}

.seller-trendyol-guide li b {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: #16821e;
  background: #eaf7e8;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 950;
}

.seller-trendyol-guide.is-interactive {
  overflow: hidden;
}

.seller-trendyol-guide-launch {
  width: 100%;
  padding: 0;
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  align-items: stretch;
  gap: 14px;
  overflow: hidden;
  color: inherit;
  background: #fffaf5;
  border: 1px solid #f1d8c2;
  border-radius: 11px;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.seller-trendyol-guide-launch:hover {
  transform: translateY(-2px);
  border-color: #efad78;
  box-shadow: 0 12px 28px rgba(162, 82, 21, .12);
}

.seller-trendyol-guide-launch:focus-visible {
  outline: 3px solid rgba(242, 122, 26, .25);
  outline-offset: 2px;
}

.seller-trendyol-guide-launch__visual {
  position: relative;
  min-height: 142px;
  overflow: hidden;
  background: #f8eee3;
}

.seller-trendyol-guide-launch__visual img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.seller-trendyol-guide-launch__visual > span {
  position: absolute;
  left: 8px;
  bottom: 8px;
  min-height: 26px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  background: rgba(33, 24, 17, .76);
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  backdrop-filter: blur(7px);
  font-size: 9px;
  font-weight: 950;
}

.seller-trendyol-guide-launch__content {
  padding: 16px 14px 14px 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  min-width: 0;
}

.seller-trendyol-guide-launch__content strong {
  color: #182217;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.35;
}

.seller-trendyol-guide-launch__content small {
  margin-top: 7px;
  color: #6b7568;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.5;
}

.seller-trendyol-guide-launch__content em {
  margin-top: auto;
  padding-top: 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #e76512;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
}

body.has-trendyol-guide-modal {
  overflow: hidden;
}

.seller-trendyol-guide-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  padding: 20px;
  display: grid;
  place-items: center;
}

.seller-trendyol-guide-modal[hidden] {
  display: none;
}

.seller-trendyol-guide-modal__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: rgba(7, 17, 8, .78);
  border: 0;
  backdrop-filter: blur(8px);
  cursor: pointer;
}

.seller-trendyol-guide-dialog {
  position: relative;
  width: min(1180px, 100%);
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 18px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .38);
  outline: 0;
}

.seller-trendyol-guide-dialog__head {
  min-height: 78px;
  padding: 15px 18px 14px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: linear-gradient(90deg, #fff9f3 0%, #fff 48%, #f4fbf3 100%);
  border-bottom: 1px solid #e7ece4;
}

.seller-trendyol-guide-dialog__head > div:first-child > span {
  color: #e76512;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .045em;
}

.seller-trendyol-guide-dialog__head h3 {
  margin: 4px 0 0;
  color: #111d10;
  font-size: 21px;
  font-weight: 950;
}

.seller-trendyol-guide-dialog__head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.seller-trendyol-guide-dialog__head-actions > span {
  min-width: 54px;
  color: #6d786a;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
}

.seller-trendyol-guide-dialog__head-actions button {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #374335;
  background: #fff;
  border: 1px solid #dde5da;
  border-radius: 50%;
  font-size: 17px;
  cursor: pointer;
}

.seller-trendyol-guide-dialog__layout {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
}

.seller-trendyol-guide-stage {
  position: relative;
  min-width: 0;
  min-height: 0;
  padding: 15px 70px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 12%, rgba(242, 122, 26, .16), transparent 34%),
    radial-gradient(circle at 88% 88%, rgba(31, 142, 47, .14), transparent 34%),
    #111711;
}

.seller-trendyol-guide-slide {
  width: 100%;
  height: 100%;
  margin: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  place-items: center;
  min-height: 0;
}

.seller-trendyol-guide-slide[hidden] {
  display: none;
}

.seller-trendyol-guide-slide img {
  max-width: 100%;
  max-height: calc(100vh - 190px);
  max-height: calc(100dvh - 190px);
  display: block;
  object-fit: contain;
  border-radius: 11px;
  box-shadow: 0 15px 44px rgba(0, 0, 0, .28);
}

.seller-trendyol-guide-slide figcaption {
  width: min(680px, 100%);
  padding: 11px 14px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #cbd4c8;
  text-align: center;
}

.seller-trendyol-guide-slide figcaption strong {
  color: #fff;
  font-size: 11px;
  font-weight: 950;
}

.seller-trendyol-guide-slide figcaption span {
  font-size: 10px;
  font-weight: 700;
}

.seller-trendyol-guide-arrow {
  position: absolute;
  top: 50%;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(255, 255, 255, .13);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  backdrop-filter: blur(8px);
  transform: translateY(-50%);
  cursor: pointer;
}

.seller-trendyol-guide-arrow:hover {
  background: #f27a1a;
  border-color: #f27a1a;
}

.seller-trendyol-guide-arrow.is-prev {
  left: 16px;
}

.seller-trendyol-guide-arrow.is-next {
  right: 16px;
}

.seller-trendyol-guide-steps {
  min-height: 0;
  padding: 18px 15px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 12px;
  overflow: hidden;
  background: #fbfdfb;
  border-left: 1px solid #e1e8df;
}

.seller-trendyol-guide-steps > span {
  color: #748071;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .045em;
}

.seller-trendyol-guide-steps ol {
  margin: 0;
  padding: 0 4px 0 0;
  display: grid;
  align-content: start;
  gap: 8px;
  overflow-y: auto;
  list-style: none;
  scrollbar-width: thin;
}

.seller-trendyol-guide-steps button[data-trendyol-guide-step] {
  width: 100%;
  padding: 7px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  color: #263324;
  background: #fff;
  border: 1px solid #e0e8dd;
  border-radius: 9px;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.seller-trendyol-guide-steps button[data-trendyol-guide-step].is-active {
  color: #d65e09;
  background: #fff6ee;
  border-color: #f0b482;
  box-shadow: 0 4px 15px rgba(182, 86, 17, .1);
}

.seller-trendyol-guide-steps button[data-trendyol-guide-step] > img {
  width: 52px;
  height: 52px;
  display: block;
  object-fit: cover;
  border-radius: 7px;
}

.seller-trendyol-guide-steps button[data-trendyol-guide-step] > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.seller-trendyol-guide-steps button[data-trendyol-guide-step] b {
  color: #8a9687;
  font-size: 9px;
  font-weight: 950;
}

.seller-trendyol-guide-steps button[data-trendyol-guide-step] strong {
  overflow: hidden;
  font-size: 10px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-trendyol-guide-done {
  min-height: 43px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #fff;
  background: #178326;
  border: 1px solid #116b1d;
  border-radius: 9px;
  font: inherit;
  font-size: 10px;
  font-weight: 950;
  cursor: pointer;
}

.seller-trendyol-scope li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #354433;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}

.seller-trendyol-scope li i {
  margin-top: 2px;
  color: #2da53a;
}

.seller-trendyol-scope li.is-muted {
  margin-top: 3px;
  padding-top: 12px;
  color: #788376;
  border-top: 1px solid #e8eee6;
}

.seller-trendyol-scope li.is-muted i {
  color: #b7791f;
}

.seller-trendyol-scope--products ul {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.seller-trendyol-scope--products li,
.seller-trendyol-scope--products li.is-muted {
  margin: 0;
  padding: 13px;
  background: #fafcf9;
  border: 1px solid #e4ece1;
  border-radius: 10px;
}

.seller-trendyol-connection-tools dl {
  margin: 0;
  display: grid;
  gap: 8px;
}

.seller-trendyol-connection-tools dl div {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: #fafcf9;
  border: 1px solid #e4ece1;
  border-radius: 9px;
}

.seller-trendyol-connection-tools dt {
  color: #667264;
  font-size: 11px;
  font-weight: 800;
}

.seller-trendyol-connection-tools dd {
  margin: 0;
  color: #192718;
  font-size: 12px;
  font-weight: 950;
}

.seller-trendyol-tool-actions {
  margin-top: 13px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.seller-trendyol-tool-actions form,
.seller-trendyol-pagination form {
  margin: 0;
}

.seller-trendyol-tool-actions button,
.seller-trendyol-products-head button,
.seller-trendyol-products-toolbar button,
.seller-trendyol-pagination button {
  min-height: 40px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #167420;
  background: #f0f9ef;
  border: 1px solid #cee7cb;
  border-radius: 8px;
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}

.seller-trendyol-tool-actions button {
  width: 100%;
}

.seller-trendyol-tool-actions button.is-danger {
  color: #b3312a;
  background: #fff5f4;
  border-color: #efcfcb;
}

.seller-trendyol-products-card {
  overflow: hidden;
}

.seller-trendyol-products-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.seller-trendyol-products-head > div > span {
  color: #e76512;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.seller-trendyol-products-head h3 {
  margin: 4px 0 5px;
  color: #0c180b;
  font-size: 24px;
  font-weight: 950;
}

.seller-trendyol-products-head p {
  max-width: 760px;
  margin: 0;
  color: #657263;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

.seller-trendyol-products-head button,
.seller-trendyol-products-toolbar button {
  color: #fff;
  background: #f27a1a;
  border-color: #e66c0e;
  white-space: nowrap;
}

.seller-trendyol-products-toolbar {
  margin-top: 20px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff9f4;
  border: 1px solid #f5dcc8;
  border-radius: 10px;
}

.seller-trendyol-products-toolbar label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #303d2f;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.seller-trendyol-products-toolbar input {
  width: 17px;
  height: 17px;
  accent-color: #f27a1a;
}

.seller-trendyol-products-toolbar > span {
  margin-left: auto;
  color: #758073;
  font-size: 11px;
  font-weight: 800;
}

.seller-trendyol-products-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.seller-trendyol-product {
  position: relative;
  min-width: 0;
  padding: 10px;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 10px;
  background: #fff;
  border: 1px solid #e2e9df;
  border-radius: 11px;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.seller-trendyol-product:has(input:checked) {
  border-color: #f2a166;
  box-shadow: 0 0 0 3px rgba(242, 122, 26, .08);
}

.seller-trendyol-product.is-imported {
  background: #fbfefb;
  border-color: #cfe7cc;
}

.seller-trendyol-product.is-error {
  background: #fffafa;
  border-color: #efd1cd;
}

.seller-trendyol-product > img {
  width: 82px;
  height: 105px;
  object-fit: cover;
  background: #f3f4f2;
  border-radius: 8px;
}

.seller-trendyol-product__select {
  position: absolute;
  top: 17px;
  left: 17px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, .94);
  border-radius: 6px;
  box-shadow: 0 2px 7px rgba(20, 30, 18, .16);
  cursor: pointer;
}

.seller-trendyol-products-toolbar button.is-secondary {
  color: #b9550d;
  background: #fff;
  border-color: #efb988;
}

body.has-trendyol-import-modal {
  overflow: hidden;
}

.seller-trendyol-import-modal {
  position: fixed;
  inset: 0;
  z-index: 1400;
  padding: 24px;
  display: grid;
  place-items: center;
}

.seller-trendyol-import-modal[hidden] {
  display: none;
}

.seller-trendyol-import-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 27, 16, .48);
  backdrop-filter: blur(7px);
}

.seller-trendyol-import-modal__dialog {
  position: relative;
  width: min(610px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  color: #1b281a;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 22px;
  box-shadow: 0 28px 80px rgba(9, 24, 11, .28);
  outline: none;
}

.seller-trendyol-import-modal__accent {
  height: 6px;
  background: linear-gradient(90deg, #f27a1a 0 42%, #33aa36 42% 100%);
}

.seller-trendyol-import-modal__header {
  padding: 25px 26px 18px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.seller-trendyol-import-modal__brand {
  width: 50px;
  height: 50px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  background: #fff5ec;
  border: 1px solid #ffd6b4;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(242, 122, 26, .12);
}

.seller-trendyol-import-modal__brand img {
  width: 29px;
  height: 29px;
  object-fit: contain;
}

.seller-trendyol-import-modal__header small {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #b85b12;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.seller-trendyol-import-modal__header h3 {
  margin: 5px 0 4px;
  color: #111b11;
  font-size: clamp(21px, 3vw, 27px);
  font-weight: 950;
  line-height: 1.18;
}

.seller-trendyol-import-modal__header p {
  margin: 0;
  color: #667164;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.55;
}

.seller-trendyol-import-modal__progress {
  margin: 0 26px;
  padding: 17px;
  background: linear-gradient(135deg, #fff8f1, #f6fbf5);
  border: 1px solid #eadfce;
  border-radius: 14px;
}

.seller-trendyol-import-modal__progress > div {
  margin-bottom: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.seller-trendyol-import-modal__progress span {
  color: #5f6c5d;
  font-size: 11px;
  font-weight: 850;
}

.seller-trendyol-import-modal__progress strong {
  color: #d9650d;
  font-size: 14px;
  font-weight: 950;
}

.seller-trendyol-import-modal__progress progress {
  width: 100%;
  height: 12px;
  overflow: hidden;
  accent-color: #f27a1a;
  background: #dfe5dc;
  border: 0;
  border-radius: 999px;
}

.seller-trendyol-import-modal__stats {
  margin: 14px 26px 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.seller-trendyol-import-modal__stats > div {
  min-width: 0;
  padding: 12px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 9px;
  background: #f7faf6;
  border: 1px solid #dce8da;
  border-radius: 12px;
}

.seller-trendyol-import-modal__stats span {
  grid-row: 1 / 3;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: #61705f;
  background: #eaf1e8;
  border-radius: 9px;
}

.seller-trendyol-import-modal__stats strong {
  overflow: hidden;
  color: #182317;
  font-size: 14px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-trendyol-import-modal__stats small {
  color: #7c8879;
  font-size: 9px;
  font-weight: 850;
}

.seller-trendyol-import-modal__stats .is-success span {
  color: #19832b;
  background: #e8f7e9;
}

.seller-trendyol-import-modal__stats .is-total span {
  color: #c96314;
  background: #fff1e5;
}

.seller-trendyol-import-modal__stats .is-error span {
  color: #b2382f;
  background: #fff0ee;
}

.seller-trendyol-import-errors {
  margin: 14px 26px 0;
  padding: 0;
  display: grid;
  gap: 6px;
  list-style: none;
}

.seller-trendyol-import-errors[hidden] {
  display: none;
}

.seller-trendyol-import-errors li {
  padding: 9px 11px;
  color: #a22c22;
  background: #fff4f2;
  border: 1px solid #f1c2bc;
  border-radius: 9px;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.45;
}

.seller-trendyol-import-modal__footer {
  margin-top: 20px;
  padding: 16px 26px 21px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: #fafcf9;
  border-top: 1px solid #e5ece3;
}

.seller-trendyol-import-modal__footer > span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #788375;
  font-size: 9px;
  font-weight: 800;
}

.seller-trendyol-import-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.seller-trendyol-import-modal__actions button {
  min-height: 38px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #fff;
  background: #f27a1a;
  border: 1px solid #e56d12;
  border-radius: 9px;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.seller-trendyol-import-modal__actions button.is-secondary {
  color: #246d2b;
  background: #f1f9f0;
  border-color: #cfe5cc;
}

.seller-trendyol-import-modal__actions button.is-danger {
  color: #a3322a;
  background: #fff3f1;
  border-color: #efc3be;
}

@media (max-width: 1500px) {
  .seller-trendyol-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1200px) {
  .seller-trendyol-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 620px) {
  .seller-trendyol-import-modal {
    padding: 12px;
  }

  .seller-trendyol-import-modal__dialog {
    max-height: calc(100vh - 24px);
    border-radius: 17px;
  }

  .seller-trendyol-import-modal__header,
  .seller-trendyol-import-modal__footer {
    padding-left: 17px;
    padding-right: 17px;
  }

  .seller-trendyol-import-modal__progress,
  .seller-trendyol-import-modal__stats,
  .seller-trendyol-import-errors {
    margin-left: 17px;
    margin-right: 17px;
  }

  .seller-trendyol-import-modal__stats {
    grid-template-columns: 1fr;
  }

  .seller-trendyol-import-modal__footer {
    align-items: stretch;
    flex-direction: column;
  }

  .seller-trendyol-import-modal__actions,
  .seller-trendyol-import-modal__actions button {
    width: 100%;
  }
}

.seller-trendyol-product__select input {
  width: 16px;
  height: 16px;
  accent-color: #f27a1a;
}

.seller-trendyol-product__body {
  min-width: 0;
}

.seller-trendyol-product__status,
.seller-trendyol-product__meta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.seller-trendyol-product__status {
  justify-content: space-between;
}

.seller-trendyol-product__status em {
  padding: 4px 7px;
  color: #167420;
  background: #eaf7e9;
  border-radius: 999px;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
}

.seller-trendyol-product__status em.is-ready {
  color: #b85c12;
  background: #fff1e5;
}

.seller-trendyol-product__status em.is-error {
  color: #b3312a;
  background: #ffeae7;
}

.seller-trendyol-product__status small {
  overflow: hidden;
  color: #879083;
  font-size: 9px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-trendyol-product h4 {
  margin: 9px 0 5px;
  color: #152014;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.35;
}

.seller-trendyol-product__body > p,
.seller-trendyol-product__category-match,
.seller-trendyol-product__variant,
.seller-trendyol-product__error {
  display: block;
  margin: 0 0 6px;
  color: #6f7b6c;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.4;
}

.seller-trendyol-product__category-match {
  width: fit-content;
  max-width: 100%;
  padding: 5px 7px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  color: #39723c;
  background: #f0f8ef;
  border: 1px solid #d5e9d2;
  border-radius: 7px;
}

.seller-trendyol-product__category-match strong {
  color: #185c20;
  font-weight: 950;
}

.seller-trendyol-product__category-match em {
  color: #668064;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.seller-trendyol-product__category-match.is-new {
  color: #a95712;
  background: #fff6ec;
  border-color: #f3d3b4;
}

.seller-trendyol-product__category-match.is-new strong {
  color: #9d4a08;
}

.seller-trendyol-product__variant {
  color: #805325;
}

.seller-trendyol-product__error {
  color: #a93630;
}

.seller-trendyol-product__meta {
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px solid #edf1eb;
}

.seller-trendyol-product__meta strong {
  color: #16821e;
  font-size: 13px;
}

.seller-trendyol-product__meta span,
.seller-trendyol-product__meta a {
  color: #687466;
  font-size: 10px;
  font-weight: 850;
}

.seller-trendyol-product__meta a {
  margin-left: auto;
  color: #dc670f;
}

.seller-trendyol-products-empty {
  min-height: 190px;
  margin-top: 18px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  color: #758073;
  background: #fafcf9;
  border: 1px dashed #d8e3d5;
  border-radius: 11px;
  text-align: center;
}

.seller-trendyol-products-empty i {
  color: #f27a1a;
  font-size: 28px;
}

.seller-trendyol-products-empty strong {
  color: #263525;
  font-size: 15px;
}

.seller-trendyol-products-empty span {
  font-size: 11px;
  font-weight: 750;
}

.seller-trendyol-pagination {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.seller-trendyol-pagination span {
  color: #677364;
  font-size: 11px;
  font-weight: 900;
}

.seller-trendyol-pagination button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

@media (max-width: 1120px) {
  .seller-trendyol-hero,
  .seller-trendyol-layout {
    grid-template-columns: 1fr;
  }

  .seller-trendyol-brand {
    justify-self: stretch;
  }

  .seller-trendyol-aside {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-trendyol-scope--products ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-trendyol-guide-dialog__layout {
    grid-template-columns: minmax(0, 1fr) 230px;
  }
}

@media (max-width: 720px) {
  .seller-trendyol-hero {
    min-height: 0;
    padding: 21px;
    gap: 20px;
  }

  .seller-trendyol-hero__content h2 {
    font-size: 31px;
  }

  .seller-trendyol-hero--products {
    padding: 15px;
    gap: 12px;
  }

  .seller-trendyol-hero--products .seller-trendyol-hero__content h2 {
    font-size: 23px;
  }

  .seller-trendyol-products-hero__actions {
    grid-template-columns: 32px minmax(0, 1fr) auto;
  }

  .seller-trendyol-products-hero__actions > img {
    width: 32px;
    height: 32px;
  }

  .seller-trendyol-brand {
    padding: 18px 14px;
  }

  .seller-trendyol-fields,
  .seller-trendyol-aside {
    grid-template-columns: 1fr;
  }

  .seller-trendyol-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .seller-trendyol-actions button {
    width: 100%;
  }

  .seller-trendyol-products-head,
  .seller-trendyol-products-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .seller-trendyol-products-head button,
  .seller-trendyol-products-toolbar button {
    width: 100%;
  }

  .seller-trendyol-products-toolbar > span {
    margin-left: 0;
  }

  .seller-trendyol-tool-actions {
    grid-template-columns: 1fr;
  }

  .seller-trendyol-scope--products ul {
    grid-template-columns: 1fr;
  }

  .seller-trendyol-product {
    grid-template-columns: 80px minmax(0, 1fr);
  }

  .seller-trendyol-products-grid {
    grid-template-columns: 1fr;
  }

  .seller-trendyol-product > img {
    width: 80px;
    height: 105px;
  }

  .seller-trendyol-guide-launch {
    grid-template-columns: 108px minmax(0, 1fr);
  }

  .seller-trendyol-guide-launch__visual {
    min-height: 130px;
  }

  .seller-trendyol-guide-modal {
    padding: 0;
  }

  .seller-trendyol-guide-dialog {
    width: 100%;
    max-height: 100vh;
    max-height: 100dvh;
    height: 100vh;
    height: 100dvh;
    border: 0;
    border-radius: 0;
  }

  .seller-trendyol-guide-dialog__head {
    min-height: 68px;
    padding: 12px 13px 11px 16px;
  }

  .seller-trendyol-guide-dialog__head h3 {
    font-size: 16px;
  }

  .seller-trendyol-guide-dialog__layout {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr) auto;
  }

  .seller-trendyol-guide-stage {
    padding: 10px 42px;
  }

  .seller-trendyol-guide-slide img {
    max-height: calc(100dvh - 270px);
  }

  .seller-trendyol-guide-slide figcaption {
    padding-top: 8px;
    align-items: center;
    flex-direction: column;
    gap: 2px;
  }

  .seller-trendyol-guide-arrow {
    width: 36px;
    height: 36px;
  }

  .seller-trendyol-guide-arrow.is-prev {
    left: 5px;
  }

  .seller-trendyol-guide-arrow.is-next {
    right: 5px;
  }

  .seller-trendyol-guide-steps {
    padding: 10px;
    grid-template-rows: auto auto;
    border-top: 1px solid #e1e8df;
    border-left: 0;
  }

  .seller-trendyol-guide-steps > span {
    display: none;
  }

  .seller-trendyol-guide-steps ol {
    padding: 0 0 4px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .seller-trendyol-guide-steps li {
    flex: 0 0 68px;
  }

  .seller-trendyol-guide-steps button[data-trendyol-guide-step] {
    padding: 5px;
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .seller-trendyol-guide-steps button[data-trendyol-guide-step] > img {
    width: 100%;
    height: 50px;
  }

  .seller-trendyol-guide-steps button[data-trendyol-guide-step] > span {
    display: block;
    text-align: center;
  }

  .seller-trendyol-guide-steps button[data-trendyol-guide-step] strong {
    display: none;
  }

  .seller-trendyol-guide-done {
    width: 100%;
  }
}

:root {
  --page-max: 1440px;
  --content-max: 1376px;
  --page-pad: 32px;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: #1a1a1a;
  background: #fbfbfb;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
  color: inherit;
}

.site-live-presence {
  position: relative;
  z-index: 1001;
  color: #214121;
  background: linear-gradient(90deg, #f4faf1 0%, #fbf8ef 50%, #f4faf1 100%);
  border-bottom: 1px solid #dcead7;
}

.site-live-presence__inner {
  width: min(var(--page-max), 100%);
  min-height: 34px;
  margin: 0 auto;
  padding: 5px var(--page-pad);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.site-live-presence__signal {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #25802e;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.site-live-presence__signal i {
  position: relative;
  width: 8px;
  height: 8px;
  display: block;
  background: #35a83f;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(53, 168, 63, 0.12);
}

.site-live-presence__signal i::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 1px solid rgba(53, 168, 63, 0.34);
  border-radius: inherit;
  animation: live-presence-ring 1.8s ease-out infinite;
}

.site-live-presence__signal em {
  font-style: normal;
}

.site-live-presence p {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  color: #344b35;
  font-size: 12px;
  font-weight: 700;
}

.site-live-presence p strong {
  min-width: 1.2ch;
  color: #e96b16;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
  transition: transform 0.2s ease, color 0.2s ease;
}

.site-live-presence p strong.is-updating {
  color: #2b9134;
  transform: translateY(-1px) scale(1.08);
}

.site-live-presence__inner > small {
  padding-left: 12px;
  color: #718071;
  border-left: 1px solid #d8e4d4;
  font-size: 10.5px;
  font-weight: 650;
}

@keyframes live-presence-ring {
  0% { opacity: 0.85; transform: scale(0.75); }
  75%, 100% { opacity: 0; transform: scale(1.55); }
}

@media (max-width: 720px) {
  .site-live-presence__inner {
    min-height: 32px;
    padding: 5px 12px;
    gap: 8px;
  }

  .site-live-presence__inner > small {
    display: none;
  }

  .site-live-presence p {
    font-size: 10.5px;
  }

  .site-live-presence p strong {
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-live-presence__signal i::after {
    animation: none;
  }
}


.site-header {
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  position: sticky;
  top: 0;
  z-index: 1000;
}

.header-inner {
  max-width: var(--page-max);
  margin: 0 auto;
  padding: 0 var(--page-pad);
  height: 72px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 32px;
}


.header-logo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  gap: 3px;
  line-height: 1;
}

.header-logo img {
  height: 42px;
  width: auto;
  display: block;
  object-fit: contain;
}

.header-logo__tagline {
  font-size: 10.5px;
  color: #6b7280;
  letter-spacing: 0.01em;
  padding-left: 1px;
  white-space: nowrap;
}


.header-search {
  display: flex;
  align-items: stretch;
  min-width: 0;
}

.header-search__input {
  flex: 1;
  min-width: 0;
  height: 46px;
  padding: 0 18px;
  font-size: 14.5px;
  color: #1a1a1a;
  background: #fff;
  border: 1.5px solid #d1d5db;
  border-right: none;
  border-radius: 8px 0 0 8px;
  outline: none;
  transition: border-color 0.18s ease;
}

.header-search__input::placeholder {
  color: #9ca3af;
  font-size: 14px;
}

.header-search__input:focus {
  border-color: #3fa535;
}

.header-search__btn {
  height: 46px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #3fa535;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  border: none;
  border-radius: 0 8px 8px 0;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.18s ease, transform 0.1s ease;
  letter-spacing: 0.01em;
}

.header-search__btn:hover {
  background: #2d8a27;
}

.header-search__btn:active {
  transform: scale(0.98);
}


.header-nav {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.header-nav__item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  cursor: pointer;
  color: #1a1a1a;
  padding: 8px 12px;
  border-radius: 8px;
  transition: color 0.18s ease;
}

.header-nav__item:hover {
  color: #3fa535;
}

.header-search__btn i {
  font-size: 15px;
  line-height: 1;
}

.header-nav__icon {
  width: 27px;
  height: 27px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  line-height: 1;
  color: currentColor;
  transition: color 0.18s ease;
}

.header-nav__chevron {
  font-size: 10px;
  line-height: 1;
}


.header-nav__labels {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.header-nav__label-top {
  font-size: 11px;
  color: #9ca3af;
  line-height: 1.3;
  font-weight: 400;
}

.header-nav__label-bottom {
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 3px;
  line-height: 1.3;
  color: #111827;
}


.header-nav__label {
  font-size: 13.5px;
  font-weight: 600;
  color: #111827;
}


.header-nav__compare-icon,
.header-nav__cart-icon,
.header-nav__favorites-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-nav__badge {
  position: absolute;
  top: -7.5px;
  right: -9.5px;
  background: #3fa535;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  padding: 0 5.5px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  line-height: 1;
  white-space: nowrap;
}

.header-nav__avatar {
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #e2ecdf;
  background-color: #f7fbf5;
  box-shadow: 0 2px 8px rgba(17, 24, 39, 0.05);
  transition: transform 0.2s ease, border-color 0.2s ease;
  aspect-ratio: 1 / 1;
}

.header-account {
  position: relative;
  display: flex;
  align-items: center;
}

.header-cart {
  position: relative;
  display: flex;
  align-items: center;
}

.header-favorites {
  position: relative;
  display: flex;
  align-items: center;
}

.header-account__menu {
  width: 282px;
  padding: 10px;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 80;
  display: grid;
  gap: 4px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 10px;
  box-shadow: 0 20px 46px rgba(17, 24, 39, 0.14);
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}

.header-cart__menu,
.header-favorites__menu {
  width: 356px;
  padding: 12px;
  position: absolute;
  top: calc(100% + 8px);
  right: -10px;
  z-index: 80;
  display: grid;
  gap: 10px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 10px;
  box-shadow: 0 20px 46px rgba(17, 24, 39, 0.14);
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}

.header-account__menu::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: -8px;
  right: 20px;
  background: #ffffff;
  border-left: 1px solid #dcebd8;
  border-top: 1px solid #dcebd8;
  transform: rotate(45deg);
}

.header-cart__menu::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: -8px;
  right: 28px;
  background: #ffffff;
  border-left: 1px solid #dcebd8;
  border-top: 1px solid #dcebd8;
  transform: rotate(45deg);
}

.header-favorites__menu::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: -8px;
  right: 28px;
  background: #ffffff;
  border-left: 1px solid #dcebd8;
  border-top: 1px solid #dcebd8;
  transform: rotate(45deg);
}

.header-account__menu::after {
  content: "";
  height: 14px;
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
}

.header-cart__menu::after,
.header-favorites__menu::after {
  content: "";
  height: 14px;
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
}

.header-cart:hover .header-cart__menu,
.header-cart:focus-within .header-cart__menu,
.header-favorites:hover .header-favorites__menu,
.header-favorites:focus-within .header-favorites__menu,
.header-account:hover .header-account__menu,
.header-account:focus-within .header-account__menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.header-cart__head,
.header-cart__summary,
.header-favorites__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.header-cart__head,
.header-favorites__head {
  padding: 2px 2px 8px;
  border-bottom: 1px solid #edf4ea;
}

.header-cart__head strong,
.header-cart__summary strong,
.header-favorites__head strong {
  color: #071107;
  font-size: 15px;
  font-weight: 950;
}

.header-cart__head span,
.header-cart__summary span,
.header-favorites__head span {
  color: #667366;
  font-size: 12px;
  font-weight: 800;
}

.header-cart__items,
.header-favorites__items {
  display: grid;
  gap: 8px;
}

.header-cart__item,
.header-favorites__item {
  min-width: 0;
  padding: 8px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  color: #111827;
  background: #fbfdfb;
  border: 1px solid #e2efdf;
  border-radius: 8px;
  transition: border-color 0.16s ease, background-color 0.16s ease;
}

.header-cart__item:hover,
.header-favorites__item:hover {
  background: #f4fbf1;
  border-color: #cfe8c9;
}

.header-cart__item img,
.header-favorites__item img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  background: #f3f7f0;
  border-radius: 7px;
}

.header-cart__item span,
.header-favorites__item span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.header-cart__item strong,
.header-favorites__item strong {
  overflow: hidden;
  color: #071107;
  font-size: 13px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-cart__item small,
.header-favorites__item small {
  overflow: hidden;
  color: #667366;
  font-size: 11.5px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-cart__item em,
.header-favorites__item em {
  color: #071107;
  font-size: 12.5px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.header-cart__summary {
  padding: 10px 2px 0;
  border-top: 1px solid #edf4ea;
}

.header-cart__actions,
.header-favorites__actions {
  display: grid;
  gap: 8px;
}

.header-cart__actions a,
.header-cart__empty a,
.header-favorites__actions a,
.header-favorites__empty a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #16821e;
  background: #f4fbf1;
  border: 1px solid #cfe8c9;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
}

.header-cart__actions a.is-primary,
.header-cart__empty a,
.header-favorites__actions a.is-primary,
.header-favorites__empty a {
  color: #ffffff;
  background: #33a532;
  border-color: #33a532;
  box-shadow: 0 12px 24px rgba(63, 165, 53, 0.14);
}

.header-cart__actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.header-favorites__actions {
  grid-template-columns: 1fr;
}

.header-cart__empty,
.header-favorites__empty {
  padding: 18px 12px 12px;
  display: grid;
  justify-items: center;
  gap: 8px;
  text-align: center;
}

.header-cart__empty i,
.header-favorites__empty i {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33a532;
  background: #eef9eb;
  border-radius: 50%;
  font-size: 18px;
}

.header-cart__empty strong,
.header-favorites__empty strong {
  color: #071107;
  font-size: 16px;
  font-weight: 950;
}

.header-cart__empty small,
.header-favorites__empty small {
  max-width: 240px;
  color: #667366;
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.45;
}

.header-account__identity,
.header-account__guest {
  margin-bottom: 6px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f4fbf1;
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.header-account__guest {
  display: grid;
  gap: 4px;
}

.header-account__identity img,
.header-account__identity>strong {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  color: #ffffff;
  background: #33a532;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 8px 18px rgba(63, 165, 53, 0.18);
}

.header-account__identity div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.header-account__identity span,
.header-account__guest strong {
  overflow: hidden;
  color: #071107;
  font-size: 14px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-account__identity small,
.header-account__guest small {
  color: #667366;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.header-account__menu a {
  min-height: 40px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #111827;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
  transition: color 0.16s ease, background-color 0.16s ease;
}

.header-account__menu a i {
  width: 18px;
  color: #33a532;
  text-align: center;
}

.header-account__menu a:hover {
  color: #16821e;
  background: #f2faf0;
}

.header-account__menu a.is-danger {
  margin-top: 4px;
  color: #991b1b;
  background: #fff7f7;
}

.header-account__menu a.is-danger i {
  color: #dc2626;
}



.subnav {
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}

.subnav-inner {
  max-width: var(--page-max);
  margin: 0 auto;
  padding: 0 var(--page-pad);
  height: 46px;
  display: flex;
  align-items: center;
  gap: 0;
}


.subnav__categories-wrap {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1.5px solid #e5e7eb;
  flex-shrink: 0;
}

.subnav__categories {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 100%;
  padding: 0;
  color: #3fa535;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: 0.03em;
  white-space: nowrap;
  transition: color 0.15s ease;
}

.subnav__categories i {
  width: 18px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}

.subnav__categories:hover {
  color: #2d8a27;
}

.subnav__category-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 260px;
  padding: 8px;
  display: grid;
  gap: 2px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 16px 34px rgba(17, 24, 39, 0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
  z-index: 1200;
}

.subnav__categories-wrap:hover .subnav__category-menu,
.subnav__categories-wrap:focus-within .subnav__category-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.subnav__category-link {
  min-width: 0;
  padding: 11px 12px;
  display: flex;
  align-items: center;
  color: #263126;
  font-size: 13.5px;
  font-weight: 650;
  line-height: 1.25;
  border-radius: 8px;
  transition: color 0.15s ease, background 0.15s ease;
}

.subnav__category-link:hover,
.subnav__category-link:focus {
  color: #2d8a27;
  background: #f0faf0;
}


.subnav__links {
  display: flex;
  align-items: center;
  gap: 4px;
  list-style: none;
  flex: 1;
}

.subnav__links li a {
  display: inline-block;
  padding: 6px 14px;
  font-size: 13.5px;
  font-weight: 500;
  color: #374151;
  border-radius: 6px;
  white-space: nowrap;
  transition: color 0.15s ease, background 0.15s ease;
}

.subnav__links li a:hover {
  color: #3fa535;
  background: #f0faf0;
}


.subnav__right {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.subnav__premium,
.subnav__seller-panel,
.subnav__seller {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  font-size: 13.5px;
  font-weight: 600;
  border-radius: 6px;
  white-space: nowrap;
  transition: color 0.15s ease, background 0.15s ease;
}

.subnav__premium i,
.subnav__seller-panel i,
.subnav__seller i {
  width: 17px;
  font-size: 15px;
  line-height: 1;
  text-align: center;
}

.subnav__premium {
  color: #3fa535;
}

.subnav__premium:hover {
  background: #f0faf0;
}

.subnav__seller-panel {
  color: #16821e;
  background: #eff9ed;
  border: 1px solid #cfe9ca;
  font-weight: 800;
}

.subnav__seller-panel:hover {
  color: #0f6f17;
  background: #e5f6e2;
}

.subnav__seller {
  color: #374151;
}

.subnav__seller:hover {
  color: #3fa535;
  background: #f0faf0;
}

.hero {
  padding: 20px var(--page-pad) 20px;
  background: #fbfbfb;
}

.hero-inner {
  max-width: var(--content-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 4.5fr) minmax(0, 3fr) minmax(0, 2.5fr);
  gap: 14px;
  align-items: stretch;
}


.hero-card {
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px 36px;
  min-height: 220px;

  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
  position: relative;
  isolation: isolate;
}

.hero-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}


.hero-card--main {
  background-color: #f9efe7;
}

.hero-card--premium {
  background-color: #181818;
}

.hero-card--flash {
  background-color: #e4f1d8;
}


.hero-card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  min-width: 0;
  max-width: 100%;
  position: relative;
  z-index: 1;
}

.hero-card--main .hero-card__content {
  width: 100%;
  max-width: 420px;
}

.hero-card--premium .hero-card__content {
  width: 100%;
  max-width: 280px;
}

.hero-card--flash .hero-card__content {
  width: 100%;
  max-width: 240px;
}


.hero-card__pre {
  font-size: 24px;
  font-weight: 800;
  color: #1a1a1a;
  line-height: 1.1;
  letter-spacing: 0;
  margin-bottom: -4px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}

.hero-card--main .hero-card__title {
  font-size: 42px;
  font-weight: 800;
  color: #3fa535;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 4px;
  margin-top: 0px;
  word-break: normal;
  overflow-wrap: normal;
  max-width: 100%;
}

.hero-card--premium .hero-card__title {
  font-size: 17px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.5;
}

.hero-card--flash .hero-card__title {
  font-size: 17px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.5;
}

.hero-card__desc {
  font-size: 15px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.5;
  margin-top: 4px;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}


.hero-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  padding: 12px 26px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
  text-decoration: none;
  letter-spacing: 0.01em;
}

.hero-card__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.hero-card__btn--dark {
  background: #111111;
  color: #ffffff;
  border: 1.5px solid #111111;
}

.hero-card__btn--dark:hover {
  background: #2d2d2d;
  border-color: #2d2d2d;
}

.hero-card__btn--outline {
  background: transparent;
  color: #ffffff;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
}

.hero-card__btn--outline:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.9);
}

.hero-card__btn--outline-dark {
  background: transparent;
  color: #111111;
  border: 1.5px solid #cccccc;
}

.hero-card__btn--outline-dark:hover {
  border-color: #111111;
}


.sponsors {
  padding: 20px var(--page-pad) 36px;
  background: #fbfbfb;
}

.sponsors-inner {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 28px 32px 32px;
  background: #ffffff;
  border: 2px solid #3fa535;
  border-radius: 20px;
}


.sponsors__header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 32px;
  padding: 0;
}

.sponsors__line {
  flex: 1;
  height: 1.5px;
  background: linear-gradient(90deg, transparent, #3fa535 50%, transparent);
  display: block;
}

.sponsors__title-group {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.sponsors__title {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

.sponsors__title-icon {
  color: #3fa535;
  font-size: 18px;
  line-height: 1;
}


.sponsors__grid {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 12px;
  align-items: center;
  padding: 0;
}

.sponsors__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1.5px solid #e9ecef;
  border-radius: 12px;
  padding: 18px 12px;
  min-height: 90px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.sponsors__item:hover {
  border-color: #3fa535;
  box-shadow: 0 4px 16px rgba(63, 165, 53, 0.1);
}

.sponsors__item img {
  display: block;
  max-width: 100%;
  max-height: 44px;
  width: auto;
  object-fit: contain;
}


.sponsors__empty {
  margin: 0;
  min-height: 150px;
  padding: 24px 28px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  background: linear-gradient(135deg, #f7fff5 0%, #ffffff 58%, #eef9ec 100%);
  border: 1.5px dashed rgba(63, 165, 53, 0.45);
  border-radius: 16px;
}

.sponsors__empty-icon {
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  background: #ffffff;
  border: 1px solid #dcefd9;
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(63, 165, 53, 0.08);
}

.sponsors__empty-icon i {
  font-size: 29px;
  line-height: 1;
}

.sponsors__empty-content {
  min-width: 0;
}

.sponsors__empty-title {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  color: #111827;
  margin-bottom: 6px;
}

.sponsors__empty-text {
  max-width: 560px;
  font-size: 14px;
  line-height: 1.55;
  color: #5b6472;
}

.sponsors__apply-btn {
  height: 46px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #3fa535;
  color: #ffffff;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(63, 165, 53, 0.18);
  transition: background 0.18s ease, transform 0.12s ease, box-shadow 0.18s ease;
}

.sponsors__apply-btn i {
  font-size: 13px;
  line-height: 1;
}

.sponsors__apply-btn:hover {
  background: #2d8a27;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(63, 165, 53, 0.22);
}


.sponsors__badge {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  color: #ffffff;
  border: 2px solid #ffffff;
  line-height: 1;
  z-index: 2;
}

.sponsors__badge--gold,
.sponsors__badge--silver,
.sponsors__badge--bronze {
  top: -14px;
  left: -12px;
  width: 32px;
  height: 32px;
  font-size: 12px;
  border: 3px solid #ffffff;
  box-shadow:
    0 8px 18px rgba(17, 24, 39, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 -8px 14px rgba(0, 0, 0, 0.12);
}

.sponsors__badge--gold::after,
.sponsors__badge--silver::after,
.sponsors__badge--bronze::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 7px;
  width: 10px;
  height: 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  transform: rotate(-28deg);
}

.sponsors__badge--gold {
  background:
    radial-gradient(circle at 32% 24%, #fff7bf 0 12%, transparent 13%),
    linear-gradient(145deg, #ffd95a 0%, #f59e0b 48%, #b85f00 100%);
  color: #3f2600;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.38);
}

.sponsors__badge--silver {
  background:
    radial-gradient(circle at 32% 24%, #ffffff 0 12%, transparent 13%),
    linear-gradient(145deg, #eef2f7 0%, #9ca3af 50%, #5f6876 100%);
  color: #111827;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}

.sponsors__badge--bronze {
  background:
    radial-gradient(circle at 32% 24%, #ffd8a8 0 12%, transparent 13%),
    linear-gradient(145deg, #d99a55 0%, #b87333 48%, #6f3f1f 100%);
  color: #fff7ed;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
}

.sponsors__badge--default {
  background: #111111;
}


.service-features {
  padding: 0 var(--page-pad) 44px;
  background: #fbfbfb;
}

.service-features__inner {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(17, 24, 39, 0.04);
}

.service-features__item {
  min-width: 0;
  min-height: 92px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  gap: 14px;
  color: #3fa535;
  background: linear-gradient(180deg, #ffffff 0%, #fbfffa 100%);
}

.service-features__item+.service-features__item {
  border-left: 1px solid #e8eee6;
}

.service-features__icon {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
}

.service-features__icon i {
  font-size: 31px;
  line-height: 1;
}

.service-features__text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.service-features__text strong {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  color: #172017;
}

.service-features__text small {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: #657064;
}


.team-cta {
  padding: 0 var(--page-pad) 48px;
  background: #fbfbfb;
}

.team-cta__inner {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 34px 38px;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  align-items: center;
  gap: 34px;
  background:
    linear-gradient(120deg, rgba(63, 165, 53, 0.1), rgba(255, 255, 255, 0) 42%),
    #ffffff;
  border: 1.5px solid #d7ebd3;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
}

.team-cta__content {
  min-width: 0;
  width: 100%;
}

.team-cta__eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
  color: #3fa535;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.team-cta__title {
  max-width: 680px;
  color: #101810;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: 0;
}

.team-cta__text {
  max-width: 650px;
  margin-top: 12px;
  color: #5f6b5e;
  font-size: 15px;
  line-height: 1.65;
}

.team-cta__actions {
  margin-top: 22px;
  width: 100%;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.team-cta__btn {
  max-width: 100%;
  min-height: 44px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.12s ease;
}

.team-cta__btn:hover {
  transform: translateY(-1px);
}

.team-cta__btn--primary {
  color: #ffffff;
  background: #3fa535;
  border: 1.5px solid #3fa535;
  box-shadow: 0 8px 18px rgba(63, 165, 53, 0.18);
}

.team-cta__btn--primary:hover {
  background: #2d8a27;
  border-color: #2d8a27;
}

.team-cta__btn--secondary,
.team-cta__btn--ghost {
  color: #263126;
  background: #ffffff;
  border: 1.5px solid #cfe2cb;
}

.team-cta__btn--secondary:hover,
.team-cta__btn--ghost:hover {
  color: #2d8a27;
  border-color: #3fa535;
  background: #f4fbf2;
}

.team-cta__panel {
  min-width: 0;
  padding: 22px;
  background: #f7fff5;
  border: 1px solid #d8ecd4;
  border-radius: 14px;
}

.team-cta__panel-head {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #152015;
}

.team-cta__panel-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  background: #ffffff;
  border: 1px solid #d6ead2;
  border-radius: 12px;
}

.team-cta__panel-icon i {
  font-size: 27px;
  line-height: 1;
}

.team-cta__panel-head strong {
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
}

.team-cta__meter {
  height: 12px;
  margin: 20px 0 18px;
  overflow: hidden;
  background: #e4f3e0;
  border-radius: 999px;
}

.team-cta__meter span {
  width: 80%;
  height: 100%;
  display: block;
  background: linear-gradient(90deg, #3fa535, #67c05c);
  border-radius: inherit;
}

.team-cta__stats {
  display: grid;
  gap: 9px;
}

.team-cta__stats span {
  min-width: 0;
  padding-left: 18px;
  position: relative;
  color: #41503f;
  font-size: 13.5px;
  font-weight: 650;
  line-height: 1.35;
}

.team-cta__stats span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 7px;
  height: 7px;
  background: #3fa535;
  border-radius: 50%;
}


.category-products {
  scroll-margin-top: 82px;
  padding: 0 var(--page-pad) 44px;
  background: #fbfbfb;
}

.category-products__inner {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 42px;
}

.category-rail {
  min-width: 0;
  scroll-margin-top: 92px;
}

.category-rail__panel {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
  gap: 20px;
  align-items: stretch;
}

.category-rail--media-right .category-rail__panel {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
}

.category-rail--media-right .category-rail__visual {
  order: 2;
}

.category-rail--media-right .category-rail__content {
  order: 1;
}

.category-rail__visual {
  position: relative;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  color: #ffffff;
  background: #10220f;
  border: 1px solid #cfe4cb;
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.08);
}

.category-rail__visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 0.22s ease;
}

.category-rail__visual:hover img {
  transform: scale(1.06);
}

.category-rail__visual-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(6, 24, 8, 0.06) 0%, rgba(6, 24, 8, 0.18) 44%, rgba(6, 24, 8, 0.78) 100%),
    linear-gradient(90deg, rgba(6, 24, 8, 0.36), rgba(6, 24, 8, 0.06));
}

.category-rail__visual-copy {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.category-rail__visual-copy>span {
  width: max-content;
  max-width: 100%;
  min-height: 28px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  color: #1d7b20;
  background: rgba(255, 255, 255, 0.94);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.category-rail__visual-copy strong {
  color: #ffffff;
  font-size: 25px;
  font-weight: 950;
  line-height: 1.12;
  letter-spacing: 0;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

.category-rail__visual-copy small {
  max-width: 260px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13.5px;
  font-weight: 650;
  line-height: 1.45;
}

.category-rail__content {
  min-width: 0;
}

.category-rail__header {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

.category-rail__heading {
  min-width: 0;
}

.category-rail__title {
  color: #101810;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 0;
}

.category-rail__text {
  max-width: 590px;
  margin-top: 8px;
  color: #5f6b5e;
  font-size: 14.5px;
  line-height: 1.55;
}

.category-rail__view-all {
  min-height: 42px;
  padding: 0 16px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 850;
  white-space: nowrap;
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, transform 0.12s ease;
}

.category-rail__view-all:hover {
  color: #ffffff;
  background: #3fa535;
  border-color: #3fa535;
  transform: translateY(-1px);
}

.category-rail__viewport {
  position: relative;
  min-width: 0;
}

.category-rail__scroller {
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  scrollbar-width: none;
  cursor: grab;
  touch-action: pan-y;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

.category-rail__scroller.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  scroll-snap-type: none;
  user-select: none;
}

.category-rail__scroller:focus-visible {
  outline: 3px solid rgba(63, 165, 53, 0.24);
  outline-offset: 4px;
  border-radius: 10px;
}

.category-rail__scroller::-webkit-scrollbar {
  display: none;
}

.category-rail__track {
  min-width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 28px) / 3);
  gap: 14px;
}

.category-rail__card {
  scroll-snap-align: start;
}

.category-rail__card img {
  -webkit-user-drag: none;
}

.category-rail__nav {
  position: absolute;
  top: 50%;
  z-index: 4;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #237f24;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #cfe4cb;
  border-radius: 50%;
  box-shadow: 0 12px 26px rgba(17, 24, 39, 0.14);
  cursor: pointer;
  transform: translateY(-50%);
  transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
}

.category-rail__nav:hover {
  color: #ffffff;
  background: #3fa535;
  border-color: #3fa535;
  transform: translateY(-50%) scale(1.04);
}

.category-rail__nav:focus-visible {
  outline: 3px solid rgba(63, 165, 53, 0.24);
  outline-offset: 3px;
}

.category-rail__nav:disabled {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%) scale(0.92);
}

.category-rail__nav--prev {
  left: -18px;
}

.category-rail__nav--next {
  right: -18px;
}

.category-rail--no-scroll .category-rail__nav {
  display: none;
}


.product-showcase {
  scroll-margin-top: 82px;
  padding: 0 var(--page-pad) 56px;
  background: #fbfbfb;
}

.product-showcase__inner {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
}

.product-showcase__header {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

.product-showcase__heading {
  min-width: 0;
}

.product-showcase__eyebrow {
  display: inline-flex;
  margin-bottom: 7px;
  color: #3fa535;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.product-showcase__title {
  color: #101810;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0;
}

.product-showcase__text {
  max-width: 560px;
  margin-top: 8px;
  color: #5f6b5e;
  font-size: 14.5px;
  line-height: 1.55;
}

.product-showcase__view-all {
  min-height: 42px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, transform 0.12s ease;
}

.product-showcase__view-all:hover {
  color: #ffffff;
  background: #3fa535;
  border-color: #3fa535;
  transform: translateY(-1px);
}

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

.product-card {
  min-width: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.04);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

.product-card:hover {
  border-color: #b9ddb2;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.08);
  transform: translateY(-2px);
}

.product-card__media {
  position: relative;
  aspect-ratio: 4 / 3;
  min-height: 150px;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #ffffff;
  border-bottom: 1px solid #eef4ec;
}

.product-card__media::before,
.producer-card__top::before,
.producer-card__preview::before,
.account-followed-seller-card__cover::before,
.account-followed-seller-card__logo::before,
.seller-hero__cover::before,
.product-gallery__main::before {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 0;
  border-radius: 8px;
  background: linear-gradient(90deg, #f3f7f1 0%, #ffffff 42%, #eef6eb 72%, #f3f7f1 100%);
  background-size: 220% 100%;
  opacity: 0;
  pointer-events: none;
}

.product-card__media.is-skeleton-loading::before,
.producer-card__top.is-skeleton-loading::before,
.producer-card__preview.is-skeleton-loading::before,
.account-followed-seller-card__cover.is-skeleton-loading::before,
.account-followed-seller-card__logo.is-skeleton-loading::before,
.seller-hero__cover.is-skeleton-loading::before,
.product-gallery__main.is-skeleton-loading::before {
  opacity: 1;
  animation: skeletonShimmer 1.05s ease-in-out infinite;
}

.product-card__media > *,
.producer-card__top > *,
.producer-card__preview > *,
.account-followed-seller-card__cover > *,
.account-followed-seller-card__logo > *,
.seller-hero__cover > *,
.product-gallery__main > * {
  position: relative;
  z-index: 1;
}

@keyframes skeletonShimmer {
  to {
    background-position: -220% 0;
  }
}

.producer-card__top,
.producer-card__preview,
.account-followed-seller-card__cover,
.account-followed-seller-card__logo,
.seller-hero__cover,
.product-gallery__main {
  position: relative;
  overflow: hidden;
}

.product-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  transition: transform 0.18s ease;
}

.product-card__media img.product-card__image-hover,
.product-card__media img.product-card__image-hover-alt {
  position: absolute;
  inset: 14px;
  width: calc(100% - 28px);
  height: calc(100% - 28px);
  opacity: 0;
  background: #ffffff;
  transform: scale(1.01);
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.product-card:hover .product-card__media img:not(.product-card__image-hover):not(.product-card__image-hover-alt) {
  transform: scale(1.03);
}

.product-card__media.is-previewing img.product-card__image-hover.is-active,
.product-card__media.is-previewing img.product-card__image-hover-alt.is-active {
  opacity: 1;
  transform: scale(1.03);
}

.product-card__badge {
  position: absolute;
  top: 10px;
  left: 10px;
  max-width: calc(100% - 20px);
  min-height: 26px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  background: #3fa535;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(63, 165, 53, 0.2);
}

.product-card__badge--discount {
  background: #111827;
}

.product-card__badge--popular {
  background: #33a532;
}

.product-card__badge--new {
  background: #259f46;
}

.product-card__badge--natural,
.product-card__badge--label {
  background: #3fa535;
}

.product-card__favorite,
.market-product-card__favorite {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #111827;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #dcebd8;
  border-radius: 50%;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.1);
  cursor: pointer;
  transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease, transform 0.12s ease;
}

.product-card__favorite:hover,
.market-product-card__favorite:hover {
  color: #33a532;
  background: #ffffff;
  border-color: #b9ddb2;
  transform: translateY(-1px);
}

.product-card__favorite.is-favorite,
.market-product-card__favorite.is-favorite,
.product-detail__favorite.is-favorite {
  color: #ffffff;
  background: #33a532;
  border-color: #33a532;
}

.product-card__favorite.is-loading,
.market-product-card__favorite.is-loading,
.product-detail__favorite.is-loading {
  pointer-events: none;
  opacity: 0.72;
}

.product-card__compare {
  margin: 0;
  position: absolute;
  top: 54px;
  right: 10px;
  z-index: 4;
  width: 36px;
  height: 36px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.product-card__compare button {
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #16821e;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #dcebd8;
  border-radius: 50%;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.1);
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
  transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease, transform 0.12s ease;
}

.product-card__compare button:hover {
  color: #ffffff;
  background: #33a532;
  border-color: #33a532;
  transform: translateY(-1px);
}

.product-card__compare button.is-loading {
  pointer-events: none;
  opacity: 0.78;
}

.product-card__success {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 8;
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #ffffff;
  background: #2faa34;
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(47, 170, 52, 0.28);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.product-card__success i {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2faa34;
  background: #ffffff;
  border-radius: 50%;
  font-size: 12px;
}

.product-card.is-cart-success .product-card__success {
  opacity: 1;
  transform: translateY(0);
}

.product-card.is-cart-success .product-card__cart {
  color: #ffffff;
  background: #16821e;
  border-color: #16821e;
}

.product-card__body {
  min-width: 0;
  padding: 14px;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.product-card__category {
  color: #3fa535;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.product-card__name {
  min-height: 40px;
  margin-top: 7px;
  color: #111827;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-card__name a:hover {
  color: #2f8f2a;
}

.product-card__seller {
  min-width: 0;
  margin-top: 9px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.3;
}

.product-card__seller img {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: block;
  object-fit: cover;
  background: #ffffff;
  border: 1px solid #dbe9d7;
  border-radius: 50%;
}

.product-card__seller-placeholder {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  background: #eef8ec;
  border: 1px solid #dbe9d7;
  border-radius: 50%;
  color: #28a737;
  font-size: 11px;
}

.product-card__seller span {
  min-width: 0;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-card__seller:hover span {
  color: #2f8f2a;
}

.product-card__seller-rating {
  height: 22px;
  padding: 0 7px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #157d22;
  background: #f2faf0;
  border: 1px solid #d8ebd2;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1;
}

.product-card__seller-rating i {
  color: #33a532;
  font-size: 10px;
}

.product-card__region {
  min-width: 0;
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #486247;
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.3;
}

.product-card__region i {
  flex: 0 0 auto;
  color: #3fa535;
  font-size: 12px;
}

.product-card__region span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-card__delivery {
  min-width: 0;
  margin-top: 8px;
  padding: 7px 9px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #3d5d3c;
  background: #f6fbf5;
  border: 1px solid #dcebd8;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
}

.product-card__delivery i {
  flex: 0 0 auto;
  color: #2faa34;
  font-size: 12px;
}

.product-card__delivery span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-card__quick-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 26px;
  margin: 8px 0 0;
}

.product-card__quick-badge {
  min-width: 0;
  height: 24px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #186018;
  background: #f2faf0;
  border: 1px solid #d6ebd2;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.product-card__quick-badge i {
  color: #33a532;
  font-size: 11px;
}

.product-card__quick-badge--stock {
  color: #8a3a00;
  background: #fff8ed;
  border-color: #f3d6a5;
}

.product-card__quick-badge--stock i {
  color: #e29019;
}

.product-card__quick-badge--fast {
  color: #155e75;
  background: #effcff;
  border-color: #bee7f0;
}

.product-card__quick-badge--fast i {
  color: #0891b2;
}

.product-card__deal-note {
  min-width: 0;
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #8a5a00;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.3;
}

.product-card__deal-note i {
  flex: 0 0 auto;
  color: #f59e0b;
  font-size: 12px;
}

.product-card__deal-note span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-card__meta {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
}

.product-card__meta span {
  min-height: 23px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 999px;
}

.product-card__meta i {
  color: #f59e0b;
  font-size: 11px;
}

.product-card__bottom {
  margin-top: auto;
  padding-top: 13px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}

.product-card__bottom form {
  flex: 0 0 auto;
  display: inline-flex;
}

.product-card__prices {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.product-card__prices del {
  color: #9ca3af;
  font-size: 12.5px;
  font-weight: 700;
}

.product-card__prices strong {
  color: #111827;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.1;
}

.product-card__cart {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #3fa535;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(63, 165, 53, 0.18);
  transition: background 0.18s ease, transform 0.12s ease;
}

.product-card__cart:hover {
  background: #2d8a27;
  transform: translateY(-1px);
}


.category-listing-page {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 24px var(--page-pad) 64px;
}

.category-listing-hero {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
  gap: 18px;
  align-items: stretch;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 14px 36px rgba(17, 24, 39, 0.06);
}

.category-listing-hero__content {
  min-width: 0;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.category-listing-hero__eyebrow {
  color: #2f8f2a;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.category-listing-hero h1 {
  margin-top: 10px;
  color: #07130b;
  font-size: clamp(30px, 3.2vw, 48px);
  font-weight: 850;
  line-height: 1.05;
  letter-spacing: 0;
}

.category-listing-hero p {
  max-width: 680px;
  margin-top: 13px;
  color: #526052;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
}

.category-listing-hero__stats {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #e1edde;
  border-radius: 8px;
  overflow: hidden;
  background: #fbfdfb;
}

.category-listing-hero__stats span {
  min-width: 0;
  min-height: 76px;
  padding: 15px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  color: #536352;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  border-left: 1px solid #e1edde;
}

.category-listing-hero__stats span:first-child {
  border-left: 0;
}

.category-listing-hero__stats strong {
  color: #07130b;
  font-size: 22px;
  font-weight: 850;
  line-height: 1;
}

.category-listing-hero__chips {
  min-width: 0;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.category-listing-hero__chips a {
  min-height: 34px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  color: #2f8f2a;
  background: #f7fcf5;
  border: 1px solid #d7ead2;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.2;
}

.category-listing-hero__chips a:hover {
  color: #ffffff;
  background: #3fa535;
  border-color: #3fa535;
}

.category-listing-hero__media {
  min-width: 0;
  min-height: 320px;
  position: relative;
  overflow: hidden;
  background: #f2f8ef;
}

.category-listing-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7, 19, 11, 0.18), rgba(7, 19, 11, 0));
  pointer-events: none;
}

.category-listing-hero__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.category-listing-layout {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.category-filter-panel,
.category-results {
  min-width: 0;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(17, 24, 39, 0.045);
}

.category-filter-panel {
  position: sticky;
  top: 136px;
  padding: 18px;
}

.category-filter-panel__head {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #07130b;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.2;
}

.category-filter-panel__head i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  background: #f4fbf2;
  border: 1px solid #d7ead2;
  border-radius: 8px;
  font-size: 14px;
}

.category-filter-form {
  margin-top: 14px;
  display: grid;
  gap: 13px;
}

.category-filter-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.category-filter-form label span {
  color: #526052;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

.category-filter-form input,
.category-filter-form select {
  width: 100%;
  min-width: 0;
  height: 43px;
  padding: 0 12px;
  color: #07130b;
  background: #fbfdfb;
  border: 1px solid #d8e6d4;
  border-radius: 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  outline: none;
}

.category-filter-form input:focus,
.category-filter-form select:focus {
  border-color: #3fa535;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.12);
}

.category-filter-form__range {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.category-filter-form button,
.category-filter-form__clear {
  min-height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.2;
}

.category-filter-form button {
  color: #ffffff;
  background: #3fa535;
  border: 0;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(63, 165, 53, 0.16);
}

.category-filter-form button:hover {
  background: #2f8f2a;
}

.category-filter-form__clear {
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #d7ead2;
}

.category-filter-form__clear:hover {
  border-color: #3fa535;
}

.category-results {
  padding: 20px;
}

.category-results__toolbar {
  min-width: 0;
  margin-bottom: 16px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.category-results__toolbar span {
  color: #2f8f2a;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.category-results__toolbar h2 {
  margin-top: 6px;
  color: #07130b;
  font-size: 28px;
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: 0;
}

.category-results__toolbar p {
  margin-top: 6px;
  color: #526052;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.4;
}

.category-results__toolbar>a {
  min-height: 42px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #d7ead2;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.2;
  white-space: nowrap;
}

.category-results__toolbar>a:hover {
  border-color: #3fa535;
}

.category-results__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.category-results__empty {
  min-height: 280px;
  padding: 34px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  background: #fbfdfb;
  border: 1px dashed #cfe5ca;
  border-radius: 8px;
}

.category-results__empty i {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  background: #f3faf1;
  border: 1px solid #d7ead2;
  border-radius: 50%;
  font-size: 22px;
}

.category-results__empty strong {
  color: #07130b;
  font-size: 21px;
  font-weight: 850;
  line-height: 1.2;
}

.category-results__empty span {
  max-width: 420px;
  color: #526052;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
}

.category-results__empty a {
  min-height: 40px;
  margin-top: 4px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #3fa535;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
}

.page-return-actions {
  width: 100%;
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.page-return-actions a,
.category-results__empty .page-return-actions a,
.cart-empty .page-return-actions a,
.compare-empty .page-return-actions a,
.site-error-card__actions a {
  min-height: 42px;
  margin-top: 0;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #08751b;
  background: #ffffff;
  border: 1px solid #cfe5ca;
  border-radius: 9px;
  box-shadow: none;
  font-size: 13.5px;
  font-weight: 850;
  text-decoration: none;
}

.page-return-actions a.is-primary,
.category-results__empty .page-return-actions a.is-primary,
.cart-empty .page-return-actions a.is-primary,
.compare-empty .page-return-actions a.is-primary,
.site-error-card__actions a.is-primary {
  color: #ffffff;
  background: #3fa535;
  border-color: #3fa535;
  box-shadow: 0 10px 22px rgba(63, 165, 53, 0.16);
}

.page-return-actions a:hover,
.site-error-card__actions a:hover {
  border-color: #3fa535;
  transform: translateY(-1px);
}

.category-empty-market__hero .page-return-actions {
  width: auto;
  justify-content: flex-end;
}


.category-market-page {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 18px var(--page-pad) 64px;
}

.category-market-head {
  min-width: 0;
  position: relative;
  padding: 18px 20px 14px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(17, 24, 39, 0.035);
}

.category-market-head::before {
  display: none;
}

.category-market-head__main {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.category-market-head h1 {
  color: #07130b;
  font-size: 30px;
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: 0;
}

.category-market-head p {
  margin-top: 7px;
  color: #526052;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.5;
}

.category-market-head__summary {
  min-width: 330px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid #e1edde;
  border-radius: 8px;
  overflow: hidden;
  background: #fbfdfb;
  box-shadow: none;
}

.category-market-head__summary span {
  min-height: 50px;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  color: #5c695b;
  font-size: 11.5px;
  font-weight: 800;
  line-height: 1.2;
  border-left: 1px solid #e1edde;
}

.category-market-head__summary span:first-child {
  border-left: 0;
}

.category-market-head__summary strong {
  color: #07130b;
  font-size: 17px;
  font-weight: 850;
  line-height: 1;
}

.category-market-chips {
  min-width: 0;
  margin-top: 14px;
  padding-top: 14px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border-top: 1px solid #edf4ea;
}

.category-market-chips>span {
  color: #526052;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.category-market-chips>div {
  min-width: 0;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.category-market-chips>div::-webkit-scrollbar {
  display: none;
}

.category-market-chips a {
  min-height: 34px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #d7ead2;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.2;
  box-shadow: 0 6px 14px rgba(17, 24, 39, 0.035);
}

.category-market-chips a:hover {
  color: #ffffff;
  background: #3fa535;
  border-color: #3fa535;
}

.category-market-layout {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.market-filter-sidebar,
.market-results {
  min-width: 0;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(17, 24, 39, 0.03);
}

.market-filter-sidebar {
  position: sticky;
  top: 132px;
  padding: 16px;
}

.market-filter-sidebar__title {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.market-filter-sidebar__title strong {
  color: #07130b;
  font-size: 18px;
  font-weight: 850;
  line-height: 1.2;
}

.market-filter-sidebar__title span {
  min-height: 24px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  background: #3fa535;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
}

.market-filter-block {
  min-width: 0;
  padding: 14px 0;
  border-top: 1px solid #edf4ea;
}

.market-filter-block:first-of-type {
  margin-top: 8px;
}

.market-filter-block h2 {
  margin-bottom: 10px;
  color: #07130b;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.2;
}

.market-filter-links {
  display: grid;
  gap: 7px;
}

.market-filter-links a {
  min-width: 0;
  display: flex;
  color: #526052;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.35;
}

.market-filter-links a:hover {
  color: #2f8f2a;
}

.market-filter-form {
  display: grid;
}

.market-filter-form input,
.market-filter-form select,
.market-sort-select select {
  width: 100%;
  min-width: 0;
  height: 38px;
  padding: 0 10px;
  color: #07130b;
  background: #fbfdfb;
  border: 1px solid #d8e6d4;
  border-radius: 8px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 750;
  outline: none;
}

.market-filter-form input:focus,
.market-filter-form select:focus,
.market-sort-select select:focus {
  border-color: #3fa535;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.1);
}

.market-filter-form__range {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.market-filter-form button,
.market-filter-form__clear {
  min-height: 38px;
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 8px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.2;
}

.market-filter-form button {
  color: #ffffff;
  background: #3fa535;
  border: 0;
  cursor: pointer;
}

.market-filter-form button:hover {
  background: #2f8f2a;
}

.market-filter-form__clear {
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #d7ead2;
}

.market-results {
  padding: 16px;
}

.market-results__top {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.market-results__title span {
  color: #2f8f2a;
  font-size: 11.5px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.market-results__title h2 {
  margin-top: 4px;
  color: #07130b;
  font-size: 22px;
  font-weight: 850;
  line-height: 1.18;
  letter-spacing: 0;
}

.market-sort-select {
  flex: 0 0 210px;
}

.market-sort-select label {
  display: grid;
  gap: 5px;
  color: #526052;
  font-size: 11.5px;
  font-weight: 850;
  line-height: 1.2;
}

.market-sort-tabs {
  min-width: 0;
  margin-top: 14px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.market-sort-tabs::-webkit-scrollbar {
  display: none;
}

.market-sort-tabs a {
  min-height: 36px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #526052;
  background: #fbfdfb;
  border: 1px solid #e1edde;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.2;
}

.market-sort-tabs a.is-active,
.market-sort-tabs a:hover {
  color: #ffffff;
  background: #3fa535;
  border-color: #3fa535;
}

.market-results__insight {
  min-width: 0;
  margin-top: 12px;
  padding: 10px 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  background: #fbfdfb;
  border: 1px solid #e1edde;
  border-radius: 8px;
}

.market-results__insight span {
  min-height: 26px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #486247;
  background: #ffffff;
  border: 1px solid #e1edde;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

.market-results__insight i {
  color: #3fa535;
  font-size: 12px;
}

.market-product-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.market-pagination {
  margin-top: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.market-pagination a,
.market-pagination span {
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07130b;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.04);
}

.market-pagination a:hover {
  color: #16851f;
  border-color: #acd9a4;
}

.market-pagination a.is-active {
  color: #ffffff;
  background: #2faa35;
  border-color: #2faa35;
}

.market-pagination a.is-disabled {
  pointer-events: none;
  opacity: 0.45;
}

.market-pagination span {
  min-width: 24px;
  padding: 0 4px;
  color: #738076;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.search-empty-suggestions {
  width: min(100%, 760px);
  margin-top: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 14px;
  text-align: left;
}

.search-empty-suggestions>div {
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0eedc;
  border-radius: 12px;
}

.search-empty-suggestions h3 {
  margin: 0 0 12px;
  color: #07130b;
  font-size: 15px;
  font-weight: 900;
}

.search-empty-suggestions__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.search-empty-suggestions__chips a {
  min-height: 34px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  color: #17831f;
  background: #f2fbf1;
  border: 1px solid #d7ecd3;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

.search-empty-suggestions__products {
  display: grid;
  gap: 9px;
}

.search-empty-suggestions__products a {
  min-width: 0;
  padding: 8px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: #07130b;
  background: #fbfdfb;
  border: 1px solid #edf3ed;
  border-radius: 10px;
}

.search-empty-suggestions__products img {
  width: 54px;
  height: 54px;
  display: block;
  object-fit: contain;
  background: #ffffff;
  border-radius: 8px;
}

.search-empty-suggestions__products strong,
.search-empty-suggestions__products small {
  min-width: 0;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-empty-suggestions__products strong {
  font-size: 13px;
  font-weight: 900;
}

.search-empty-suggestions__products small {
  margin-top: 3px;
  color: #68746a;
  font-size: 12px;
  font-weight: 750;
}

.market-product-card {
  box-shadow: none;
}

.market-product-card:hover {
  box-shadow: 0 10px 26px rgba(17, 24, 39, 0.07);
}

.market-product-card__media {
  min-height: 0;
  aspect-ratio: 1 / 1;
  padding: 12px;
}

.market-product-card__favorite {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #526052;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #e1edde;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.08);
}

.market-product-card__favorite:hover {
  color: #3fa535;
  border-color: #b9ddb2;
}

.market-product-card__favorite.is-favorite {
  color: #ffffff;
  background: #33a532;
  border-color: #33a532;
}

.market-product-card__body {
  padding: 12px;
}

.market-product-card__name {
  min-height: 40px;
  font-size: 14px;
}

.market-product-card__meta {
  margin-top: 8px;
  gap: 5px;
}

.market-product-card__meta span {
  min-height: 21px;
  padding: 0 7px;
  font-size: 11.5px;
}

.market-product-card__prices strong {
  color: #3fa535;
  font-size: 20px;
}

.market-results .category-results__empty {
  min-height: 236px;
  margin-top: 14px;
  background: #ffffff;
  border: 1px solid #e2ecdf;
}

.market-results .category-results__empty i {
  width: 52px;
  height: 52px;
  background: #f7fbf5;
  border-radius: 50%;
  font-size: 19px;
}

.market-results .category-results__empty strong {
  font-size: 20px;
}

.market-results .category-results__empty span {
  max-width: 500px;
  font-weight: 550;
}

.market-fallback-products {
  min-width: 0;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #edf4ea;
}

.market-fallback-products__head {
  min-width: 0;
  margin-bottom: 12px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.market-fallback-products__head span {
  color: #2f8f2a;
  font-size: 11.5px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.market-fallback-products__head h3 {
  margin-top: 4px;
  color: #07130b;
  font-size: 21px;
  font-weight: 850;
  line-height: 1.18;
  letter-spacing: 0;
}


.search-market-page {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 18px var(--page-pad) 64px;
}

.search-market-head {
  min-width: 0;
  padding: 18px 20px 14px;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(17, 24, 39, 0.035);
}

.search-market-head__main {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.search-market-head__eyebrow {
  display: inline-flex;
  color: #2f8f2a;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.search-market-head h1 {
  margin-top: 6px;
  color: #07130b;
  font-size: 30px;
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: 0;
}

.search-market-head p {
  max-width: 720px;
  margin-top: 7px;
  color: #526052;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.5;
}

.search-market-form {
  min-width: 0;
  margin-top: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  border: 1px solid #d8e6d4;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
}

.search-market-form input {
  min-width: 0;
  height: 48px;
  padding: 0 16px;
  color: #07130b;
  background: #ffffff;
  border: 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 650;
  outline: none;
}

.search-market-form input::placeholder {
  color: #9ca3af;
  font-weight: 550;
}

.search-market-form button {
  min-width: 118px;
  height: 48px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #3fa535;
  border: 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.2;
  cursor: pointer;
}

.search-market-form button:hover {
  background: #2f8f2a;
}

.search-discovery {
  margin-top: 14px;
  display: grid;
  gap: 12px;
}

.search-discovery__group {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.search-discovery__group>span {
  color: #667568;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
}

.search-discovery__group>div {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.search-discovery__group a {
  min-height: 34px;
  max-width: 240px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #07130b;
  background: #f8fbf7;
  border: 1px solid #dcebd7;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.search-discovery__group a i {
  color: #36a832;
  font-size: 12px;
  flex: 0 0 auto;
}

.search-discovery__group a:hover {
  color: #16851f;
  background: #eef9eb;
  border-color: #bfe4b8;
}

.search-filter-links a {
  min-height: 30px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 8px;
  border-radius: 8px;
}

.search-filter-links a.is-active,
.search-filter-links a:hover {
  color: #2f8f2a;
  background: #f4fbf2;
}

.sensitive-category-notice {
  width: 100%;
  margin: 16px 0 0;
  padding: 16px 18px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: flex-start;
  color: #203021;
  background: #fffaf0;
  border: 1px solid #f2d9a7;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(120, 72, 0, 0.06);
}

.sensitive-category-notice i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9a6400;
  background: #fff0cd;
  border-radius: 999px;
  font-size: 17px;
}

.sensitive-category-notice strong {
  display: block;
  color: #07130b;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.25;
}

.sensitive-category-notice p {
  margin-top: 4px;
  color: #5f5a4b;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.45;
}

.sensitive-category-notice--product {
  margin: 14px 0 0;
}

.search-filter-links small {
  min-width: 24px;
  min-height: 21px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #486247;
  background: #ffffff;
  border: 1px solid #e1edde;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
}

.category-empty-market {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  gap: 16px;
}

.category-empty-market__hero {
  min-width: 0;
  padding: 28px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  background:
    radial-gradient(circle at 88% 18%, rgba(63, 165, 53, 0.16), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f5fbf2 100%);
  border: 1px solid #dbeed6;
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.055);
}

.category-empty-market__icon {
  width: 72px;
  height: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  background: #ffffff;
  border: 1px solid #d7ead2;
  border-radius: 18px;
  font-size: 28px;
  box-shadow: 0 14px 30px rgba(63, 165, 53, 0.14);
}

.category-empty-market__copy {
  min-width: 0;
}

.category-empty-market__copy>span,
.category-empty-products__header span {
  color: #2f8f2a;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.category-empty-market__copy h2 {
  margin-top: 7px;
  color: #07130b;
  font-size: 26px;
  font-weight: 850;
  line-height: 1.16;
  letter-spacing: 0;
}

.category-empty-market__copy p {
  max-width: 720px;
  margin-top: 8px;
  color: #526052;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.65;
}

.category-empty-market__home {
  min-height: 44px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #3fa535;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: 0 12px 24px rgba(63, 165, 53, 0.18);
}

.category-empty-market__home:hover {
  background: #2f8f2a;
}

.category-empty-market__links {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.category-empty-market__links a {
  min-height: 58px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #07130b;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.25;
  box-shadow: 0 8px 20px rgba(17, 24, 39, 0.035);
}

.category-empty-market__links a i {
  color: #3fa535;
  font-size: 12px;
}

.category-empty-market__links a:hover {
  border-color: #b9ddb2;
  box-shadow: 0 12px 26px rgba(17, 24, 39, 0.07);
}

.category-empty-products {
  min-width: 0;
  padding: 18px;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(17, 24, 39, 0.045);
}

.category-empty-products__header {
  margin-bottom: 14px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.category-empty-products__header h2 {
  margin-top: 5px;
  color: #07130b;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.16;
}

.category-empty-products__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.category-empty-product {
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

.category-empty-product:hover {
  border-color: #b9ddb2;
  box-shadow: 0 12px 26px rgba(17, 24, 39, 0.075);
  transform: translateY(-2px);
}

.category-empty-product__media {
  position: relative;
  aspect-ratio: 4 / 3;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fbfdfb;
  border-bottom: 1px solid #edf4ea;
}

.category-empty-product__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.category-empty-product__media span {
  position: absolute;
  top: 10px;
  left: 10px;
  min-height: 24px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  background: #3fa535;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 850;
}

.category-empty-product__body {
  min-width: 0;
  padding: 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.category-empty-product__body small,
.category-empty-product__category {
  color: #2f8f2a;
  font-size: 11.5px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.category-empty-product__category {
  width: fit-content;
  text-decoration: none;
  transition: color 0.16s ease;
}

.category-empty-product__category:hover {
  color: #247d24;
}

.category-empty-product__body h3 {
  min-height: 39px;
  margin-top: 7px;
  color: #07130b;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.category-empty-product__seller {
  min-width: 0;
  margin-top: 9px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #526052;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
}

.category-empty-product__seller img {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border: 1px solid #dbe9d7;
  border-radius: 50%;
  object-fit: cover;
}

.category-empty-product__meta {
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.category-empty-product__meta span {
  min-height: 22px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #5c695b;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 750;
}

.category-empty-product__meta i {
  color: #f59e0b;
  font-size: 11px;
}

.category-empty-product__body>strong {
  margin-top: auto;
  padding-top: 12px;
  color: #3fa535;
  font-size: 18px;
  font-weight: 850;
  line-height: 1.1;
}


.product-detail-page {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 24px var(--page-pad) 128px;
}

.product-breadcrumb {
  min-width: 0;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #667066;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

.product-breadcrumb a {
  color: #2f8f2a;
  white-space: nowrap;
}

.product-breadcrumb span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-breadcrumb i {
  color: #9ca3af;
  font-size: 10px;
}

.content-page {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 24px var(--page-pad) 72px;
}

.content-hero {
  min-width: 0;
  padding: 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
  gap: 24px;
  align-items: center;
  background:
    radial-gradient(circle at 84% 20%, rgba(63, 165, 53, 0.12), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f7fbf5 100%);
  border: 1px solid #dcebd8;
  border-radius: 8px;
  box-shadow: 0 16px 36px rgba(17, 24, 39, 0.055);
}

.content-hero__copy {
  min-width: 0;
}

.content-hero__copy>span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #16831c;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.content-hero__copy h1 {
  max-width: 760px;
  margin-top: 10px;
  color: #07130b;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 900;
  line-height: 1.06;
  letter-spacing: 0;
}

.content-hero__copy p {
  max-width: 780px;
  margin-top: 12px;
  color: #4f5f4f;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.58;
}

.content-hero__stats {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.content-hero__stats span {
  min-width: 0;
  min-height: 96px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  color: #596958;
  border-left: 1px solid #e4efe1;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.3;
}

.content-hero__stats span:first-child {
  border-left: 0;
}

.content-hero__stats strong {
  color: #07130b;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}

.content-layout {
  min-width: 0;
  margin-top: 18px;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.content-sidebar {
  position: sticky;
  top: 126px;
  min-width: 0;
  padding: 12px;
  display: grid;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.045);
}

.content-sidebar a {
  min-width: 0;
  min-height: 46px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #263326;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  text-decoration: none;
}

.content-sidebar a:hover,
.content-sidebar a.is-active {
  color: #16831c;
  background: #edf8eb;
}

.content-sidebar i {
  width: 18px;
  flex: 0 0 auto;
  color: #2fa633;
  text-align: center;
}

.content-main {
  min-width: 0;
  display: grid;
  gap: 18px;
}

.content-section-list {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.content-section-list article,
.content-card-grid article {
  min-width: 0;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.045);
}

.content-section-list article {
  padding: 22px;
}

.content-section-list h2 {
  color: #07130b;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.18;
}

.content-section-list p {
  margin-top: 10px;
  color: #4d5f4d;
  font-size: 15px;
  font-weight: 560;
  line-height: 1.68;
}

.content-card-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.content-card-grid article {
  padding: 18px;
}

.content-card-grid article>i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2fa633;
  background: #eef8ec;
  border-radius: 50%;
  font-size: 18px;
}

.content-card-grid h3 {
  margin-top: 14px;
  color: #07130b;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.2;
}

.content-card-grid p {
  margin-top: 8px;
  color: #566856;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.55;
}

.content-card-grid a {
  width: fit-content;
  min-height: 38px;
  margin-top: 14px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #16831c;
  background: #ffffff;
  border: 1px solid #cfe6ca;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
}

.content-card-grid a:hover {
  color: #ffffff;
  background: #2fa633;
  border-color: #2fa633;
}

.site-error-page {
  width: 100%;
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 56px var(--page-pad) 78px;
  display: grid;
  place-items: center;
}

.site-error-card {
  width: min(760px, 100%);
  padding: 42px;
  display: grid;
  justify-items: center;
  text-align: center;
  background:
    radial-gradient(circle at 80% 12%, rgba(63, 165, 53, 0.13), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f7fbf5 100%);
  border: 1px solid #dcebd8;
  border-radius: 10px;
  box-shadow: 0 22px 55px rgba(17, 24, 39, 0.08);
}

.site-error-card__icon {
  width: 78px;
  height: 78px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2fa633;
  background: #edf8eb;
  border: 1px solid #cfe6ca;
  border-radius: 50%;
  font-size: 30px;
}

.site-error-card__code {
  margin-top: 18px;
  color: #16831c;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.site-error-card h1 {
  margin-top: 10px;
  color: #07130b;
  font-size: clamp(34px, 5vw, 54px);
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: 0;
}

.site-error-card p {
  max-width: 610px;
  margin-top: 14px;
  color: #4f5f4f;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.65;
}

.site-error-card__search {
  width: min(560px, 100%);
  min-width: 0;
  margin-top: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  background: #ffffff;
  border: 1px solid #cfe0cc;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.04);
}

.site-error-card__search input {
  min-width: 0;
  height: 52px;
  padding: 0 16px;
  color: #07130b;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 14px;
  font-weight: 700;
}

.site-error-card__search button {
  min-width: 104px;
  height: 52px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 900;
}

.site-error-card__actions {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.site-error-card__actions a {
  min-height: 44px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #16831c;
  background: #ffffff;
  border: 1px solid #cfe6ca;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
}

.site-error-card__actions a.is-primary {
  color: #ffffff;
  background: #07130b;
  border-color: #07130b;
}

.product-detail {
  display: grid;
  grid-template-columns: minmax(0, 560px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.product-detail__gallery,
.product-detail__summary,
.product-info-card,
.seller-summary-card,
.product-reviews,
.product-not-found__inner {
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.05);
}

.product-detail__gallery {
  min-width: 0;
  padding: 16px;
}

.product-detail__image {
  position: relative;
  --zoom-x: 50%;
  --zoom-y: 50%;
  width: 100%;
  aspect-ratio: 1 / 1;
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 14%, rgba(63, 165, 53, 0.08), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #f8fbf6 100%);
  border: 1px solid #edf4ea;
  border-radius: 8px;
}

.product-detail__zoom-button {
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-radius: inherit;
  cursor: zoom-in;
}

.product-detail__image img {
  width: 100%;
  height: 100%;
  padding: 24px;
  display: block;
  object-fit: contain;
  transform-origin: var(--zoom-x) var(--zoom-y);
  transition: transform 0.24s ease;
}

.product-detail__image:hover .product-detail__zoom-button img,
.product-detail__zoom-button:focus-visible img {
  transform: scale(1.72);
}

.product-detail__zoom-button:focus-visible {
  outline: 3px solid rgba(63, 165, 53, 0.32);
  outline-offset: -3px;
}

.product-detail__zoom-hint {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 2;
  min-height: 34px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #111827;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #dcebd8;
  border-radius: 999px;
  box-shadow: 0 10px 22px rgba(17, 24, 39, 0.1);
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
}

.product-detail__zoom-hint i {
  color: #3fa535;
}

.product-detail__discount {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 1;
  min-height: 30px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  background: #111827;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 10px 22px rgba(17, 24, 39, 0.16);
}

.product-detail__discount--badge {
  background: #3fa535;
  box-shadow: 0 10px 22px rgba(63, 165, 53, 0.18);
}

.product-detail__thumbs {
  margin-top: 12px;
  display: flex;
  gap: 10px;
}

.product-detail__thumb {
  width: 70px;
  height: 70px;
  padding: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  cursor: pointer;
}

.product-detail__thumb.is-active {
  border-color: #3fa535;
  box-shadow: 0 8px 18px rgba(63, 165, 53, 0.12);
}

.product-detail__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-detail__summary {
  min-width: 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.product-detail__topline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: #2f8f2a;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.product-detail__category {
  color: inherit;
  text-decoration: none;
  transition: color 0.16s ease;
}

.product-detail__category:hover {
  color: #247d24;
}

.product-detail__topline strong {
  min-height: 26px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  background: #3fa535;
  border-radius: 999px;
  font-size: 12px;
  text-transform: none;
}

.product-detail__title {
  color: #071107;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: 0;
}

.product-detail__rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: #667066;
  font-size: 13px;
  font-weight: 700;
}

.product-detail__rating span,
.product-detail__rating a {
  min-height: 28px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 999px;
}

.product-detail__rating i {
  color: #f59e0b;
  font-size: 12px;
}

.product-detail__rating a {
  color: #2f8f2a;
}

.product-detail__seller {
  min-width: 0;
  padding: 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  background: #f8fbf6;
  border: 1px solid #e1edde;
  border-radius: 8px;
}

.product-detail__seller>img {
  width: 46px;
  height: 46px;
  display: block;
  object-fit: cover;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 50%;
}

.product-detail__seller span {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.product-detail__seller small {
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
}

.product-detail__seller strong {
  min-width: 0;
  overflow: hidden;
  color: #111827;
  font-size: 15px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-detail__seller em {
  min-height: 28px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 999px;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}

.product-detail__price-box {
  padding: 18px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  background:
    linear-gradient(135deg, #f7fbf5 0%, #ffffff 72%);
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.product-detail__prices {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.product-detail__prices del {
  color: #9ca3af;
  font-size: 15px;
  font-weight: 750;
}

.product-detail__prices strong {
  color: #071107;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.05;
}

.product-detail__stock {
  min-height: 32px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 800;
  white-space: nowrap;
}

.product-detail__buy {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr) 48px;
  gap: 10px;
}

.product-detail__variants {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.product-detail__variants label {
  display: grid;
  gap: 6px;
}

.product-detail__variants label > span {
  color: #334232;
  font-size: 12px;
  font-weight: 850;
}

.product-detail__variants select {
  width: 100%;
  min-height: 44px;
  padding: 0 12px;
  color: #111827;
  background: #fff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  outline: none;
}

.product-detail__variants select:focus {
  border-color: #32a333;
  box-shadow: 0 0 0 4px rgba(50, 163, 51, .1);
}

@media (max-width: 560px) {
  .product-detail__variants {
    grid-template-columns: 1fr;
  }
}

.quantity-stepper {
  height: 48px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 36px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
}

.quantity-stepper button,
.quantity-stepper input {
  min-width: 0;
  height: 100%;
  border: 0;
  background: transparent;
  color: #111827;
  font: inherit;
  font-weight: 800;
  text-align: center;
}

.quantity-stepper button {
  cursor: pointer;
}

.quantity-stepper input {
  border-right: 1px solid #e1edde;
  border-left: 1px solid #e1edde;
  outline: 0;
  appearance: textfield;
}

.quantity-stepper input::-webkit-outer-spin-button,
.quantity-stepper input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

.product-detail__cart,
.product-detail__favorite {
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 800;
  transition: background 0.18s ease, color 0.18s ease, transform 0.12s ease;
}

.product-detail__cart {
  gap: 9px;
  color: #ffffff;
  background: #3fa535;
  font-size: 15px;
  box-shadow: 0 10px 22px rgba(63, 165, 53, 0.18);
}

.product-detail__cart:hover {
  background: #2d8a27;
  transform: translateY(-1px);
}

.product-detail__favorite {
  color: #111827;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  font-size: 18px;
}

.product-detail__favorite:hover {
  color: #2f8f2a;
  border-color: #9bcf94;
}

.product-sticky-cart {
  position: sticky;
  bottom: 14px;
  z-index: 40;
  max-width: 1180px;
  margin: 24px auto 0;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #dcebd8;
  border-radius: 12px;
  box-shadow: 0 18px 45px rgba(17, 24, 39, 0.14);
  backdrop-filter: blur(16px);
}

.product-sticky-cart__media {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.product-sticky-cart__media img {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  display: block;
  object-fit: cover;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
}

.product-sticky-cart__media span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.product-sticky-cart__media strong {
  min-width: 0;
  color: #111827;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-sticky-cart__media small {
  color: #5f6b5e;
  font-size: 12px;
  font-weight: 750;
}

.product-sticky-cart__form {
  display: flex;
  align-items: center;
  gap: 10px;
}

.quantity-stepper--compact {
  width: 112px;
  height: 42px;
  grid-template-columns: 32px minmax(0, 1fr) 32px;
}

.product-sticky-cart__price {
  min-width: 92px;
  display: grid;
  gap: 2px;
  text-align: right;
}

.product-sticky-cart__price del {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 750;
}

.product-sticky-cart__price strong {
  color: #111827;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.1;
}

.product-sticky-cart__button {
  height: 44px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(51, 165, 50, 0.18);
  cursor: pointer;
  font-size: 14px;
  font-weight: 850;
  white-space: nowrap;
  transition: background 0.18s ease, transform 0.12s ease;
}

.product-sticky-cart__button:hover {
  background: #2d8a27;
  transform: translateY(-1px);
}

.product-sticky-cart.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
}

.product-detail__benefits {
  display: grid;
  gap: 8px;
}

.product-detail__benefits span {
  min-width: 0;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #486247;
  background: #ffffff;
  border: 1px solid #e1edde;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.product-detail__benefits i {
  width: 20px;
  flex: 0 0 20px;
  color: #3fa535;
  text-align: center;
}

.product-detail__mini-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.product-detail__mini-panel {
  min-width: 0;
  padding: 13px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
}

.product-detail__mini-panel>i {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  font-size: 14px;
}

.product-detail__mini-panel span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.product-detail__mini-panel strong,
.product-detail__mini-panel small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.product-detail__mini-panel strong {
  color: #111827;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

.product-detail__mini-panel small {
  color: #5f6b5e;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}

.product-detail__actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
}

.product-detail__actions form {
  min-width: 0;
  margin: 0;
  display: flex;
}

.product-detail__actions a,
.product-detail__actions button {
  min-width: 0;
  width: 100%;
  min-height: 40px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.15;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.product-detail__actions a:hover,
.product-detail__actions button:hover {
  color: #ffffff;
  background: #3fa535;
  border-color: #3fa535;
}

.product-detail__actions button:disabled {
  color: #2b7d2f;
  background: #eef9ec;
  border-color: #cfe9cf;
  cursor: default;
  opacity: 1;
}

.product-detail__actions button:disabled:hover {
  color: #2b7d2f;
  background: #eef9ec;
  border-color: #cfe9cf;
}

.product-detail__actions a[href^="https://wa.me"] {
  color: #178a38;
  border-color: #bfe4c8;
}

.product-detail__actions a[href^="https://wa.me"]:hover {
  color: #ffffff;
  background: #178a38;
  border-color: #178a38;
}

.product-detail__actions i {
  flex: 0 0 auto;
}

.product-detail__purchase-info {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.product-detail__purchase-info>div {
  min-width: 0;
  padding: 12px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #f8fcf7;
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.product-detail__purchase-info i {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33a532;
  background: #ffffff;
  border: 1px solid #d6ebd2;
  border-radius: 8px;
  font-size: 13px;
}

.product-detail__purchase-info span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.product-detail__purchase-info strong {
  color: #111827;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.25;
}

.product-detail__purchase-info small {
  color: #5f6b5e;
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.35;
}

.product-question-form {
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(240px, 1.45fr) auto;
  gap: 10px;
  align-items: end;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 10px;
}

.product-question-form>div {
  grid-column: 1 / -1;
}

.product-question-form h2 {
  margin-top: 4px;
  color: #111827;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.2;
}

.product-question-form label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.product-question-form label span {
  color: #4f5f4d;
  font-size: 12px;
  font-weight: 800;
}

.product-question-form input,
.product-question-form textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  color: #111827;
  background: #fbfdfb;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  outline: 0;
}

.product-question-form input {
  height: 42px;
  padding: 0 12px;
}

.product-question-form textarea {
  min-height: 42px;
  max-height: 96px;
  padding: 10px 12px;
  resize: vertical;
}

.product-question-form input:focus,
.product-question-form textarea:focus {
  border-color: #3fa535;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.1);
}

.product-question-form button {
  height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}

.product-question-form__notice {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 14px;
  border: 1px solid #cfe9cf;
  border-radius: 10px;
  background: #f1fbf0;
  color: #087a16;
  font-size: 13px;
  font-weight: 850;
}

.product-detail__notice {
  min-width: 0;
  padding: 12px 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: #256f20;
  background: #f0fbed;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 800;
  line-height: 1.35;
}

.product-detail__notice i {
  color: #3fa535;
}

.product-detail__notice a {
  color: #1d741f;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.is-lightbox-open {
  overflow: hidden;
}

.product-lightbox[hidden] {
  display: none;
}

.product-lightbox {
  position: fixed;
  inset: 0;
  z-index: 3000;
  padding: 28px;
  display: grid;
  place-items: center;
}

.product-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 17, 7, 0.85);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 0;
  cursor: zoom-out;
  will-change: opacity;
}

.product-lightbox__dialog {
  position: relative;
  z-index: 1;
  width: min(920px, 100%);
  max-height: min(760px, 92vh);
  padding: 24px;
  display: grid;
  place-items: center;
  background: #ffffff;
  border: none;
  border-radius: 16px;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.35);
  will-change: transform, opacity;
  animation: lightboxFadeIn 0.2s ease-out forwards;
}

@keyframes lightboxFadeIn {
  from {
    opacity: 0;
    transform: scale(0.97) translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
  }
}

.product-lightbox__dialog>img {
  width: 100%;
  max-height: min(640px, calc(92vh - 140px));
  display: block;
  object-fit: contain;
  border-radius: 8px;
}

.product-lightbox__thumbs {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  width: 100%;
}

.product-lightbox__thumb {
  width: 68px;
  height: 68px;
  padding: 4px;
  background: #ffffff;
  border: 2px solid #e2ecdf;
  border-radius: 12px;
  cursor: pointer;
  opacity: 0.6;
  transform: translate3d(0, 0, 0) scale(0.96);
  transition: transform 0.15s ease, opacity 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  will-change: transform, opacity;
}

.product-lightbox__thumb:hover {
  opacity: 0.9;
  transform: translate3d(0, 0, 0) scale(1);
  border-color: #b9ddb2;
}

.product-lightbox__thumb.is-active {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1.05);
  border-color: #3fa535;
  box-shadow: 0 8px 20px rgba(63, 165, 53, 0.2);
}

.product-lightbox__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  border-radius: 6px;
}

.product-lightbox__nav,
.product-lightbox__thumb,
.product-lightbox__close {
  touch-action: manipulation;
}

.product-lightbox__nav {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #111827;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #dcebd8;
  border-radius: 50%;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.15);
  cursor: pointer;
  z-index: 2;
  font-size: 18px;
  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
  will-change: transform;
}

.product-lightbox__nav:hover {
  color: #ffffff;
  background: #3fa535;
  border-color: #3fa535;
  transform: translate3d(0, -50%, 0) scale(1.08);
}

.product-lightbox__nav--prev {
  left: -26px;
}

.product-lightbox__nav--next {
  right: -26px;
}

.product-lightbox__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #5f6b5e;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 50%;
  font-size: 18px;
  box-shadow: 0 8px 16px rgba(17, 24, 39, 0.08);
  cursor: pointer;
  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
  will-change: transform;
  z-index: 2;
}

.product-lightbox__close:hover {
  color: #ffffff;
  background: #ef4444;
  border-color: #ef4444;
  transform: rotate(90deg);
}


@media (hover: none) {
  .product-detail__image:hover .product-detail__zoom-button img {
    transform: none;
  }
}

.product-trust-strip {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.04);
}

.product-trust-strip__item {
  min-width: 0;
  min-height: 86px;
  padding: 16px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: center;
  column-gap: 11px;
  border-right: 1px solid #e5eee2;
}

.product-trust-strip__item:last-child {
  border-right: 0;
}

.product-trust-strip__item span {
  grid-row: 1 / 3;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  font-size: 24px;
}

.product-trust-strip__item strong,
.product-trust-strip__item small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-trust-strip__item strong {
  color: #111827;
  font-size: 14px;
  font-weight: 800;
}

.product-trust-strip__item small {
  margin-top: 3px;
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 500;
}

.product-info-grid {
  margin-top: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(280px, 0.9fr);
  gap: 16px;
  align-items: stretch;
}

.product-info-card,
.seller-summary-card {
  min-width: 0;
  overflow: hidden;
}

.product-info-card {
  padding: 22px;
}

.product-info-card__eyebrow {
  display: inline-flex;
  margin-bottom: 8px;
  color: #3fa535;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.product-info-card h2,
.seller-summary-card h2,
.product-reviews h2 {
  color: #071107;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0;
}

.product-info-card p,
.product-reviews p {
  margin-top: 12px;
  color: #4f5f4d;
  font-size: 14.5px;
  line-height: 1.7;
}

.product-description {
  position: relative;
}

.product-description p {
  margin: 12px 0 0;
}

.product-description.is-collapsed p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-description.is-collapsed::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 48px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff);
}

.product-description__toggle {
  width: fit-content;
  min-height: 38px;
  margin-top: 12px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #128317;
  background: #f8fdf7;
  border: 1px solid #cfe9cf;
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
}

.product-description__toggle i {
  font-size: 11px;
  transition: transform 0.18s ease;
}

.product-description__toggle[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.product-info-card__note {
  margin-top: 16px;
  padding: 12px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #486247;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.45;
}

.product-info-card__note i {
  margin-top: 2px;
  color: #3fa535;
}

.product-feature-list {
  margin-top: 16px;
  display: grid;
  gap: 9px;
  list-style: none;
}

.product-feature-list li {
  min-width: 0;
  padding: 11px 0;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 12px;
  border-bottom: 1px solid #edf4ea;
}

.product-feature-list li:last-child {
  border-bottom: 0;
}

.product-feature-list span {
  color: #7b8579;
  font-size: 13px;
  font-weight: 700;
}

.product-feature-list strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #111827;
  font-size: 13.5px;
  font-weight: 800;
  line-height: 1.35;
}

.product-feature-list__link {
  color: inherit;
  text-decoration: none;
  transition: color 0.16s ease;
}

.product-feature-list__link:hover {
  color: #2f8f2a;
}

.seller-summary-card__cover {
  height: 116px;
  overflow: hidden;
  background: #eef7ec;
}

.seller-summary-card__cover img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.seller-summary-card__body {
  position: relative;
  padding: 46px 18px 18px;
}

.seller-summary-card__logo {
  position: absolute;
  top: -34px;
  left: 18px;
  width: 68px;
  height: 68px;
  display: block;
  object-fit: cover;
  background: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 10px 22px rgba(17, 24, 39, 0.12);
}

.seller-summary-card__head span {
  color: #3fa535;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.seller-summary-card__head h2 {
  margin-top: 5px;
}

.seller-summary-card__head p {
  margin-top: 7px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #5f6b5e;
  font-size: 13px;
  font-weight: 700;
}

.seller-summary-card__head i {
  color: #3fa535;
}

.seller-summary-card__text {
  margin-top: 12px;
  color: #4f5f4d;
  font-size: 13.5px;
  line-height: 1.55;
}

.seller-summary-card__stats {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.seller-summary-card__stats span {
  min-width: 0;
  min-height: 58px;
  padding: 9px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #5f6b5e;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.25;
}

.seller-summary-card__stats strong {
  color: #111827;
  font-size: 16px;
  font-weight: 800;
}

.product-reviews {
  scroll-margin-top: 132px;
  margin-top: 24px;
  padding: 22px;
  display: grid;
  gap: 18px;
}

.product-qa {
  scroll-margin-top: 132px;
  width: min(100%, var(--site-max-width));
  margin: 24px auto 0;
  padding: 22px;
  display: grid;
  gap: 18px;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 12px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
}

.product-qa__intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e4eee1;
}

.product-qa__intro h2 {
  margin: 4px 0 8px;
  color: #001225;
  font-size: clamp(24px, 2.2vw, 32px);
  font-weight: 950;
  line-height: 1.05;
}

.product-qa__intro p {
  max-width: 620px;
  margin: 0;
  color: #50605a;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.55;
}

.product-qa__intro a {
  min-height: 44px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #128317;
  background: #f8fdf7;
  border: 1px solid #cfe9cf;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
  text-decoration: none;
}

.product-qa__list {
  display: grid;
  gap: 14px;
}

.product-qa-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: 14px;
  padding: 14px;
  border: 1px solid #e2eee0;
  border-radius: 12px;
  background: #fbfdfb;
}

.product-qa-card__question,
.product-qa-card__answer {
  min-width: 0;
  padding: 14px;
  border-radius: 10px;
}

.product-qa-card__question {
  background: #ffffff;
  border: 1px solid #e4eee1;
}

.product-qa-card__answer {
  background: #eef9ed;
  border: 1px solid #cfe9cf;
}

.product-qa-card span {
  display: block;
  margin-bottom: 8px;
  color: #128317;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.product-qa-card p {
  margin: 0;
  color: #071526;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
}

.product-qa-card small {
  display: block;
  margin-top: 10px;
  color: #66736d;
  font-size: 12px;
  font-weight: 700;
}

.product-qa__empty {
  min-height: 160px;
  display: grid;
  place-items: center;
  gap: 8px;
  text-align: center;
  color: #52635b;
  background: #f8fcf7;
  border: 1px dashed #cfe9cf;
  border-radius: 12px;
}

.product-qa__empty i {
  width: 54px;
  height: 54px;
  display: inline-grid;
  place-items: center;
  color: #2faa36;
  background: #eef9ed;
  border-radius: 999px;
  font-size: 20px;
}

.product-qa__empty strong {
  color: #071526;
  font-size: 18px;
  font-weight: 950;
}

.product-reviews__intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.product-reviews__score {
  min-width: 150px;
  padding: 18px;
  display: grid;
  justify-items: center;
  gap: 5px;
  color: #111827;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
}

.product-reviews__score i {
  color: #f59e0b;
  font-size: 22px;
}

.product-reviews__score strong {
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.product-reviews__score span {
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 750;
}

.product-reviews__bars {
  display: grid;
  gap: 8px;
}

.product-reviews__bar {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 34px;
  gap: 10px;
  align-items: center;
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 750;
}

.product-reviews__bar div {
  height: 8px;
  overflow: hidden;
  background: #edf4ea;
  border-radius: 999px;
}

.product-reviews__bar i {
  height: 100%;
  display: block;
  background: #3fa535;
  border-radius: inherit;
}

.product-reviews__bar strong {
  color: #111827;
  text-align: right;
}

.product-reviews__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.product-review-card {
  min-width: 0;
  padding: 14px;
  display: grid;
  gap: 12px;
  background: #ffffff;
  border: 1px solid #e1edde;
  border-radius: 8px;
}

.product-review-card__head {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.product-review-card__avatar {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f8f2a;
  background: #f7fbf5;
  border: 1px solid #dcebd8;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 800;
}

.product-review-card__head div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.product-review-card__head strong,
.product-review-card__head small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-review-card__head strong {
  color: #111827;
  font-size: 13.5px;
  font-weight: 800;
}

.product-review-card__head small {
  color: #7b8579;
  font-size: 12px;
  font-weight: 700;
}

.product-review-card__head em {
  min-height: 28px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #111827;
  background: #fffaf0;
  border: 1px solid #fde6b7;
  border-radius: 999px;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.product-review-card__head em i {
  color: #f59e0b;
  font-size: 11px;
}

.product-review-card p {
  color: #4f5f4d;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.55;
}

.product-review-card__verified {
  justify-self: start;
  min-height: 26px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #2f8f2a;
  background: #f7fbf5;
  border: 1px solid #dcebd8;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

.product-reviews__empty {
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #5f6b5e;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.45;
}

.product-reviews__empty i {
  color: #3fa535;
  font-size: 20px;
}

.product-showcase--related {
  margin-top: 26px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.product-not-found {
  padding: 56px 0;
}

.product-not-found__inner {
  max-width: 560px;
  margin: 0 auto;
  padding: 36px;
  text-align: center;
}

.product-not-found__icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  background: #f7fbf5;
  border: 1px solid #dcebd8;
  border-radius: 50%;
  font-size: 28px;
}

.product-not-found h1 {
  color: #071107;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
}

.product-not-found p {
  margin-top: 10px;
  color: #5f6b5e;
  font-size: 14.5px;
  line-height: 1.6;
}

.product-not-found a {
  min-height: 44px;
  margin-top: 20px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #3fa535;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
}

@media (max-width: 1180px) {
  .product-detail {
    grid-template-columns: minmax(0, 480px) minmax(0, 1fr);
  }

  .product-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-summary-card {
    grid-column: 1 / -1;
  }

  .product-reviews__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .product-detail {
    grid-template-columns: 1fr;
  }

  .product-detail__image {
    min-height: 0;
  }

  .product-trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-trust-strip__item:nth-child(2n) {
    border-right: 0;
  }

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

  .seller-summary-card {
    grid-column: auto;
  }

  .product-detail__purchase-info {
    grid-template-columns: 1fr;
  }

  .product-question-form {
    grid-template-columns: 1fr 1fr;
  }

  .product-question-form label:nth-of-type(2),
  .product-question-form button {
    grid-column: 1 / -1;
  }
}

@media (max-width: 768px) {
  .product-detail-page {
    padding: 20px var(--page-pad) 132px;
  }

  .product-breadcrumb {
    font-size: 12.5px;
  }

  .product-detail__summary,
  .product-info-card,
  .product-reviews {
    padding: 18px;
  }

  .product-detail__title {
    font-size: 26px;
  }

  .product-detail__price-box {
    align-items: flex-start;
    flex-direction: column;
  }

  .product-detail__prices strong {
    font-size: 29px;
  }

  .product-detail__seller {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .product-detail__seller em {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .product-detail__mini-panels {
    grid-template-columns: 1fr;
  }

  .product-trust-strip {
    grid-template-columns: 1fr;
  }

  .product-trust-strip__item,
  .product-trust-strip__item:nth-child(2n) {
    border-right: 0;
    border-bottom: 1px solid #e5eee2;
  }

  .product-trust-strip__item:last-child {
    border-bottom: 0;
  }

  .product-reviews,
  .product-reviews__intro {
    grid-template-columns: 1fr;
  }

  .product-reviews__score {
    min-width: 0;
  }

  .product-reviews__list {
    grid-template-columns: 1fr;
  }

  .product-question-form {
    grid-template-columns: 1fr;
  }

  .product-sticky-cart {
    position: fixed;
    right: 10px;
    bottom: 10px;
    left: 10px;
    max-width: none;
    margin: 0;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 10px;
    border-radius: 12px;
  }

  .product-sticky-cart__media img {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
  }

  .product-sticky-cart__media strong {
    font-size: 13px;
  }

  .product-sticky-cart__form {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) minmax(128px, auto);
    gap: 8px;
  }

  .quantity-stepper--compact {
    width: auto;
    height: 42px;
    grid-template-columns: 28px minmax(0, 1fr) 28px;
  }

  .product-sticky-cart__price {
    min-width: 0;
    justify-content: center;
    text-align: left;
  }

  .product-sticky-cart__button {
    width: 100%;
    padding: 0 12px;
  }
}

@media (max-width: 560px) {
  .product-detail__gallery {
    padding: 10px;
  }

  .product-detail__image img {
    padding: 14px;
  }

  .product-detail__buy {
    grid-template-columns: minmax(0, 1fr) 48px;
  }

  .quantity-stepper {
    grid-column: 1 / 2;
    grid-row: 1;
  }

  .product-detail__favorite {
    grid-column: 2 / 3;
    grid-row: 1;
  }

  .product-detail__cart {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .product-detail__actions {
    grid-template-columns: 1fr;
  }

  .product-detail__actions a,
  .product-detail__actions button {
    justify-content: flex-start;
    min-height: 42px;
  }

  .product-feature-list li {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .seller-summary-card__stats {
    grid-template-columns: 1fr;
  }

  .product-sticky-cart__media {
    display: none;
  }

  .product-sticky-cart__form {
    grid-template-columns: 86px minmax(0, 1fr) minmax(112px, auto);
  }

  .product-sticky-cart__price strong {
    font-size: 17px;
  }

  .product-sticky-cart__button {
    font-size: 13px;
  }
}


.cart-page {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 24px var(--page-pad) 64px;
}

.cart-breadcrumb {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #667066;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

.cart-breadcrumb a {
  color: #2f8f2a;
  white-space: nowrap;
}

.cart-breadcrumb i {
  color: #9ca3af;
  font-size: 10px;
}

.cart-hero,
.cart-items,
.cart-summary,
.cart-empty,
.cart-recommendations {
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.05);
}

.cart-hero {
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background:
    radial-gradient(circle at 92% 10%, rgba(63, 165, 53, 0.12), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #f7fbf5 100%);
}

.cart-hero span,
.cart-recommendations__head span {
  display: inline-flex;
  color: #2f8f2a;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.cart-hero h1,
.cart-items__head h2,
.cart-summary h2,
.cart-empty h2,
.cart-recommendations__head h2 {
  color: #071107;
  font-size: 30px;
  font-weight: 850;
  line-height: 1.16;
  letter-spacing: 0;
}

.cart-hero h1 {
  margin-top: 8px;
}

.cart-hero p,
.cart-empty p,
.cart-summary p {
  margin-top: 8px;
  color: #536151;
  font-size: 14.5px;
  line-height: 1.6;
}

.cart-hero__stats {
  min-width: 110px;
  min-height: 76px;
  padding: 12px 16px;
  display: grid;
  place-items: center;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
}

.cart-hero__stats strong {
  color: #071107;
  font-size: 28px;
  font-weight: 850;
  line-height: 1;
}

.cart-hero__stats span {
  color: #5f6b5e;
  font-size: 12px;
  text-transform: none;
}

.cart-status {
  margin-top: 14px;
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #256f20;
  background: #f0fbed;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 800;
}

.cart-stock-alert {
  margin-top: 14px;
  padding: 14px 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #713f12;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(120, 53, 15, 0.08);
}

.cart-stock-alert i {
  margin-top: 2px;
  color: #d97706;
  font-size: 18px;
}

.cart-stock-alert strong {
  display: block;
  color: #3f2d08;
  font-size: 14px;
  font-weight: 900;
}

.cart-stock-alert p {
  margin: 4px 0 0;
  color: #713f12;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.cart-stock-alert--price {
  color: #14532d;
  background: #f0fdf4;
  border-color: #bbf7d0;
  box-shadow: 0 10px 28px rgba(20, 83, 45, 0.08);
}

.cart-stock-alert--price i {
  color: #2f9c31;
}

.cart-stock-alert--price strong {
  color: #052e16;
}

.cart-stock-alert--price p {
  color: #14532d;
}

.cart-layout {
  margin-top: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 18px;
  align-items: start;
}

.cart-items {
  min-width: 0;
  padding: 18px;
}

.cart-items__head {
  padding-bottom: 16px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #edf4ea;
}

.cart-items__head h2,
.cart-summary h2,
.cart-empty h2,
.cart-recommendations__head h2 {
  font-size: 23px;
}

.cart-items__head span {
  color: #667066;
  font-size: 13px;
  font-weight: 750;
  white-space: nowrap;
}

.cart-seller-group {
  margin-top: 14px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e1edde;
  border-radius: 8px;
}

.cart-seller-group__head {
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: #f8fcf7;
  border-bottom: 1px solid #e1edde;
}

.cart-seller-group__seller {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #071107;
}

.cart-seller-group__seller img {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  object-fit: cover;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 50%;
}

.cart-seller-group__seller span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.cart-seller-group__seller small {
  color: #2f8f2a;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  text-transform: uppercase;
}

.cart-seller-group__seller strong {
  min-width: 0;
  overflow: hidden;
  color: #071107;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cart-seller-group__meta {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.cart-seller-group__meta span,
.cart-seller-group__meta strong {
  min-height: 30px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4f5f4d;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

.cart-seller-group__meta i {
  color: #3fa535;
}

.cart-seller-group__meta strong {
  color: #071107;
}

.cart-seller-group__totals {
  margin: 0 14px 14px;
  padding: 12px;
  display: grid;
  gap: 10px;
  background: #fbfef9;
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.cart-seller-group__minimum-warning {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #9a5a00;
  background: #fff7e8;
  border: 1px solid #f3d5a2;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
}

.cart-seller-group__total-rows {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  align-items: center;
}

.cart-seller-group__total-rows span {
  color: #526251;
  font-size: 13px;
  font-weight: 750;
}

.cart-seller-group__total-rows strong {
  color: #071107;
  font-size: 14px;
  font-weight: 900;
  text-align: right;
}

.cart-item {
  position: relative;
  padding: 18px 14px;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) 128px 154px 104px;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #edf4ea;
}

.cart-item:last-of-type {
  border-bottom: 0;
}

.cart-item__media {
  position: relative;
  aspect-ratio: 1 / 1;
  display: block;
  overflow: hidden;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
}

.cart-item__media img {
  width: 100%;
  height: 100%;
  padding: 8px;
  display: block;
  object-fit: contain;
}

.cart-item__media span {
  position: absolute;
  top: 8px;
  left: 8px;
  min-height: 24px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  background: #3fa535;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
}

.cart-item__content {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.cart-item__seller {
  width: fit-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #4f5f4d;
  font-size: 12.5px;
  font-weight: 750;
}

.cart-item__seller img {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  object-fit: cover;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 50%;
}

.cart-item__content h2 {
  min-width: 0;
  color: #071107;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.35;
}

.cart-item__content h2 a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cart-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  color: #667066;
  font-size: 12px;
  font-weight: 700;
}

.cart-item__meta span {
  min-height: 24px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 999px;
}

.cart-item__meta i {
  color: #f59e0b;
  font-size: 11px;
}

.cart-item__meta .cart-item__stock {
  color: #9a3412;
  background: #fff7ed;
  border-color: #fed7aa;
}

.cart-item__qty {
  width: 128px;
}

.cart-item__price {
  min-width: 0;
  display: grid;
  justify-items: end;
  gap: 4px;
  text-align: right;
}

.cart-item__price del {
  color: #9ca3af;
  font-size: 12.5px;
  font-weight: 750;
}

.cart-item__price strong {
  color: #071107;
  font-size: 20px;
  font-weight: 850;
  line-height: 1.1;
}

.cart-item__price small {
  color: #667066;
  font-size: 11.5px;
  font-weight: 700;
}

.cart-item__actions {
  min-width: 0;
  display: grid;
  justify-items: end;
  gap: 8px;
}

.cart-item__save,
.cart-item__remove {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #6b7280;
  background: #ffffff;
  border: 1px solid #e1edde;
  border-radius: 8px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.cart-item__save {
  width: auto;
  min-width: 92px;
  padding: 0 10px;
  color: #087a13;
  background: #f7fcf5;
}

.cart-item__save:hover {
  color: #05620e;
  background: #edf9eb;
  border-color: #bfe1b9;
}

.cart-item__remove:hover {
  color: #b91c1c;
  background: #fff7f7;
  border-color: #fecaca;
}

.cart-items__actions {
  padding-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.cart-items__actions a,
.cart-items__actions button,
.cart-empty a,
.cart-summary__checkout {
  min-height: 44px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  font: inherit;
  font-size: 13.5px;
  font-weight: 850;
  cursor: pointer;
}

.cart-items__actions a {
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
}

.cart-items__actions button,
.cart-empty a,
.cart-summary__checkout {
  color: #ffffff;
  background: #3fa535;
  border: 0;
  box-shadow: 0 10px 22px rgba(63, 165, 53, 0.16);
}

.cart-summary__checkout:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
}

.cart-summary__minimum-alert {
  padding: 12px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #9a1b1b;
  background: #fff1f1;
  border: 1px solid #f0caca;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 850;
}

.cart-summary {
  position: sticky;
  top: 112px;
  min-width: 0;
  padding: 20px;
}

.cart-summary__rows {
  margin-top: 18px;
  padding-bottom: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 14px;
  color: #667066;
  border-bottom: 1px solid #edf4ea;
  font-size: 13.5px;
  font-weight: 700;
}

.cart-summary__rows strong {
  color: #111827;
  font-weight: 850;
}

.cart-shipping-progress {
  margin-top: 14px;
  padding: 12px;
  background: #f7fbf5;
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.cart-shipping-progress__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.cart-shipping-progress__head strong {
  min-width: 0;
  color: #172117;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.35;
}

.cart-shipping-progress__head span {
  color: #2f8f2a;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.cart-shipping-progress__track {
  height: 8px;
  margin-top: 10px;
  overflow: hidden;
  background: #e6f1e3;
  border-radius: 999px;
}

.cart-shipping-progress__track span {
  width: 0;
  height: 100%;
  display: block;
  background: linear-gradient(90deg, #2f8f2a 0%, #45b43c 100%);
  border-radius: inherit;
  transition: width 0.22s ease;
}

.cart-shipping-progress p {
  margin-top: 8px;
  padding: 0;
  color: #60705e;
  background: transparent;
  border: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.cart-summary__total {
  padding: 16px 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.cart-summary__total span {
  color: #111827;
  font-size: 14px;
  font-weight: 850;
}

.cart-summary__total strong {
  color: #071107;
  font-size: 28px;
  font-weight: 850;
  line-height: 1.05;
}

.cart-summary__checkout {
  width: 100%;
}

.cart-summary p {
  padding: 12px;
  color: #536151;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 650;
}

.cart-empty {
  margin-top: 18px;
  padding: 44px 24px;
  display: grid;
  justify-items: center;
  text-align: center;
}

.cart-empty__icon {
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  background: #f0fbed;
  border: 1px solid #dcebd8;
  border-radius: 50%;
  font-size: 28px;
}

.cart-empty a {
  margin-top: 18px;
}

.cart-recommendations {
  margin-top: 22px;
  padding: 22px;
}

.cart-recommendations__head {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

@media (max-width: 1120px) {
  .cart-layout {
    grid-template-columns: 1fr;
  }

  .cart-summary {
    position: static;
  }
}

@media (max-width: 820px) {
  .cart-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .cart-hero__stats {
    width: 100%;
    min-height: 64px;
    display: flex;
    justify-content: space-between;
  }

  .cart-seller-group__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .cart-seller-group__meta {
    width: 100%;
    justify-content: flex-start;
  }

  .cart-item {
    grid-template-columns: 96px minmax(0, 1fr) 38px;
    align-items: start;
  }

  .cart-item__media {
    grid-row: span 3;
  }

  .cart-item__content {
    grid-column: 2 / 3;
  }

  .cart-item__qty {
    grid-column: 2 / 3;
    width: 128px;
  }

  .cart-item__price {
    grid-column: 2 / 3;
    justify-items: start;
    text-align: left;
  }

  .cart-item__actions {
    grid-column: 3 / 4;
    grid-row: 1;
    justify-items: end;
  }

  .cart-item__save {
    width: 38px;
    min-width: 38px;
    padding: 0;
  }

  .cart-item__save span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
}

@media (max-width: 560px) {
  .cart-page {
    padding: 20px var(--page-pad) 48px;
  }

  .cart-hero,
  .cart-items,
  .cart-summary,
  .cart-empty,
  .cart-recommendations {
    padding: 16px;
  }

  .cart-hero h1 {
    font-size: 26px;
  }

  .cart-items__head,
  .cart-items__actions,
  .cart-summary__total {
    align-items: flex-start;
    flex-direction: column;
  }

  .cart-items__actions a,
  .cart-items__actions button {
    width: 100%;
  }

  .cart-item {
    grid-template-columns: 82px minmax(0, 1fr) 36px;
    gap: 12px;
    padding: 14px 10px;
  }

  .cart-seller-group__meta span,
  .cart-seller-group__meta strong {
    max-width: 100%;
  }

  .cart-item__meta span {
    max-width: 100%;
  }

  .cart-item__price strong {
    font-size: 18px;
  }

  .cart-summary__rows {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}


.seller-page {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 24px var(--page-pad) 64px;
}

.seller-hero {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.05);
}

.seller-hero__cover {
  position: relative;
  height: 240px;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 20%, rgba(63, 165, 53, 0.18), transparent 34%),
    linear-gradient(135deg, #eef7ec 0%, #ffffff 100%);
}

.seller-hero__cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7, 15, 10, 0.1), rgba(7, 15, 10, 0.48));
}

.seller-hero__cover img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.seller-hero__content {
  position: relative;
  padding: 0 24px 24px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
}

.seller-hero__logo {
  width: 118px;
  height: 118px;
  margin-top: -54px;
  z-index: 1;
  display: block;
  object-fit: cover;
  background: #ffffff;
  border: 5px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 14px 30px rgba(17, 24, 39, 0.16);
}

.seller-hero__logo--empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef8ec;
  color: #28a737;
  font-size: 34px;
}

.seller-hero__main {
  min-width: 0;
  padding-top: 18px;
}

.seller-hero__eyebrow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.seller-hero__eyebrow span {
  min-height: 28px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #2f8f2a;
  background: #f7fbf5;
  border: 1px solid #dcebd8;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.seller-hero__main h1 {
  margin-top: 10px;
  color: #071107;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 0;
}

.seller-hero__location {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #486247;
  font-size: 13.5px;
  font-weight: 750;
}

.seller-hero__location i {
  color: #3fa535;
}

.seller-hero__desc {
  max-width: 760px;
  margin-top: 12px;
  color: #4f5f4d;
  font-size: 14.5px;
  line-height: 1.65;
}

.seller-hero__actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  align-self: end;
  grid-column: 1 / -1;
}

[hidden] {
  display: none !important;
}

.seller-hero__actions a,
.seller-hero__actions form,
.seller-hero__actions button {
  width: 100%;
}

.seller-hero__actions a,
.seller-hero__actions button {
  min-width: 168px;
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.seller-hero__actions a:first-child,
.seller-hero__actions button:first-child {
  color: #ffffff;
  background: #3fa535;
  border-color: #3fa535;
}

.seller-hero__actions button.is-following {
  color: #ffffff;
  background: #0f172a;
  border-color: #0f172a;
}

.seller-hero__actions a:hover,
.seller-hero__actions button:hover {
  color: #ffffff;
  background: #2d8a27;
  border-color: #2d8a27;
}

.seller-follow-alert {
  max-width: var(--content-max);
  width: calc(100% - (var(--page-pad) * 2));
  min-height: 48px;
  margin: 18px auto 0;
  padding: 0 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #16621e;
  background: #eff9ed;
  border: 1px solid #cfe8ca;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
}

.seller-follow-alert--error {
  color: #991b1b;
  background: #fff1f2;
  border-color: #fecdd3;
}

.seller-question-panel {
  max-width: var(--content-max);
  width: calc(100% - (var(--page-pad) * 2));
  margin: 18px auto 0;
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(320px, 1fr);
  gap: 18px;
  align-items: start;
  background: #ffffff;
  border: 1px solid #dcebd9;
  border-radius: 10px;
  box-shadow: 0 14px 32px rgba(17, 24, 39, 0.04);
}

.seller-question-panel>div>span {
  color: #16821e;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.seller-question-panel h2 {
  margin-top: 6px;
  color: #061006;
  font-size: 25px;
  line-height: 1.18;
}

.seller-question-panel p {
  margin-top: 9px;
  color: #536151;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.55;
}

.seller-question-panel form {
  display: grid;
  gap: 12px;
}

.seller-question-panel label {
  display: grid;
  gap: 7px;
}

.seller-question-panel label span {
  color: #111827;
  font-size: 13px;
  font-weight: 850;
}

.seller-question-panel input,
.seller-question-panel textarea {
  width: 100%;
  color: #111827;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  outline: 0;
}

.seller-question-panel input {
  height: 44px;
  padding: 0 12px;
}

.seller-question-panel textarea {
  min-height: 110px;
  padding: 12px;
  resize: vertical;
  line-height: 1.45;
}

.seller-question-panel input:focus,
.seller-question-panel textarea:focus {
  border-color: #3fa535;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.14);
}

.seller-question-panel button,
.seller-question-login a {
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.seller-question-login {
  min-height: 180px;
  padding: 18px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 10px;
  text-align: center;
  background: #fbfdfb;
  border: 1px dashed #cfe4cb;
  border-radius: 10px;
}

.product-detail__notice.is-warning {
  color: #7a4b00;
  background: #fff8e5;
  border-color: #ffd88a;
}

.seller-question-login i {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33a532;
  background: #eef8eb;
  border-radius: 50%;
  font-size: 20px;
}

.seller-question-login strong {
  color: #071107;
  font-size: 15px;
  font-weight: 900;
}

.seller-hero__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid #e5eee2;
}

.seller-hero__stats span {
  min-width: 0;
  min-height: 86px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #5f6b5e;
  border-right: 1px solid #e5eee2;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.seller-hero__stats span:last-child {
  border-right: 0;
}

.seller-hero__stats strong {
  color: #111827;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.seller-service-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(17, 24, 39, 0.04);
}

.seller-service-grid div {
  min-width: 0;
  min-height: 92px;
  padding: 18px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: center;
  column-gap: 12px;
  border-right: 1px solid #e5eee2;
}

.seller-service-grid div:last-child {
  border-right: 0;
}

.seller-service-grid i {
  grid-row: 1 / 3;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  background: #f7fbf5;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  font-size: 18px;
}

.seller-service-grid strong,
.seller-service-grid span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.seller-service-grid strong {
  color: #111827;
  font-size: 14px;
  font-weight: 800;
}

.seller-service-grid span {
  margin-top: 4px;
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.35;
}

.seller-section {
  scroll-margin-top: 132px;
  margin-top: 30px;
}

.seller-section__header {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

.seller-section__header div {
  min-width: 0;
}

.seller-section__header span {
  color: #3fa535;
  font-size: 12.5px;
  font-weight: 800;
  text-transform: uppercase;
}

.seller-section__header h2 {
  margin-top: 5px;
  color: #071107;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
}

.seller-section__header p {
  margin-top: 7px;
  color: #5f6b5e;
  font-size: 14px;
  font-weight: 650;
}

.seller-section__header a {
  min-height: 42px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 800;
  white-space: nowrap;
}

.seller-empty-products {
  min-height: 120px;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #5f6b5e;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 750;
}

.seller-empty-products i {
  color: #3fa535;
  font-size: 24px;
}

@media (max-width: 980px) {
  .seller-hero__content {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .seller-hero__actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .seller-hero__actions a,
  .seller-hero__actions button {
    min-width: 0;
  }

  .seller-service-grid {
    grid-template-columns: 1fr;
  }

  .seller-question-panel {
    grid-template-columns: 1fr;
  }

  .seller-service-grid div {
    border-right: 0;
    border-bottom: 1px solid #e5eee2;
  }

  .seller-service-grid div:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 768px) {
  .seller-page {
    padding: 20px var(--page-pad) 48px;
  }

  .seller-hero__cover {
    height: 180px;
  }

  .seller-hero__content {
    padding: 0 18px 20px;
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .seller-hero__logo {
    width: 94px;
    height: 94px;
    margin-top: -44px;
  }

  .seller-hero__main {
    padding-top: 0;
  }

  .seller-hero__main h1 {
    font-size: 28px;
  }

  .seller-hero__actions {
    grid-template-columns: 1fr;
  }

  .seller-hero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-hero__stats span:nth-child(2n) {
    border-right: 0;
  }

  .seller-hero__stats span:nth-child(-n + 2) {
    border-bottom: 1px solid #e5eee2;
  }

  .seller-section__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .seller-section__header h2 {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  .seller-hero__stats {
    grid-template-columns: 1fr;
  }

  .seller-hero__stats span,
  .seller-hero__stats span:nth-child(2n),
  .seller-hero__stats span:nth-child(-n + 2) {
    border-right: 0;
    border-bottom: 1px solid #e5eee2;
  }

  .seller-hero__stats span:last-child {
    border-bottom: 0;
  }

  .seller-service-grid div {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .seller-service-grid i {
    grid-row: auto;
  }
}

.product-showcase--regional {
  padding-top: 4px;
}

.product-showcase--regional .product-card {
  border-color: #d9ead5;
}

.product-showcase--regional .product-card__media {
  background:
    radial-gradient(circle at 82% 12%, rgba(63, 165, 53, 0.08), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f7fbf5 100%);
}

.product-card--regional .product-card__badge {
  background: #2f8f2a;
}

.product-showcase--weekly {
  padding-top: 4px;
}

.product-showcase--weekly .product-showcase__eyebrow {
  color: #b7791f;
}

.product-showcase--weekly .product-card {
  border-color: #eadfca;
}

.product-showcase--weekly .product-card__media {
  background:
    radial-gradient(circle at 14% 12%, rgba(245, 158, 11, 0.12), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #fffaf0 100%);
}

.product-card--deal .product-card__badge--discount {
  background: #111827;
  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.18);
}


.team-ranking {
  scroll-margin-top: 82px;
  padding: 0 var(--page-pad) 58px;
  background: #fbfbfb;
}

.team-ranking__inner {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 0%, rgba(63, 165, 53, 0.12), transparent 28%),
    radial-gradient(circle at 94% 10%, rgba(245, 158, 11, 0.1), transparent 24%),
    #ffffff;
  border: 1px solid #dcebd7;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
}

.team-ranking__header {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

.team-ranking__heading {
  min-width: 0;
}

.team-ranking__eyebrow {
  display: inline-flex;
  margin-bottom: 7px;
  color: #3fa535;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.team-ranking__title {
  color: #101810;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0;
}

.team-ranking__text {
  max-width: 620px;
  margin-top: 8px;
  color: #5f6b5e;
  font-size: 14.5px;
  line-height: 1.55;
}

.team-ranking__view-all {
  min-height: 42px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, transform 0.12s ease;
}

.team-ranking__view-all:hover {
  color: #ffffff;
  background: #3fa535;
  border-color: #3fa535;
  transform: translateY(-1px);
}

.team-ranking__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.team-card {
  min-width: 0;
  padding: 18px;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #e0ebdc;
  border-radius: 10px;
  box-shadow: 0 8px 22px rgba(17, 24, 39, 0.04);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

.team-card:hover {
  border-color: #b9ddb2;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
  transform: translateY(-2px);
}

.team-card--leader {
  border-color: #d7c493;
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.92), rgba(255, 255, 255, 0.96) 46%),
    #ffffff;
}

.team-card__top {
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.team-card__rank {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: linear-gradient(135deg, #2f8f2a, #49b640);
  border: 2px solid #ffffff;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(63, 165, 53, 0.24);
}

.team-card--leader .team-card__rank {
  background: linear-gradient(135deg, #d48806, #f59e0b);
  box-shadow: 0 8px 18px rgba(245, 158, 11, 0.24);
}

.team-card__leader {
  min-width: 0;
  min-height: 28px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #8a5a00;
  background: #fff7e6;
  border: 1px solid #eadfca;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

.team-card__leader i {
  color: #f59e0b;
  font-size: 12px;
}

.team-card__name {
  margin-top: 14px;
  color: #111827;
  font-size: 19px;
  font-weight: 850;
  line-height: 1.25;
  letter-spacing: 0;
}

.team-card__name a:hover {
  color: #2f8f2a;
}

.team-card__location {
  min-width: 0;
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.3;
}

.team-card__location i {
  flex: 0 0 auto;
  color: #3fa535;
  font-size: 12px;
}

.team-card__location span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-card__spending {
  margin-top: 16px;
  padding: 14px;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 10px;
}

.team-card__spending span {
  display: block;
  color: #667365;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
}

.team-card__spending strong {
  display: block;
  margin-top: 5px;
  color: #101810;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.1;
}

.team-card__capacity {
  margin-top: 15px;
}

.team-card__capacity-head {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #536152;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.2;
}

.team-card__capacity-head strong {
  color: #2f8f2a;
}

.team-card__bar {
  height: 10px;
  overflow: hidden;
  background: #e6f1e3;
  border-radius: 999px;
}

.team-card__bar span {
  height: 100%;
  display: block;
  background: linear-gradient(90deg, #3fa535, #66c75d);
  border-radius: inherit;
}

.team-card__discounts {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.team-card__discounts span {
  min-width: 0;
  min-height: 60px;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #e1edde;
  border-radius: 9px;
}

.team-card__discounts small {
  color: #667365;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
}

.team-card__discounts strong {
  margin-top: 4px;
  color: #111827;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.1;
}

.team-card__btn {
  min-height: 42px;
  margin-top: 16px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #3fa535;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 850;
  transition: background 0.18s ease, transform 0.12s ease;
}

.team-card__btn:hover {
  background: #2d8a27;
  transform: translateY(-1px);
}


.seller-cta {
  scroll-margin-top: 82px;
  padding: 0 var(--page-pad) 62px;
  background: #fbfbfb;
}

.seller-cta__inner {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 18px;
  align-items: stretch;
}

.seller-cta__intro {
  min-width: 0;
  padding: 30px;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent 44%),
    #153b25;
  border: 1px solid #285a3d;
  border-radius: 16px;
  box-shadow: 0 14px 30px rgba(17, 24, 39, 0.08);
}

.seller-cta__eyebrow {
  display: inline-flex;
  margin-bottom: 10px;
  color: #9be28f;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.seller-cta__title {
  max-width: 620px;
  color: #ffffff;
  font-size: 31px;
  font-weight: 900;
  line-height: 1.14;
  letter-spacing: 0;
}

.seller-cta__text {
  max-width: 620px;
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 15px;
  line-height: 1.62;
}

.seller-cta__stats {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.seller-cta__stats span {
  min-width: 0;
  min-height: 78px;
  padding: 13px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
}

.seller-cta__stats strong {
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.05;
}

.seller-cta__stats small {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
}

.seller-cta__primary {
  min-height: 46px;
  width: fit-content;
  max-width: 100%;
  margin-top: auto;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #153b25;
  background: #ffffff;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.14);
  transition: color 0.18s ease, background 0.18s ease, transform 0.12s ease;
}

.seller-cta__primary:hover {
  color: #ffffff;
  background: #3fa535;
  transform: translateY(-1px);
}

.seller-cta__options {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.seller-option {
  min-width: 0;
  padding: 17px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  background: #ffffff;
  border: 1px solid #dcebd7;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.04);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

.seller-option:hover {
  border-color: #b9ddb2;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
  transform: translateY(-2px);
}

.seller-option__icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  background: #f5fbf2;
  border: 1px solid #d7ebd3;
  border-radius: 12px;
}

.seller-option__icon i {
  font-size: 25px;
  line-height: 1;
}

.seller-option__content {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.seller-option__content small {
  width: fit-content;
  max-width: 100%;
  min-height: 24px;
  margin-bottom: 7px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  color: #2f8f2a;
  background: #f5fbf2;
  border: 1px solid #d7ebd3;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

.seller-option__content strong {
  color: #111827;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0;
}

.seller-option__content span {
  margin-top: 6px;
  color: #5f6b5e;
  font-size: 13.5px;
  font-weight: 550;
  line-height: 1.45;
}

.seller-option__action {
  min-height: 38px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
  transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.seller-option:hover .seller-option__action {
  color: #ffffff;
  background: #3fa535;
  border-color: #3fa535;
}


.site-footer {
  scroll-margin-top: 82px;
  background: #0f2e1d;
  color: #ffffff;
}

.site-footer__inner {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 44px var(--page-pad) 28px;
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.65fr);
  gap: 42px;
}

.site-footer__brand {
  min-width: 0;
}

.site-footer__logo {
  width: fit-content;
  max-width: 100%;
  display: inline-flex;
}

.site-footer__logo img {
  height: 42px;
  width: auto;
  display: block;
  object-fit: contain;
}

.site-footer__text {
  max-width: 420px;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  line-height: 1.62;
}

.site-footer__social {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.site-footer__social a {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 9px;
  transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease, transform 0.12s ease;
}

.site-footer__social a:hover {
  color: #153b25;
  background: #ffffff;
  border-color: #ffffff;
  transform: translateY(-1px);
}

.site-footer__columns {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.site-footer__column {
  min-width: 0;
}

.site-footer__column h2 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0;
}

.site-footer__column ul {
  margin-top: 13px;
  display: grid;
  gap: 9px;
  list-style: none;
}

.site-footer__column a {
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
  transition: color 0.18s ease;
}

.site-footer__column a:hover {
  color: #9be28f;
}

.site-footer__badges {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.site-footer__badges span {
  min-width: 0;
  min-height: 56px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.86);
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

.site-footer__badges i {
  flex: 0 0 auto;
  color: #9be28f;
  font-size: 18px;
}

.site-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.site-footer__bottom-inner {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 16px var(--page-pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.site-footer__bottom p,
.site-footer__legal a,
.site-footer__legal button {
  color: rgba(255, 255, 255, 0.68);
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.35;
}

.site-footer__legal button {
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  font-family: inherit;
  cursor: pointer;
}

.site-footer__credit {
  margin-top: 2px;
}

.site-footer__credit a {
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  background: linear-gradient(90deg, #f97316, #ec4899, #a855f7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transition: filter 0.2s;
}

.site-footer__credit a:hover {
  filter: brightness(1.3);
  text-decoration: none;
}

.site-footer__legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

.site-footer__legal a:hover {
  color: #9be28f;
}

.site-footer__legal button:hover {
  color: #9be28f;
}

.cookie-modal-open {
  overflow: hidden;
}

.cookie-consent {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 1200;
  width: min(920px, calc(100vw - 44px));
}

.cookie-consent__card {
  display: grid;
  grid-template-columns: 56px minmax(260px, 1fr) minmax(360px, auto);
  gap: 18px;
  align-items: center;
  padding: 18px 20px;
  border: 1px solid rgba(49, 163, 49, 0.2);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 26px 70px rgba(4, 24, 12, 0.18);
  backdrop-filter: blur(14px);
}

.cookie-consent__icon {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #eef9ed;
  color: var(--green);
  font-size: 22px;
}

.cookie-consent__content strong {
  display: block;
  color: var(--ink);
  font-size: 17px;
  font-weight: 950;
  line-height: 1.15;
}

.cookie-consent__content p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

.cookie-consent__content {
  min-width: 0;
}

.cookie-consent__actions,
.cookie-modal__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.cookie-consent__actions {
  padding-left: 4px;
}

.cookie-consent__btn {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.cookie-consent__btn:hover {
  transform: translateY(-1px);
}

.cookie-consent .cookie-consent__btn.is-primary,
.cookie-modal .cookie-consent__btn.is-primary {
  border-color: var(--green, #31a331);
  background: var(--green, #31a331);
  color: #ffffff;
  box-shadow: 0 15px 30px rgba(49, 163, 49, 0.22);
  min-width: 154px;
}

.cookie-consent .cookie-consent__btn.is-outline,
.cookie-modal .cookie-consent__btn.is-outline {
  background: #fff;
  color: var(--green, #178a24);
}

.cookie-consent .cookie-consent__btn.is-ghost,
.cookie-modal .cookie-consent__btn.is-ghost {
  background: #f7fbf7;
  color: var(--ink);
}

.cookie-modal {
  position: fixed;
  inset: 0;
  z-index: 1250;
  display: grid;
  place-items: center;
  padding: 24px;
}

.cookie-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(1, 17, 7, 0.48);
  backdrop-filter: blur(5px);
}

.cookie-modal__dialog {
  position: relative;
  width: min(680px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  border: 1px solid rgba(49, 163, 49, 0.2);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.28);
}

.cookie-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 26px 28px 16px;
  border-bottom: 1px solid var(--border);
}

.cookie-modal__head span {
  color: var(--green);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.cookie-modal__head h2 {
  margin: 6px 0 0;
  color: var(--ink);
  font-size: 28px;
  line-height: 1.08;
}

.cookie-modal__close {
  width: 42px;
  height: 42px;
  border: 1px solid var(--border);
  border-radius: 50%;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
}

.cookie-modal__lead {
  margin: 0;
  padding: 18px 28px 0;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.5;
}

.cookie-options {
  display: grid;
  gap: 12px;
  padding: 20px 28px;
}

.cookie-option {
  display: grid;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fff;
  cursor: pointer;
}

.cookie-option.is-locked {
  background: #f7fbf7;
}

.cookie-option input {
  width: 20px;
  height: 20px;
  accent-color: var(--green);
}

.cookie-option strong {
  display: block;
  color: var(--ink);
  font-size: 15px;
  font-weight: 950;
}

.cookie-option small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.4;
}

.cookie-option em {
  padding: 7px 10px;
  border-radius: 999px;
  background: #eaf8e8;
  color: var(--green);
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.cookie-modal__actions {
  padding: 0 28px 28px;
}

@media (max-width: 900px) {
  .cookie-consent {
    right: 16px;
    bottom: 16px;
    width: calc(100vw - 32px);
  }

  .cookie-consent__card {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .cookie-consent__actions {
    grid-column: 1 / -1;
    justify-content: stretch;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cookie-consent__btn {
    width: 100%;
    padding-inline: 12px;
    white-space: normal;
  }
}

.mobile-bottom-nav {
  display: none;
}


.producer-showcase {
  scroll-margin-top: 82px;
  padding: 0 var(--page-pad) 58px;
  background: #fbfbfb;
}

.producer-showcase__inner {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
}

.producer-showcase__header {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

.producer-showcase__heading {
  min-width: 0;
}

.producer-showcase__eyebrow {
  display: inline-flex;
  margin-bottom: 7px;
  color: #3fa535;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.producer-showcase__title {
  color: #101810;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0;
}

.producer-showcase__text {
  max-width: 620px;
  margin-top: 8px;
  color: #5f6b5e;
  font-size: 14.5px;
  line-height: 1.55;
}

.producer-showcase__view-all {
  min-height: 42px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, transform 0.12s ease;
}

.producer-showcase__view-all:hover {
  color: #ffffff;
  background: #3fa535;
  border-color: #3fa535;
  transform: translateY(-1px);
}

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

.producer-card {
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #dcebd7;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.04);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

.producer-card:hover {
  border-color: #b9ddb2;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.08);
  transform: translateY(-2px);
}

.producer-card__top {
  min-height: 96px;
  padding: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  background:
    radial-gradient(circle at 84% 14%, rgba(63, 165, 53, 0.12), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f5fbf2 100%);
  border-bottom: 1px solid #eef4ec;
}

.producer-card__top--cover {
  min-height: 118px;
  background-size: cover;
  background-position: center;
  border-bottom: 0;
}

.producer-card__logo {
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  display: block;
  object-fit: cover;
  background: #ffffff;
  border: 1px solid #dbe9d7;
  border-radius: 50%;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.08);
}

.producer-card__top--cover .producer-card__logo {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(255, 255, 255, 0.78);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

.producer-card__tag {
  min-height: 27px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.producer-card__top--cover .producer-card__tag {
  color: #ffffff;
  background: rgba(17, 24, 39, 0.52);
  border-color: rgba(255, 255, 255, 0.42);
  backdrop-filter: blur(6px);
}

.producer-card__tag i {
  font-size: 12px;
}

.producer-card__body {
  min-width: 0;
  padding: 15px;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.producer-card__name {
  color: #111827;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0;
}

.producer-card__name a:hover {
  color: #2f8f2a;
}

.producer-card__location {
  min-width: 0;
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.3;
}

.producer-card__location i {
  color: #3fa535;
  font-size: 12px;
}

.producer-card__location span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.producer-card__desc {
  min-height: 58px;
  margin-top: 10px;
  color: #5f6b5e;
  font-size: 13.5px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.producer-card__previews {
  margin-top: 13px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.producer-card__preview {
  aspect-ratio: 1 / 1;
  min-width: 0;
  overflow: hidden;
  display: block;
  background: #ffffff;
  border: 1px solid #e1edde;
  border-radius: 8px;
}

.producer-card__preview img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.producer-card__meta {
  margin-top: 13px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.producer-card__meta span {
  min-width: 0;
  min-height: 48px;
  padding: 8px 7px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #607060;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.producer-card__meta strong {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
  color: #111827;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.1;
}

.producer-card__meta strong i {
  flex: 0 0 auto;
  color: #f59e0b;
  font-size: 12px;
  line-height: 1;
}

.producer-card__btn {
  min-height: 42px;
  margin-top: 14px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #3fa535;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  transition: background 0.18s ease, transform 0.12s ease;
}

.producer-card__btn:hover {
  background: #2d8a27;
  transform: translateY(-1px);
}


@media (max-width: 1280px) {
  :root {
    --page-pad: 20px;
  }

  .sponsors-inner {
    padding: 24px 24px 28px;
  }
}

@media (max-width: 1100px) {

  .category-rail__panel,
  .category-rail--media-right .category-rail__panel {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .category-rail--media-right .category-rail__visual,
  .category-rail--media-right .category-rail__content {
    order: initial;
  }

  .category-rail__visual {
    aspect-ratio: 1 / 1;
    height: auto;
    width: min(100%, 360px);
    min-height: 0;
  }

  .category-rail__visual-copy small {
    max-width: 520px;
  }
}

@media (max-width: 1024px) {
  .sponsors__grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
  }

  .team-cta__inner {
    grid-template-columns: 1fr;
  }

  .team-cta__panel {
    max-width: 560px;
  }

  .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .producer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .team-ranking__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .category-rail__track {
    grid-auto-columns: calc((100% - 28px) / 3);
  }

  .seller-cta__inner {
    grid-template-columns: 1fr;
  }

  .seller-cta__primary {
    margin-top: 24px;
  }

  .site-footer__inner {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .site-footer__columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero {
    padding: 12px var(--page-pad);
  }

  .hero-inner {
    gap: 12px;
  }

  .service-features__inner {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .service-features__item {
    border-left: 1px solid #e8eee6;
  }

  .service-features__item:nth-child(3n + 1) {
    border-left: none;
  }

  .service-features__item:nth-child(n + 4) {
    border-top: 1px solid #e8eee6;
  }
}

@media (max-width: 768px) {
  :root {
    --page-pad: 16px;
  }

  .sponsors {
    padding: 16px var(--page-pad) 28px;
  }

  .sponsors-inner {
    padding: 20px 20px 24px;
  }

  .sponsors__header {
    margin-bottom: 24px;
  }

  .sponsors__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
  }

  .sponsors__title {
    font-size: 13px;
  }

  .sponsors__empty {
    margin: 0;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 22px;
  }

  .sponsors__apply-btn {
    grid-column: 1 / -1;
    width: 100%;
  }

  .service-features {
    padding: 0 var(--page-pad) 34px;
  }

  .category-products {
    scroll-margin-top: 118px;
    padding: 0 var(--page-pad) 34px;
  }

  .category-rail {
    scroll-margin-top: 118px;
  }

  .category-products__inner {
    gap: 34px;
  }

  .category-rail__visual {
    width: 100%;
    min-height: 0;
    border-radius: 12px;
  }

  .category-rail__visual-copy {
    padding: 20px;
  }

  .category-rail__visual-copy strong {
    font-size: 23px;
  }

  .team-cta {
    padding: 0 var(--page-pad) 36px;
  }

  .team-cta__inner {
    padding: 28px 24px;
    gap: 24px;
  }

  .product-showcase {
    scroll-margin-top: 118px;
    padding: 0 var(--page-pad) 40px;
  }

  .producer-showcase {
    scroll-margin-top: 118px;
    padding: 0 var(--page-pad) 42px;
  }

  .team-ranking {
    scroll-margin-top: 118px;
    padding: 0 var(--page-pad) 42px;
  }

  .seller-cta {
    scroll-margin-top: 118px;
    padding: 0 var(--page-pad) 42px;
  }

  .site-footer {
    scroll-margin-top: 118px;
  }

  .team-ranking__inner {
    padding: 24px;
  }

  .seller-cta__intro {
    padding: 26px;
  }

  .site-footer__badges {
    grid-template-columns: 1fr;
  }

  .site-footer__bottom-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .site-footer__legal {
    justify-content: flex-start;
  }

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

  .producer-showcase__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .team-ranking__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .category-rail__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .product-showcase__title {
    font-size: 25px;
  }

  .category-rail__title {
    font-size: 25px;
  }

  .producer-showcase__title {
    font-size: 25px;
  }

  .team-ranking__title {
    font-size: 25px;
  }

  .seller-cta__title {
    font-size: 26px;
  }

  .product-showcase__view-all {
    width: 100%;
  }

  .producer-showcase__view-all {
    width: 100%;
  }

  .team-ranking__view-all {
    width: 100%;
  }

  .category-rail__view-all {
    width: 100%;
  }

  .category-rail__track {
    grid-auto-columns: calc((100% - 14px) / 2);
  }

  .category-rail__nav {
    width: 40px;
    height: 40px;
  }

  .category-rail__nav--prev {
    left: 8px;
  }

  .category-rail__nav--next {
    right: 8px;
  }

  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .team-cta__title {
    font-size: 27px;
  }

  .team-cta__text {
    font-size: 14px;
  }

  .team-cta__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .team-cta__btn {
    width: 100%;
    min-width: 0;
    white-space: normal;
    text-align: center;
  }

  .service-features__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .service-features__item {
    min-height: 104px;
    padding: 18px;
    border-left: none;
  }

  .service-features__item:nth-child(3n + 1) {
    border-left: none;
  }

  .service-features__item:nth-child(2n) {
    border-left: 1px solid #e8eee6;
  }

  .service-features__item:nth-child(n + 3) {
    border-top: 1px solid #e8eee6;
  }

  .service-features__item:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  :root {
    --page-pad: 12px;
  }

  .hero {
    padding: 14px var(--page-pad) 20px;
  }

  .sponsors {
    padding: 14px var(--page-pad) 24px;
  }

  .sponsors-inner {
    padding: 16px 16px 20px;
  }

  .sponsors__header {
    margin-bottom: 20px;
  }

  .sponsors__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
  }

  .sponsors__item {
    min-height: 70px;
    padding: 12px 8px;
  }

  .sponsors__empty {
    margin: 0;
    padding: 18px;
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
  }

  .sponsors__empty-icon {
    width: 56px;
    height: 56px;
  }

  .sponsors__empty-title {
    font-size: 18px;
  }

  .sponsors__empty-text {
    font-size: 13px;
  }

  .service-features {
    padding: 0 var(--page-pad) 28px;
  }

  .category-products {
    scroll-margin-top: 126px;
    padding: 0 var(--page-pad) 28px;
  }

  .category-rail {
    scroll-margin-top: 126px;
  }

  .category-products__inner {
    gap: 30px;
  }

  .category-rail__panel {
    gap: 14px;
  }

  .category-rail__visual {
    min-height: 0;
  }

  .category-rail__visual-copy {
    padding: 16px;
    gap: 6px;
  }

  .category-rail__visual-copy>span {
    min-height: 25px;
    font-size: 11px;
  }

  .category-rail__visual-copy strong {
    font-size: 20px;
  }

  .category-rail__visual-copy small {
    font-size: 12.5px;
  }

  .team-cta {
    padding: 0 var(--page-pad) 30px;
  }

  .team-cta__inner {
    padding: 24px 20px;
    border-radius: 16px;
  }

  .product-showcase {
    scroll-margin-top: 126px;
    padding: 0 var(--page-pad) 32px;
  }

  .producer-showcase {
    scroll-margin-top: 126px;
    padding: 0 var(--page-pad) 34px;
  }

  .team-ranking {
    scroll-margin-top: 126px;
    padding: 0 var(--page-pad) 34px;
  }

  .seller-cta {
    scroll-margin-top: 126px;
    padding: 0 var(--page-pad) 36px;
  }

  .site-footer {
    scroll-margin-top: 126px;
  }

  .team-ranking__inner {
    padding: 20px;
    border-radius: 14px;
  }

  .seller-cta__intro {
    padding: 22px;
    border-radius: 14px;
  }

  .product-showcase__title {
    font-size: 23px;
  }

  .category-rail__title {
    font-size: 23px;
  }

  .producer-showcase__title {
    font-size: 23px;
  }

  .team-ranking__title {
    font-size: 23px;
  }

  .seller-cta__title {
    font-size: 24px;
  }

  .product-showcase__text {
    font-size: 13.5px;
  }

  .category-rail__text {
    font-size: 13.5px;
  }

  .producer-showcase__text {
    font-size: 13.5px;
  }

  .team-ranking__text {
    font-size: 13.5px;
  }

  .seller-cta__text {
    font-size: 13.5px;
  }

  .product-grid {
    grid-template-columns: 1fr;
  }

  .category-rail__track {
    grid-auto-columns: 82%;
  }

  .category-rail__nav {
    width: 36px;
    height: 36px;
    font-size: 13px;
  }

  .category-rail__nav--prev {
    left: 6px;
  }

  .category-rail__nav--next {
    right: 6px;
  }

  .producer-grid {
    grid-template-columns: 1fr;
  }

  .team-ranking__grid {
    grid-template-columns: 1fr;
  }

  .product-card__media {
    min-height: 168px;
  }

  .producer-card__desc {
    min-height: auto;
  }

  .team-card {
    padding: 16px;
  }

  .team-card__spending strong {
    font-size: 19px;
  }

  .team-card__discounts {
    grid-template-columns: 1fr;
  }

  .team-card__discounts span {
    min-height: 50px;
  }

  .seller-cta__stats {
    grid-template-columns: 1fr;
  }

  .seller-cta__stats span {
    min-height: 62px;
  }

  .seller-cta__primary {
    width: 100%;
    white-space: normal;
    text-align: center;
  }

  .site-footer__inner {
    padding: 34px var(--page-pad) 24px;
    gap: 26px;
  }

  .site-footer__columns {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .site-footer__logo img {
    height: 34px;
  }

  .site-footer__badges span {
    min-height: 52px;
    padding: 0 14px;
  }

  .seller-option {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
  }

  .seller-option__action {
    grid-column: 1 / -1;
    width: 100%;
  }

  .team-cta__title {
    font-size: 23px;
  }

  .team-cta__actions {
    grid-template-columns: 1fr;
    overflow: hidden;
  }

  .team-cta__btn {
    width: 100%;
  }

  .team-cta__panel {
    padding: 18px;
  }

  .service-features__inner {
    grid-template-columns: 1fr;
  }

  .service-features__item {
    min-height: 82px;
    padding: 16px 18px;
    border-left: none !important;
  }

  .service-features__item:last-child:nth-child(odd) {
    grid-column: auto;
  }

  .service-features__item+.service-features__item {
    border-top: 1px solid #e8eee6;
  }

  .service-features__icon {
    width: 42px;
    height: 42px;
  }

  .service-features__icon i {
    font-size: 28px;
  }

  .service-features__text strong {
    font-size: 14px;
  }

  .service-features__text small {
    font-size: 12.5px;
  }
}


@media (max-width: 1280px) {
  .hero-card__pre {
    font-size: 22px;
    margin-bottom: -2px;
  }

  .hero-card--main .hero-card__title {
    font-size: 38px;
    letter-spacing: 0;
  }

  .hero-card {
    padding: 28px 30px;
    min-height: 210px;
  }

  .hero-card--main .hero-card__content {
    max-width: 380px;
  }

  .hero-card--premium .hero-card__content {
    max-width: 260px;
  }

  .hero-card--flash .hero-card__content {
    max-width: 220px;
  }

  .hero-card__desc {
    font-size: 14px;
  }
}

@media (max-width: 900px) and (min-width: 769px) {
  .header-inner {
    gap: 14px;
  }

  .header-nav {
    gap: 2px;
  }

  .header-nav__labels,
  .header-nav__label {
    display: none;
  }

  .header-nav__item {
    padding: 6px 8px;
    gap: 0;
  }
}

@media (max-width: 1024px) {
  .header-inner {
    height: 64px;
  }

  .header-logo img {
    height: 34px;
  }

  .header-search__input {
    height: 40px;
    font-size: 13.5px;
  }

  .header-search__btn {
    height: 40px;
    padding: 0 18px;
    font-size: 13.5px;
  }

  .header-nav__label,
  .header-nav__label-bottom {
    font-size: 12.5px;
  }

  .header-nav {
    gap: 4px;
  }

  .header-nav__item {
    padding: 6px 8px;
  }

  .subnav__links {
    display: none;
  }

  .subnav__right {
    margin-left: auto;
  }

  .subnav__category-menu {
    width: 250px;
  }

  .hero-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .hero-card--main {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    background-image: url('../images/hero-main-md.webp') !important;
    background-size: 100% auto;
    background-position: right bottom;
    justify-content: flex-start;
  }

  .hero-card--premium {
    grid-column: 2 / 3;
    grid-row: 1;
    background-image: url('../images/hero-premium-md.webp') !important;
    background-size: 100% auto;
    background-position: right bottom;
  }

  .hero-card--flash {
    grid-column: 2 / 3;
    grid-row: 2;
    background-image: url('../images/hero-flash-md.webp') !important;
    background-size: 100% auto;
    background-position: right bottom;
  }

  .hero-card {
    padding: 24px 24px;
    min-height: 180px;
  }

  .hero-card--main {
    min-height: 380px;
    padding-top: 34px;
  }

  .hero-card--main .hero-card__content {
    max-width: 300px;
  }

  .hero-card--premium .hero-card__content {
    max-width: 240px;
  }

  .hero-card--flash .hero-card__content {
    max-width: 220px;
  }

  .hero-card__pre {
    font-size: 20px;
    margin-bottom: -3px;
  }

  .hero-card--main .hero-card__title {
    font-size: 36px;
    letter-spacing: 0;
  }

  .hero-card--premium .hero-card__title,
  .hero-card--flash .hero-card__title {
    font-size: 15px;
  }

  .hero-card__desc {
    font-size: 13px;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  .header-inner {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    gap: 10px;
  }

  .header-search {
    grid-column: 1 / 3;
    grid-row: 2;
  }

  .header-nav {
    grid-column: 2 / 3;
    grid-row: 1;
    justify-content: flex-end;
    gap: 2px;
  }

  .header-nav__labels,
  .header-nav__label {
    display: none;
  }

  .header-nav__item {
    padding: 6px 8px;
    gap: 0;
  }

  .subnav__seller {
    display: none;
  }

  .subnav__premium,
  .subnav__seller-panel {
    font-size: 12px;
    padding: 4px 10px;
  }

  .subnav__categories {
    font-size: 12px;
  }

  .subnav__categories-wrap {
    padding-right: 16px;
    margin-right: 16px;
  }

  .subnav__category-menu {
    width: 230px;
  }

  .hero-inner {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .hero-card--main {
    grid-column: auto;
    grid-row: auto;
    min-height: 180px;
    background-image: url('../images/hero-main-sm.webp') !important;
  }

  .hero-card--premium {
    grid-column: auto;
    grid-row: auto;
    min-height: 160px;
    background-image: url('../images/hero-premium-sm.webp') !important;
  }

  .hero-card--flash {
    grid-column: auto;
    grid-row: auto;
    min-height: 160px;
    background-image: url('../images/hero-flash-sm.webp') !important;
  }

  .hero-card {
    padding: 22px 24px;
    min-height: 160px;
    background-size: 100% auto;
    background-position: right bottom;
  }

  .hero-card--main {
    min-height: 250px;
    justify-content: flex-start;
    padding-top: 34px;
  }

  .hero-card--premium,
  .hero-card--flash {
    min-height: 186px;
  }

  .hero-card--main .hero-card__content {
    width: min(58%, 330px);
    max-width: none;
  }

  .hero-card--premium .hero-card__content {
    width: min(56%, 250px);
    max-width: none;
  }

  .hero-card--flash .hero-card__content {
    width: min(56%, 250px);
    max-width: none;
  }

  .hero-card__pre {
    font-size: 20px;
    margin-bottom: -2px;
  }

  .hero-card--main .hero-card__title {
    font-size: 32px;
    letter-spacing: 0;
  }

  .hero-card--premium .hero-card__title,
  .hero-card--flash .hero-card__title {
    font-size: 16px;
  }

  .hero-card__desc {
    font-size: 13px;
  }

  .hero-card__btn {
    padding: 10px 20px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .header-inner {
    padding-top: 10px;
    padding-bottom: 10px;
    gap: 8px;
  }

  .header-logo img {
    height: 28px;
  }

  .header-search__input {
    height: 38px;
    font-size: 13px;
  }

  .header-search__btn {
    height: 38px;
    padding: 0 14px;
    font-size: 13px;
    gap: 5px;
  }

  .subnav__premium {
    display: none;
  }

  .subnav__seller-panel {
    padding: 4px 9px;
    font-size: 11.5px;
  }

  .subnav__categories-wrap {
    padding-right: 12px;
    margin-right: 0;
  }

  .subnav__category-menu {
    width: min(260px, calc(100vw - 24px));
  }

  .hero-inner {
    gap: 8px;
  }

  .hero-card--main {
    background-image: url('../images/hero-main-xs.webp') !important;
    min-height: 180px;
  }

  .hero-card--premium {
    background-image: url('../images/hero-premium-xs.webp') !important;
    min-height: 150px;
  }

  .hero-card--flash {
    background-image: url('../images/hero-flash-xs.webp') !important;
    min-height: 150px;
  }

  .hero-card {
    padding: 18px 20px;
    min-height: 150px;
    background-size: 100% auto;
    background-position: right bottom;
  }

  .hero-card--main {
    min-height: 234px;
    padding-top: 34px;
  }

  .hero-card--premium,
  .hero-card--flash {
    min-height: 184px;
  }

  .hero-card--main .hero-card__content {
    width: min(58%, 230px);
    max-width: none;
  }

  .hero-card--premium .hero-card__content {
    width: min(52%, 190px);
    max-width: none;
  }

  .hero-card--flash .hero-card__content {
    width: min(52%, 190px);
    max-width: none;
  }

  .hero-card__pre {
    font-size: 18px;
    margin-bottom: -2px;
  }

  .hero-card--main .hero-card__title {
    font-size: 25px;
    letter-spacing: 0;
  }

  .hero-card--premium .hero-card__title,
  .hero-card--flash .hero-card__title {
    font-size: 15px;
  }

  .hero-card__desc {
    font-size: 12px;
  }

  .hero-card__btn {
    padding: 9px 16px;
    font-size: 12px;
    margin-top: 10px;
  }
}


@media (max-width: 1180px) {
  .search-market-head__main {
    flex-direction: column;
  }

  .category-market-head__main {
    flex-direction: column;
  }

  .category-market-head__summary {
    min-width: 0;
    width: 100%;
  }

  .category-market-layout {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .market-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .category-empty-market__links,
  .category-empty-products__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .category-listing-hero {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  }

  .category-listing-hero__content {
    padding: 28px;
  }

  .category-listing-hero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .category-listing-hero__stats span:nth-child(odd) {
    border-left: 0;
  }

  .category-listing-hero__stats span:nth-child(n + 3) {
    border-top: 1px solid #e1edde;
  }

  .category-listing-layout {
    grid-template-columns: 250px minmax(0, 1fr);
  }

  .category-results__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .category-market-page {
    padding-top: 18px;
    padding-bottom: 46px;
  }

  .category-market-layout {
    grid-template-columns: 1fr;
  }

  .market-filter-sidebar {
    position: static;
    order: 2;
  }

  .market-results {
    order: 1;
  }

  .market-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
  }

  .market-filter-block {
    border-top: 1px solid #edf4ea;
  }

  .market-filter-block:first-of-type {
    grid-column: 1 / -1;
  }

  .market-filter-form button,
  .market-filter-form__clear {
    margin-top: 0;
  }

  .market-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .search-empty-suggestions {
    grid-template-columns: 1fr;
  }

  .category-empty-market__hero {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .category-empty-market__hero .page-return-actions,
  .category-empty-market__home {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: flex-start;
  }

  .category-empty-market__links,
  .category-empty-products__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .category-listing-page {
    padding-top: 18px;
    padding-bottom: 46px;
  }

  .category-listing-hero {
    grid-template-columns: 1fr;
  }

  .category-listing-hero__media {
    order: -1;
    min-height: 240px;
  }

  .category-listing-layout {
    grid-template-columns: 1fr;
  }

  .category-filter-panel {
    position: static;
  }

  .category-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .category-filter-form__range {
    grid-column: 1 / -1;
  }

  .category-filter-form button,
  .category-filter-form__clear {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .header-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
    max-width: 100vw;
    width: 100%;
    overflow: hidden;
  }

  .header-logo {
    order: 1;
    flex: 0 0 124px;
    max-width: 124px;
    min-width: 0;
  }

  .header-logo img {
    max-width: 124px;
    height: 30px;
  }

  .header-nav {
    order: 2;
    flex: 0 0 auto;
    margin-left: auto;
    width: auto;
    min-width: 0;
    max-width: none;
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    overflow: visible;
  }

  .header-nav__item {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    justify-content: center;
  }

  .header-nav__icon {
    width: 24px;
    height: 24px;
    font-size: 22px;
  }

  .header-nav__badge {
    top: -6px;
    right: -7px;
    min-width: 17px;
    height: 17px;
    font-size: 10px;
    border-width: 2px;
  }

  .header-search {
    order: 3;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 52px;
    overflow: hidden;
  }

  .header-search__input {
    width: 100%;
  }

  .header-search__btn {
    width: 52px;
    min-width: 0;
    padding: 0;
    font-size: 13px;
    gap: 0;
    white-space: nowrap;
  }

  .header-search__btn i {
    display: none;
  }

  .subnav__premium {
    display: none;
  }

  .subnav__seller-panel {
    padding: 4px 8px;
    gap: 5px;
  }

  .subnav-inner {
    width: 100%;
    overflow: hidden;
  }

  .category-listing-page {
    padding-left: var(--page-pad);
    padding-right: var(--page-pad);
  }

  .category-market-page {
    padding-left: var(--page-pad);
    padding-right: var(--page-pad);
  }

  .search-market-page {
    padding-left: var(--page-pad);
    padding-right: var(--page-pad);
  }

  .category-market-head {
    padding: 16px;
  }

  .search-market-head {
    padding: 16px;
  }

  .category-market-head h1 {
    font-size: 24px;
  }

  .search-market-head h1 {
    font-size: 24px;
  }

  .category-market-head p {
    font-size: 13px;
  }

  .search-market-head p {
    font-size: 13px;
  }

  .category-market-head__summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .category-market-head__summary span {
    min-height: 50px;
    padding: 8px 9px;
    border-left: 1px solid #e1edde;
    border-top: 0;
  }

  .category-market-head__summary span:first-child {
    border-left: 0;
  }

  .category-market-chips {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .search-market-form {
    grid-template-columns: minmax(0, 1fr) 72px;
  }

  .search-market-form button {
    min-width: 0;
    padding: 0;
    font-size: 13px;
  }

  .search-market-form button i {
    display: none;
  }

  .market-results,
  .market-filter-sidebar {
    padding: 12px;
  }

  .market-filter-form {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .market-results__top {
    align-items: stretch;
    flex-direction: column;
  }

  .market-sort-select {
    flex: none;
    width: 100%;
  }

  .market-results__title h2 {
    font-size: 19px;
  }

  .market-results__insight {
    padding: 9px;
  }

  .market-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .market-product-card__body {
    padding: 10px;
  }

  .market-product-card__prices strong {
    font-size: 18px;
  }

  .category-empty-market__hero {
    padding: 20px;
    grid-template-columns: 1fr;
    text-align: left;
  }

  .category-empty-market__hero .page-return-actions {
    width: 100%;
  }

  .category-empty-market__icon {
    width: 58px;
    height: 58px;
    border-radius: 14px;
    font-size: 22px;
  }

  .category-empty-market__copy h2 {
    font-size: 21px;
  }

  .category-empty-market__copy p {
    font-size: 13px;
  }

  .category-empty-market__links,
  .category-empty-products__grid {
    grid-template-columns: 1fr;
  }

  .category-empty-products {
    padding: 14px;
  }

  .category-empty-products__header h2 {
    font-size: 20px;
  }

  .category-listing-hero__content {
    padding: 22px;
  }

  .category-listing-hero h1 {
    font-size: 28px;
  }

  .category-listing-hero p {
    font-size: 13.5px;
  }

  .category-listing-hero__media {
    min-height: 190px;
  }

  .category-listing-hero__stats {
    grid-template-columns: 1fr;
  }

  .category-listing-hero__stats span {
    min-height: 64px;
    border-left: 0;
    border-top: 1px solid #e1edde;
  }

  .category-listing-hero__stats span:first-child {
    border-top: 0;
  }

  .category-listing-hero__stats span:nth-child(n + 3) {
    border-top: 1px solid #e1edde;
  }

  .category-listing-hero__chips a {
    flex: 1 1 calc(50% - 8px);
    min-width: 0;
    justify-content: center;
    text-align: center;
    white-space: normal;
  }

  .category-filter-form {
    grid-template-columns: 1fr;
  }

  .category-filter-form__range {
    grid-template-columns: 1fr;
  }

  .category-results {
    padding: 16px;
  }

  .category-results__toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .category-results__toolbar h2 {
    font-size: 24px;
  }

  .category-results__toolbar>a {
    width: 100%;
  }

  .category-results__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {

  .product-detail-page,
  .cart-page {
    max-width: 100%;
    overflow-x: hidden;
  }

  .product-detail,
  .product-detail__gallery,
  .product-detail__summary,
  .product-info-grid,
  .product-info-card,
  .seller-summary-card,
  .product-reviews,
  .cart-layout,
  .cart-items,
  .cart-summary,
  .cart-empty,
  .cart-recommendations {
    min-width: 0;
    max-width: 100%;
  }

  .product-detail__gallery,
  .product-detail__summary {
    width: 100%;
  }

  .product-detail__image {
    width: 100%;
    min-height: 0;
    aspect-ratio: 1 / 1;
  }

  .product-detail__zoom-button,
  .product-detail__zoom-button img {
    min-width: 0;
    max-width: 100%;
  }

  .product-detail__title {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .product-detail__price-box,
  .product-detail__seller,
  .product-detail__benefits span,
  .product-detail__mini-panel,
  .cart-item {
    min-width: 0;
  }

  .product-lightbox {
    padding: 14px;
  }

  .product-lightbox__dialog {
    padding: 14px;
  }
}


.auth-page {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 30px var(--page-pad) 66px;
}

.account-page {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 16px var(--page-pad) 64px;
}

.auth-shell {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(390px, 460px);
  gap: 22px;
  align-items: stretch;
}

.auth-panel,
.auth-card,
.account-hero,
.account-card {
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.05);
}

.auth-panel {
  position: relative;
  min-width: 0;
  min-height: 560px;
  padding: 34px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(260px, 0.55fr);
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 24px 28px;
  align-items: center;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(5, 25, 12, 0.98) 0%, rgba(12, 54, 21, 0.95) 55%, rgba(34, 105, 39, 0.9) 100%),
    url("../images/categories/sofra-yoresel-cover.webp") center / cover no-repeat;
  border-color: #cfe4cb;
  box-shadow: 0 18px 42px rgba(17, 24, 39, 0.08);
}

.auth-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5, 18, 10, 0.46), rgba(5, 18, 10, 0.08) 58%, rgba(5, 18, 10, 0.35)),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 18px);
}

.auth-panel__copy,
.auth-showcase,
.auth-benefits {
  position: relative;
  z-index: 1;
}

.auth-panel__copy {
  min-width: 0;
  max-width: 620px;
}

.auth-panel__eyebrow,
.account-hero span,
.account-card>span {
  display: inline-flex;
  color: #2f8f2a;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}

.auth-panel__eyebrow {
  color: #baf5a9;
}

.auth-panel h1,
.auth-card__head h2,
.account-hero h1,
.account-card h2 {
  color: #071107;
  font-weight: 850;
  letter-spacing: 0;
}

.auth-panel h1 {
  color: #ffffff;
  margin-top: 12px;
  font-size: 43px;
  line-height: 1.06;
}

.auth-panel p {
  max-width: 540px;
  margin-top: 14px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 15.5px;
  line-height: 1.65;
}

.auth-metrics {
  margin-top: 30px;
  padding-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.auth-metrics span {
  min-width: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.4;
}

.auth-metrics strong {
  display: block;
  margin-bottom: 3px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}

.auth-showcase {
  min-width: 0;
  width: 100%;
  max-width: 320px;
  justify-self: end;
}

.auth-showcase__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.auth-showcase__grid img {
  min-width: 0;
  width: 100%;
  aspect-ratio: 1 / 1;
  display: block;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
}

.auth-showcase__grid img:nth-child(2),
.auth-showcase__grid img:nth-child(4) {
  transform: translateY(22px);
}

.auth-showcase__badge {
  min-width: 0;
  max-width: calc(100% - 24px);
  min-height: 42px;
  margin: 0 auto;
  transform: translateY(-4px);
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #0f2d12;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.18);
}

.auth-showcase__badge i {
  color: #3fa535;
}

.auth-benefits {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.auth-benefits span {
  min-width: 0;
  min-height: 54px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.3;
  backdrop-filter: blur(8px);
}

.auth-benefits i {
  color: #baf5a9;
}

.auth-card {
  min-width: 0;
  padding: 28px;
  align-self: center;
  box-shadow: 0 18px 42px rgba(17, 24, 39, 0.08);
}

.auth-card__head {
  margin-bottom: 20px;
}

.auth-card__brand {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.auth-card__brand img {
  width: 126px;
  height: auto;
  display: block;
}

.auth-card__brand span {
  min-height: 30px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  color: #2f8f2a;
  background: #f3fbf1;
  border: 1px solid #dcebd8;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.auth-card__head h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1.14;
}

.auth-card__head p {
  margin-top: 8px;
  color: #5f6b5e;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.45;
}

.auth-alert {
  margin-bottom: 14px;
  padding: 12px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
}

.auth-alert--error {
  color: #991b1b;
  background: #fff7f7;
  border: 1px solid #fecaca;
}

.auth-alert--success {
  color: #166534;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
}

.auth-alert p+p {
  margin-top: 4px;
}

.auth-google-btn {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #111827;
  background: #ffffff;
  border: 1px solid #d8e5d5;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.04);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease, background 0.18s ease;
}

.auth-google-btn:not(.is-disabled):hover {
  background: #fbfdfb;
  border-color: #9bcf94;
  box-shadow: 0 12px 24px rgba(17, 24, 39, 0.08);
  transform: translateY(-1px);
}

.auth-google-btn i {
  color: #ea4335;
  font-size: 16px;
}

.auth-google-btn.is-disabled {
  color: #7b8579;
  background: #f8fbf6;
  cursor: not-allowed;
}

.auth-divider {
  margin: 18px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #7b8579;
  font-size: 12.5px;
  font-weight: 750;
}

.auth-divider::before,
.auth-divider::after {
  content: "";
  height: 1px;
  flex: 1;
  background: #e1edde;
}

.auth-form {
  display: grid;
  gap: 13px;
}

.auth-form label {
  display: grid;
  gap: 7px;
}

.auth-form label span {
  color: #111827;
  font-size: 13px;
  font-weight: 850;
}

.auth-form__hint {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #647261;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.4;
}

.auth-form__hint i {
  color: #25d366;
  font-size: 14px;
}

.auth-form input,
.auth-form select,
.auth-form textarea {
  width: 100%;
  padding: 0 14px;
  color: #111827;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  outline: 0;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.auth-form input,
.auth-form select {
  height: 48px;
}

.auth-form textarea {
  min-height: 86px;
  padding-top: 12px;
  padding-bottom: 12px;
  resize: vertical;
  line-height: 1.45;
}

.auth-form input:focus,
.auth-form select:focus,
.auth-form textarea:focus {
  border-color: #3fa535;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.14);
}

.auth-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.form-split,
.profile-name-grid {
  width: min(560px, 100%);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.auth-form .form-split {
  width: 100%;
}

.profile-step .profile-name-grid {
  margin-top: 24px;
}

.profile-step .profile-name-grid label {
  width: 100%;
  margin-top: 0;
}

.auth-form button {
  min-height: 50px;
  margin-top: 6px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 850;
  cursor: pointer;
  box-shadow: 0 14px 26px rgba(63, 165, 53, 0.22);
  transition: transform 0.12s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.auth-form button:hover {
  background: #2f982d;
  box-shadow: 0 16px 28px rgba(63, 165, 53, 0.27);
  transform: translateY(-1px);
}

.auth-card--verification {
  max-width: 520px;
  width: 100%;
  justify-self: center;
}

.registration-otp {
  margin-bottom: 18px;
  padding: 14px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  color: #153d1b;
  background: linear-gradient(135deg, #f0fdf4, #f8fcf6);
  border: 1px solid #cce9ca;
  border-radius: 12px;
}

.registration-otp__icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: #ffffff;
  background: #25d366;
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(37, 211, 102, 0.2);
  font-size: 22px;
}

.registration-otp__copy {
  display: grid;
  gap: 3px;
}

.registration-otp__copy strong {
  font-size: 14px;
  font-weight: 900;
}

.registration-otp__copy span {
  color: #5f6b5e;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.auth-form--otp {
  gap: 15px;
}

.auth-form .registration-otp__input {
  height: 58px;
  text-align: center;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.32em;
  font-variant-numeric: tabular-nums;
}

.registration-otp__actions {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 18px;
}

.registration-otp__actions form {
  margin: 0;
}

.registration-otp__link {
  padding: 6px 2px;
  color: #2f8f2a;
  background: transparent;
  border: 0;
  font: inherit;
  font-size: 12.5px;
  font-weight: 850;
  cursor: pointer;
}

.registration-otp__link:hover:not(:disabled) {
  text-decoration: underline;
}

.registration-otp__link:disabled {
  color: #879385;
  cursor: wait;
}

.auth-switch {
  margin-top: 18px;
  color: #536151;
  font-size: 13.5px;
  font-weight: 700;
  text-align: center;
}

.auth-switch a {
  color: #2f8f2a;
  font-weight: 850;
}

.account-hero {
  padding: 24px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  background:
    radial-gradient(circle at 92% 10%, rgba(63, 165, 53, 0.14), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #f7fbf5 100%);
}

.account-hero__avatar {
  width: 72px;
  height: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 50%;
  font-size: 28px;
  font-weight: 850;
  box-shadow: 0 10px 22px rgba(17, 24, 39, 0.08);
}

.account-hero__avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.account-hero h1 {
  margin-top: 6px;
  font-size: 31px;
  line-height: 1.15;
}

.account-hero p {
  margin-top: 5px;
  color: #536151;
  font-size: 14px;
  font-weight: 700;
}

.account-hero>a {
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #111827;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 850;
  white-space: nowrap;
}

.account-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.account-card {
  min-width: 0;
  padding: 22px;
}

.account-card h2 {
  margin-top: 6px;
  font-size: 22px;
  line-height: 1.25;
}

.account-card dl {
  margin-top: 16px;
  display: grid;
  gap: 10px;
}

.account-card dl div {
  min-width: 0;
  padding: 11px 0;
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 12px;
  border-bottom: 1px solid #edf4ea;
}

.account-card dt {
  color: #7b8579;
  font-size: 13px;
  font-weight: 800;
}

.account-card dd {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #111827;
  font-size: 13.5px;
  font-weight: 850;
}

.account-oauth-list {
  margin-top: 16px;
  display: grid;
  gap: 10px;
  list-style: none;
}

.account-oauth-list li {
  min-width: 0;
  padding: 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 10px;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
}

.account-oauth-list i {
  grid-row: 1 / 3;
  color: #ea4335;
  font-size: 18px;
}

.account-oauth-list strong,
.account-oauth-list small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-oauth-list strong {
  color: #111827;
  font-size: 14px;
  font-weight: 850;
}

.account-oauth-list small,
.account-muted {
  color: #5f6b5e;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

.account-layout {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.account-sidebar {
  position: sticky;
  top: 136px;
  min-width: 0;
  padding: 10px;
  display: grid;
  gap: 6px;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.05);
}

.account-sidebar a {
  min-height: 44px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #425340;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 850;
  transition: background 0.18s ease, color 0.18s ease;
}

.account-sidebar a i {
  width: 18px;
  color: #3fa535;
  text-align: center;
}

.account-sidebar a:hover,
.account-sidebar a.is-active {
  color: #0d1f0f;
  background: #eff9ed;
}

.account-panel {
  min-width: 0;
}

.account-section-head {
  min-width: 0;
  margin-bottom: 14px;
  padding: 22px;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.04);
}

.account-section-head--action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.account-section-head span {
  display: inline-flex;
  color: #2f8f2a;
  font-size: 12.5px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.account-section-head h2 {
  margin-top: 6px;
  color: #071107;
  font-size: 26px;
  font-weight: 900;
  line-height: 1.15;
}

.account-section-head p {
  max-width: 620px;
  margin-top: 7px;
  color: #5f6b5e;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
}

.account-section-head>a,
.account-empty a {
  min-height: 40px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 12px 24px rgba(63, 165, 53, 0.14);
}

.account-alert {
  margin-bottom: 14px;
  padding: 14px 16px;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 800;
  line-height: 1.45;
}

.account-alert i {
  margin-top: 2px;
}

.account-alert--success {
  color: #1f7a2f;
  background: #eff9ed;
  border: 1px solid #cfe8c9;
}

.account-alert--error {
  color: #b42318;
  background: #fff3f0;
  border: 1px solid #ffd3cc;
}

.account-card__action {
  min-height: 40px;
  margin-top: 14px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 12px 24px rgba(63, 165, 53, 0.14);
}

.account-profile-panel {
  padding: 22px;
  display: grid;
  gap: 18px;
}

.account-profile-panel__head {
  padding-bottom: 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #e6efe3;
}

.account-profile-panel__head>div:first-child {
  display: grid;
  gap: 5px;
}

.account-profile-panel__head span,
.account-profile-summary__head span {
  color: #16821e;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.account-profile-panel__head h2 {
  color: #061006;
  font-size: 28px;
  line-height: 1.08;
  font-weight: 950;
}

.account-profile-panel__status {
  min-height: 38px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #16821e;
  background: #eef9eb;
  border: 1px solid #cfe8c9;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 900;
  white-space: nowrap;
}

.account-profile-form__main {
  display: grid;
  grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.account-inline-form {
  margin-top: 16px;
  display: grid;
  gap: 14px;
}

.account-inline-form label {
  display: grid;
  gap: 7px;
}

.account-inline-form label>span {
  color: #111827;
  font-size: 13px;
  font-weight: 850;
}

.account-inline-form input,
.account-inline-form select {
  width: 100%;
  height: 46px;
  padding: 0 13px;
  color: #111827;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 750;
  outline: 0;
}

.account-inline-form select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #33a532 50%), linear-gradient(135deg, #33a532 50%, transparent 50%);
  background-position: calc(100% - 18px) 19px, calc(100% - 13px) 19px;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.account-inline-form input:focus,
.account-inline-form select:focus {
  border-color: #3fa535;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.14);
}

.account-edit-block {
  padding: 16px;
  display: grid;
  gap: 14px;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 10px;
}

.account-edit-block__head {
  display: grid;
  gap: 4px;
}

.account-edit-block__head h3 {
  color: #071107;
  font-size: 16px;
  font-weight: 950;
}

.account-edit-block__head p {
  color: #5f6f61;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

.account-edit-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.account-edit-fields label:nth-child(5) {
  max-width: 320px;
}

.account-compact-list--grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 16px;
}

.account-profile-summary {
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(190px, 0.24fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  background: linear-gradient(135deg, #f7fcf5 0%, #ffffff 58%, #f2faf0 100%);
  border: 1px solid #dcebd8;
  border-radius: 10px;
}

.account-profile-summary__head {
  display: grid;
  gap: 5px;
}

.account-profile-summary__head h3 {
  color: #061006;
  font-size: 18px;
  line-height: 1.15;
  font-weight: 950;
}

.account-profile-summary dl {
  margin: 0;
  display: grid;
  grid-template-columns: minmax(150px, 0.24fr) minmax(280px, 1fr);
  gap: 10px;
}

.account-profile-summary dl div {
  min-width: 0;
  padding: 10px 12px;
  display: block;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid #e2efdf;
  border-radius: 8px;
}

.account-profile-summary dt {
  color: #6b7469;
  font-size: 11.5px;
  font-weight: 900;
}

.account-profile-summary dd {
  margin: 4px 0 0;
  overflow-wrap: break-word;
  word-break: normal;
  color: #071107;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}

.account-edit-actions {
  margin-top: 2px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #dcebd8;
  border-radius: 10px;
  box-shadow: 0 18px 34px rgba(17, 24, 39, 0.11);
  backdrop-filter: blur(10px);
}

.account-edit-actions span {
  color: #5f6f61;
  font-size: 12.5px;
  font-weight: 800;
}

.account-avatar-editor {
  position: relative;
  cursor: pointer;
}

.account-avatar-editor>div {
  min-height: 82px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 13px;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 10px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.account-avatar-editor:hover>div {
  background: #f7fbf5;
  border-color: #3fa535;
  box-shadow: 0 12px 24px rgba(63, 165, 53, 0.1);
}

.account-avatar-editor input[type="file"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.account-avatar-editor__preview {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #ffffff;
  background: #33a532;
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.12);
}

.account-avatar-editor__preview img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.account-avatar-editor__preview strong {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-avatar-editor__text {
  display: grid;
  gap: 4px;
}

.account-avatar-editor__text strong {
  color: #071107;
  font-size: 14px;
  font-weight: 900;
}

.account-avatar-editor__text small {
  color: #647064;
  font-size: 12px;
  font-weight: 750;
}

.account-avatar-cropper {
  padding: 18px;
  display: grid;
  gap: 16px;
  background: #fbfdfb;
  border: 1px solid #d8ead5;
  border-radius: 12px;
}

.account-avatar-cropper[hidden] {
  display: none;
}

.account-avatar-cropper__head {
  display: grid;
  gap: 4px;
}

.account-avatar-cropper__head strong {
  color: #071107;
  font-size: 15px;
  font-weight: 900;
}

.account-avatar-cropper__head span {
  color: #637063;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.account-avatar-cropper__stage {
  position: relative;
  width: min(100%, 520px);
  min-height: 260px;
  margin: 0 auto;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    linear-gradient(45deg, #eef5ec 25%, transparent 25%),
    linear-gradient(-45deg, #eef5ec 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #eef5ec 75%),
    linear-gradient(-45deg, transparent 75%, #eef5ec 75%),
    #fbfdfb;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
  background-size: 20px 20px;
  border: 1px solid #cfe4cb;
  border-radius: 12px;
  box-shadow: 0 18px 34px rgba(17, 24, 39, 0.1);
  touch-action: none;
}

.account-avatar-cropper__stage img {
  max-width: 100%;
  max-height: 360px;
  display: block;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}

.account-avatar-cropper__selection {
  position: absolute;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, 0.95);
  border-radius: 2px;
  background:
    linear-gradient(to right, transparent 33.333%, rgba(255, 255, 255, 0.62) 33.333%, rgba(255, 255, 255, 0.62) calc(33.333% + 1px), transparent calc(33.333% + 1px)),
    linear-gradient(to right, transparent 66.666%, rgba(255, 255, 255, 0.62) 66.666%, rgba(255, 255, 255, 0.62) calc(66.666% + 1px), transparent calc(66.666% + 1px));
  box-shadow: 0 0 0 999px rgba(7, 17, 7, 0.48), 0 12px 28px rgba(7, 17, 7, 0.24);
  cursor: move;
  touch-action: none;
}

.account-avatar-cropper__selection::before,
.account-avatar-cropper__selection::after {
  content: "";
  position: absolute;
  inset: 33.333% 0 auto 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.75);
}

.account-avatar-cropper__selection::after {
  inset: 66.666% 0 auto;
}

.account-avatar-cropper__selection button {
  position: absolute;
  width: 24px !important;
  height: 24px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  appearance: none;
}

.account-avatar-cropper__selection button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-color: #ffffff;
  border-style: solid;
}

.account-avatar-cropper__selection button[data-avatar-handle="nw"] {
  top: -3px;
  left: -3px;
  cursor: nwse-resize;
}

.account-avatar-cropper__selection button[data-avatar-handle="nw"]::before {
  border-width: 3px 0 0 3px;
}

.account-avatar-cropper__selection button[data-avatar-handle="ne"] {
  top: -3px;
  right: -3px;
  cursor: nesw-resize;
}

.account-avatar-cropper__selection button[data-avatar-handle="ne"]::before {
  border-width: 3px 3px 0 0;
}

.account-avatar-cropper__selection button[data-avatar-handle="sw"] {
  bottom: -3px;
  left: -3px;
  cursor: nesw-resize;
}

.account-avatar-cropper__selection button[data-avatar-handle="sw"]::before {
  border-width: 0 0 3px 3px;
}

.account-avatar-cropper__selection button[data-avatar-handle="se"] {
  right: -3px;
  bottom: -3px;
  cursor: nwse-resize;
}

.account-avatar-cropper__selection button[data-avatar-handle="se"]::before {
  border-width: 0 3px 3px 0;
}

.account-notification-form {
  display: grid;
  gap: 16px;
}

.account-consent-summary {
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.account-consent-summary>div {
  min-width: 0;
  padding: 18px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 5px 12px;
  align-items: start;
  background: #ffffff;
  border: 1px solid #dcebdc;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.04);
}

.account-consent-summary i {
  grid-row: span 3;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f8f2a;
  background: #edf8ec;
  border-radius: 50%;
  font-size: 17px;
}

.account-consent-summary span {
  color: #008c17;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-consent-summary strong {
  color: #071107;
  font-size: 17px;
  font-weight: 900;
}

.account-consent-summary p {
  color: #5b695d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.account-notification-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.account-notification-card {
  padding: 18px;
  background: #ffffff;
  border: 1px solid #dcebd9;
  border-radius: 8px;
  box-shadow: 0 14px 32px rgba(17, 24, 39, 0.04);
}

.account-notification-card h3 {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #071107;
  font-size: 17px;
  line-height: 1.2;
}

.account-notification-card h3 i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33a532;
  background: #eef8eb;
  border-radius: 50%;
}

.account-toggle-row {
  position: relative;
  min-height: 72px;
  padding: 13px 62px 13px 0;
  display: flex;
  align-items: center;
  border-top: 1px solid #eef3ec;
  cursor: pointer;
}

.account-toggle-row:first-of-type {
  border-top: 0;
}

.account-toggle-row span {
  display: grid;
  gap: 4px;
}

.account-toggle-row strong {
  color: #101810;
  font-size: 13.5px;
  font-weight: 900;
}

.account-toggle-row small {
  color: #647064;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.account-toggle-row input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.account-toggle-row em {
  position: absolute;
  right: 0;
  width: 46px;
  height: 26px;
  background: #dfe8dc;
  border-radius: 999px;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.account-toggle-row em::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 3px 8px rgba(17, 24, 39, 0.16);
  transition: transform 0.2s ease;
}

.account-toggle-row input:checked+em {
  background: #33a532;
  box-shadow: 0 8px 16px rgba(63, 165, 53, 0.16);
}

.account-toggle-row input:checked+em::after {
  transform: translateX(20px);
}

.account-notification-actions {
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #fbfdfb;
  border: 1px solid #dcebd9;
  border-radius: 8px;
}

.account-notification-actions button {
  min-height: 44px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(63, 165, 53, 0.14);
}

.account-notification-actions p {
  max-width: 560px;
  color: #647064;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.account-security-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 16px;
}

.account-security-status {
  margin-top: 14px;
  padding: 14px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  background: #fbfdfb;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
}

.account-security-status i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33a532;
  background: #eef8eb;
  border-radius: 50%;
}

.account-security-status strong,
.account-security-status span {
  display: block;
}

.account-security-status strong {
  color: #071107;
  font-size: 14px;
  font-weight: 900;
}

.account-security-status span {
  margin-top: 3px;
  color: #647064;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.account-security-form {
  margin-top: 16px;
  display: grid;
  gap: 12px;
}

.account-security-form label {
  display: grid;
  gap: 7px;
}

.account-security-form label span {
  color: #111827;
  font-size: 13px;
  font-weight: 850;
}

.account-security-form input {
  width: 100%;
  height: 46px;
  padding: 0 13px;
  color: #111827;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 750;
  outline: 0;
}

.account-security-form input:focus {
  border-color: #3fa535;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.14);
}

.account-security-form button {
  width: fit-content;
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(63, 165, 53, 0.14);
}

.account-message-list {
  display: grid;
  gap: 12px;
}

.account-message-card {
  padding: 16px;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
  background: #ffffff;
  border: 1px solid #dcebd9;
  border-radius: 8px;
  box-shadow: 0 14px 32px rgba(17, 24, 39, 0.04);
}

.account-message-card__seller {
  min-width: 0;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  color: #071107;
}

.account-message-card__seller img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border: 1px solid #dcebd9;
  border-radius: 50%;
}

.account-message-card__seller strong,
.account-message-card__seller small {
  display: block;
}

.account-message-card__seller strong {
  font-size: 15px;
  font-weight: 900;
}

.account-message-card__seller small {
  margin-top: 3px;
  color: #647064;
  font-size: 12px;
  font-weight: 750;
}

.account-message-card__content {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.account-message-card__content>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.account-message-card__status {
  padding: 4px 8px;
  color: #16621e;
  background: #eef8eb;
  border: 1px solid #cfe8ca;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}

.account-message-card__status.is-open {
  color: #92400e;
  background: #fffbeb;
  border-color: #fde68a;
}

.account-message-card__status.is-closed {
  color: #475569;
  background: #f8fafc;
  border-color: #e2e8f0;
}

.account-message-card__content h3 {
  color: #071107;
  font-size: 17px;
  line-height: 1.25;
}

.account-message-card__product {
  width: fit-content;
  margin-top: 8px;
  padding: 8px 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #128317;
  background: #f1fbf0;
  border: 1px solid #cfe9cf;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.account-message-card__content p,
.account-message-card__content blockquote {
  color: #4f5f4d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}

.account-message-card__content blockquote {
  margin-top: 4px;
  padding: 12px;
  background: #fbfdfb;
  border-left: 3px solid #33a532;
  border-radius: 8px;
}

.account-message-card__content blockquote strong {
  display: block;
  margin-bottom: 4px;
  color: #16821e;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-application-list {
  display: grid;
  gap: 14px;
}

.account-application-card {
  padding: 18px;
  background: #ffffff;
  border: 1px solid #dcebd9;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.035);
}

.account-application-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.account-application-card__head span {
  display: inline-flex;
  color: #16821e;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-application-card__head h3 {
  margin-top: 5px;
  color: #071107;
  font-size: 22px;
  line-height: 1.18;
}

.account-application-card__head p {
  margin-top: 5px;
  color: #5f6d5f;
  font-size: 13px;
  font-weight: 750;
}

.account-application-status {
  flex: 0 0 auto;
  padding: 7px 10px;
  color: #16621e;
  background: #eef8eb;
  border: 1px solid #cfe8ca;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.account-application-status.is-pending {
  color: #92400e;
  background: #fffbeb;
  border-color: #fde68a;
}

.account-application-status.is-revision_requested {
  color: #1e55a7;
  background: #eef5ff;
  border-color: #bfd7ff;
}

.account-application-status.is-rejected {
  color: #991b1b;
  background: #fff5f5;
  border-color: #fecaca;
}

.account-application-steps {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.account-application-admin-note {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid #d7e6ff;
  border-radius: 14px;
  background: #f4f8ff;
}

.account-application-admin-note span {
  display: block;
  color: #1e55a7;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-application-admin-note p {
  margin: 6px 0 0;
  color: #101a12;
  font-weight: 750;
  line-height: 1.5;
}

.account-application-steps span {
  min-height: 38px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b7569;
  background: #f8faf8;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 850;
  text-align: center;
}

.account-application-steps span.is-done {
  color: #16621e;
  background: #eef8eb;
  border-color: #bfe3b9;
}

.account-application-meta {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid #edf3eb;
  border-radius: 8px;
  overflow: hidden;
}

.product-card__name a {
  color: inherit;
}

.account-application-meta div {
  min-width: 0;
  padding: 12px;
  border-right: 1px solid #edf3eb;
}

.account-application-meta div:last-child {
  border-right: 0;
}

.account-application-meta dt {
  color: #7a8578;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-application-meta dd {
  margin-top: 5px;
  min-width: 0;
  overflow-wrap: anywhere;
  color: #071107;
  font-size: 13px;
  font-weight: 850;
}

.seller-apply-page {
  width: min(100%, 1240px);
  margin: 0 auto;
  padding: 24px var(--page-pad) 56px;
}

.seller-apply-hero {
  padding: 24px 26px;
  background: #ffffff;
  border: 1px solid #dde8da;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.035);
}

.seller-apply-eyebrow,
.seller-apply-info>span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #16821e;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.seller-apply-hero h1 {
  max-width: 680px;
  margin-top: 10px;
  color: #071107;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.12;
}

.seller-apply-hero p {
  max-width: 720px;
  margin-top: 10px;
  color: #4f5f4d;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
}

.seller-apply-selector {
  margin-top: 14px;
  padding: 18px;
  background: #ffffff;
  border: 1px solid #dde8da;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.03);
}

.seller-apply-selector__head {
  margin-bottom: 14px;
}

.seller-apply-selector__head span {
  color: #16821e;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.seller-apply-selector__head h2 {
  margin-top: 5px;
  color: #071107;
  font-size: 22px;
  line-height: 1.18;
}

.seller-apply-selector__head p {
  margin-top: 5px;
  color: #5f6d5f;
  font-size: 13px;
  font-weight: 750;
}

.seller-apply-types {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.seller-apply-type {
  position: relative;
  min-width: 0;
  min-height: 128px;
  padding: 16px 16px 16px 52px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: #071107;
  background: #fbfdfb;
  border: 2px solid #dde8da;
  border-radius: 8px;
  box-shadow: none;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.seller-apply-type:hover,
.seller-apply-type.is-active {
  border-color: #33a532;
  background: #f4fbf2;
}

.seller-apply-type.is-active {
  box-shadow: inset 0 0 0 1px rgba(51, 165, 50, 0.18);
}

.seller-apply-type__check {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9aa79a;
  background: #ffffff;
  border: 1px solid #cfdccf;
  border-radius: 50%;
  font-size: 8px;
}

.seller-apply-type.is-active .seller-apply-type__check {
  color: #ffffff;
  background: #33a532;
  border-color: #33a532;
}

.seller-apply-type__icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33a532;
  background: #ffffff;
  border: 1px solid #dcebd9;
  border-radius: 8px;
  font-size: 16px;
}

.seller-apply-type__content {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.seller-apply-type__content small {
  color: #16821e;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.seller-apply-type__content strong {
  color: #071107;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
}

.seller-apply-type__content em {
  color: #5f6d5f;
  font-size: 12.5px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.45;
}

.seller-apply-shell {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.seller-apply-info,
.seller-apply-form {
  padding: 20px;
  background: #ffffff;
  border: 1px solid #dde8da;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.03);
}

.seller-apply-info {
  position: sticky;
  top: 128px;
}

.seller-apply-info h2 {
  margin-top: 12px;
  color: #071107;
  font-size: 23px;
  line-height: 1.16;
}

.seller-apply-info p {
  margin-top: 10px;
  color: #4f5f4d;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.6;
}

.seller-apply-info ul {
  margin-top: 16px;
  display: grid;
  gap: 9px;
}

.seller-apply-info li {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 9px;
  color: #4f5f4d;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}

.seller-apply-info li i {
  margin-top: 2px;
  color: #33a532;
}

.seller-apply-alert {
  margin-bottom: 16px;
  padding: 13px 14px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}

.seller-apply-alert--success {
  color: #16621e;
  background: #eef8eb;
  border: 1px solid #bfe3b9;
}

.seller-apply-alert--error {
  color: #991b1b;
  background: #fff5f5;
  border: 1px solid #fecaca;
}

.seller-apply-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.seller-apply-form label {
  display: grid;
  gap: 7px;
}

.seller-apply-form label span {
  color: #111827;
  font-size: 13px;
  font-weight: 900;
}

.seller-apply-category-select {
  margin: 0;
  padding: 14px;
  display: grid;
  gap: 10px;
  background: #fbfdfb;
  border: 1px solid #dcebd9;
  border-radius: 8px;
}

.seller-apply-documents {
  margin: 0;
  padding: 14px;
  display: grid;
  gap: 12px;
  background: #fbfdfb;
  border: 1px solid #dcebd9;
  border-radius: 8px;
}

.seller-apply-declarations {
  margin: 0;
  padding: 14px;
  display: grid;
  gap: 10px;
  background: #fbfdfb;
  border: 1px solid #dcebd9;
  border-radius: 8px;
}

.seller-apply-declarations legend {
  padding: 0 6px;
  color: #111827;
  font-size: 13px;
  font-weight: 900;
}

.seller-apply-declarations p {
  color: #5f6d5f;
  font-size: 12.5px;
  font-weight: 750;
}

.seller-apply-declarations label {
  padding: 12px 14px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid #dcebd9;
  border-radius: 10px;
  background: #fff;
}

.seller-apply-declarations input {
  width: 18px;
  height: 18px;
  min-height: 18px;
  margin-top: 2px;
  accent-color: #33a532;
}

.seller-apply-declarations span {
  color: #172117;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}

.seller-apply-documents legend {
  padding: 0 6px;
  color: #111827;
  font-size: 13px;
  font-weight: 900;
}

.seller-apply-documents p {
  color: #5f6d5f;
  font-size: 12.5px;
  font-weight: 750;
}

.seller-apply-documents>div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.seller-apply-documents label {
  position: relative;
  min-height: 88px;
  padding: 13px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid #dcebd9;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.seller-apply-documents label:hover,
.seller-apply-documents label:focus-within {
  background: #f7fbf5;
  border-color: #3fa535;
  box-shadow: 0 10px 22px rgba(63, 165, 53, 0.08);
}

.seller-apply-documents label i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #eef8eb;
  color: #33a532;
}

.seller-apply-documents label span {
  color: #172117;
  font-size: 12.5px;
  font-weight: 900;
  line-height: 1.35;
}

.seller-apply-documents input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.seller-apply-documents label::after {
  content: 'Dosya seç';
  grid-column: 2;
  width: fit-content;
  min-height: 30px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  color: #16831c;
  background: #ffffff;
  border: 1px solid #cfe6ca;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.seller-apply-alert {
  min-height: 62px;
  margin-bottom: 20px;
  padding: 17px 18px;
  align-items: center;
  border-width: 2px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 950;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
}

.seller-apply-alert i {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 15px;
}

.seller-apply-alert--success {
  color: #075e16;
  background: linear-gradient(135deg, #eefbea 0%, #f8fff7 100%);
  border-color: #33a532;
}

.seller-apply-alert--success i {
  color: #fff;
  background: #16831c;
}

.seller-apply-alert--error {
  color: #991b1b;
  background: linear-gradient(135deg, #fff1f1 0%, #fffafa 100%);
  border-color: #ef4444;
}

.seller-apply-alert--error i {
  color: #fff;
  background: #dc2626;
}

.seller-apply-declarations {
  padding: 18px;
  gap: 12px;
  background: #ffffff;
  border-color: #cfe6ca;
  border-radius: 12px;
}

.seller-apply-declarations label {
  min-height: 76px;
  padding: 16px;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  border-color: #d7ead3;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.03);
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.seller-apply-declarations label:hover {
  border-color: #33a532;
  box-shadow: 0 14px 30px rgba(47, 172, 58, 0.09);
}

.seller-apply-declarations label:has(input:checked) {
  background: linear-gradient(135deg, #f1fbef 0%, #ffffff 100%);
  border-color: #2fac3a;
  box-shadow: 0 16px 34px rgba(47, 172, 58, 0.12);
}

.seller-apply-declarations input {
  appearance: none;
  width: 28px;
  height: 28px;
  min-height: 28px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #b9d7b7;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.seller-apply-declarations input:checked {
  background: #2fac3a;
  border-color: #2fac3a;
  box-shadow: 0 10px 22px rgba(47, 172, 58, 0.18);
}

.seller-apply-declarations input:checked::after {
  content: "\f00c";
  color: #fff;
  font-family: "Font Awesome 6 Free";
  font-size: 14px;
  font-weight: 900;
}

.seller-apply-declarations span {
  font-size: 13.5px;
  line-height: 1.45;
}

.seller-apply-documents {
  padding: 18px;
  background: #ffffff;
  border-color: #cfe6ca;
  border-radius: 12px;
}

.seller-apply-documents label {
  min-height: 118px;
  padding: 16px;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  border-color: #d7ead3;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.035);
}

.seller-apply-documents label i {
  width: 42px;
  height: 42px;
  border-radius: 12px;
}

.seller-apply-documents label span {
  font-size: 13px;
}

.seller-apply-documents label small {
  grid-column: 2;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: #6a7568;
  font-size: 11.5px;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-apply-documents label.is-selected {
  background: linear-gradient(135deg, #eefbea 0%, #ffffff 100%);
  border-color: #2fac3a;
  box-shadow: 0 18px 38px rgba(47, 172, 58, 0.14);
}

.seller-apply-documents label.is-selected i {
  color: #fff;
  background: #2fac3a;
}

.seller-apply-documents label.is-selected small {
  color: #08751a;
}

.seller-apply-documents label.is-selected::after {
  content: 'Dosya seçildi';
  color: #fff;
  background: #2fac3a;
  border-color: #2fac3a;
  box-shadow: 0 10px 22px rgba(47, 172, 58, 0.18);
}

.seller-apply-category-select legend {
  padding: 0 6px;
  color: #111827;
  font-size: 13px;
  font-weight: 900;
}

.seller-apply-category-select p {
  color: #5f6d5f;
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.45;
}

.seller-apply-category-search {
  display: grid;
  gap: 7px;
}

.seller-apply-category-search span {
  color: #111827;
  font-size: 12.5px;
  font-weight: 900;
}

.seller-apply-category-search input {
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #dcebd9;
  border-radius: 10px;
  background: #ffffff;
  color: #111827;
  font-size: 14px;
  font-weight: 750;
  outline: none;
}

.seller-apply-category-search input:focus {
  border-color: #33a532;
  box-shadow: 0 0 0 3px rgba(51, 165, 50, 0.12);
}

.seller-apply-category-select>div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.seller-apply-category-select>div label {
  min-height: 38px;
  padding: 0 10px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  background: #ffffff;
  border: 1px solid #dcebd9;
  border-radius: 8px;
  cursor: pointer;
}

.seller-apply-category-select input {
  width: 16px;
  height: 16px;
  accent-color: #33a532;
}

.seller-apply-category-select>div label:has(input:checked) {
  background: #eef8eb;
  border-color: #33a532;
}

.seller-apply-category-select>div label span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #334033;
  font-size: 12.5px;
  font-weight: 850;
}

.seller-apply-other-category {
  display: none;
  margin-top: 4px;
}

.seller-apply-other-category.is-visible {
  display: grid;
}

.seller-apply-form input,
.seller-apply-form select,
.seller-apply-form textarea {
  width: 100%;
  padding: 0 14px;
  color: #071107;
  background: #ffffff;
  border: 1px solid #cfdccf;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 750;
  outline: 0;
}

.seller-apply-form input:not([type="checkbox"]):not([type="file"]) {
  height: 48px;
}

.seller-apply-form select {
  height: 48px;
}

.seller-apply-form textarea {
  min-height: 118px;
  padding-top: 13px;
  resize: vertical;
}

.seller-apply-form input:focus:not([type="checkbox"]):not([type="file"]),
.seller-apply-form select:focus,
.seller-apply-form textarea:focus {
  border-color: #33a532;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.14);
}

.seller-apply-form__wide {
  grid-column: 1 / -1;
}

.seller-apply-contract {
  padding: 13px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: flex-start;
  background: #fbfdfb;
  border: 1px solid #dcebd9;
  border-radius: 8px;
}

.seller-apply-contract input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: #33a532;
}

.seller-apply-contract span {
  color: #334033;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}

.seller-apply-contract small {
  display: block;
  margin-top: 5px;
  color: #6b7569;
  font-size: 11px;
  font-weight: 850;
}

.seller-apply-form > button,
.seller-apply-form__submit,
.seller-apply-form button[type="submit"] {
  margin-top: 16px;
  min-height: 46px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: none;
}

.seller-apply-form .fg-select {
  width: 100%;
}

.seller-apply-form .fg-select__button {
  height: 48px;
  margin-top: 0;
  padding: 0 14px;
  color: #071107;
  background: #ffffff;
  border: 1px solid #cfdccf;
  border-radius: 8px;
  box-shadow: none;
}

.seller-apply-form .fg-select__button span {
  color: #071107;
  font-size: 14px;
  font-weight: 800;
}

.seller-apply-form .fg-select__button i {
  color: #33a532;
}

.seller-apply-form .fg-select__button:hover {
  border-color: #9bd59a;
  background: #fbfdfb;
}

.seller-apply-form .fg-select.is-open .fg-select__button,
.seller-apply-form .fg-select__button:focus {
  border-color: #33a532;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.14);
}

.seller-apply-form .fg-select__panel {
  border-radius: 10px;
}

.account-closure-card {
  margin-top: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.52fr);
  gap: 18px;
  align-items: start;
  border-color: #f2d7d7;
  background: linear-gradient(135deg, #ffffff 0%, #fffafa 100%);
}

.account-closure-card p {
  margin-top: 8px;
  color: #5f6d5f;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}

.account-closure-status {
  padding: 14px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 8px;
}

.account-closure-status i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #c2410c;
  background: #ffedd5;
  border-radius: 50%;
}

.account-closure-status strong,
.account-closure-status span {
  display: block;
}

.account-closure-status strong {
  color: #7c2d12;
  font-size: 14px;
  font-weight: 900;
}

.account-closure-status span {
  margin-top: 3px;
  color: #9a3412;
  font-size: 12px;
  font-weight: 750;
}

.account-danger-button,
.account-danger-outline {
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.account-danger-button {
  color: #ffffff;
  background: #b91c1c;
  border: 0;
  box-shadow: 0 12px 24px rgba(185, 28, 28, 0.14);
}

.account-danger-outline {
  color: #b91c1c;
  background: #ffffff;
  border: 1px solid #fecaca;
}

.account-inline-form button {
  width: fit-content;
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(63, 165, 53, 0.14);
}

.account-edit-actions button {
  min-height: 46px;
  padding: 0 18px;
}

.account-compact-list {
  margin-top: 4px;
}

.account-profile-form {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.account-profile-form label {
  display: grid;
  gap: 7px;
}

.account-profile-form label span {
  color: #111827;
  font-size: 13px;
  font-weight: 850;
}

.account-profile-form input,
.account-profile-form select,
.account-profile-form textarea {
  width: 100%;
  color: #111827;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  outline: 0;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.account-profile-form input,
.account-profile-form select {
  height: 46px;
  padding: 0 13px;
}

.account-profile-form textarea {
  min-height: 92px;
  padding: 12px 13px;
  resize: vertical;
  line-height: 1.45;
}

.account-profile-form input:focus,
.account-profile-form select:focus,
.account-profile-form textarea:focus {
  border-color: #3fa535;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.14);
}

.account-profile-form__wide,
.account-profile-form__actions {
  grid-column: 1 / -1;
}

.account-profile-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.account-profile-summary .account-profile-form__actions {
  grid-column: 2;
  justify-content: flex-start;
}

.account-profile-panel .account-profile-form {
  margin-top: 0;
  grid-template-columns: 1fr;
  gap: 16px;
}

.account-profile-panel .account-profile-form__main {
  grid-column: 1 / -1;
}

.account-profile-panel .account-profile-summary,
.account-profile-panel .account-edit-block--status,
.account-profile-panel .account-edit-actions {
  grid-column: 1 / -1;
}

.account-profile-form__actions button,
.account-profile-form__actions a {
  min-height: 44px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.account-profile-form__actions button {
  color: #ffffff;
  background: #33a532;
  border: 0;
  box-shadow: 0 12px 24px rgba(63, 165, 53, 0.14);
}

.auth-form label,
.account-profile-form label,
.profile-step label {
  position: relative;
}

.fg-native-select {
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  left: 0;
  bottom: 0;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
}

.fg-select {
  min-width: 0;
  position: relative;
  z-index: 20;
}

.fg-select.is-open {
  z-index: 90;
}

.fg-select__button {
  width: 100%;
  min-width: 0;
  padding: 0 13px 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #111827;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.2;
  cursor: pointer;
  outline: 0;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.auth-form .fg-select__button,
.account-profile-form .fg-select__button {
  margin-top: 0;
  color: #111827;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  box-shadow: none;
  cursor: pointer;
}

.auth-form .fg-select__button {
  height: 48px;
}

.account-profile-form .fg-select__button {
  height: 46px;
}

.profile-step .fg-select__button {
  min-height: 56px;
  padding: 0 16px;
  border-radius: 11px;
  font-size: 16px;
  font-weight: 850;
}

.fg-select__button span {
  min-width: 0;
  overflow: hidden;
  color: #111827;
  font-size: 14px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fg-select__button i {
  flex: 0 0 auto;
  color: #35a82f;
  font-size: 12px;
  transition: transform 0.18s ease;
}

.fg-select__button:focus,
.fg-select.is-open .fg-select__button {
  border-color: #3fa535;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.14);
}

.fg-select.is-open .fg-select__button i {
  transform: rotate(180deg);
}

.fg-select__panel {
  width: 100%;
  min-width: 260px;
  max-height: 320px;
  padding: 10px;
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  display: none;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  box-shadow: 0 22px 48px rgba(17, 24, 39, 0.16);
}

.fg-select.is-open .fg-select__panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
}

.fg-select__search {
  width: 100%;
  height: 38px;
  padding: 0 11px;
  color: #111827;
  background: #f7fbf6;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  outline: 0;
}

.auth-form .fg-select__search,
.account-profile-form .fg-select__search,
.profile-step .fg-select__search {
  width: 100%;
  height: 38px;
  padding: 0 11px;
  color: #111827;
  background: #f7fbf6;
  border: 1px solid #dcebd8;
  box-shadow: none;
  font-size: 13px;
  font-weight: 700;
}

.fg-select__search:focus {
  border-color: #3fa535;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.1);
}

.fg-select__list {
  min-height: 0;
  max-height: 252px;
  overflow: auto;
  display: grid;
  gap: 3px;
  padding-right: 3px;
}

.fg-select__list::-webkit-scrollbar {
  width: 8px;
}

.fg-select__list::-webkit-scrollbar-track {
  background: #f1f7f0;
  border-radius: 999px;
}

.fg-select__list::-webkit-scrollbar-thumb {
  background: #a8d7a1;
  border-radius: 999px;
}

.fg-select__option {
  width: 100%;
  min-height: 38px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #172117;
  background: transparent;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 13.5px;
  font-weight: 750;
  text-align: left;
  cursor: pointer;
}

.auth-form .fg-select__option,
.account-profile-form .fg-select__option,
.profile-step .fg-select__option {
  min-height: 38px;
  margin-top: 0;
  padding: 0 11px;
  justify-content: flex-start;
  color: #172117;
  background: transparent;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  font-size: 13.5px;
  font-weight: 750;
  text-align: left;
}

.fg-select__option:hover,
.fg-select__option.is-selected {
  color: #0d6f15;
  background: #eef8eb;
}

.auth-form .fg-select__option:hover,
.auth-form .fg-select__option.is-selected,
.account-profile-form .fg-select__option:hover,
.account-profile-form .fg-select__option.is-selected,
.profile-step .fg-select__option:hover,
.profile-step .fg-select__option.is-selected {
  color: #0d6f15;
  background: #eef8eb;
  box-shadow: none;
  transform: none;
}

.fg-select__option.is-selected {
  font-weight: 900;
}

.fg-select__empty {
  min-height: 42px;
  display: none;
  align-items: center;
  justify-content: center;
  color: #6b7469;
  font-size: 13px;
  font-weight: 750;
}

.fg-select__empty.is-visible {
  display: flex;
}

.account-profile-form__actions a {
  color: #2f8f2a;
  background: #f6fbf4;
  border: 1px solid #cfe4cb;
}

.product-card__category:is(a) {
  width: fit-content;
  transition: color 0.16s ease;
}

.product-card__category:is(a):hover {
  color: #247d24;
}

.account-summary-grid {
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.account-summary-card {
  min-width: 0;
  min-height: 96px;
  padding: 16px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  align-items: center;
  column-gap: 12px;
  color: #111827;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.04);
}

.account-summary-card i {
  width: 34px;
  height: 34px;
  grid-row: 1 / 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f8f2a;
  background: #eff9ed;
  border-radius: 50%;
}

.account-summary-card strong {
  margin-top: 0;
  color: #071107;
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}

.account-summary-card span {
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 850;
}

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

.account-dashboard-grid--single {
  grid-template-columns: 1fr;
}

.account-progress {
  height: 10px;
  margin: 16px 0 12px;
  overflow: hidden;
  background: #edf4ea;
  border-radius: 999px;
}

.account-progress span {
  height: 100%;
  display: block;
  background: linear-gradient(90deg, #33a532, #7ed66e);
  border-radius: inherit;
}

.account-info-tile {
  min-width: 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.04);
}

.account-info-tile strong {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #071107;
  font-size: 15px;
  font-weight: 900;
}

.account-info-tile strong span {
  min-height: 24px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  color: #2f8f2a;
  background: #eff9ed;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}

.account-info-tile p,
.account-info-tile small {
  margin-top: 8px;
  display: block;
  color: #5f6b5e;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.account-empty {
  min-height: 260px;
  padding: 36px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #ffffff;
  border: 1px dashed #cfe4cb;
  border-radius: 8px;
}

.account-empty>i {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f8f2a;
  background: #eff9ed;
  border: 1px solid #dcebd8;
  border-radius: 50%;
  font-size: 22px;
}

.account-empty h3 {
  margin-top: 16px;
  color: #071107;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
}

.account-empty p {
  max-width: 520px;
  margin-top: 9px;
  color: #5f6b5e;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
}

.account-empty a {
  margin-top: 18px;
}

.account-empty--team {
  background:
    radial-gradient(circle at 85% 0%, rgba(63, 165, 53, 0.12), transparent 32%),
    #ffffff;
}

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

.account-favorite-card {
  min-width: 0;
  position: relative;
  padding: 10px;
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  gap: 12px;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.04);
}

.account-favorite-card>a {
  display: block;
}

.account-favorite-card img {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: block;
  object-fit: cover;
  border-radius: 8px;
  background: #f4f7f2;
}

.account-favorite-card div {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 5px;
}

.account-favorite-card span,
.account-favorite-card__category {
  color: #2f8f2a;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-favorite-card__category {
  width: fit-content;
  text-decoration: none;
  transition: color 0.16s ease;
}

.account-favorite-card__category:hover {
  color: #247d24;
}

.account-favorite-card h3 {
  min-width: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #071107;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.32;
}

.account-favorite-card h3 a:hover {
  color: #2f8f2a;
}

.account-favorite-card p {
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 750;
}

.account-favorite-card strong {
  color: #071107;
  font-size: 16px;
  font-weight: 900;
}

.account-favorite-card__remove {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #33a532;
  border: 1px solid #33a532;
  border-radius: 50%;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.1);
  cursor: pointer;
}

.account-team-card {
  margin-bottom: 14px;
  padding: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  color: #ffffff;
  background: linear-gradient(135deg, #0d2b17, #2f8f2a);
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.08);
}

.account-team-card span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.account-team-card h3 {
  margin-top: 5px;
  font-size: 24px;
  font-weight: 900;
}

.account-team-card p {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  font-weight: 750;
}

.account-team-card>strong {
  width: 76px;
  height: 76px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0d2b17;
  background: #ffffff;
  border-radius: 50%;
  font-size: 22px;
  font-weight: 900;
}

.account-team-invite-card {
  margin-bottom: 14px;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  gap: 16px;
  align-items: center;
  background: #ffffff;
  border: 1px solid #dcebdc;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.04);
}

.account-team-invite-card span {
  color: #008c17;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-team-invite-card h3 {
  margin-top: 5px;
  color: #071107;
  font-size: 21px;
  font-weight: 900;
}

.account-team-invite-card p {
  margin-top: 6px;
  color: #5b695d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.account-team-invite-card__link {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.account-team-invite-card__link input {
  min-width: 0;
  min-height: 44px;
  padding: 0 12px;
  color: #26352a;
  background: #f8fbf7;
  border: 1px solid #cfe5ca;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
}

.account-team-invite-card__link button {
  min-height: 44px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border: 1px solid #33a532;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.account-team-preview {
  padding: 18px;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.04);
}

.account-team-preview h3 {
  margin-bottom: 12px;
  color: #071107;
  font-size: 18px;
  font-weight: 900;
}

.account-team-preview div {
  min-width: 0;
  padding: 12px 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 6px 10px;
  align-items: center;
  border-top: 1px solid #edf4ea;
}

.account-team-preview span {
  width: 28px;
  height: 28px;
  grid-row: 1 / 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #33a532;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 900;
}

.account-team-preview strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #071107;
  font-size: 14px;
  font-weight: 900;
}

.account-team-preview small {
  min-width: 0;
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 700;
}

.account-team-preview em {
  grid-row: 1 / 3;
  color: #071107;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

@media (max-width: 980px) {
  .auth-shell {
    grid-template-columns: 1fr;
  }

  .auth-panel {
    min-height: auto;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 0.42fr);
  }

  .auth-panel h1 {
    font-size: 34px;
  }

  .auth-benefits {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .account-grid {
    grid-template-columns: 1fr;
  }

  .account-layout {
    grid-template-columns: 1fr;
  }

  .account-sidebar {
    position: static;
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .account-sidebar::-webkit-scrollbar {
    display: none;
  }

  .account-sidebar a {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .account-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-dashboard-grid,
  .account-list-grid,
  .account-favorite-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {

  .auth-page,
  .account-page {
    padding: 12px 12px 48px;
  }

  .auth-shell {
    width: 100%;
    max-width: calc(100vw - 24px);
    margin: 0 auto;
    overflow: hidden;
  }

  .auth-panel,
  .auth-card,
  .account-hero,
  .account-card {
    max-width: 100%;
    padding: 18px;
  }

  .auth-panel {
    width: 100%;
    max-width: 100%;
    grid-template-columns: 1fr;
    gap: 20px;
    overflow: hidden;
  }

  .auth-panel h1,
  .account-hero h1 {
    font-size: 26px;
    overflow-wrap: anywhere;
  }

  .auth-panel p {
    font-size: 14px;
    overflow-wrap: anywhere;
  }

  .auth-metrics {
    margin-top: 22px;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .auth-metrics span {
    display: flex;
    align-items: baseline;
    gap: 8px;
  }

  .auth-metrics strong {
    margin-bottom: 0;
    font-size: 18px;
  }

  .auth-showcase {
    max-width: 100%;
    justify-self: stretch;
    overflow: hidden;
  }

  .auth-showcase__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    max-height: 210px;
    overflow: hidden;
  }

  .auth-showcase__grid img {
    height: 100%;
    max-height: 150px;
  }

  .auth-showcase__grid img:nth-child(2),
  .auth-showcase__grid img:nth-child(4) {
    transform: none;
  }

  .auth-showcase__badge {
    width: fit-content;
    transform: translateY(-8px);
    font-size: 11.5px;
  }

  .auth-benefits {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .auth-card__brand {
    align-items: flex-start;
    flex-direction: column;
  }

  .auth-card__head h2 {
    font-size: 25px;
  }

  .account-hero {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .account-hero>a {
    width: 100%;
  }

  .account-card dl div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .account-section-head,
  .account-section-head--action {
    padding: 18px;
    display: grid;
    align-items: start;
  }

  .account-section-head h2 {
    font-size: 24px;
  }

  .account-summary-grid {
    grid-template-columns: 1fr;
  }

  .account-favorite-card {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .auth-form__grid,
  .form-split,
  .profile-name-grid,
  .account-profile-form {
    grid-template-columns: 1fr;
  }

  .account-edit-fields,
  .account-compact-list--grid {
    grid-template-columns: 1fr;
  }

  .account-edit-fields label:nth-child(5) {
    max-width: none;
  }

  .account-edit-actions {
    position: static;
    display: grid;
  }

  .account-edit-actions button {
    width: 100%;
  }

  .account-avatar-cropper__head {
    display: grid;
  }

  .account-avatar-cropper__head span {
    max-width: none;
    text-align: left;
  }

  .account-avatar-cropper {
    padding: 14px;
  }

  .account-avatar-cropper__stage {
    min-height: 220px;
  }

  .account-avatar-cropper__stage img {
    max-height: 300px;
  }

  .account-avatar-cropper__selection button {
    width: 22px !important;
    height: 22px !important;
  }

  .account-team-card,
  .account-team-invite-card,
  .account-team-preview div {
    grid-template-columns: 1fr;
  }

  .account-team-invite-card__link {
    grid-template-columns: 1fr;
  }

  .account-team-card>strong,
  .account-team-preview em {
    grid-row: auto;
  }
}

.account-team-nudge {
  min-width: 0;
  margin-bottom: 18px;
  padding: 18px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  background:
    radial-gradient(circle at 92% 0%, rgba(63, 165, 53, 0.12), transparent 28%),
    #ffffff;
  border: 1px solid #d9ead5;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.045);
}

.account-team-nudge__icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f8f2a;
  background: #eff9ed;
  border: 1px solid #d6ead2;
  border-radius: 50%;
  font-size: 20px;
}

.account-team-nudge span {
  color: #2f8f2a;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-team-nudge h3 {
  margin-top: 5px;
  color: #071107;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2;
}

.account-team-nudge p {
  max-width: 760px;
  margin-top: 6px;
  color: #5f6b5e;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.5;
}

.account-team-nudge a {
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 12px 24px rgba(63, 165, 53, 0.14);
}

.account-team-preview strong a:hover {
  color: #2f8f2a;
}

.cart-summary__team-link {
  min-height: 42px;
  margin-top: 14px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #2f8f2a;
  background: #f4fbf2;
  border: 1px solid #d6ead2;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 900;
  text-align: center;
}

.cart-summary__team-note {
  min-height: 42px;
  margin-top: 14px;
  padding: 10px 13px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #2f6f2d;
  background: #f4fbf2;
  border: 1px solid #d6ead2;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.35;
}

.cart-summary__team-note i {
  color: #33a532;
}


.team-page {
  width: 100%;
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 28px var(--page-pad) 64px;
}

.team-page-hero {
  min-width: 0;
  padding: 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 24px;
  align-items: stretch;
  background:
    radial-gradient(circle at 84% 8%, rgba(63, 165, 53, 0.14), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f6fbf4 100%);
  border: 1px solid #d9ead5;
  border-radius: 12px;
  box-shadow: 0 14px 36px rgba(17, 24, 39, 0.055);
}

.team-page-hero__content,
.team-page-hero__status {
  min-width: 0;
}

.team-page-hero__content span,
.team-picker-card__head span,
.team-section-head span {
  color: #2f8f2a;
  font-size: 12.5px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.team-page-hero h1 {
  max-width: 720px;
  margin-top: 8px;
  color: #071107;
  font-size: 38px;
  font-weight: 900;
  line-height: 1.08;
}

.team-page-hero p {
  max-width: 780px;
  margin-top: 12px;
  color: #536151;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.65;
}

.team-page-hero__status {
  padding: 22px;
  display: grid;
  align-content: center;
  gap: 10px;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 10px;
}

.team-status-pill {
  width: fit-content;
  min-height: 30px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #2f8f2a;
  background: #eff9ed;
  border: 1px solid #d6ead2;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

.team-status-pill--active {
  color: #ffffff;
  background: #33a532;
  border-color: #33a532;
}

.team-status-pill--warning {
  color: #8a5a00;
  background: #fff7e6;
  border-color: #eadfca;
}

.team-page-hero__status strong {
  color: #071107;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.15;
}

.team-page-hero__status small {
  color: #5f6b5e;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
}

.team-alert,
.team-login-gate {
  min-width: 0;
  margin-top: 16px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.team-alert {
  font-size: 13.5px;
  font-weight: 850;
}

.team-alert--success {
  color: #176b22;
  background: #f2fbef;
  border-color: #cfe8c9;
}

.team-alert--error {
  color: #991b1b;
  background: #fff7f7;
  border-color: #fecaca;
}

.team-login-gate>i {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f8f2a;
  background: #eff9ed;
  border-radius: 50%;
}

.team-login-gate div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.team-login-gate strong {
  color: #071107;
  font-size: 15px;
  font-weight: 900;
}

.team-login-gate span {
  color: #5f6b5e;
  font-size: 13px;
  font-weight: 700;
}

.team-login-gate a {
  min-height: 40px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #111827;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.team-page-layout {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.team-picker-card,
.team-main-panel,
.team-detail-card,
.team-member-card,
.team-ranking-page {
  min-width: 0;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.045);
}

.team-picker-card {
  position: sticky;
  top: 136px;
  padding: 18px;
}

.team-picker-card__head h2,
.team-section-head h2 {
  margin-top: 6px;
  color: #071107;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.15;
}

.team-picker-card__head p,
.team-section-head p {
  margin-top: 7px;
  color: #5f6b5e;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.5;
}

.team-location-form {
  margin-top: 18px;
  display: grid;
  gap: 12px;
}

.team-location-form label {
  display: grid;
  gap: 7px;
}

.team-location-form label span {
  color: #111827;
  font-size: 12.5px;
  font-weight: 900;
}

.team-location-form select {
  width: 100%;
  height: 46px;
  padding: 0 12px;
  color: #111827;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-size: 13.5px;
  font-weight: 800;
  outline: 0;
}

.team-location-form>button,
.team-create-btn,
.team-option-card button,
.team-empty-state button,
.team-option-card__login {
  min-height: 44px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 12px 24px rgba(63, 165, 53, 0.14);
}

.team-location-form .fg-select__button {
  width: 100%;
  min-height: 46px;
  padding: 0 12px;
  color: #111827;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  box-shadow: none;
  font-size: 13.5px;
  font-weight: 850;
}

.team-location-form .fg-select__button span {
  color: #111827;
  font-size: 13.5px;
  font-weight: 850;
}

.team-location-form .fg-select__button i {
  color: #33a532;
}

.team-location-form .fg-select.is-open .fg-select__button,
.team-location-form .fg-select__button:focus {
  background: #ffffff;
  border-color: #33a532;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.12);
}

.team-location-form .fg-select__panel {
  border-radius: 10px;
  box-shadow: 0 18px 42px rgba(17, 24, 39, 0.14);
}

.team-location-form .fg-select__option {
  min-height: 38px;
  color: #1f2a1f;
  font-size: 13.5px;
  font-weight: 800;
}

.team-option-card button:disabled {
  color: #6b7569;
  background: #eef4eb;
  cursor: not-allowed;
  box-shadow: none;
}

.team-rule-list {
  margin-top: 16px;
  display: grid;
  gap: 9px;
}

.team-rule-list span {
  min-height: 38px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #425340;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 850;
}

.team-rule-list i {
  width: 18px;
  color: #2f8f2a;
  text-align: center;
}

.team-main-panel {
  padding: 18px;
}

.team-section-head {
  min-width: 0;
  margin-bottom: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.team-section-head--compact {
  margin-bottom: 0;
}

.team-required-card,
.team-lock-card,
.team-my-card {
  min-width: 0;
  margin-bottom: 14px;
  padding: 16px;
  display: grid;
  align-items: center;
  gap: 14px;
  border-radius: 10px;
}

.team-required-card,
.team-lock-card {
  grid-template-columns: auto minmax(0, 1fr);
  background: #f7fbf5;
  border: 1px dashed #cfe4cb;
}

.team-required-card>i,
.team-lock-card>i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #d6ead2;
  border-radius: 50%;
}

.team-required-card strong,
.team-lock-card strong {
  color: #071107;
  font-size: 16px;
  font-weight: 900;
}

.team-required-card span,
.team-lock-card span {
  display: block;
  margin-top: 5px;
  color: #5f6b5e;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.team-my-card {
  grid-template-columns: minmax(0, 1fr) auto auto;
  color: #ffffff;
  background: linear-gradient(135deg, #0d2b17, #2f8f2a);
}

.team-my-card span,
.team-my-card p {
  color: rgba(255, 255, 255, 0.76);
  font-size: 12.5px;
  font-weight: 800;
}

.team-my-card h3 {
  margin-top: 5px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
}

.team-my-card p {
  margin-top: 6px;
}

.team-my-card>strong {
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0d2b17;
  background: #ffffff;
  border-radius: 50%;
  font-size: 20px;
  font-weight: 900;
}

.team-my-card button {
  min-height: 38px;
  padding: 0 12px;
  color: #0d2b17;
  background: #ffffff;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 900;
  cursor: pointer;
}

.team-leave-note {
  max-width: 210px;
  display: block;
  color: rgba(255, 255, 255, 0.82);
  font-size: 11.5px;
  font-weight: 800;
  line-height: 1.35;
  text-align: right;
}

.team-option-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.team-option-card {
  min-width: 0;
  padding: 15px;
  display: grid;
  align-content: start;
  gap: 11px;
  background: #ffffff;
  border: 1px solid #e1edde;
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.04);
}

.team-option-card.is-current {
  border-color: #3fa535;
  box-shadow: 0 12px 28px rgba(63, 165, 53, 0.1);
}

.team-option-card__top,
.team-option-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.team-option-card__top>span {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: linear-gradient(135deg, #2f8f2a, #49b640);
  border-radius: 50%;
  font-size: 12px;
  font-weight: 900;
}

.team-option-card__top em {
  min-height: 28px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #8a5a00;
  background: #fff7e6;
  border: 1px solid #eadfca;
  border-radius: 999px;
  font-size: 11.5px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.team-option-card h3 {
  color: #071107;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.22;
}

.team-option-card h3 a:hover {
  color: #2f8f2a;
}

.team-option-card p,
.team-option-card__meta span,
.team-option-card__spend small {
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 750;
}

.team-option-card__bar,
.team-detail-card__progress {
  height: 10px;
  overflow: hidden;
  background: #eaf4e6;
  border-radius: 999px;
}

.team-option-card__bar span,
.team-detail-card__progress span {
  height: 100%;
  display: block;
  background: linear-gradient(90deg, #33a532, #7ed66e);
  border-radius: inherit;
}

.team-option-card__meta strong {
  color: #071107;
  font-size: 15px;
  font-weight: 900;
}

.team-option-card__spend {
  padding: 12px;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
}

.team-option-card__spend strong {
  display: block;
  margin-top: 5px;
  color: #071107;
  font-size: 17px;
  font-weight: 900;
}

.team-option-card form,
.team-option-card button,
.team-option-card__login {
  width: 100%;
}

.team-empty-state,
.team-member-empty {
  min-height: 220px;
  padding: 28px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f7fbf5;
  border: 1px dashed #cfe4cb;
  border-radius: 10px;
}

.team-empty-state>i,
.team-member-empty>i {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f8f2a;
  background: #ffffff;
  border: 1px solid #d6ead2;
  border-radius: 50%;
  font-size: 21px;
}

.team-empty-state h3,
.team-member-empty strong {
  margin-top: 14px;
  color: #071107;
  font-size: 20px;
  font-weight: 900;
}

.team-empty-state p,
.team-member-empty span,
.team-muted {
  max-width: 440px;
  margin-top: 8px;
  color: #5f6b5e;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.55;
}

.team-empty-state form {
  margin-top: 16px;
}

.team-detail-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  gap: 18px;
}

.team-detail-card,
.team-member-card,
.team-ranking-page {
  padding: 18px;
}

.team-detail-card__stats {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.team-detail-card__stats span {
  min-width: 0;
  padding: 12px;
  display: grid;
  gap: 5px;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
}

.team-detail-card__stats small {
  color: #5f6b5e;
  font-size: 11.5px;
  font-weight: 850;
}

.team-detail-card__stats strong {
  color: #071107;
  font-size: 18px;
  font-weight: 900;
}

.team-detail-card__progress {
  margin-top: 14px;
}

.team-detail-card__body {
  margin-top: 16px;
  display: grid;
  gap: 10px;
}

.team-detail-card__body div {
  min-height: 42px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #425340;
  background: #ffffff;
  border: 1px solid #edf4ea;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 800;
}

.team-detail-card__body i {
  width: 18px;
  color: #2f8f2a;
  text-align: center;
}

.team-share-row {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.team-share-row a,
.team-share-row button {
  min-height: 42px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #2f8f2a;
  background: #f4fbf2;
  border: 1px solid #d6ead2;
  border-radius: 8px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 900;
  cursor: pointer;
}

.team-share-row .fa-whatsapp {
  color: #25d366;
}

.team-member-list {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.team-member-list span {
  min-height: 42px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #071107;
  background: #f7fbf5;
  border: 1px solid #e1edde;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
}

.team-member-list i {
  color: #2f8f2a;
}

.team-member-list span.is-leaving {
  color: #7b8579;
  background: #f4f5f3;
}

.team-member-list small {
  margin-left: auto;
  color: #8a5a00;
  font-size: 11px;
  font-weight: 900;
}

.team-ranking-page {
  margin-top: 18px;
}

.team-ranking-table {
  display: grid;
  gap: 8px;
}

.team-ranking-table a {
  min-width: 0;
  min-height: 58px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(120px, auto) minmax(70px, auto);
  gap: 4px 12px;
  align-items: center;
  background: #ffffff;
  border: 1px solid #edf4ea;
  border-radius: 8px;
}

.team-ranking-table span {
  width: 34px;
  height: 34px;
  grid-row: 1 / 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #33a532;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 900;
}

.team-ranking-table strong,
.team-ranking-table small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-ranking-table strong {
  color: #071107;
  font-size: 14px;
  font-weight: 900;
}

.team-ranking-table small {
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 750;
}

.team-ranking-table em,
.team-ranking-table b {
  color: #071107;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.team-ranking-table em {
  grid-row: 1 / 3;
}

.team-ranking-table b {
  grid-row: 1 / 3;
  color: #2f8f2a;
}

@media (max-width: 1180px) {
  .team-option-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .team-detail-card__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .team-page-hero,
  .team-detail-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {

  .account-team-nudge,
  .team-page-layout {
    grid-template-columns: 1fr;
  }

  .team-picker-card {
    position: static;
  }

  .team-my-card {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .team-my-card form {
    grid-column: 1 / -1;
  }

  .team-my-card button {
    width: 100%;
  }

  .team-leave-note {
    max-width: none;
    margin-bottom: 8px;
    text-align: left;
  }
}

@media (max-width: 720px) {
  .team-page {
    padding: 18px 12px 44px;
  }

  .team-page-hero,
  .team-main-panel,
  .team-picker-card,
  .team-detail-card,
  .team-member-card,
  .team-ranking-page {
    padding: 16px;
  }

  .team-page-hero h1 {
    font-size: 28px;
  }

  .team-section-head,
  .team-login-gate,
  .account-team-nudge {
    display: grid;
    align-items: start;
  }

  .team-login-gate a,
  .account-team-nudge a,
  .team-create-btn {
    width: 100%;
  }

  .team-option-grid,
  .team-detail-card__stats,
  .team-member-list {
    grid-template-columns: 1fr;
  }

  .team-required-card,
  .team-lock-card,
  .team-my-card {
    grid-template-columns: 1fr;
  }

  .team-my-card>strong {
    width: 64px;
    height: 64px;
  }

  .team-ranking-table a {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .team-ranking-table em,
  .team-ranking-table b {
    grid-row: auto;
    grid-column: 2;
  }
}

.profile-onboarding-body {
  min-height: 100vh;
  background: #fbfbfb;
}

.profile-onboarding {
  min-height: 100vh;
  padding: 28px var(--page-pad);
  display: grid;
  place-items: center;
  overflow-x: clip;
}

.profile-onboarding__shell {
  width: min(1080px, 100%);
  min-height: min(640px, calc(100vh - 56px));
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 18px;
  overflow: visible;
  box-shadow: 0 22px 60px rgba(17, 24, 39, 0.07);
}

.profile-onboarding__side {
  min-width: 0;
  padding: 34px 30px;
  display: grid;
  align-content: space-between;
  gap: 26px;
  background:
    radial-gradient(circle at 88% 8%, rgba(63, 165, 53, 0.14), transparent 34%),
    linear-gradient(145deg, #f4fbf1 0%, #ffffff 76%);
  border-right: 1px solid #e2ecdf;
  border-radius: 18px 0 0 18px;
}

.profile-onboarding__logo img {
  width: 156px;
  height: auto;
  display: block;
}

.profile-onboarding__side span,
.profile-step span {
  color: #2f8f2a;
  font-size: 12.5px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.profile-onboarding__side h1 {
  max-width: 280px;
  margin-top: 10px;
  color: #071107;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.12;
}

.profile-onboarding__side p {
  max-width: 280px;
  margin-top: 14px;
  color: #536151;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
}

.profile-onboarding__side ul {
  display: grid;
  gap: 12px;
}

.profile-onboarding__side li {
  min-height: 46px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #263323;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid #dcebd8;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 850;
}

.profile-onboarding__side li i {
  width: 18px;
  color: #33a532;
  text-align: center;
}

.profile-onboarding__logout {
  width: fit-content;
  min-height: 42px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #111827;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 900;
}

.profile-onboarding__card {
  min-width: 0;
  padding: 42px 48px;
  display: grid;
  align-content: center;
  background: #ffffff;
  border-radius: 0 18px 18px 0;
}

.profile-onboarding__top {
  display: grid;
  gap: 10px;
  margin-bottom: 28px;
}

.profile-onboarding__top>span {
  color: #5f6b5e;
  font-size: 13px;
  font-weight: 900;
  text-align: right;
}

.profile-onboarding__progress {
  height: 7px;
  overflow: hidden;
  background: #eaf4e6;
  border-radius: 999px;
}

.profile-onboarding__progress i {
  height: 100%;
  display: block;
  background: linear-gradient(90deg, #33a532, #78d66a);
  border-radius: inherit;
  transition: width 0.22s ease;
}

.profile-onboarding__errors {
  margin-bottom: 20px;
  padding: 13px 14px;
  color: #991b1b;
  background: #fff7f7;
  border: 1px solid #fecaca;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}

.profile-onboarding__card--verification {
  align-content: center;
}

.profile-onboarding__verification {
  width: min(520px, 100%);
  margin-inline: auto;
}

.profile-onboarding__verification .auth-alert {
  margin-bottom: 18px;
}

.profile-step {
  display: none;
  min-height: 0;
  align-content: center;
}

.profile-step.is-active {
  display: grid;
}

.profile-step h2 {
  max-width: 600px;
  margin-top: 10px;
  color: #071107;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.14;
}

.profile-step p {
  max-width: 560px;
  margin-top: 12px;
  color: #5f6b5e;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

.profile-step label {
  width: min(560px, 100%);
  margin-top: 24px;
  display: grid;
}

.profile-step label+label {
  margin-top: 14px;
}

.profile-step input,
.profile-step select,
.profile-step textarea {
  width: 100%;
  min-height: 56px;
  padding: 0 16px;
  color: #071107;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 11px;
  outline: 0;
  font: inherit;
  font-size: 16px;
  font-weight: 850;
}

.profile-step textarea {
  min-height: 104px;
  padding-top: 15px;
  resize: vertical;
  line-height: 1.45;
}

.profile-step input:focus,
.profile-step select:focus,
.profile-step textarea:focus {
  border-color: #33a532;
  box-shadow: 0 0 0 4px rgba(63, 165, 53, 0.12);
}

.profile-onboarding__actions {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.profile-onboarding__actions button {
  min-height: 48px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 11px;
  border: 1px solid #d6ead2;
  font: inherit;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
}

.profile-onboarding__actions button[hidden] {
  display: none !important;
}

.profile-onboarding__actions [data-profile-prev] {
  color: #263323;
  background: #ffffff;
}

.profile-onboarding__actions [data-profile-next],
.profile-onboarding__actions [data-profile-submit] {
  color: #ffffff;
  background: #33a532;
  border-color: #33a532;
  box-shadow: 0 16px 30px rgba(63, 165, 53, 0.18);
}

.profile-onboarding__actions button:disabled {
  color: #9aa39a;
  background: #f2f5f1;
  border-color: #e1edde;
  cursor: not-allowed;
  box-shadow: none;
}

@media (max-width: 920px) {
  .profile-onboarding {
    padding: 18px;
  }

  .profile-onboarding__shell {
    min-height: calc(100vh - 36px);
    grid-template-columns: 1fr;
  }

  .profile-onboarding__side {
    padding: 24px;
    border-right: 0;
    border-bottom: 1px solid #e2ecdf;
    border-radius: 18px 18px 0 0;
  }

  .profile-onboarding__side h1 {
    max-width: 560px;
    font-size: 28px;
  }

  .profile-onboarding__side p {
    max-width: 620px;
  }

  .profile-onboarding__side ul {
    display: none;
  }

  .profile-onboarding__card {
    padding: 28px 22px;
    border-radius: 0 0 18px 18px;
  }

  .profile-step {
    min-height: 300px;
  }

  .profile-step h2 {
    font-size: 29px;
  }

  .profile-step input,
  .profile-step select,
  .profile-step textarea,
  .profile-step .fg-select__button {
    min-height: 54px;
    font-size: 15px;
  }
}

@media (max-width: 560px) {
  .profile-onboarding {
    padding: 0;
    place-items: stretch;
  }

  .profile-onboarding__shell {
    min-height: 100vh;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }

  .profile-onboarding__side {
    gap: 18px;
    padding: 22px 18px;
  }

  .profile-onboarding__logo img {
    width: 138px;
  }

  .profile-onboarding__side h1 {
    font-size: 24px;
  }

  .profile-onboarding__side p {
    font-size: 13px;
  }

  .profile-onboarding__card {
    padding: 24px 18px 28px;
  }

  .profile-onboarding__top {
    margin-bottom: 22px;
  }

  .profile-step h2 {
    font-size: 25px;
  }

  .profile-step p {
    font-size: 13px;
  }

  .profile-step label {
    margin-top: 18px;
  }

  .profile-onboarding__logout {
    width: 100%;
    justify-content: center;
  }

  .profile-onboarding__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .profile-onboarding__actions button {
    width: 100%;
  }
}


.gazza-toast-container {
  position: fixed;
  top: 32px;
  right: 32px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 14px;
  pointer-events: none;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10050;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #0f7a35, #35ad3b, #95d65b);
  transform: scaleX(0);
  transform-origin: left center;
  opacity: 0;
  pointer-events: none;
}

body.is-page-loading::before {
  opacity: 1;
  animation: pageLoadingBar 0.9s ease-in-out infinite;
}

body.is-page-loading {
  cursor: progress;
}

@keyframes pageLoadingBar {
  0% {
    transform: scaleX(0);
  }
  55% {
    transform: scaleX(0.72);
  }
  100% {
    transform: scaleX(1);
    opacity: 0.78;
  }
}

.gazza-toast {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: #ffffff;
  border: 1px solid rgba(63, 165, 53, 0.12);
  border-radius: 14px;
  box-shadow: 0 20px 48px -8px rgba(17, 24, 39, 0.08),
    0 8px 24px -12px rgba(17, 24, 39, 0.04);
  color: #111827;
  min-width: 340px;
  max-width: 420px;
  transform: translate3d(40px, 0, 0);
  opacity: 0;
  pointer-events: auto;
  touch-action: manipulation;
  animation: toastSlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  will-change: transform, opacity;
}

.gazza-toast__icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #f0f9f0;
  color: #3fa535;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 15px;
}

.gazza-toast__content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-grow: 1;
}

.gazza-toast__title {
  font-size: 14px;
  font-weight: 700;
  color: #111827;
  line-height: 1.4;
}

.gazza-toast__desc {
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  line-height: 1.4;
}

.gazza-toast__close-btn {
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  padding: 6px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.15s ease;
  margin-left: 4px;
}

.gazza-toast__close-btn:hover {
  color: #4b5563;
}

.gazza-toast.is-hiding {
  animation: toastSlideOut 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes toastSlideIn {
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes toastSlideOut {
  to {
    transform: translate3d(20px, 0, 0);
    opacity: 0;
  }
}

.gazza-toast.is-error {
  border-color: rgba(239, 68, 68, 0.2);
}

.gazza-toast.is-error .gazza-toast__icon-box {
  background: #fef2f2;
  color: #ef4444;
}

.gazza-toast.is-warning {
  border-color: rgba(245, 158, 11, 0.24);
}

.gazza-toast.is-warning .gazza-toast__icon-box {
  background: #fffbeb;
  color: #d97706;
}

button.is-submit-loading,
input[type="submit"].is-submit-loading {
  cursor: progress !important;
  opacity: 0.88;
  pointer-events: none;
}

button.is-submit-loading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}


@media (min-width: 641px) {
  .header-nav {
    display: flex;
    align-items: center;
    gap: 14px;
  }

  .header-nav__item {
    display: inline-flex !important;
    align-items: center;
    flex-direction: row !important;
    cursor: pointer;
    padding: 4px;
    gap: 6px !important;
  }

  .header-nav__item .header-nav__labels {
    text-align: right !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    display: flex;
    flex-direction: column;
  }

  .header-nav__item .header-nav__label-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
  }

  .header-nav__avatar {
    width: 38px;
    height: 38px;
    margin: 0 !important;
  }

  .header-nav__item .header-nav__icon,
  .header-nav__item .header-nav__compare-icon,
  .header-nav__item .header-nav__cart-icon,
  .header-nav__item .header-nav__favorites-icon {
    margin: 0 !important;
    font-size: 20px;
    color: #1a1a1a;
    order: 2 !important;
  }

  .header-nav__item:hover .header-nav__avatar {
    transform: scale(1.05);
    border-color: #3fa535;
  }
}

@media (max-width: 640px) {

  .header-account__menu {
    display: none;
  }

  .header-cart__menu {
    display: none;
  }

  .header-favorites__menu {
    display: none;
  }

  .header-nav__labels,
  .header-nav__label {
    display: none !important;
  }

  .header-nav__item {
    width: 32px !important;
    height: 32px !important;
    padding: 4px !important;
    justify-content: center;
  }

  .header-nav__avatar {
    width: 30px;
    height: 30px;
    margin: 0 !important;
  }
}

@media (max-width: 640px) {
  .site-header {
    width: 100%;
    overflow-x: clip;
  }

  .site-header .header-inner {
    width: 100%;
    max-width: 100vw;
    height: auto !important;
    min-height: 0;
    padding: 10px 12px !important;
    display: grid !important;
    grid-template-columns: minmax(108px, auto) minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 8px 10px !important;
    overflow: hidden;
  }

  .site-header .header-logo {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    max-width: 130px;
    overflow: hidden;
  }

  .site-header .header-logo img {
    width: auto !important;
    max-width: 124px !important;
    height: 30px !important;
    object-fit: contain;
  }

  .site-header .header-logo__tagline {
    display: none !important;
  }

  .site-header .header-nav {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    max-width: calc(100vw - 146px);
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    overflow: visible;
  }

  .site-header .header-nav__labels,
  .site-header .header-nav__label,
  .site-header .header-nav__label-top,
  .site-header .header-nav__label-bottom,
  .site-header .header-nav__chevron {
    display: none !important;
  }

  .site-header .header-nav__item {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    flex: 0 0 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    overflow: visible;
  }

  .site-header .header-nav__icon,
  .site-header .header-nav__compare-icon,
  .site-header .header-nav__cart-icon,
  .site-header .header-nav__favorites-icon {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    line-height: 1 !important;
    order: initial !important;
  }

  .site-header .header-nav__avatar {
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    flex: 0 0 30px;
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  .site-header .header-nav__badge {
    top: -7.5px;
    right: -8.5px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    font-size: 10px;
    border-radius: 9px;
  }

  .site-header .header-search {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    min-width: 0;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px;
  }

  .site-header .header-search__input {
    width: 100%;
    min-width: 0;
    height: 38px !important;
    padding: 0 14px;
    font-size: 13px;
  }

  .site-header .header-search__btn {
    width: 52px !important;
    height: 38px !important;
    padding: 0 !important;
    justify-content: center;
    gap: 5px;
    font-size: 13px !important;
  }
}

@media (max-width: 360px) {
  .site-header .header-inner {
    grid-template-columns: minmax(96px, auto) minmax(0, 1fr) !important;
    padding-inline: 10px !important;
    gap: 8px !important;
  }

  .site-header .header-logo {
    max-width: 112px;
  }

  .site-header .header-logo img {
    max-width: 108px !important;
    height: 28px !important;
  }

  .site-header .header-nav {
    max-width: calc(100vw - 124px);
    gap: 4px !important;
  }

  .site-header .header-nav__item {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    flex-basis: 30px !important;
  }

  .site-header .header-nav__icon,
  .site-header .header-nav__cart-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 20px !important;
  }

  .site-header .header-nav__avatar {
    width: 28px !important;
    height: 28px !important;
  }
}

.categories-page {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 22px var(--page-pad) 64px;
}

.categories-hero {
  min-width: 0;
  padding: 26px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
  gap: 22px;
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, #f2faef 100%);
  border: 1px solid #dcebd8;
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(17, 24, 39, 0.055);
}

.categories-hero span,
.category-directory-section__head span {
  color: #2f8f2a;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.categories-hero h1 {
  margin-top: 8px;
  color: #07130b;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.12;
}

.categories-hero p {
  max-width: 720px;
  margin-top: 10px;
  color: #526052;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.65;
}

.categories-hero__stats {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.categories-hero__stats span {
  min-width: 0;
  min-height: 72px;
  padding: 12px;
  display: grid;
  align-content: center;
  gap: 3px;
  color: #526052;
  font-size: 12px;
  font-weight: 800;
  text-transform: none;
  border-left: 1px solid #dcebd8;
}

.categories-hero__stats span:first-child {
  border-left: 0;
}

.categories-hero__stats strong {
  color: #07130b;
  font-size: 20px;
  font-weight: 900;
}

.category-directory-section {
  min-width: 0;
  margin-top: 26px;
}

.category-directory-section__head {
  min-width: 0;
  margin-bottom: 14px;
}

.category-directory-section__head h2 {
  margin-top: 5px;
  color: #07130b;
  font-size: 26px;
  font-weight: 900;
  line-height: 1.2;
}

.category-directory-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.category-directory-card {
  min-width: 0;
  min-height: 132px;
  padding: 16px;
  position: relative;
  display: grid;
  align-content: end;
  gap: 7px;
  overflow: hidden;
  color: #07130b;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.045);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.category-directory-card:hover,
.category-showcase-card:hover,
.category-chip-grid a:hover {
  border-color: #acd9a4;
  box-shadow: 0 16px 34px rgba(17, 24, 39, 0.075);
  transform: translateY(-2px);
}

.category-directory-card__icon {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f8f2a;
  background: #f3fbf1;
  border: 1px solid #d8efd3;
  border-radius: 8px;
  font-size: 21px;
}

.category-directory-card strong {
  min-width: 0;
  color: #07130b;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
}

.category-directory-card small {
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 750;
}

.category-directory-card__children {
  min-width: 0;
  margin-top: 3px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.category-directory-card__children em {
  max-width: 100%;
  padding: 4px 8px;
  overflow: hidden;
  color: #207a1f;
  background: #edf8ea;
  border: 1px solid #d5edcf;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.category-directory-card>i {
  position: absolute;
  right: 14px;
  top: 14px;
  color: #3fa535;
  font-size: 13px;
}

.category-showcase-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.category-showcase-card {
  min-width: 0;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  color: inherit;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.045);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.category-showcase-card__media {
  min-width: 0;
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #2f8f2a;
  background: #eef8eb;
  font-size: 34px;
}

.category-showcase-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.category-showcase-card__body {
  min-width: 0;
  padding: 15px;
  display: grid;
  align-content: start;
  gap: 6px;
}

.category-showcase-card__body small {
  color: #2f8f2a;
  font-size: 11.5px;
  font-weight: 900;
  text-transform: uppercase;
}

.category-showcase-card__body strong {
  min-width: 0;
  color: #07130b;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.25;
}

.category-showcase-card__body em {
  min-width: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #5f6b5e;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.45;
}

.category-chip-grid {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.category-chip-grid a {
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #07130b;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.04);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.category-chip-grid span {
  font-size: 13px;
  font-weight: 850;
}

.category-chip-grid small {
  color: #2f8f2a;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 1024px) {
  .categories-hero {
    grid-template-columns: 1fr;
  }

  .category-directory-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .category-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .categories-page {
    padding: 18px 12px 48px;
  }

  .categories-hero {
    padding: 18px;
  }

  .categories-hero h1 {
    font-size: 27px;
  }

  .categories-hero__stats {
    grid-template-columns: 1fr;
  }

  .categories-hero__stats span {
    min-height: 56px;
    border-left: 0;
    border-top: 1px solid #dcebd8;
  }

  .categories-hero__stats span:first-child {
    border-top: 0;
  }

  .category-directory-grid,
  .category-showcase-grid {
    grid-template-columns: 1fr;
  }

  .category-directory-section__head h2 {
    font-size: 22px;
  }
}

.premium-page {
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
  padding: 22px var(--page-pad) 68px;
}

.premium-hero {
  min-width: 0;
  padding: 30px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
  gap: 28px;
  align-items: stretch;
  background: linear-gradient(135deg, #ffffff 0%, #f2faef 100%);
  border: 1px solid #dcebd8;
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(17, 24, 39, 0.06);
}

.premium-hero__content {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 18px;
}

.premium-eyebrow,
.premium-section-head span,
.premium-summary>div:first-child span {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2f8f2a;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.premium-hero h1 {
  max-width: 720px;
  color: #07130b;
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 900;
  line-height: 1.05;
}

.premium-hero p {
  max-width: 660px;
  color: #536153;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.7;
}

.premium-hero__actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.premium-btn {
  min-height: 48px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #07130b;
  background: #ffffff;
  border: 1px solid #cfe7ca;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.premium-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(17, 24, 39, 0.08);
}

.premium-btn--primary {
  color: #ffffff;
  background: #35a82f;
  border-color: #35a82f;
  box-shadow: 0 14px 28px rgba(53, 168, 47, 0.18);
}

.premium-btn--primary:hover {
  background: #2e9829;
}

.premium-btn--ghost {
  color: #07130b;
  background: rgba(255, 255, 255, 0.75);
}

.premium-hero__visual {
  min-width: 0;
  min-height: 360px;
  position: relative;
  overflow: hidden;
  background: #111713;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.premium-hero__visual img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
  object-fit: cover;
  opacity: 0.82;
}

.premium-status {
  width: min(84%, 360px);
  position: absolute;
  left: 22px;
  bottom: 22px;
  padding: 18px;
  display: grid;
  gap: 14px;
  color: #ffffff;
  background: rgba(7, 19, 11, 0.84);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  backdrop-filter: blur(10px);
}

.premium-status>span {
  color: #92dc88;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-status>strong {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.15;
}

.premium-status__rows {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.premium-status__rows div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
}

.premium-status__rows i {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #92dc88;
}

.premium-status__rows small {
  min-width: 0;
  overflow: hidden;
  color: #edf7ed;
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.premium-status__discount {
  min-width: 0;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(255, 255, 255, 0.09);
  border-radius: 8px;
}

.premium-status__discount span {
  color: #dbe9db;
  font-size: 12px;
  font-weight: 850;
}

.premium-status__discount strong {
  color: #92dc88;
  font-size: 23px;
  font-weight: 900;
}

.premium-benefits {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.premium-benefits article,
.premium-flow__grid article {
  min-width: 0;
  padding: 20px;
  display: grid;
  align-content: start;
  gap: 12px;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.045);
}

.premium-benefits i {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f8f2a;
  background: #f3fbf1;
  border: 1px solid #d8efd3;
  border-radius: 8px;
  font-size: 21px;
}

.premium-benefits h2,
.premium-flow__grid h3 {
  color: #07130b;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.25;
}

.premium-benefits p,
.premium-flow__grid p,
.premium-summary p {
  color: #536153;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.6;
}

.premium-flow,
.premium-summary {
  margin-top: 30px;
}

.premium-section-head {
  margin-bottom: 14px;
  display: grid;
  gap: 6px;
}

.premium-section-head h2,
.premium-summary h2 {
  color: #07130b;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.18;
}

.premium-flow__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.premium-flow__grid article>span {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #07130b;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(17, 24, 39, 0.16);
}

.premium-summary {
  padding: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
  gap: 22px;
  align-items: center;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.045);
}

.premium-summary>div:first-child {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.premium-summary__stats {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.premium-summary__stats span {
  min-width: 0;
  min-height: 76px;
  padding: 12px;
  display: grid;
  align-content: center;
  gap: 3px;
  color: #536153;
  font-size: 12px;
  font-weight: 800;
  border-left: 1px solid #dcebd8;
}

.premium-summary__stats span:first-child {
  border-left: 0;
}

.premium-summary__stats strong {
  color: #07130b;
  font-size: 21px;
  font-weight: 900;
}

@media (max-width: 1080px) {

  .premium-hero,
  .premium-summary {
    grid-template-columns: 1fr;
  }

  .premium-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .premium-page {
    padding: 18px 12px 50px;
  }

  .premium-hero {
    padding: 18px;
    gap: 18px;
  }

  .premium-hero h1 {
    font-size: 32px;
  }

  .premium-hero p {
    font-size: 14px;
  }

  .premium-hero__actions,
  .premium-btn {
    width: 100%;
  }

  .premium-hero__visual,
  .premium-hero__visual img {
    min-height: 380px;
  }

  .premium-status {
    width: auto;
    left: 14px;
    right: 14px;
    bottom: 14px;
  }

  .premium-benefits,
  .premium-flow__grid,
  .premium-summary__stats {
    grid-template-columns: 1fr;
  }

  .premium-summary {
    padding: 18px;
  }

  .premium-summary__stats span {
    min-height: 58px;
    border-left: 0;
    border-top: 1px solid #dcebd8;
  }

  .premium-summary__stats span:first-child {
    border-top: 0;
  }

  .premium-section-head h2,
  .premium-summary h2 {
    font-size: 24px;
  }
}

/* --- CHECKOUT & ORDERS LAYOUT STYLES --- */
.checkout-page-layout {
  max-width: var(--page-max);
  margin: 0 auto;
  padding: 24px var(--page-pad);
}

.checkout-title-bar {
  margin-bottom: 24px;
}

.checkout-title-bar span {
  font-size: 13px;
  color: #3fa535;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.checkout-title-bar h1 {
  font-size: 28px;
  font-weight: 800;
  color: #111827;
  margin-top: 4px;
}

.checkout-title-bar p {
  color: #4b5563;
  font-size: 14px;
  margin-top: 6px;
}

.checkout-stepper {
  margin: 0 0 24px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  list-style: none;
}

.checkout-stepper li {
  min-width: 0;
  min-height: 56px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #667066;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 850;
}

.checkout-stepper i {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  background: #f0fbed;
  border-radius: 50%;
  font-size: 13px;
}

.checkout-stepper .is-active {
  color: #071107;
  border-color: #3fa535;
  box-shadow: 0 10px 24px rgba(63, 165, 53, 0.08);
}

.checkout-stepper .is-complete {
  color: #2f8f2a;
  background: #f8fcf7;
}

.checkout-errors {
  background: #fef2f2;
  border-left: 4px solid #ef4444;
  padding: 16px;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 24px;
  color: #991b1b;
}

.checkout-errors i {
  font-size: 20px;
  margin-top: 2px;
}

.checkout-errors p {
  font-size: 14px;
  margin: 0;
  font-weight: 500;
}

.checkout-client-errors[hidden] {
  display: none;
}

.checkout-field-error {
  display: block;
  margin-top: 7px;
  color: #b42318;
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.35;
}

.form-group.has-client-error input,
.form-group.has-client-error select,
.form-group.has-client-error textarea {
  border-color: #ef4444 !important;
  background: #fffafa;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
}

.agreement-checkbox.has-client-error,
.payment-method-card.has-client-error .method-details,
.address-select-tile.has-client-error .tile-card {
  border-color: #ef4444 !important;
  background: #fffafa;
}

.agreement-checkbox.has-client-error .checkout-field-error,
.payment-method-card.has-client-error .checkout-field-error,
.address-select-tile.has-client-error .checkout-field-error {
  margin-left: 28px;
}

.checkout-form-grid {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 24px;
  align-items: start;
}

.checkout-left-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.checkout-section {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  background: #ffffff;
  margin: 0;
}

.checkout-section legend {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  padding: 0 10px;
  margin-left: -10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.address-mode-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}

.address-mode-card {
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  gap: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.address-mode-card:hover {
  border-color: #3fa535;
  background: #f7fbf5;
}

.address-mode-card input[type="radio"]:checked+.mode-info,
.address-mode-card:has(input[type="radio"]:checked) {
  border-color: #3fa535;
  background: #f7fbf5;
}

.mode-info strong {
  display: block;
  font-size: 14px;
  color: #111827;
}

.mode-info p {
  font-size: 12px;
  color: #6b7280;
  margin-top: 4px;
}

.address-grid-select {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.address-select-tile {
  cursor: pointer;
}

.address-select-tile input[type="radio"] {
  display: none;
}

.address-select-tile .tile-card {
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  height: 100%;
  transition: all 0.2s ease;
  position: relative;
}

.address-select-tile:hover .tile-card {
  border-color: #3fa535;
  background: #f7fbf5;
}

.address-select-tile input[type="radio"]:checked+.tile-card {
  border-color: #3fa535;
  background: #f7fbf5;
  box-shadow: 0 4px 12px rgba(63, 165, 53, 0.05);
}

.tile-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 8px;
}

.badge-default {
  background: #e2ecdf;
  color: #3fa535;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
}

.tile-name {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}

.tile-phone {
  display: block;
  font-size: 12px;
  color: #6b7280;
  margin-top: 2px;
}

.tile-details {
  font-size: 12px;
  color: #4b5563;
  margin-top: 8px;
  line-height: 1.4;
}

.checkout-new-address-form {
  border-top: 1px solid #f3f4f6;
  padding-top: 20px;
}

.new-address-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.new-address-grid .col-span-2 {
  grid-column: span 2;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form-group span {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}

.form-group input,
.form-group select,
.form-group textarea {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 13.5px;
  color: #111827;
  background: #ffffff;
  outline: none;
  transition: all 0.15s ease;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: #3fa535;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.15);
}

.payment-method-options {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin-bottom: 18px;
}

.shipping-method-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.shipping-method-card {
  position: relative;
  min-height: 92px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 16px 42px 16px 16px;
  color: #0d1b12;
  background: #ffffff;
  border: 1px solid #d8e8d5;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.shipping-method-card input[type="radio"] {
  position: absolute;
  top: 16px;
  right: 16px;
  accent-color: #31a431;
}

.shipping-method-card:hover,
.shipping-method-card:has(input[type="radio"]:checked) {
  background: #f5fbf3;
  border-color: #31a431;
  box-shadow: 0 14px 30px rgba(31, 134, 38, 0.08);
}

.shipping-method-card__icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #31a431;
  background: #eef9eb;
  border-radius: 8px;
  font-size: 18px;
}

.shipping-method-card__body {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.shipping-method-card__body strong {
  overflow: hidden;
  color: #071107;
  font-size: 14px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shipping-method-card__body small {
  color: #667266;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.payment-method-card {
  position: relative;
  min-height: 88px;
  padding: 14px 42px 14px 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dbe8d8;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(0, 22, 10, 0.04);
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.payment-method-card input[type="radio"] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 18px;
  height: 18px;
  accent-color: #2faa35;
}

.payment-method-card:hover {
  transform: translateY(-1px);
  border-color: #a8d9a2;
  box-shadow: 0 18px 36px rgba(0, 38, 14, 0.08);
}

.payment-method-card:has(input[type="radio"]:checked) {
  background: linear-gradient(135deg, #ffffff 0%, #f1fbef 100%);
  border-color: #2faa35;
  box-shadow: inset 0 0 0 1px #2faa35, 0 18px 40px rgba(47, 170, 53, 0.12);
}

.payment-method-card:has(input[type="radio"]:checked)::after {
  content: "Seçili";
  position: absolute;
  right: 12px;
  bottom: 10px;
  min-height: 22px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  color: #16751d;
  background: #eaf8e8;
  border: 1px solid #ccebc7;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}

.method-details i {
  width: 38px;
  height: 38px;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  background: #eef9eb;
  border-radius: 10px;
  font-size: 20px;
}

.method-details strong {
  display: block;
  font-size: 14.5px;
  color: #111827;
  font-weight: 900;
  line-height: 1.25;
}

.method-details p {
  margin-top: 6px;
  color: #5d6a60;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}

.credit-card-inputs {
  padding: 18px;
  display: grid;
  gap: 16px;
  background: #ffffff;
  border: 1px solid #d9e6d7;
  border-radius: 14px;
  box-shadow: 0 16px 36px rgba(0, 32, 14, 0.06);
}

.payment-provider-card {
  width: 100%;
  min-width: 0;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  color: #122018;
  background: #f7fbf6;
  border: 1px solid #d7ead3;
  border-radius: 12px;
  box-shadow: none;
}

.payment-provider-card__icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2fa52d;
  background: #ffffff;
  border: 1px solid #d8ecd4;
  border-radius: 12px;
  font-size: 22px;
  box-shadow: 0 10px 22px rgba(47, 165, 45, 0.1);
}

.payment-provider-card strong {
  display: block;
  color: #07130b;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.25;
}

.payment-provider-card p {
  margin-top: 5px;
  color: #506050;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

.bank-transfer-panel {
  margin-top: 16px;
}

.bank-transfer-box {
  padding: 18px;
  border: 1px solid rgba(47, 170, 53, 0.2);
  border-radius: 16px;
  background: linear-gradient(135deg, #f6fff3 0%, #ffffff 100%);
  box-shadow: 0 18px 40px rgba(0, 38, 14, 0.06);
}

.bank-transfer-box__head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin-bottom: 14px;
}

.bank-transfer-box__head i {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #eaf8e8;
  color: #2fa52d;
  font-size: 20px;
}

.bank-transfer-box__head strong {
  display: block;
  color: #07130b;
  font-size: 16px;
  font-weight: 900;
}

.bank-transfer-box__head p {
  margin-top: 5px;
  color: #506050;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

.bank-transfer-details {
  display: grid;
  gap: 10px;
  margin: 0;
}

.bank-transfer-details div {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(217, 230, 215, 0.9);
}

.bank-transfer-details dt {
  color: #5f705f;
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.bank-transfer-details dd {
  margin: 0;
  min-width: 0;
  color: #07130b;
  font-size: 14px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.bank-transfer-details dd a {
  color: #08751d;
  text-decoration: none;
}

.bank-transfer-details dd button {
  margin-left: 10px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(47, 170, 53, 0.28);
  border-radius: 999px;
  background: #f1fbef;
  color: #08751d;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.checkout-card-entry {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  gap: 22px;
  align-items: stretch;
}

.checkout-card-preview {
  width: 100%;
  max-width: 340px;
  aspect-ratio: 1.586 / 1;
  perspective: 1100px;
}

.checkout-card-flipper {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.55s cubic-bezier(0.2, 0.75, 0.25, 1);
}

.checkout-card-preview.is-flipped .checkout-card-flipper {
  transform: rotateY(180deg);
}

.checkout-card-face {
  position: absolute;
  inset: 0;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #ffffff;
  border-radius: 18px;
  overflow: hidden;
  backface-visibility: hidden;
  box-shadow: 0 20px 42px rgba(0, 28, 16, 0.2);
}

.checkout-card-face::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.24), transparent 28%),
    radial-gradient(circle at 8% 96%, rgba(255, 255, 255, 0.13), transparent 32%);
  pointer-events: none;
}

.checkout-card-face--front::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.checkout-card-face--front {
  background: linear-gradient(135deg, #07130b 0%, #113b21 54%, #2fa63a 100%);
  transform: rotateY(0deg);
  z-index: 2;
}

.checkout-card-face--back {
  background: linear-gradient(135deg, #08140d 0%, #12351f 58%, #1e7f2d 100%);
  transform: rotateY(180deg);
  padding-top: 28px;
  z-index: 1;
}

.checkout-card-preview[data-bank="garanti"] .checkout-card-face--front,
.checkout-card-preview[data-bank="garanti"] .checkout-card-face--back {
  background: linear-gradient(135deg, #06351f 0%, #087531 52%, #6fbe44 100%);
}

.checkout-card-preview[data-bank="garanti"] .checkout-card-face--front::after {
  content: "bonus";
  right: 22px;
  top: 22px;
  color: rgba(255, 255, 255, 0.94);
  font-size: 28px;
  font-weight: 950;
  letter-spacing: -0.6px;
  text-transform: lowercase;
}

.checkout-card-preview[data-bank="akbank"] .checkout-card-face--front,
.checkout-card-preview[data-bank="akbank"] .checkout-card-face--back {
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.94) 0 38%, transparent 38.4%),
    linear-gradient(135deg, #8b050b 0%, #c80f18 55%, #f04248 100%);
}

.checkout-card-preview[data-bank="akbank"] .checkout-card-face--front::after {
  content: "AXESS";
  right: 22px;
  top: 24px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: 1px;
}

.checkout-card-preview[data-bank="yapikredi"] .checkout-card-face--front,
.checkout-card-preview[data-bank="yapikredi"] .checkout-card-face--back {
  background:
    radial-gradient(circle at 80% 28%, rgba(255, 217, 64, 0.95) 0 30px, transparent 31px),
    radial-gradient(circle at 82% 28%, rgba(42, 120, 218, 0.95) 0 54px, transparent 55px),
    linear-gradient(135deg, #061a4a 0%, #1246a3 58%, #48a8e8 100%);
}

.checkout-card-preview[data-bank="yapikredi"] .checkout-card-face--front::after {
  content: "World";
  right: 22px;
  top: 22px;
  color: #ffffff;
  font-size: 26px;
  font-weight: 950;
  letter-spacing: -0.4px;
}

.checkout-card-preview[data-bank="isbank"] .checkout-card-face--front,
.checkout-card-preview[data-bank="isbank"] .checkout-card-face--back {
  background:
    radial-gradient(circle at 76% 24%, rgba(236, 30, 42, 0.92) 0 26px, transparent 27px),
    radial-gradient(circle at 88% 36%, rgba(255, 198, 48, 0.9) 0 20px, transparent 21px),
    linear-gradient(135deg, #07143c 0%, #123f88 58%, #2e7bd5 100%);
}

.checkout-card-preview[data-bank="isbank"] .checkout-card-face--front::after {
  content: "Maximum";
  right: 20px;
  top: 24px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 950;
}

.checkout-card-preview[data-bank="ziraat"] .checkout-card-face--front,
.checkout-card-preview[data-bank="ziraat"] .checkout-card-face--back {
  background:
    repeating-linear-gradient(35deg, rgba(255, 255, 255, 0.08) 0 3px, transparent 3px 13px),
    radial-gradient(circle at 78% 24%, rgba(255, 255, 255, 0.14), transparent 30%),
    linear-gradient(135deg, #450707 0%, #a90d13 55%, #df3134 100%);
}

.checkout-card-preview[data-bank="ziraat"] .checkout-card-face--front::after {
  content: "bankkart";
  right: 20px;
  top: 22px;
  color: #ffffff;
  font-size: 26px;
  font-weight: 950;
  letter-spacing: -0.5px;
}

.checkout-card-preview[data-bank="halkbank"] .checkout-card-face--front,
.checkout-card-preview[data-bank="halkbank"] .checkout-card-face--back {
  background:
    radial-gradient(circle at 80% 26%, rgba(247, 194, 61, 0.95) 0 34px, transparent 35px),
    linear-gradient(135deg, #04335c 0%, #0c75bc 55%, #50b7e8 100%);
}

.checkout-card-preview[data-bank="halkbank"] .checkout-card-face--front::after {
  content: "Paraf";
  right: 22px;
  top: 22px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 950;
}

.checkout-card-preview[data-bank="vakifbank"] .checkout-card-face--front,
.checkout-card-preview[data-bank="vakifbank"] .checkout-card-face--back {
  background:
    linear-gradient(110deg, rgba(0, 0, 0, 0.86) 0 44%, transparent 44.5%),
    linear-gradient(135deg, #4d3b02 0%, #b98902 56%, #f3c546 100%);
}

.checkout-card-preview[data-bank="vakifbank"] .checkout-card-face--front::after {
  content: "Vakıf";
  right: 22px;
  top: 22px;
  color: #111827;
  font-size: 26px;
  font-weight: 950;
}

.checkout-card-preview[data-bank="qnb"] .checkout-card-face--front,
.checkout-card-preview[data-bank="qnb"] .checkout-card-face--back {
  background:
    linear-gradient(128deg, rgba(255, 255, 255, 0.96) 0 34%, transparent 34.5%),
    repeating-linear-gradient(120deg, rgba(255, 255, 255, 0.12) 0 10px, transparent 10px 26px),
    linear-gradient(135deg, #230034 0%, #5b177d 58%, #2272b8 100%);
}

.checkout-card-preview[data-bank="qnb"] .checkout-card-face--front::after {
  content: "QNB";
  left: 22px;
  top: 22px;
  color: #121a3a;
  font-size: 27px;
  font-weight: 950;
}

.checkout-card-preview[data-bank="denizbank"] .checkout-card-face--front,
.checkout-card-preview[data-bank="denizbank"] .checkout-card-face--back {
  background:
    radial-gradient(circle at 82% 20%, rgba(255, 255, 255, 0.22), transparent 28%),
    linear-gradient(135deg, #002c54 0%, #0072bc 52%, #46c1ee 100%);
}

.checkout-card-preview[data-bank="denizbank"] .checkout-card-face--front::after {
  content: "Deniz";
  right: 22px;
  top: 22px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 950;
}

.checkout-card-preview[data-bank="teb"] .checkout-card-face--front,
.checkout-card-preview[data-bank="teb"] .checkout-card-face--back {
  background:
    radial-gradient(circle at 82% 22%, rgba(255, 255, 255, 0.2), transparent 28%),
    linear-gradient(135deg, #04351f 0%, #00845a 52%, #7ac143 100%);
}

.checkout-card-preview[data-bank="teb"] .checkout-card-face--front::after {
  content: "TEB";
  right: 22px;
  top: 22px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 950;
}

.checkout-card-preview[data-brand="mastercard"][data-bank="default"] .checkout-card-face--front {
  background:
    radial-gradient(circle at 78% 32%, rgba(235, 0, 27, 0.95) 0 38px, transparent 39px),
    radial-gradient(circle at 88% 32%, rgba(247, 158, 27, 0.95) 0 38px, transparent 39px),
    radial-gradient(circle at 10% 8%, rgba(255, 255, 255, 0.14), transparent 34%),
    linear-gradient(135deg, #111827 0%, #1f2937 50%, #334155 100%);
}

.checkout-card-preview[data-brand="mastercard"][data-bank="default"] .checkout-card-face--back {
  background: linear-gradient(135deg, #0f172a 0%, #1f2937 58%, #475569 100%);
}

.checkout-card-preview[data-brand="visa"][data-bank="default"] .checkout-card-face--front {
  background:
    radial-gradient(circle at 88% 14%, rgba(255, 191, 0, 0.28), transparent 26%),
    linear-gradient(135deg, #07143d 0%, #123d8d 58%, #2367d1 100%);
}

.checkout-card-preview[data-brand="visa"][data-bank="default"] .checkout-card-face--back {
  background: linear-gradient(135deg, #07143d 0%, #123d8d 58%, #1d4fa8 100%);
}

.checkout-card-preview[data-brand="troy"][data-bank="default"] .checkout-card-face--front {
  background:
    radial-gradient(circle at 88% 16%, rgba(255, 255, 255, 0.18), transparent 30%),
    linear-gradient(135deg, #102f5f 0%, #18559c 58%, #00a8c8 100%);
}

.checkout-card-preview[data-brand="troy"][data-bank="default"] .checkout-card-face--back {
  background: linear-gradient(135deg, #102f5f 0%, #18559c 58%, #007e99 100%);
}

.checkout-card-preview__top,
.checkout-card-preview__bottom {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.checkout-card-chip {
  width: 44px;
  height: 30px;
  display: block;
  background: linear-gradient(135deg, #f8c85a, #f39b1d);
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.checkout-card-brand {
  position: relative;
  z-index: 1;
  align-self: flex-end;
  min-width: 70px;
  min-height: 30px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #102013;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.checkout-card-brand,
.checkout-card-bank {
  display: none;
}

.checkout-card-bank {
  position: relative;
  z-index: 1;
  max-width: 152px;
  min-height: 34px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #102013;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  white-space: nowrap;
}

.checkout-card-bank::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 7px;
  background: currentColor;
  border-radius: 999px;
}

.checkout-card-brand[data-brand="visa"] {
  color: #153f9f;
  font-size: 16px;
  font-style: italic;
}

.checkout-card-brand[data-brand="mastercard"] {
  min-width: 76px;
  color: #111827;
  background:
    radial-gradient(circle at 32% 50%, #eb001b 0 15px, transparent 16px),
    radial-gradient(circle at 58% 50%, #f79e1b 0 15px, transparent 16px),
    rgba(255, 255, 255, 0.94);
  color: transparent;
}

.checkout-card-brand[data-brand="mastercard"]::after {
  content: "MC";
  color: #111827;
  font-size: 10px;
  font-weight: 950;
}

.checkout-card-brand[data-brand="troy"] {
  color: #ffffff;
  background: #102f5f;
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.checkout-card-brand[data-brand="amex"] {
  color: #ffffff;
  background: #2577bc;
}

.checkout-card-brand[data-brand="discover"],
.checkout-card-brand[data-brand="diners"] {
  color: #111827;
  background: linear-gradient(135deg, #ffffff, #f7b24a);
}

.checkout-card-brand,
.checkout-card-brand::after,
.checkout-card-bank,
.checkout-card-bank::before {
  display: none;
}

.checkout-card-preview strong {
  position: relative;
  z-index: 1;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 2px;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.18);
}

.checkout-card-preview small {
  color: rgba(255, 255, 255, 0.76);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.checkout-card-preview__bottom span {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.checkout-card-preview__bottom span:first-child {
  flex: 1;
}

.checkout-card-preview__bottom b {
  overflow: hidden;
  color: #ffffff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.3px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.checkout-card-strip {
  position: relative;
  z-index: 1;
  height: 44px;
  margin: 4px -22px 0;
  display: block;
  background: rgba(0, 0, 0, 0.76);
}

.checkout-card-signature {
  position: relative;
  z-index: 1;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 70px;
  gap: 10px;
  align-items: center;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 8px;
}

.checkout-card-signature span {
  height: 28px;
  display: block;
  color: transparent;
  background: repeating-linear-gradient(0deg, #d7ded9 0, #d7ded9 2px, transparent 2px, transparent 6px);
}

.checkout-card-signature b {
  color: #0b1b10;
  font-size: 16px;
  font-weight: 950;
  text-align: right;
  letter-spacing: 2px;
}

.checkout-card-face--back>small {
  position: relative;
  z-index: 1;
  align-self: flex-end;
}

.checkout-card-fields {
  margin-top: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
  align-content: center;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.checkout-card-fields .col-span-2 {
  grid-column: 1 / -1;
}

.checkout-card-fields input {
  height: 48px;
  border-radius: 8px;
  letter-spacing: 0;
}

.checkout-card-fields input[name="card_number"],
.checkout-card-fields input[name="card_expiry"],
.checkout-card-fields input[name="card_cvv"] {
  font-family: inherit;
  font-variant-numeric: tabular-nums;
}

.checkout-return-alert {
  width: 100%;
  margin: 18px auto 0;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #991b1b;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 10px;
  font-weight: 750;
}

.checkout-return-alert i {
  flex: 0 0 auto;
}

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

.invoice-type-card {
  position: relative;
  min-width: 0;
  min-height: 88px;
  padding: 16px 16px 16px 48px;
  display: flex;
  align-items: center;
  color: #111827;
  background: #ffffff;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.invoice-type-card:hover,
.invoice-type-card:has(input[type="radio"]:checked) {
  background: #f7fbf5;
  border-color: #3fa535;
  box-shadow: 0 8px 22px rgba(63, 165, 53, 0.07);
}

.invoice-type-card input {
  position: absolute;
  top: 22px;
  left: 18px;
  accent-color: #3fa535;
}

.invoice-type-card strong,
.invoice-type-card small {
  display: block;
}

.invoice-type-card strong {
  color: #071107;
  font-size: 14px;
  font-weight: 850;
}

.invoice-type-card small {
  margin-top: 5px;
  color: #667066;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
}

.invoice-corporate-fields {
  margin-top: 16px;
  padding-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  border-top: 1px solid #edf4ea;
}

.invoice-corporate-fields[hidden] {
  display: none;
}

.invoice-corporate-fields .col-span-2 {
  grid-column: span 2;
}

.checkout-agreements {
  display: grid;
  gap: 10px;
  padding: 4px 0;
}

.agreement-checkbox {
  min-height: 54px;
  padding: 12px 14px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: #fbfdfb;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13.5px;
  color: #374151;
  line-height: 1.4;
}

.agreement-checkbox input {
  margin-top: 3px;
}

.agreements-link {
  color: #3fa535;
  text-decoration: underline;
  font-weight: 600;
}

.agreement-modal[hidden] {
  display: none;
}

body.is-modal-open {
  overflow: hidden;
}

.agreement-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 20px;
}

.agreement-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 17, 7, 0.56);
}

.agreement-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(620px, 100%);
  max-height: min(680px, calc(100vh - 40px));
  overflow: auto;
  padding: 26px;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(17, 24, 39, 0.24);
}

.agreement-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #536151;
  background: #f7fbf5;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  cursor: pointer;
}

.agreement-modal span {
  color: #2f8f2a;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.agreement-modal h2 {
  margin-top: 8px;
  padding-right: 44px;
  color: #071107;
  font-size: 26px;
  font-weight: 850;
  line-height: 1.2;
}

.agreement-modal__content {
  margin-top: 14px;
  display: grid;
  gap: 10px;
  color: #536151;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.6;
}

.agreement-modal__button {
  min-height: 44px;
  margin-top: 18px;
  padding: 0 18px;
  color: #ffffff;
  background: #3fa535;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 13.5px;
  font-weight: 850;
  cursor: pointer;
}

.checkout-summary-card-sidebar {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  position: sticky;
  top: 80px;
}

.checkout-summary-card-sidebar h3 {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  display: inline-block;
}

.items-count-badge {
  background: #f3f4f6;
  color: #4b5563;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 99px;
  margin-left: 8px;
  vertical-align: middle;
}

.checkout-summary-items-scroll {
  max-height: 240px;
  overflow-y: auto;
  margin-top: 16px;
  border-bottom: 1px solid #f3f4f6;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.checkout-mini-item {
  display: flex;
  gap: 12px;
  align-items: center;
}

.checkout-mini-item img {
  width: 50px;
  height: 50px;
  border-radius: 6px;
  object-fit: cover;
  border: 1px solid #e5e7eb;
}

.mini-info {
  flex-grow: 1;
  min-width: 0;
}

.mini-info h4 {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mini-info p {
  font-size: 11px;
  color: #6b7280;
  margin-top: 2px;
}

.mini-info small {
  font-size: 11px;
  color: #9ca3af;
}

.mini-price {
  font-size: 13px;
  font-weight: 700;
  color: #111827;
  flex-shrink: 0;
}

.checkout-financials {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fin-row {
  display: flex;
  justify-content: space-between;
  font-size: 13.5px;
  color: #4b5563;
}

.fin-row hr {
  margin: 12px 0;
  border: 0;
  border-top: 1px solid #f3f4f6;
}

.fin-row.text-green {
  color: #3fa535;
  font-weight: 600;
}

.checkout-seller-financial {
  padding: 12px;
  display: grid;
  gap: 7px;
  background: #fbfef9;
  border: 1px solid #dcebd8;
  border-radius: 10px;
}

.checkout-seller-financial strong {
  color: #071107;
  font-size: 14px;
  font-weight: 900;
}

.checkout-seller-financial small {
  padding: 8px 10px;
  color: #9a5a00;
  background: #fff7e8;
  border: 1px solid #f3d5a2;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 850;
}

.checkout-seller-financial div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #526251;
  font-size: 13px;
  font-weight: 750;
}

.checkout-seller-financial b {
  color: #071107;
  font-weight: 900;
}

.grand-total-fin {
  font-size: 16px;
  color: #111827;
  font-weight: 700;
  margin-top: 8px;
}

.grand-total-fin strong {
  font-size: 20px;
  color: #3fa535;
}

.btn-checkout-submit {
  width: 100%;
  background: #3fa535;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 14px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.18s ease;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-checkout-submit:hover {
  background: #338f2a;
}

.btn-checkout-submit:disabled {
  opacity: 0.72;
  cursor: not-allowed;
}

.btn-checkout-submit.is-loading {
  opacity: 0.72;
  cursor: wait;
}

.btn-checkout-submit:active {
  transform: scale(0.99);
}

.secure-checkout-nudge {
  text-align: center;
  font-size: 11px;
  color: #9ca3af;
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

/* --- CHECKOUT SUCCESS VIEW --- */
.checkout-success-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px var(--page-pad);
}

.success-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 40px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.success-card__icon-box {
  width: 80px;
  height: 80px;
  background: #f0fdf4;
  color: #3fa535;
  font-size: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 24px;
}

.success-card--failed {
  border-color: #fecaca;
  background: linear-gradient(180deg, #fffafa 0%, #ffffff 42%);
}

.success-card--failed .success-card__icon-box {
  color: #dc2626;
  background: #fef2f2;
}

.success-card--pending .success-card__icon-box {
  color: #d97706;
  background: #fffbeb;
}

.success-card h1 {
  font-size: 32px;
  font-weight: 800;
  color: #111827;
  margin-bottom: 12px;
}

.success-card p {
  color: #4b5563;
  font-size: 15px;
  max-width: 600px;
  margin: 0 auto 32px;
  line-height: 1.5;
}

.success-order-number {
  width: min(100%, 360px);
  margin: 0 auto 24px;
  padding: 14px 22px;
  display: grid;
  gap: 6px;
  justify-items: center;
  background: #f7fbf5;
  border: 1px solid #cfe4cb;
  border-radius: 10px;
}

.success-order-number span {
  color: #2f8f2a;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.success-order-number strong {
  color: #071107;
  font-size: clamp(18px, 3vw, 24px);
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  text-align: center;
}

.order-meta-box {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  background: #f9fafb;
  border-radius: 12px;
  padding: 0;
  margin-bottom: 34px;
  border: 1px solid #f3f4f6;
  overflow: hidden;
}

.meta-item {
  min-width: 0;
  min-height: 82px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}

.meta-item:nth-child(3n),
.meta-item:last-child {
  border-right: none;
}

.meta-item:nth-last-child(-n + 3) {
  border-bottom: none;
}

.meta-item span {
  font-size: 11px;
  color: #9ca3af;
  text-transform: uppercase;
  line-height: 1.25;
}

.meta-item strong {
  min-width: 0;
  font-size: 14px;
  color: #111827;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.success-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 32px;
  text-align: left;
  border-bottom: 1px solid #f3f4f6;
  padding-bottom: 32px;
  margin-bottom: 32px;
}

.success-grid h3 {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.success-grid h3:not(:first-child) {
  margin-top: 28px;
}

.success-grid h3 i {
  color: #3fa535;
}

.delivery-summary-tile {
  margin-top: 14px;
  margin-bottom: 4px;
  padding: 14px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  text-align: left;
  background: #f7fbf5;
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.delivery-summary-tile i {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3fa535;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 50%;
}

.delivery-summary-tile strong {
  color: #071107;
  font-size: 14px;
  font-weight: 850;
}

.delivery-summary-tile p {
  margin: 4px 0 0;
  color: #536151;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

.address-summary-tile {
  background: #f9fafb;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 24px;
}

.address-summary-tile strong {
  display: block;
  font-size: 14px;
  color: #111827;
}

.address-summary-tile p {
  margin: 4px 0;
  font-size: 13px;
  color: #4b5563;
}

.address-summary-tile small {
  font-size: 12px;
  color: #6b7280;
}

.success-items-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.success-item-row {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 12px 0 14px;
  border-bottom: 1px solid #f3f4f6;
}

.success-item-row:last-child {
  border-bottom: none;
}

.success-item-row img {
  width: 50px;
  height: 50px;
  border-radius: 6px;
  object-fit: cover;
  border: 1px solid #e5e7eb;
}

.item-info {
  min-width: 0;
  flex-grow: 1;
}

.item-info h4 {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.item-info span {
  font-size: 11px;
  color: #6b7280;
  display: block;
  margin-top: 2px;
}

.item-qty {
  flex: 0 0 auto;
  font-size: 13px;
  color: #4b5563;
}

.item-price {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 700;
  color: #111827;
}

.totals-table {
  background: #f9fafb;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.totals-row {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #4b5563;
}

.totals-row.text-green {
  color: #3fa535;
  font-weight: 600;
}

.grand-total-row {
  border-top: 1px solid #e5e7eb;
  padding-top: 8px;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 700;
  color: #111827;
}

.grand-total-row strong {
  font-size: 16px;
  color: #3fa535;
}

.success-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.success-actions form {
  margin: 0;
}

.success-actions button {
  min-width: 190px;
  min-height: 46px;
  border: 0;
  font: inherit;
  cursor: pointer;
}

.btn-primary {
  background: #3fa535;
  color: #ffffff !important;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 0.18s ease;
}

.btn-primary:hover {
  background: #338f2a;
}

.btn-secondary {
  background: #f3f4f6;
  color: #374151 !important;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 0.18s ease;
}

.btn-secondary:hover {
  background: #e5e7eb;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 11px;
  border-radius: 99px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.status-yeni {
  background: #eff6ff;
  color: #2563eb;
}

.status-hazirlaniyor {
  background: #fffbeb;
  color: #d97706;
}

.status-kargoda {
  background: #f0fdf4;
  color: #16a34a;
}

.status-teslim {
  background: #f0fdf4;
  color: #16a34a;
}

.status-iptal,
.status-iade {
  background: #fef2f2;
  color: #dc2626;
}

.account-orders-list {
  margin-top: 16px;
  display: grid;
  gap: 16px;
}

.account-order-card {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 14px 36px rgba(17, 24, 39, 0.05);
}

.order-card-header {
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  align-items: center;
  gap: 14px;
  background: #fbfdfb;
  border-bottom: 1px solid #e8f0e5;
}

.order-card-header span {
  display: block;
  color: #7b8779;
  font-size: 11.5px;
  font-weight: 850;
}

.order-card-header strong {
  min-width: 0;
  margin-top: 4px;
  display: block;
  overflow: hidden;
  color: #0b130b;
  font-size: 13.5px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-total-amount {
  color: #3fa535 !important;
  font-weight: 700 !important;
}

.order-card-body {
  padding: 16px;
  display: grid;
  gap: 14px;
}

.order-progress {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.order-progress span {
  min-width: 0;
  min-height: 78px;
  padding: 12px 10px;
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 7px;
  color: #7b8779;
  background: #f7faf6;
  border: 1px solid #e5efe2;
  border-radius: 8px;
  font-weight: 850;
}

.order-progress span i {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8a9788;
  background: #ffffff;
  border: 1px solid #dde8d9;
  border-radius: 999px;
  font-size: 12px;
}

.order-progress span strong {
  color: #263226;
  font-size: 12px;
  line-height: 1.2;
}

.order-progress span small {
  color: #748171;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.25;
}

.order-progress span.is-current,
.order-progress span.is-complete {
  color: #15821d;
  background: #eff9ed;
  border-color: #cfe8ca;
}

.order-progress span.is-current i,
.order-progress span.is-complete i {
  color: #ffffff;
  background: #33a532;
  border-color: #33a532;
}

.order-progress span.is-failed {
  color: #b42318;
  background: #fff5f5;
  border-color: #fecaca;
}

.order-progress span.is-failed i {
  color: #ffffff;
  background: #dc2626;
  border-color: #dc2626;
}

.order-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.order-info-box {
  min-width: 0;
  padding: 13px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  background: #ffffff;
  border: 1px solid #edf4ea;
  border-radius: 8px;
}

.order-info-box>i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33a532;
  background: #eff9ed;
  border-radius: 50%;
  font-size: 14px;
}

.order-info-box strong,
.order-info-box p,
.order-info-box small {
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-info-box strong {
  color: #0b130b;
  font-size: 13px;
  font-weight: 900;
}

.order-info-box p {
  margin-top: 3px;
  color: #344034;
  font-size: 12.5px;
  font-weight: 800;
  white-space: nowrap;
}

.order-info-box small {
  margin-top: 3px;
  color: #6b7469;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.order-products-preview {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.order-item-thumb {
  min-width: 0;
  padding: 12px;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr) 40px;
  align-items: start;
  gap: 12px;
  background: #ffffff;
  border: 1px solid #edf4ea;
  border-radius: 8px;
}

.order-item-thumb img {
  width: 66px;
  height: 66px;
  object-fit: cover;
  background: #f8fbf7;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
}

.thumb-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.thumb-name {
  min-width: 0;
  overflow: hidden;
  color: #111827;
  font-size: 13px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.thumb-name:hover {
  color: #16821e;
}

.thumb-seller {
  overflow: hidden;
  color: #5f6b5e;
  font-size: 11.5px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.thumb-qty {
  color: #6b7469;
  font-size: 11.5px;
  font-weight: 750;
}

.order-shipment-mini {
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.order-shipment-status {
  min-height: 24px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  color: #16821e;
  background: #eff9ed;
  border: 1px solid #d7ecd2;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}

.order-shipment-mini small {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: #5f6b5e;
  font-size: 11px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-shipment-mini a {
  min-height: 26px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #0b6f18;
  background: #ffffff;
  border: 1px solid #cfe8ca;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}

.order-shipment-mini a:hover {
  background: #eff9ed;
}

.order-shipment-timeline {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.order-shipment-timeline span {
  min-width: 0;
  padding: 9px;
  display: grid;
  gap: 4px;
  color: #72806f;
  background: #fbfdfb;
  border: 1px solid #e5efe2;
  border-radius: 8px;
}

.order-shipment-timeline i {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8fa08c;
  background: #ffffff;
  border: 1px solid #dde8d9;
  border-radius: 999px;
  font-size: 11px;
}

.order-shipment-timeline em {
  overflow: hidden;
  color: #263226;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-shipment-timeline small {
  color: #73806f;
  font-size: 10.5px;
  font-weight: 750;
  line-height: 1.25;
}

.order-shipment-timeline span.is-complete {
  background: #eff9ed;
  border-color: #cfe8ca;
}

.order-shipment-timeline span.is-current {
  background: #fffdf2;
  border-color: #f3df9f;
}

.order-shipment-timeline span.is-complete i,
.order-shipment-timeline span.is-current i {
  color: #ffffff;
  background: #33a532;
  border-color: #33a532;
}

.order-shipment-timeline span.is-failed {
  background: #fff5f5;
  border-color: #fecaca;
}

.order-shipment-timeline span.is-failed i {
  color: #ffffff;
  background: #dc2626;
  border-color: #dc2626;
}

.account-notification-feed,
.seller-notification-list {
  display: grid;
  gap: 12px;
}

.account-notification-item,
.seller-notification-card {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #dcebdc;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0, 35, 18, 0.04);
}

.account-notification-item.is-unread,
.seller-notification-card.is-unread {
  background: #f5fcf5;
  border-color: #9fd8a4;
}

.account-notification-item__icon,
.seller-notification-card > i {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: #2faa35;
  background: #eaf8ea;
  border-radius: 14px;
  font-size: 18px;
}

.account-notification-item span,
.seller-notification-card span {
  display: block;
  color: #6b7a70;
  font-size: 12px;
  font-weight: 800;
}

.account-notification-item h3,
.seller-notification-card h3 {
  margin: 3px 0 5px;
  color: #001226;
  font-size: 17px;
  line-height: 1.25;
}

.account-notification-item p,
.seller-notification-card p {
  margin: 0;
  color: #45564c;
  font-size: 14px;
  line-height: 1.45;
}

.account-notification-item a,
.seller-notification-card a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  color: #087f2d;
  border: 1px solid #cfe5cf;
  border-radius: 10px;
  font-weight: 850;
  text-decoration: none;
}

.account-notification-item a:hover,
.seller-notification-card a:hover {
  color: #ffffff;
  background: #2faa35;
  border-color: #2faa35;
}

@media (max-width: 640px) {
  .account-notification-item,
  .seller-notification-card {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .account-notification-item__icon,
  .seller-notification-card > i {
    width: 42px;
    height: 42px;
  }

  .account-notification-item a,
  .seller-notification-card a {
    grid-column: 2;
    width: max-content;
  }
}

.order-item-thumb form {
  justify-self: end;
}

.order-item-thumb button {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(51, 165, 50, 0.18);
}

.order-card-footer {
  padding-top: 2px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.order-card-footer a,
.order-card-footer span,
.order-card-footer button {
  min-height: 38px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #344034;
  background: #f8fbf7;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 850;
}

.order-card-footer form {
  margin: 0;
}

.order-card-footer button {
  font: inherit;
  cursor: pointer;
}

.order-card-footer a:hover {
  color: #16821e;
  background: #eff9ed;
}

.order-card-footer button:hover {
  color: #16821e;
  background: #eff9ed;
}

.account-order-card--compact {
  border-color: #dcebd8;
  box-shadow: 0 10px 26px rgba(0, 35, 18, 0.05);
}

.account-order-card--compact .order-card-summary {
  display: block;
  cursor: pointer;
  list-style: none;
}

.account-order-card--compact .order-card-summary::-webkit-details-marker {
  display: none;
}

.account-order-card--compact .order-card-header {
  grid-template-columns: 150px minmax(180px, 1.2fr) 100px 130px 120px 138px 126px;
  padding: 14px 16px;
  gap: 12px;
  border-bottom: 0;
}

.account-order-card--compact[open] .order-card-header {
  border-bottom: 1px solid #e8f0e5;
}

.account-order-card--compact .order-card-header strong {
  font-size: 13px;
}

.account-order-card--compact .order-status-col {
  min-width: 0;
}

.order-detail-toggle {
  min-height: 38px;
  padding: 0 12px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #07811c !important;
  background: #eff9ed;
  border: 1px solid #cfe8ca;
  border-radius: 8px;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  white-space: nowrap;
}

.order-detail-link,
.account-order-back {
  min-height: 38px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #344034;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.order-detail-link:hover,
.account-order-back:hover {
  color: #07811c;
  background: #f5fbf4;
  border-color: #cfe8ca;
}

.account-order-back {
  width: max-content;
}

.order-detail-toggle i {
  transition: transform 0.18s ease;
}

.account-order-card--compact[open] .order-detail-toggle i {
  transform: rotate(180deg);
}

.account-order-card--compact .order-card-body {
  padding: 16px;
  background: #ffffff;
}

.account-order-card--compact .order-products-preview {
  gap: 8px;
}

.account-order-card--compact .order-item-thumb {
  padding: 10px;
}

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

  .account-order-card--compact .order-detail-toggle {
    grid-column: 1 / -1;
    width: 100%;
  }

  .account-order-card--compact .order-detail-link {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .account-order-card--compact .order-card-header {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .account-order-card--compact .order-card-body {
    padding: 12px;
  }
}

.order-request-list {
  display: grid;
  gap: 8px;
}

.order-request-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  background: #fbfdfb;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
}

.order-request-item strong,
.order-request-item span,
.order-request-item small {
  display: block;
}

.order-request-item strong {
  color: #071107;
  font-size: 13px;
  font-weight: 900;
}

.order-request-item span,
.order-request-item small {
  margin-top: 3px;
  color: #667266;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.order-request-item em {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-style: normal;
  font-weight: 900;
}

.order-request-item em.is-success {
  color: #15821d;
  background: #eaf8ea;
}

.order-request-item em.is-warning {
  color: #9a6900;
  background: #fff6d9;
}

.order-request-item em.is-danger {
  color: #b91c1c;
  background: #fff0f0;
}

.order-cancel-panel {
  padding: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #fbfdfb;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
}

.order-cancel-panel.is-active {
  background: #fff9f4;
  border-color: #fed7aa;
}

.order-cancel-panel strong,
.order-cancel-panel span {
  display: block;
}

.order-cancel-panel strong {
  color: #071107;
  font-size: 13px;
  font-weight: 950;
}

.order-cancel-panel span {
  margin-top: 3px;
  color: #667266;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.order-cancel-panel.is-active span {
  color: #8a4b12;
}

.order-cancel-panel form {
  margin: 0;
  flex: 0 0 auto;
}

.order-cancel-panel button {
  min-height: 38px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #b42318;
  background: #ffffff;
  border: 1px solid #fecaca;
  border-radius: 8px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 900;
  cursor: pointer;
}

.order-cancel-panel button:hover {
  color: #ffffff;
  background: #dc2626;
  border-color: #dc2626;
}

.order-request-shortcuts {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.order-request-shortcuts button {
  min-height: 38px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #0b7f18;
  background: #eff9ed;
  border: 1px solid #cfe8ca;
  border-radius: 8px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 900;
  cursor: pointer;
}

.order-request-shortcuts button:hover {
  color: #ffffff;
  background: #33a532;
  border-color: #33a532;
}

.order-request-panel {
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
}

.order-request-panel summary {
  min-height: 46px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  list-style: none;
  color: #112015;
  font-size: 13px;
  font-weight: 900;
}

.order-request-panel summary::-webkit-details-marker {
  display: none;
}

.order-request-panel summary span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.order-request-panel[open] summary {
  border-bottom: 1px solid #e8f0e5;
}

.order-request-panel[open] summary>.fa-chevron-down {
  transform: rotate(180deg);
}

.order-request-form {
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.order-request-form label {
  min-width: 0;
  display: grid;
  gap: 6px;
  color: #344034;
  font-size: 12px;
  font-weight: 900;
}

.order-request-form select,
.order-request-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cfe5cf;
  border-radius: 8px;
  background: #fff;
  color: #071107;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
}

.order-request-form select {
  min-height: 42px;
  padding: 0 10px;
}

.order-request-form textarea {
  min-height: 84px;
  padding: 10px;
  resize: vertical;
}

.order-request-form__wide {
  grid-column: 1 / -1;
}

.order-request-form button {
  min-height: 42px;
  justify-self: start;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 8px;
  background: #2faa35;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(47, 170, 53, 0.18);
}

.invoice-page-body {
  margin: 0;
  color: #071107;
  background: #f6f8f6;
}

.invoice-page {
  width: min(1080px, calc(100% - 32px));
  margin: 28px auto;
}

.invoice-document {
  padding: 28px;
  background: #ffffff;
  border: 1px solid #dfeadd;
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(17, 24, 39, 0.07);
}

.invoice-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e7efe4;
}

.invoice-topline img {
  width: 164px;
  height: auto;
}

.invoice-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.invoice-topline a,
.invoice-actions button {
  min-height: 40px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #0b7f18;
  background: #ffffff;
  border: 1px solid #cfe8ca;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.invoice-actions button {
  color: #ffffff;
  background: #33a532;
  border-color: #33a532;
  box-shadow: 0 12px 28px rgba(51, 165, 50, 0.18);
}

.invoice-header {
  padding: 24px 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 24px;
  align-items: start;
  border-bottom: 1px solid #e7efe4;
}

.invoice-header span,
.invoice-info-grid span,
.invoice-total-grid span {
  display: block;
  color: #078516;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.invoice-header h1 {
  margin: 8px 0;
  color: #061222;
  font-size: 34px;
  line-height: 1.05;
}

.invoice-header p {
  max-width: 680px;
  margin: 0;
  color: #53645a;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.55;
}

.invoice-header > div:last-child {
  padding: 16px;
  background: #f5fbf4;
  border: 1px solid #d7ecd2;
  border-radius: 10px;
  text-align: right;
}

.invoice-header strong,
.invoice-header small {
  display: block;
}

.invoice-header strong {
  color: #0b7f18;
  font-size: 18px;
  font-weight: 950;
}

.invoice-header small {
  margin-top: 6px;
  color: #5d6d62;
  font-size: 13px;
  font-weight: 800;
}

.invoice-info-grid {
  padding: 22px 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.invoice-info-grid article {
  padding: 16px;
  background: #fbfdfb;
  border: 1px solid #e5efe2;
  border-radius: 10px;
}

.invoice-info-grid strong {
  display: block;
  margin-top: 8px;
  color: #061222;
  font-size: 18px;
}

.invoice-info-grid p {
  margin: 6px 0 0;
  color: #53645a;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.invoice-items {
  overflow-x: auto;
  border: 1px solid #dfeadd;
  border-radius: 10px;
}

.invoice-items table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}

.invoice-items th,
.invoice-items td {
  padding: 13px 14px;
  border-bottom: 1px solid #e8f0e5;
  text-align: left;
  vertical-align: top;
}

.invoice-items th {
  color: #53645a;
  background: #f8fbf7;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.invoice-items td {
  color: #0b130b;
  font-size: 13px;
  font-weight: 800;
}

.invoice-items tr:last-child td {
  border-bottom: 0;
}

.invoice-total-grid {
  margin-top: 18px;
  margin-left: auto;
  width: min(440px, 100%);
  display: grid;
  gap: 8px;
}

.invoice-total-grid div {
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #fbfdfb;
  border: 1px solid #e5efe2;
  border-radius: 8px;
}

.invoice-total-grid strong {
  color: #061222;
  font-size: 14px;
  font-weight: 950;
  text-align: right;
}

.invoice-total-grid .is-grand {
  color: #ffffff;
  background: #082d18;
  border-color: #082d18;
}

.invoice-total-grid .is-grand span,
.invoice-total-grid .is-grand strong {
  color: #ffffff;
}

.invoice-empty {
  padding: 60px 20px;
  text-align: center;
}

.invoice-empty i {
  color: #33a532;
  font-size: 44px;
}

.invoice-empty h1 {
  margin: 16px 0 8px;
  color: #061222;
  font-size: 30px;
}

.invoice-empty p {
  margin: 0;
  color: #53645a;
  font-weight: 750;
}

@media (max-width: 720px) {
  .invoice-page {
    width: min(100% - 20px, 1080px);
    margin: 12px auto;
  }

  .invoice-document {
    padding: 16px;
  }

  .invoice-topline,
  .invoice-header,
  .invoice-info-grid {
    grid-template-columns: 1fr;
  }

  .invoice-topline {
    align-items: flex-start;
    flex-direction: column;
  }

  .invoice-header h1 {
    font-size: 26px;
  }

  .invoice-header > div:last-child {
    text-align: left;
  }
}

@media print {
  .invoice-page-body {
    background: #ffffff;
  }

  .invoice-page {
    width: 100%;
    margin: 0;
  }

  .invoice-document {
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  .invoice-actions,
  .invoice-topline a {
    display: none;
  }
}

.account-review-block {
  margin-bottom: 16px;
  padding: 18px;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 14px 36px rgba(17, 24, 39, 0.05);
}

.account-review-block__head {
  margin-bottom: 14px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.account-review-block__head span {
  color: #16821e;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-review-block__head h3 {
  margin-top: 4px;
  color: #071107;
  font-size: 22px;
  font-weight: 900;
}

.account-review-block__head small {
  padding: 6px 10px;
  color: #16821e;
  background: #eff9ed;
  border: 1px solid #d8ecd4;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.account-review-grid,
.account-my-review-list {
  display: grid;
  gap: 10px;
}

.account-review-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-reviewable-card,
.account-my-review-card {
  min-width: 0;
  padding: 10px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  background: #fbfdfb;
  border: 1px solid #edf4ea;
  border-radius: 8px;
}

.account-my-review-card {
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: start;
}

.account-reviewable-card img,
.account-my-review-card img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
}

.account-reviewable-card>div,
.account-my-review-card>div {
  min-width: 0;
}

.account-reviewable-card__category {
  color: #16821e;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-reviewable-card h3,
.account-my-review-card strong {
  min-width: 0;
  margin-top: 4px;
  display: block;
  overflow: hidden;
  color: #071107;
  font-size: 14px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-reviewable-card p,
.account-reviewable-card small,
.account-my-review-card p,
.account-my-review-card small {
  display: block;
  color: #5f6b5e;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
}

.account-reviewable-card p {
  margin-top: 5px;
}

.account-reviewable-card__action {
  min-height: 38px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 900;
  box-shadow: 0 10px 20px rgba(51, 165, 50, 0.16);
  white-space: nowrap;
}

.account-my-review-card span {
  margin: 6px 0;
  display: flex;
  gap: 2px;
  color: #f59e0b;
  font-size: 12px;
}

.account-my-review-card .account-star-muted {
  color: #d1d5db;
}

.account-followed-sellers {
  display: grid;
  gap: 14px;
}

.account-followed-seller-card {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 14px 36px rgba(17, 24, 39, 0.05);
}

.account-followed-seller-card__cover {
  height: 118px;
  display: block;
  background: linear-gradient(135deg, #eef8eb, #fbfdfb);
}

.account-followed-seller-card__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.95);
}

.account-followed-seller-card__body {
  padding: 14px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.account-followed-seller-card__logo {
  width: 74px;
  height: 74px;
  margin-top: -44px;
  display: block;
  overflow: hidden;
  background: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 12px 24px rgba(17, 24, 39, 0.14);
}

.account-followed-seller-card__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.account-followed-seller-card__content {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.account-followed-seller-card__content span {
  width: fit-content;
  min-height: 24px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #16821e;
  background: #eff9ed;
  border: 1px solid #d8ecd4;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}

.account-followed-seller-card__content h3 {
  margin-top: 5px;
  color: #071107;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.15;
}

.account-followed-seller-card__content h3 a:hover {
  color: #16821e;
}

.account-followed-seller-card__content p,
.account-followed-seller-card__content small {
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.45;
}

.account-followed-seller-card__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.account-followed-seller-card__stats strong {
  min-height: 30px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #344034;
  background: #f8fbf7;
  border: 1px solid #e2ecdf;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 850;
}

.account-followed-seller-card__stats i {
  color: #f59e0b;
}

.account-followed-seller-card__actions {
  display: grid;
  gap: 8px;
  min-width: 142px;
}

.account-followed-seller-card__actions a,
.account-followed-seller-card__actions button {
  min-height: 38px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #33a532;
  border: 1px solid #33a532;
  border-radius: 8px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 900;
  cursor: pointer;
}

.account-followed-seller-card__actions button {
  color: #344034;
  background: #ffffff;
  border-color: #e2ecdf;
}

.account-history-card__date {
  margin: 8px 0 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #6b7469;
  font-size: 12px;
  font-weight: 750;
}

.account-history-card>form {
  align-self: center;
  justify-self: end;
}

.account-coupon-grid {
  display: grid;
  gap: 12px;
}

.account-coupon-card {
  min-width: 0;
  padding: 16px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) minmax(150px, auto);
  align-items: center;
  gap: 14px;
  background: #ffffff;
  border: 1px solid #d8ecd4;
  border-radius: 8px;
  box-shadow: 0 14px 36px rgba(17, 24, 39, 0.05);
}

.account-coupon-card.is-passive {
  opacity: 0.68;
}

.account-coupon-card__icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #33a532;
  border-radius: 50%;
  font-size: 20px;
}

.account-coupon-card__content {
  min-width: 0;
}

.account-coupon-card__content>span {
  color: #16821e;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-coupon-card__content h3 {
  margin-top: 4px;
  color: #071107;
  font-size: 18px;
  font-weight: 900;
}

.account-coupon-card__content p {
  margin-top: 5px;
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.45;
}

.account-coupon-card__meta {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.account-coupon-card__meta strong,
.account-coupon-card__meta small {
  min-height: 28px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  color: #344034;
  background: #f8fbf7;
  border: 1px solid #e2ecdf;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 850;
}

.account-coupon-card__meta strong {
  color: #16821e;
}

.account-coupon-card__code {
  display: grid;
  gap: 8px;
  justify-items: end;
}

.account-coupon-card__code>strong {
  min-height: 36px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #071107;
  background: #eff9ed;
  border: 1px dashed #9bd391;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.account-coupon-card__code button,
.account-coupon-card__code small {
  min-height: 36px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 900;
  cursor: pointer;
}

.account-coupon-card__code small {
  color: #6b7469;
  background: #f5f8f4;
  cursor: default;
}

.cart-coupon {
  margin: 14px 0;
  padding: 12px;
  background: #fbfdfb;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
}

.cart-coupon label {
  display: block;
  margin-bottom: 8px;
  color: #172117;
  font-size: 12px;
  font-weight: 900;
}

.cart-coupon__form>div,
.cart-coupon__active {
  display: flex;
  gap: 8px;
}

.cart-coupon input {
  min-width: 0;
  width: 100%;
  height: 40px;
  padding: 0 11px;
  color: #071107;
  background: #ffffff;
  border: 1px solid #d8e8d5;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.cart-coupon button {
  min-width: 82px;
  height: 40px;
  padding: 0 12px;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 900;
  cursor: pointer;
}

.cart-coupon__active {
  align-items: center;
  justify-content: space-between;
}

.cart-coupon__active span {
  min-width: 0;
  color: #16821e;
  font-size: 12.5px;
  font-weight: 900;
}

.cart-campaign-hints {
  display: grid;
  gap: 9px;
  margin: 12px 0 14px;
}

.cart-campaign-hint {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 11px;
  background: #f6fbf4;
  border: 1px solid #d9ead3;
  border-radius: 8px;
}

.cart-campaign-hint i {
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-items: center;
  color: #169321;
  background: #e9f8e7;
  border-radius: 8px;
}

.cart-campaign-hint span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.cart-campaign-hint strong {
  color: #071107;
  font-size: 13px;
  font-weight: 950;
}

.cart-campaign-hint small {
  color: #536153;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.cart-summary__platform-note {
  margin: 12px 0 14px;
  padding: 11px 12px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  color: #2f5f2e;
  background: linear-gradient(135deg, #f7fcf5, #ffffff);
  border: 1px solid #d9ead3;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.4;
}

.cart-summary__platform-note i {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  color: #159321;
  background: #e9f8e7;
  border-radius: 8px;
}

@media (max-width: 900px) {
  .checkout-form-grid {
    grid-template-columns: 1fr;
  }

  .checkout-right-col {
    order: -1;
  }

  .order-meta-box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .meta-item:nth-child(3n) {
    border-right: 1px solid #e5e7eb;
  }

  .meta-item:nth-child(2n) {
    border-right: none;
  }

  .meta-item:nth-last-child(-n + 3) {
    border-bottom: 1px solid #e5e7eb;
  }

  .meta-item:nth-last-child(-n + 2) {
    border-bottom: none;
  }

  .payment-method-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .checkout-card-entry {
    grid-template-columns: 1fr;
  }

  .checkout-card-preview {
    max-width: 360px;
    min-height: 180px;
  }
}

@media (max-width: 640px) {

  .address-mode-options,
  .address-grid-select,
  .shipping-method-options,
  .payment-method-options,
  .invoice-type-options,
  .invoice-corporate-fields,
  .checkout-stepper,
  .new-address-grid,
  .order-card-header,
  .order-progress,
  .order-info-grid,
  .order-products-preview,
  .account-review-grid,
  .order-meta-box,
  .success-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .order-meta-box {
    gap: 0;
  }

  .meta-item,
  .meta-item:nth-child(2n),
  .meta-item:nth-child(3n),
  .meta-item:nth-last-child(-n + 2),
  .meta-item:nth-last-child(-n + 3) {
    min-height: auto;
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
  }

  .meta-item:last-child {
    border-bottom: none;
  }

  .new-address-grid .col-span-2,
  .invoice-corporate-fields .col-span-2 {
    grid-column: span 1;
  }

  .checkout-stepper li {
    min-height: 48px;
  }

  .checkout-stepper span {
    font-size: 12.5px;
  }

  .credit-card-inputs {
    padding: 14px;
    gap: 12px;
  }

  .payment-method-card {
    min-height: auto;
    padding: 14px 38px 14px 14px;
    border-radius: 10px;
  }

  .payment-method-card:has(input[type="radio"]:checked)::after {
    display: none;
  }

  .method-details {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    column-gap: 10px;
    align-items: center;
  }

  .method-details i {
    width: 40px;
    height: 40px;
    margin-bottom: 0;
    grid-row: span 2;
    font-size: 18px;
  }

  .method-details p {
    margin-top: 2px;
  }

  .payment-provider-card {
    grid-template-columns: 1fr;
    text-align: left;
    padding: 14px;
  }

  .bank-transfer-details div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .bank-transfer-details dd button {
    display: block;
    width: fit-content;
    margin: 8px 0 0;
  }

  .checkout-card-preview {
    max-width: none;
    min-height: 160px;
    padding: 18px;
    border-radius: 14px;
  }

  .checkout-card-preview strong {
    font-size: 18px;
    letter-spacing: 1.2px;
  }

  .checkout-card-fields {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .checkout-card-fields .col-span-2 {
    grid-column: span 1;
  }

  .order-card-header {
    border-right: none;
    gap: 10px;
  }

  .order-status-col {
    margin-top: 6px;
  }

  .order-item-thumb {
    grid-template-columns: 52px minmax(0, 1fr) 38px;
  }

  .order-item-thumb img {
    width: 52px;
    height: 52px;
  }

  .order-shipment-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .order-card-footer {
    justify-content: stretch;
  }

  .order-card-footer a,
  .order-card-footer span,
  .order-card-footer form,
  .order-card-footer button {
    width: 100%;
    justify-content: center;
  }

  .order-request-item {
    align-items: flex-start;
    flex-direction: column;
  }

  .order-cancel-panel {
    align-items: stretch;
    flex-direction: column;
  }

  .order-cancel-panel form,
  .order-cancel-panel button {
    width: 100%;
  }

  .order-request-shortcuts button {
    width: 100%;
  }

  .order-request-form {
    grid-template-columns: 1fr;
  }

  .account-review-block {
    padding: 14px;
  }

  .account-review-block__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-reviewable-card,
  .account-my-review-card {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .account-reviewable-card img,
  .account-my-review-card img {
    width: 58px;
    height: 58px;
  }

  .account-reviewable-card__action {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .account-followed-seller-card__body {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .account-followed-seller-card__logo {
    width: 58px;
    height: 58px;
    margin-top: -34px;
  }

  .account-followed-seller-card__actions {
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
  }

  .account-coupon-card {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .account-coupon-card__icon {
    width: 44px;
    height: 44px;
  }

  .account-coupon-card__code {
    grid-column: 1 / -1;
    justify-items: stretch;
  }

  .account-coupon-card__code>strong,
  .account-coupon-card__code button,
  .account-coupon-card__code small {
    width: 100%;
  }

  .cart-coupon__form>div,
  .cart-coupon__active {
    flex-direction: column;
  }

  .meta-item {
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 10px;
  }

  .meta-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}

.header-nav__avatar-fallback {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #33a532;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-layout--hub {
  grid-template-columns: 1fr;
}

.account-layout--hub .account-sidebar {
  display: none;
}

.account-layout--hub .account-panel {
  width: 100%;
}

.account-back-link {
  width: fit-content;
  min-height: 44px;
  margin-bottom: 14px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #111827;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.04);
}

.account-hub-grid {
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.account-hub-card {
  min-width: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.04);
}

.account-hub-card h3 {
  min-height: 54px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  color: #071107;
  border-bottom: 1px solid #edf4ea;
  font-size: 16px;
  font-weight: 900;
}

.account-hub-list {
  display: grid;
}

.account-hub-link {
  min-width: 0;
  min-height: 54px;
  padding: 0 16px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  color: #172117;
  border-bottom: 1px solid #f1f6ef;
  font-size: 13.5px;
  font-weight: 800;
}

.account-hub-link:last-child {
  border-bottom: 0;
}

.account-hub-link>i {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33a532;
  background: #eff9ed;
  border-radius: 50%;
  font-size: 13px;
}

.account-hub-link em {
  color: #9aa69a;
  font-size: 12px;
  font-style: normal;
}

.account-hub-link small {
  padding: 4px 7px;
  color: #6b7469;
  background: #f5f8f4;
  border: 1px solid #e2ecdf;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 900;
}

.account-hub-link:not(.is-disabled):hover {
  color: #16821e;
  background: #fbfdfb;
}

.account-hub-link.is-disabled {
  color: #6b7469;
  cursor: default;
}

@media (max-width: 980px) {
  .account-hub-grid {
    grid-template-columns: 1fr;
  }

  .account-profile-form__main,
  .account-profile-summary {
    grid-template-columns: 1fr;
  }

  .account-profile-summary .account-profile-form__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .account-profile-summary {
    grid-template-columns: 1fr;
  }

  .account-profile-summary__head,
  .account-profile-summary dl,
  .account-profile-summary .account-profile-form__actions {
    grid-column: 1;
  }

  .account-edit-fields,
  .account-compact-list--grid,
  .account-profile-summary dl {
    grid-template-columns: 1fr;
  }

  .account-profile-panel {
    padding: 16px;
  }

  .account-profile-panel__head {
    display: grid;
  }

  .account-profile-panel__head h2 {
    font-size: 25px;
  }

  .account-edit-fields label:nth-child(5) {
    max-width: none;
  }

  .account-edit-actions {
    display: grid;
    align-items: stretch;
  }

  .account-edit-actions button {
    width: 100%;
  }

  .account-hub-card h3 {
    min-height: 48px;
  }

  .account-hub-link {
    min-height: 50px;
  }
}

.help-page {
  width: min(var(--page-max), calc(100% - 48px));
  margin: 28px auto 70px;
}

.help-hero {
  padding: 34px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.55fr);
  gap: 28px;
  align-items: center;
  background:
    radial-gradient(circle at 88% 12%, rgba(63, 165, 53, 0.16), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f5fbf2 100%);
  border: 1px solid #dcebd9;
  border-radius: 10px;
  box-shadow: 0 18px 44px rgba(17, 24, 39, 0.05);
}

.help-hero span,
.help-section-title span {
  color: #16821e;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.help-hero h1 {
  margin-top: 9px;
  color: #061006;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.05;
}

.help-hero p {
  max-width: 660px;
  margin-top: 12px;
  color: #4f5f4d;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.65;
}

.help-search {
  min-height: 58px;
  padding: 8px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 10px;
  box-shadow: 0 14px 32px rgba(17, 24, 39, 0.06);
}

.help-search i {
  color: #33a532;
  text-align: center;
}

.help-search input {
  min-width: 0;
  height: 42px;
  color: #111827;
  background: transparent;
  border: 0;
  outline: 0;
  font: inherit;
  font-size: 14px;
  font-weight: 750;
}

.help-search button {
  height: 42px;
  padding: 0 18px;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.help-layout {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.help-sidebar {
  position: sticky;
  top: 132px;
  padding: 12px;
  display: grid;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #dcebd9;
  border-radius: 10px;
  box-shadow: 0 14px 32px rgba(17, 24, 39, 0.04);
}

.help-sidebar a {
  min-height: 48px;
  padding: 0 12px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  color: #273327;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
}

.help-sidebar a.is-active,
.help-sidebar a:hover {
  color: #16821e;
  background: #eef8eb;
}

.help-sidebar small {
  padding: 3px 7px;
  background: #ffffff;
  border: 1px solid #dcebd9;
  border-radius: 999px;
  font-size: 11px;
}

.help-content {
  display: grid;
  gap: 18px;
}

.help-featured,
.help-articles {
  padding: 22px;
  background: #ffffff;
  border: 1px solid #dcebd9;
  border-radius: 10px;
  box-shadow: 0 14px 32px rgba(17, 24, 39, 0.04);
}

.help-section-title h2 {
  margin-top: 5px;
  color: #061006;
  font-size: 26px;
  line-height: 1.15;
}

.help-featured-grid {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.help-featured-grid article {
  min-height: 178px;
  padding: 16px;
  display: grid;
  align-content: start;
  gap: 8px;
  background: #fbfdfb;
  border: 1px solid #e3efdf;
  border-radius: 8px;
}

.help-featured-grid i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33a532;
  background: #eef8eb;
  border-radius: 50%;
}

.help-featured-grid span {
  color: #16821e;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.help-featured-grid h3 {
  color: #061006;
  font-size: 15px;
  line-height: 1.3;
}

.help-featured-grid p {
  color: #5f6d5f;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.45;
}

.help-accordion {
  margin-top: 16px;
  display: grid;
  gap: 10px;
}

.help-accordion details {
  background: #fbfdfb;
  border: 1px solid #e3efdf;
  border-radius: 8px;
  overflow: hidden;
}

.help-accordion summary {
  min-height: 64px;
  padding: 14px 48px 14px 16px;
  position: relative;
  display: grid;
  gap: 4px;
  cursor: pointer;
  list-style: none;
}

.help-accordion summary::-webkit-details-marker {
  display: none;
}

.help-accordion summary::after {
  content: "+";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #33a532;
  font-size: 22px;
  font-weight: 900;
}

.help-accordion details[open] summary::after {
  content: "-";
}

.help-accordion summary span {
  color: #061006;
  font-size: 15px;
  font-weight: 900;
}

.help-accordion summary small {
  color: #16821e;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.help-accordion details>p {
  padding: 0 16px 16px;
  color: #4f5f4d;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.65;
}

.help-empty {
  margin-top: 16px;
  padding: 44px 18px;
  display: grid;
  justify-items: center;
  gap: 10px;
  text-align: center;
  background: #fbfdfb;
  border: 1px dashed #cfe4cb;
  border-radius: 10px;
}

.help-empty i {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33a532;
  background: #eef8eb;
  border-radius: 50%;
  font-size: 22px;
}

.help-empty h3 {
  color: #061006;
  font-size: 22px;
}

.help-empty p {
  color: #5f6d5f;
  font-size: 14px;
  font-weight: 700;
}

.help-empty a {
  min-height: 40px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #33a532;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
}

.compare-page {
  width: min(100% - 48px, var(--page-max));
  margin: 24px auto 70px;
}

.compare-alert {
  margin: 14px 0;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #0f7b22;
  background: #f0fbef;
  border: 1px solid #cde9c8;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 850;
}

.compare-alert.is-warning {
  color: #7a4b00;
  background: #fff8e5;
  border-color: #ffd88a;
}

.compare-hero {
  margin-top: 14px;
  padding: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  background: linear-gradient(110deg, #ffffff 0%, #ffffff 58%, #eef9eb 100%);
  border: 1px solid #dbead7;
  border-radius: 10px;
  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.05);
}

.compare-hero span,
.compare-toolbar span,
.compare-product>span {
  color: #16821e;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.compare-hero h1 {
  margin-top: 8px;
  color: #061006;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.05;
}

.compare-hero p {
  max-width: 660px;
  margin-top: 10px;
  color: #4f5f4d;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
}

.compare-hero__summary {
  min-width: 150px;
  padding: 18px;
  display: grid;
  gap: 4px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #dbead7;
  border-radius: 10px;
}

.compare-hero__summary strong {
  color: #061006;
  font-size: 32px;
  line-height: 1;
}

.compare-hero__summary small {
  color: #5f6d5f;
  font-size: 12px;
  font-weight: 850;
}

.compare-empty,
.compare-shell {
  margin-top: 18px;
  background: #ffffff;
  border: 1px solid #dbead7;
  border-radius: 10px;
  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.05);
}

.compare-empty {
  padding: 60px 22px;
  display: grid;
  justify-items: center;
  gap: 10px;
  text-align: center;
}

.compare-empty i {
  width: 62px;
  height: 62px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #33a532;
  background: #eef8eb;
  border-radius: 50%;
  font-size: 24px;
}

.compare-empty h2 {
  color: #061006;
  font-size: 26px;
}

.compare-empty p {
  max-width: 420px;
  color: #5f6d5f;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.55;
}

.compare-empty a,
.compare-product form button,
.compare-toolbar button {
  min-height: 40px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border: 1px solid #33a532;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.compare-toolbar {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #e8f1e5;
}

.compare-toolbar strong {
  display: block;
  color: #061006;
  font-size: 17px;
  font-weight: 900;
}

.compare-toolbar span {
  display: block;
  margin-top: 4px;
  color: #657363;
  text-transform: none;
}

.compare-toolbar form,
.compare-product form {
  margin: 0;
}

.compare-toolbar button {
  color: #16821e;
  background: #ffffff;
  border-color: #cfe4cb;
}

.compare-table {
  overflow-x: auto;
  scrollbar-color: #33a532 #edf6ea;
}

.compare-row {
  min-width: calc(180px + (var(--compare-count) * 230px));
  display: grid;
  grid-template-columns: 180px repeat(var(--compare-count), minmax(210px, 1fr));
  border-bottom: 1px solid #e8f1e5;
}

.compare-row:last-child {
  border-bottom: 0;
}

.compare-row__label {
  padding: 16px;
  color: #637063;
  background: #fbfdfb;
  border-right: 1px solid #e8f1e5;
  font-size: 13px;
  font-weight: 900;
}

.compare-cell {
  min-width: 0;
  padding: 16px;
  color: #061006;
  border-right: 1px solid #e8f1e5;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.45;
}

.compare-cell:last-child {
  border-right: 0;
}

.compare-cell a {
  color: #16821e;
  font-weight: 900;
}

.compare-cell small {
  color: #657363;
  font-size: 12px;
  font-weight: 800;
}

.compare-row--products {
  align-items: stretch;
}

.compare-product {
  min-width: 0;
  padding: 16px;
  display: grid;
  align-content: start;
  gap: 10px;
  border-right: 1px solid #e8f1e5;
}

.compare-product:last-child {
  border-right: 0;
}

.compare-product__image {
  aspect-ratio: 4 / 3;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #eef4ec;
  border-radius: 8px;
}

.compare-product__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.compare-product h2 {
  min-height: 42px;
  color: #061006;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.35;
}

.compare-product h2 a:hover {
  color: #16821e;
}

.compare-product strong {
  color: #061006;
  font-size: 20px;
  font-weight: 950;
}

.compare-product form button {
  min-height: 36px;
  width: 100%;
  color: #b42318;
  background: #fff7f7;
  border-color: #ffd6d6;
}

@media (max-width: 980px) {
  .help-hero,
  .help-layout,
  .help-featured-grid {
    grid-template-columns: 1fr;
  }

  .help-sidebar {
    position: static;
  }
}

@media (max-width: 640px) {
  .help-page {
    width: min(100% - 24px, var(--page-max));
    margin-top: 18px;
  }

  .help-hero,
  .help-featured,
  .help-articles {
    padding: 18px;
  }

  .help-search {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .help-search button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .compare-page {
    width: min(100% - 24px, var(--page-max));
    margin-top: 18px;
  }

  .compare-hero {
    padding: 20px;
    align-items: stretch;
    flex-direction: column;
  }

  .compare-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .compare-toolbar button {
    width: 100%;
  }

  .compare-row {
    min-width: calc(132px + (var(--compare-count) * 210px));
    grid-template-columns: 132px repeat(var(--compare-count), minmax(190px, 1fr));
  }

  .compare-row__label,
  .compare-cell,
  .compare-product {
    padding: 12px;
  }
}

.seller-panel-page {
  width: min(100% - 48px, var(--page-max));
  margin: 26px auto 64px;
  color: #061006;
}

.seller-admin-body {
  min-height: 100vh;
  background: #f5f7f4;
}

.seller-admin-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 286px minmax(0, 1fr);
}

.seller-admin-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow: hidden;
  background: #ffffff;
  border-right: 1px solid #dcebd8;
  box-shadow: 14px 0 36px rgba(14, 45, 19, 0.05);
  z-index: 10;
}

.seller-admin-sidebar__logo {
  width: 164px;
  display: block;
}

.seller-admin-sidebar__logo img,
.seller-admin-access__logo img {
  width: 100%;
  height: auto;
  display: block;
}

.seller-admin-sidebar__store {
  padding: 16px;
  display: grid;
  gap: 8px;
  background: #f8fcf7;
  border: 1px solid #dcebd8;
  border-radius: 10px;
}

.seller-admin-sidebar__store img {
  width: 58px;
  height: 58px;
  object-fit: cover;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 50%;
}

.seller-admin-sidebar__store-placeholder {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef8ec;
  border: 1px solid #cde8c9;
  border-radius: 50%;
  color: #28a737;
  font-size: 20px;
}

.seller-admin-sidebar__store > span:not(.seller-admin-sidebar__store-placeholder),
.seller-admin-topbar span,
.seller-admin-access__card > span {
  color: #16821e;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-admin-sidebar__store strong {
  color: #061006;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.25;
}

.seller-admin-nav,
.seller-admin-sidebar__links {
  display: grid;
  gap: 8px;
}

.seller-admin-nav {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: #bddfba transparent;
}

.seller-admin-nav::-webkit-scrollbar {
  width: 6px;
}

.seller-admin-nav::-webkit-scrollbar-track {
  background: transparent;
}

.seller-admin-nav::-webkit-scrollbar-thumb {
  background: #bddfba;
  border-radius: 999px;
}

.seller-admin-nav a,
.seller-admin-sidebar__links a {
  min-height: 44px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #354333;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
}

.seller-admin-nav a > span:first-of-type {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-nav-badge {
  margin-left: auto;
  min-width: 23px;
  height: 22px;
  padding: 0 7px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #ef4444;
  color: #ffffff;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.16), 0 8px 18px rgba(239, 68, 68, 0.22);
}

.seller-admin-nav a:hover,
.seller-admin-nav a.is-active {
  color: #16821e;
  background: #eff9ed;
  border-color: #dcebd8;
}

.seller-admin-nav a.is-trendyol,
.seller-admin-nav a.is-trendyol:hover,
.seller-admin-nav a.is-trendyol.is-active {
  color: #e76512;
  background: #fff4e9;
  border-color: #ffd3ad;
}

.seller-admin-nav a.is-trendyol i {
  color: #f27a1a;
}

.seller-admin-nav__brand-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: block;
  object-fit: contain;
  border-radius: 4px;
}

.seller-admin-sidebar__links {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #e8f1e5;
  flex: 0 0 auto;
}

.seller-admin-sidebar__links a {
  color: #16821e;
  background: #ffffff;
  border-color: #dcebd8;
}

.seller-admin-sidebar__links a.is-danger {
  color: #b42318;
  background: #fff7f7;
  border-color: #ffd1d1;
}

.seller-admin-main {
  min-width: 0;
  padding: 28px;
}

.seller-admin-topbar {
  margin-bottom: 18px;
  padding: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 12px;
  box-shadow: 0 18px 44px rgba(14, 45, 19, 0.05);
}

.seller-admin-topbar h1 {
  margin-top: 6px;
  color: #061006;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 950;
  line-height: 1.08;
}

.seller-admin-topbar__meta {
  padding: 12px 14px;
  min-width: 220px;
  display: grid;
  gap: 4px;
  background: #f8fcf7;
  border: 1px solid #dcebd8;
  border-radius: 10px;
}

.seller-admin-topbar__meta strong {
  color: #061006;
  font-size: 14px;
  font-weight: 950;
}

.seller-admin-topbar__meta small {
  color: #657363;
  font-size: 12px;
  font-weight: 800;
}

.seller-admin-content-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.65fr);
  gap: 18px;
}

.seller-admin-content-grid--products {
  grid-template-columns: minmax(0, 1fr);
}

.seller-admin-access {
  min-height: 100vh;
  padding: 28px;
  display: grid;
  place-items: center;
}

.seller-admin-access__card {
  width: min(100%, 620px);
  padding: 34px;
  display: grid;
  justify-items: start;
  gap: 14px;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 14px;
  box-shadow: 0 24px 70px rgba(14, 45, 19, 0.09);
}

.seller-admin-access__logo {
  width: 180px;
  margin-bottom: 14px;
}

.seller-admin-access__icon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  color: #33a532;
  background: #eff9ed;
  border: 1px solid #cfe9ca;
  border-radius: 16px;
  font-size: 26px;
}

.seller-admin-access__card h1 {
  color: #061006;
  font-size: clamp(30px, 5vw, 46px);
  line-height: 1.06;
  font-weight: 950;
}

.seller-admin-access__card p {
  color: #4d5b4c;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.55;
}

.seller-admin-access__card small {
  color: #657363;
  font-weight: 800;
}

.seller-admin-access__actions {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.seller-admin-access__actions a {
  min-height: 44px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #33a532;
  border: 1px solid #33a532;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 950;
  text-decoration: none;
}

.seller-admin-access__actions a + a {
  color: #16821e;
  background: #ffffff;
  border-color: #cfe4cb;
}

.seller-auth-body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 10%, rgba(49, 170, 53, .14), transparent 30%),
    linear-gradient(135deg, #fbfbfb 0%, #f3faf3 100%);
  color: #061222;
}

.seller-auth-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
}

.seller-auth-shell {
  width: min(1120px, 100%);
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr);
  overflow: hidden;
  border: 1px solid rgba(49, 170, 53, .18);
  border-radius: 18px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 26px 80px rgba(6, 18, 34, .10);
}

.seller-auth-intro,
.seller-auth-card {
  padding: 46px;
}

.seller-auth-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    linear-gradient(120deg, rgba(49, 170, 53, .10), rgba(255, 255, 255, .72)),
    url("../images/sellers/ege-ciftligi-cover.webp") center/cover;
  position: relative;
  isolation: isolate;
}

.seller-auth-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .72);
  z-index: -1;
}

.seller-auth-logo {
  width: 184px;
  display: inline-flex;
  margin-bottom: 44px;
}

.seller-auth-logo img {
  width: 100%;
  height: auto;
  display: block;
}

.seller-auth-intro > span,
.seller-auth-card__head span {
  color: #11811f;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.seller-auth-intro h1 {
  max-width: 560px;
  margin: 12px 0 16px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: .96;
  letter-spacing: 0;
}

.seller-auth-intro p {
  max-width: 560px;
  margin: 0;
  color: #415047;
  font-weight: 700;
  line-height: 1.65;
}

.seller-auth-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 38px;
}

.seller-auth-benefits span {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 12px 14px;
  border: 1px solid rgba(49, 170, 53, .20);
  border-radius: 12px;
  background: rgba(255, 255, 255, .72);
  color: #24352b;
  font-weight: 850;
}

.seller-auth-benefits i {
  color: #31aa35;
}

.seller-auth-card {
  background: #ffffff;
  border-left: 1px solid rgba(49, 170, 53, .12);
}

.seller-auth-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 6px;
  margin-bottom: 26px;
  border: 1px solid rgba(49, 170, 53, .16);
  border-radius: 13px;
  background: #f6fbf6;
}

.seller-auth-tabs a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #526057;
  font-weight: 900;
  text-decoration: none;
}

.seller-auth-tabs a.is-active {
  background: #31aa35;
  color: #ffffff;
  box-shadow: 0 14px 32px rgba(49, 170, 53, .24);
}

.seller-auth-card__head h2 {
  margin: 8px 0 8px;
  font-size: 30px;
  line-height: 1.05;
  letter-spacing: 0;
}

.seller-auth-card__head p {
  margin: 0 0 22px;
  color: #526057;
  font-weight: 700;
  line-height: 1.55;
}

.seller-auth-alert {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  margin-bottom: 18px;
  border-radius: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.seller-auth-alert p {
  margin: 0;
}

.seller-auth-alert--error {
  border: 1px solid rgba(205, 36, 36, .22);
  background: #fff4f4;
  color: #971b1b;
}

.seller-auth-alert--success {
  border: 1px solid rgba(49, 170, 53, .22);
  background: #f1fbf1;
  color: #11811f;
}

.seller-auth-form {
  display: grid;
  gap: 15px;
}

.seller-auth-form label {
  display: grid;
  gap: 7px;
  font-weight: 900;
}

.seller-auth-form span {
  color: #061222;
  font-size: 14px;
}

.seller-auth-form input {
  width: 100%;
  height: 52px;
  padding: 0 15px;
  border: 1px solid rgba(49, 170, 53, .24);
  border-radius: 12px;
  background: #fbfdfb;
  color: #061222;
  font: inherit;
  font-weight: 800;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.seller-auth-form input:focus {
  border-color: #31aa35;
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(49, 170, 53, .12);
}

.seller-auth-form button {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 6px;
  border: 0;
  border-radius: 12px;
  background: #31aa35;
  color: #ffffff;
  font: inherit;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 18px 36px rgba(49, 170, 53, .24);
}

.seller-auth-links {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(49, 170, 53, .14);
}

.seller-auth-links a {
  color: #11811f;
  font-weight: 900;
  text-decoration: none;
}

.admin-body {
  min-height: 100vh;
  background: #f6f7f8;
  color: #061222;
}

.admin-auth-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 18px;
}

.admin-auth-card {
  width: min(520px, 100%);
  padding: 38px;
  border: 1px solid rgba(49, 170, 53, .18);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 26px 70px rgba(6, 18, 34, .10);
}

.admin-auth-card__logo {
  display: inline-flex;
  width: 172px;
  margin-bottom: 30px;
}

.admin-auth-card__logo img {
  width: 100%;
  height: auto;
  display: block;
}

.admin-auth-card > span,
.admin-card__head span,
.admin-topbar span {
  color: #11811f;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-auth-card h1 {
  margin: 10px 0 10px;
  font-size: 38px;
  line-height: 1.02;
}

.admin-auth-card p {
  margin: 0 0 24px;
  color: #526057;
  font-weight: 750;
  line-height: 1.55;
}

.admin-auth-form {
  display: grid;
  gap: 14px;
}

.admin-auth-form label {
  display: grid;
  gap: 7px;
  font-weight: 900;
}

.admin-auth-form input {
  width: 100%;
  height: 52px;
  padding: 0 14px;
  border: 1px solid rgba(49, 170, 53, .22);
  border-radius: 12px;
  background: #fbfdfb;
  font: inherit;
  font-weight: 850;
  outline: none;
}

.admin-auth-form input:focus {
  border-color: #31aa35;
  box-shadow: 0 0 0 4px rgba(49, 170, 53, .12);
}

.admin-auth-form button,
.admin-table-actions button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: 10px;
  background: #31aa35;
  color: #ffffff;
  font: inherit;
  font-weight: 950;
  cursor: pointer;
}

.admin-auth-form button {
  min-height: 54px;
  margin-top: 8px;
  box-shadow: 0 18px 36px rgba(49, 170, 53, .24);
}

.admin-alert {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  margin-bottom: 18px;
  border-radius: 12px;
  font-weight: 850;
  line-height: 1.45;
}

.admin-alert p {
  margin: 0;
}

.admin-alert--error {
  border: 1px solid rgba(205, 36, 36, .20);
  background: #fff4f4;
  color: #971b1b;
}

.admin-alert--success {
  border: 1px solid rgba(49, 170, 53, .20);
  background: #f1fbf1;
  color: #11811f;
}

.admin-main > .admin-alert {
  margin: 0 30px 18px;
}

.admin-focused-bar {
  margin: 0 30px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.admin-focused-bar a,
.admin-focused-bar span {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 950;
}

.admin-focused-bar a {
  border: 1px solid #dcebd8;
  background: #ffffff;
  color: #11811f;
  text-decoration: none;
}

.admin-focused-bar span {
  background: #edf8ed;
  color: #11811f;
}

.admin-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 276px minmax(0, 1fr);
}

.admin-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #ffffff;
  border-right: 1px solid #e5ebe4;
}

.admin-sidebar__logo {
  width: 172px;
  display: inline-flex;
}

.admin-sidebar__logo img {
  width: 100%;
  height: auto;
}

.admin-sidebar__identity {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e5ebe4;
  border-radius: 12px;
  background: #fbfdfb;
}

.admin-sidebar__identity > span {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #31aa35;
  color: #ffffff;
  font-weight: 950;
}

.admin-sidebar__identity strong,
.admin-sidebar__identity small {
  display: block;
}

.admin-sidebar__identity small {
  margin-top: 2px;
  color: #607167;
  font-weight: 800;
}

.admin-nav,
.admin-sidebar__links {
  display: grid;
  gap: 8px;
}

.admin-nav__section {
  display: block;
  margin: 2px 0 4px;
  padding: 0 12px;
  color: #738178;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.admin-nav a,
.admin-sidebar__links a {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  border-radius: 9px;
  color: #26352d;
  font-weight: 900;
  text-decoration: none;
}

.admin-nav a.is-active,
.admin-nav a:hover,
.admin-sidebar__links a:hover {
  background: #edf8ed;
  color: #11811f;
}

.admin-sidebar__links {
  margin-top: auto;
}

.admin-sidebar__links a.is-danger {
  color: #b42318;
  background: #fff4f4;
}

.admin-main {
  min-width: 0;
  padding: 0;
}

.admin-main-header {
  min-height: 70px;
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 30px;
  border-bottom: 1px solid #e5ebe4;
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(14px);
}

.admin-main-header strong,
.admin-main-header span {
  display: block;
}

.admin-main-header strong {
  color: #061222;
  font-size: 16px;
  font-weight: 950;
}

.admin-main-header span {
  margin-top: 3px;
  color: #607167;
  font-size: 13px;
  font-weight: 850;
}

.admin-main-header__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.admin-header-profile {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px 6px 6px;
  border: 1px solid #dcebd8;
  border-radius: 999px;
  background: #fbfdfb;
}

.admin-header-profile > span {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #31aa35;
  color: #ffffff;
  font-size: 13px;
  font-weight: 950;
}

.admin-header-profile div {
  min-width: 0;
}

.admin-header-profile strong,
.admin-header-profile small {
  display: block;
  white-space: nowrap;
}

.admin-header-profile strong {
  max-width: 150px;
  overflow: hidden;
  color: #061222;
  font-size: 13px;
  font-weight: 950;
  text-overflow: ellipsis;
}

.admin-header-profile small {
  margin-top: 1px;
  color: #607167;
  font-size: 11px;
  font-weight: 850;
}

.admin-main-header__actions a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid #dcebd8;
  border-radius: 10px;
  background: #ffffff;
  color: #11811f;
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
}

.admin-main-header__actions a.is-danger {
  border-color: rgba(180, 35, 24, .14);
  background: #fff7f7;
  color: #b42318;
}

.admin-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  margin: 22px 30px 16px;
  border: 1px solid #dcebd8;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(6, 18, 34, .035);
}

.admin-topbar h1 {
  margin: 4px 0 0;
  font-size: 28px;
  line-height: 1.08;
}

.admin-topbar__meta {
  min-width: 136px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #f7fcf7;
  text-align: right;
}

.admin-topbar__meta strong,
.admin-topbar__meta small {
  display: block;
}

.admin-topbar__meta small {
  margin-top: 2px;
  color: #66766d;
  font-weight: 800;
}

.admin-stats {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.admin-stats article {
  min-height: 128px;
  padding: 18px;
  display: grid;
  align-content: space-between;
  border: 1px solid #dcebd8;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(6, 18, 34, .04);
}

.admin-stats i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #edf8ed;
  color: #31aa35;
}

.admin-stats span {
  color: #66766d;
  font-weight: 850;
}

.admin-stats strong {
  font-size: 27px;
  line-height: 1;
}

.admin-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: 18px;
}

.admin-card {
  padding: 20px;
  border: 1px solid #dcebd8;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 46px rgba(6, 18, 34, .05);
}

.admin-card--wide {
  grid-column: 1 / -1;
}

.admin-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.admin-card__head h2 {
  margin: 4px 0 0;
  font-size: 25px;
}

.admin-card__head > strong {
  padding: 8px 12px;
  border-radius: 999px;
  background: #edf8ed;
  color: #11811f;
  font-size: 13px;
}

.admin-table-wrap {
  overflow-x: auto;
}

.admin-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 980px;
}

.admin-table th,
.admin-table td {
  padding: 14px 12px;
  border-bottom: 1px solid #edf2ec;
  text-align: left;
  vertical-align: middle;
}

.admin-table th {
  color: #607167;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-table td strong,
.admin-table td small {
  display: block;
}

.admin-table td small {
  margin-top: 4px;
  color: #607167;
  font-weight: 750;
}

.admin-status {
  width: fit-content;
  max-width: max-content;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #edf2ec;
  color: #415047;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.admin-status--approved {
  background: #edf8ed;
  color: #11811f;
}

.admin-status--rejected {
  background: #fff4f4;
  color: #b42318;
}

.admin-status--reviewing {
  background: #fff8e8;
  color: #8a4f00;
}

.admin-status--revision_requested {
  background: #eef5ff;
  color: #1e55a7;
}

.admin-status--pending {
  background: #fff8e8;
  color: #8a4f00;
}

.admin-status--yeni {
  background: #edf8ed;
  color: #11811f;
}

.admin-status--hazirlaniyor {
  background: #fff8e8;
  color: #8a4f00;
}

.admin-status--kargoda {
  background: #edf4ff;
  color: #1d4ed8;
}

.admin-status--teslim_edildi {
  background: #eefdf4;
  color: #047857;
}

.admin-status--iptal {
  background: #fff4f4;
  color: #b42318;
}

.admin-status--active {
  background: #edf8ed;
  color: #11811f;
}

.admin-status--passive {
  background: #fff8dc;
  color: #7a5a11;
}

.admin-status--blocked {
  background: #fff4f4;
  color: #b42318;
}

.admin-table-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.admin-table-actions button {
  min-height: 34px;
  padding: 0 10px;
  background: #eef6ee;
  color: #11811f;
  font-size: 12px;
  box-shadow: none;
}

.admin-table-actions button.is-success {
  background: #31aa35;
  color: #ffffff;
}

.admin-table-actions button.is-danger {
  background: #fff4f4;
  color: #b42318;
}

.admin-table-actions button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.admin-list {
  display: grid;
  gap: 10px;
}

.admin-list div {
  padding: 13px;
  display: grid;
  gap: 4px;
  border: 1px solid #edf2ec;
  border-radius: 12px;
  background: #fbfdfb;
}

.admin-dashboard-actions a {
  min-height: 54px;
  padding: 12px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: #061006;
  background: #fbfdfb;
  border: 1px solid #edf2ec;
  border-radius: 12px;
}

.admin-dashboard-actions a:hover {
  color: #16820f;
  border-color: #cfe4cb;
  background: #f4fbf3;
}

.admin-dashboard-actions a span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  font-weight: 900;
}

.admin-dashboard-actions a i {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2fa532;
  background: #eef9ee;
  border-radius: 8px;
}

.admin-dashboard-actions a em {
  padding: 6px 10px;
  color: #16820f;
  background: #eef9ee;
  border-radius: 999px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.admin-list span {
  color: #607167;
  font-weight: 800;
}

.admin-list em {
  color: #11811f;
  font-style: normal;
  font-weight: 950;
}

.admin-empty {
  margin: 0;
  padding: 22px;
  border: 1px dashed #cfe4cb;
  border-radius: 12px;
  background: #fbfdfb;
  color: #607167;
  font-weight: 850;
  text-align: center;
}

.admin-topbar p {
  margin: 6px 0 0;
  max-width: 760px;
  color: #607167;
  font-weight: 800;
  line-height: 1.5;
}

.admin-application-module {
  display: grid;
  gap: 16px;
  margin: 0 30px 30px;
}

.admin-table-detail-layout {
  display: grid;
  gap: 18px;
}

.admin-commission-overview {
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.admin-commission-overview article {
  min-height: 132px;
  padding: 20px;
  display: grid;
  align-content: start;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #dfeadd;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.04);
}

.admin-commission-overview span,
.admin-section-head span {
  color: #13820f;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.admin-commission-overview strong {
  color: #071107;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.05;
}

.admin-commission-overview p {
  margin: 0;
  color: #526050;
  font-size: 13.5px;
  font-weight: 650;
  line-height: 1.45;
}

.admin-commission-layout {
  grid-template-columns: minmax(0, 1.1fr) minmax(420px, 0.9fr);
}

.admin-commission-detail .admin-review-form {
  margin-top: 18px;
}

.admin-shell--focused .admin-filterbar,
.admin-shell--focused .admin-data-card,
.admin-shell--focused .admin-application-list,
.admin-shell--focused .admin-search-row,
.admin-shell--focused .admin-commission-overview {
  display: none;
}

.admin-shell--focused .admin-table-detail-layout,
.admin-shell--focused .admin-application-layout,
.admin-shell--focused .admin-order-layout {
  grid-template-columns: minmax(0, 1fr);
}

.admin-shell--focused .admin-application-detail {
  max-width: 1120px;
}

.admin-shell--focused .admin-application-module {
  justify-items: stretch;
}

.admin-shell--list .admin-table-detail-layout,
.admin-shell--list .admin-application-layout,
.admin-shell--list .admin-order-layout {
  grid-template-columns: 1fr;
}

.admin-shell--list .admin-table-detail-layout > .admin-application-detail,
.admin-shell--list .admin-table-detail-layout > .admin-order-detail,
.admin-shell--list .admin-application-layout > .admin-application-detail,
.admin-shell--list .admin-order-layout > .admin-order-detail {
  display: none;
}

.admin-shell--list .admin-data-card {
  min-width: 0;
}

.admin-shell--list .admin-operation-table tbody tr.is-selected {
  background: transparent;
}

.admin-shell--settings-focused .admin-settings-overview,
.admin-settings-focus--nav .admin-settings-section:not(.admin-settings-section--nav),
.admin-settings-focus--footer-kolon .admin-settings-section:not(.admin-settings-section--footer-kolon),
.admin-settings-focus--footer-link .admin-settings-section:not(.admin-settings-section--footer-link) {
  display: none;
}

.admin-data-card {
  border: 1px solid #dcebd8;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 16px 36px rgba(6, 18, 34, .05);
  overflow: hidden;
}

.admin-operation-table {
  min-width: 1060px;
}

.admin-operation-table tbody tr {
  transition: background .16s ease, box-shadow .16s ease;
}

.admin-operation-table tbody tr:hover {
  background: #f7fcf7;
}

.admin-operation-table tbody tr.is-selected {
  background: #eef9ee;
  box-shadow: inset 4px 0 0 #31aa35;
}

.admin-row-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 7px;
}

.admin-row-actions a,
.admin-row-actions button,
.admin-action-btn {
  min-height: 34px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #dcebd8;
  border-radius: 9px;
  background: #ffffff;
  color: #11811f;
  font: inherit;
  font-size: 12.5px;
  font-weight: 950;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.admin-row-actions a:hover,
.admin-row-actions button:hover,
.admin-action-btn:hover {
  border-color: #9ed39b;
  background: #eef9ee;
}

.admin-inline-action {
  margin: 0;
  display: inline-flex;
}

.admin-action-btn--edit {
  color: #075985;
  background: #eff8ff;
  border-color: #bfdbfe;
}

.admin-action-btn--view {
  color: #166534;
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.admin-action-btn--success {
  color: #166534;
  background: #ecfdf3;
  border-color: #bbf7d0;
}

.admin-action-btn--warning {
  color: #92400e;
  background: #fff8e7;
  border-color: #f4df9a;
}

.admin-action-btn--danger {
  color: #b42318;
  background: #fff5f5;
  border-color: #fecaca;
}

.admin-settings-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.admin-settings-card {
  margin-top: 0;
}

.admin-section-head {
  min-height: 64px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #edf2ec;
  background: #ffffff;
}

.admin-section-head span {
  display: block;
  color: #11811f;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-section-head h3 {
  margin: 3px 0 0;
  color: #061222;
  font-size: 20px;
  line-height: 1.15;
}

.admin-section-head a {
  min-height: 38px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dcebd8;
  border-radius: 10px;
  background: #f7fcf7;
  color: #11811f;
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}

.admin-search-row {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  align-items: end;
  gap: 12px;
  padding: 14px;
  border: 1px solid #dcebd8;
  border-radius: 14px;
  background: #ffffff;
}

.admin-search-row label {
  display: grid;
  gap: 7px;
  color: #26352d;
  font-weight: 900;
}

.admin-search-row label span {
  color: #607167;
  font-size: 12px;
  text-transform: uppercase;
}

.admin-search-row input,
.admin-search-row select {
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid #cfe5ca;
  border-radius: 10px;
  background: #fbfdfb;
  color: #061222;
  font-weight: 850;
}

.admin-search-row select {
  min-width: 190px;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #31aa35 50%), linear-gradient(135deg, #31aa35 50%, transparent 50%);
  background-position: calc(100% - 18px) 19px, calc(100% - 12px) 19px;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.admin-search-row button {
  min-height: 44px;
  padding: 0 18px;
  border: 0;
  border-radius: 10px;
  background: #31aa35;
  color: #ffffff;
  font-weight: 950;
  cursor: pointer;
}

.admin-search-row > a {
  min-height: 44px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dcebd8;
  border-radius: 10px;
  background: #ffffff;
  color: #11811f;
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}

.admin-team-location-filter {
  grid-template-columns: minmax(190px, .6fr) minmax(190px, .6fr) auto auto;
  margin-bottom: 16px;
}

.admin-report-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.admin-report-grid .admin-data-card {
  min-width: 0;
}

.admin-report-stats {
  margin-bottom: 16px;
}

.admin-report-hero-side {
  display: grid;
  justify-items: end;
  gap: 12px;
}

.admin-report-export-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: 430px;
}

.admin-report-export-actions a {
  min-height: 36px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #cfe5ca;
  border-radius: 10px;
  background: #ffffff;
  color: #11811f;
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}

.admin-report-export-actions a:hover {
  border-color: #31aa35;
  background: #f0fbef;
}

.admin-product-cell {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 280px;
}

.admin-product-cell img {
  width: 46px;
  height: 46px;
  border: 1px solid #e1ecdf;
  border-radius: 10px;
  background: #f6faf6;
  object-fit: cover;
}

.admin-product-approval-preview {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 16px;
  padding: 16px;
  border: 1px solid #edf2ec;
  border-radius: 14px;
  background: #fbfdfb;
}

.admin-product-approval-preview img {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: block;
  object-fit: contain;
  background: #ffffff;
  border: 1px solid #e1ecdf;
  border-radius: 12px;
}

.admin-product-approval-preview span {
  color: #11811f;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-product-approval-preview p {
  margin: 8px 0 0;
  color: #415047;
  font-weight: 800;
  line-height: 1.6;
}

.admin-progress {
  width: min(150px, 100%);
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #edf5ed;
}

.admin-progress span {
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg, #31aa35, #6dcf57);
}

.admin-progress--large {
  width: 100%;
  height: 12px;
  margin-top: 16px;
}

.admin-team-table td:nth-child(4) {
  min-width: 140px;
}

.admin-team-members {
  margin-top: 0;
}

.admin-team-member {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #edf2ec;
}

.admin-team-member:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.admin-team-member i {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #edf8ed;
  color: #31aa35;
}

.admin-team-member strong,
.admin-team-member small {
  display: block;
}

.admin-team-member small {
  margin-top: 3px;
  color: #607167;
  font-weight: 800;
}

.admin-team-member em {
  color: #607167;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

.admin-check-row--wrap {
  flex-wrap: wrap;
}

.admin-filterbar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.admin-filterbar a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  border: 1px solid #dcebd8;
  border-radius: 999px;
  background: #ffffff;
  color: #26352d;
  font-weight: 950;
  text-decoration: none;
}

.admin-filterbar a strong {
  min-width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #edf8ed;
  color: #11811f;
  font-size: 12px;
}

.admin-filterbar a.is-active {
  border-color: #31aa35;
  background: #31aa35;
  color: #ffffff;
  box-shadow: 0 16px 34px rgba(49, 170, 53, .18);
}

.admin-filterbar a.is-active strong {
  background: rgba(255, 255, 255, .18);
  color: #ffffff;
}

.admin-application-layout {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.admin-application-list,
.admin-application-detail {
  border: 1px solid #dcebd8;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 46px rgba(6, 18, 34, .05);
}

.admin-application-list {
  max-height: calc(100vh - 186px);
  overflow: auto;
  padding: 8px;
  position: sticky;
  top: 18px;
}

.admin-application-row {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #061222;
  text-decoration: none;
}

.admin-application-row + .admin-application-row {
  margin-top: 6px;
}

.admin-application-row:hover,
.admin-application-row.is-active {
  border-color: rgba(49, 170, 53, .24);
  background: #f6fcf6;
}

.admin-application-row strong {
  font-size: 15px;
  line-height: 1.25;
}

.admin-application-row small,
.admin-application-row em {
  color: #607167;
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}

.admin-application-detail {
  padding: 20px;
}

.admin-application-detail__head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  padding-bottom: 16px;
  border-bottom: 1px solid #edf2ec;
}

.admin-application-detail__head span:first-child {
  color: #11811f;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-application-detail__head h2 {
  margin: 6px 0 6px;
  font-size: 26px;
  line-height: 1.1;
}

.admin-application-detail__head p {
  margin: 0;
  color: #607167;
  font-weight: 850;
}

.admin-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.admin-detail-grid div {
  min-height: 68px;
  padding: 12px;
  border: 1px solid #edf2ec;
  border-radius: 10px;
  background: #fbfdfb;
}

.admin-detail-grid--compact {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-seller-detail {
  display: grid;
  gap: 16px;
}

.admin-seller-detail .admin-detail-grid {
  margin-top: 0;
}

.admin-order-detail {
  display: grid;
  gap: 16px;
}

.admin-order-detail .admin-detail-grid,
.admin-order-detail .admin-application-note,
.admin-order-detail .admin-review-form {
  margin-top: 0;
}

.admin-order-address p strong {
  color: #061222;
}

.admin-order-items {
  padding: 16px;
  border: 1px solid #edf2ec;
  border-radius: 14px;
  background: #ffffff;
}

.admin-order-items > span {
  display: block;
  margin-bottom: 12px;
  color: #607167;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-order-item {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #edf2ec;
}

.admin-order-item:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.admin-order-item img {
  width: 54px;
  height: 54px;
  border: 1px solid #edf2ec;
  border-radius: 10px;
  background: #f6f8f6;
  object-fit: cover;
}

.admin-order-item strong,
.admin-order-item small {
  display: block;
}

.admin-order-item small {
  margin-top: 4px;
  color: #607167;
  font-weight: 800;
}

.admin-order-item em {
  color: #061222;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.admin-order-form {
  padding: 16px;
  border: 1px solid #edf2ec;
  border-radius: 14px;
  background: #ffffff;
}

.admin-detail-grid span,
.admin-application-note span,
.admin-review-form label > span {
  display: block;
  margin-bottom: 7px;
  color: #607167;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-detail-grid strong {
  display: block;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.admin-application-note {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid #edf2ec;
  border-radius: 12px;
  background: #ffffff;
}

.admin-application-note p {
  margin: 0;
  color: #26352d;
  font-weight: 800;
  line-height: 1.55;
}

.admin-review-form {
  margin-top: 18px;
  display: grid;
  gap: 14px;
}

.admin-seller-form {
  margin-top: 0;
  padding: 18px;
  border: 1px solid #edf2ec;
  border-radius: 12px;
  background: #ffffff;
}

.admin-form-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #edf2ec;
}

.admin-form-head span {
  display: block;
  color: #11811f;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-form-head h3 {
  margin: 4px 0 0;
  font-size: 20px;
  line-height: 1.15;
}

.admin-form-head a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid #dcebd8;
  border-radius: 10px;
  background: #f7fcf7;
  color: #11811f;
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}

.admin-review-form textarea {
  width: 100%;
  min-height: 108px;
  resize: vertical;
  padding: 14px;
  border: 1px solid rgba(49, 170, 53, .22);
  border-radius: 12px;
  background: #fbfdfb;
  font: inherit;
  font-weight: 800;
  outline: none;
}

.admin-review-form select {
  width: 100%;
  height: 46px;
  padding: 0 13px;
  border: 1px solid rgba(49, 170, 53, .22);
  border-radius: 11px;
  background: #fbfdfb;
  color: #061222;
  font: inherit;
  font-weight: 850;
  outline: none;
}

.admin-review-form textarea:focus,
.admin-review-form select:focus {
  border-color: #31aa35;
  box-shadow: 0 0 0 4px rgba(49, 170, 53, .12);
}

.admin-review-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.admin-review-actions button,
.admin-review-actions a {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  border: 0;
  border-radius: 11px;
  background: #eef6ee;
  color: #11811f;
  font: inherit;
  font-weight: 950;
  cursor: pointer;
  text-decoration: none;
}

.admin-review-actions button.is-success {
  background: #31aa35;
  color: #ffffff;
  box-shadow: 0 16px 32px rgba(49, 170, 53, .18);
}

.admin-review-actions button.is-danger {
  background: #fff4f4;
  color: #b42318;
}

.admin-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.admin-form-grid label {
  display: grid;
  gap: 7px;
}

.admin-form-grid__full {
  grid-column: 1 / -1;
}

.admin-form-grid input,
.admin-form-grid select {
  width: 100%;
  height: 44px;
  padding: 0 13px;
  border: 1px solid rgba(49, 170, 53, .22);
  border-radius: 11px;
  background: #fbfdfb;
  color: #061222;
  font: inherit;
  font-weight: 850;
  outline: none;
}

.admin-form-grid input:focus,
.admin-form-grid select:focus {
  border-color: #31aa35;
  box-shadow: 0 0 0 4px rgba(49, 170, 53, .12);
}

.admin-media-field {
  display: grid;
  gap: 8px;
}

.admin-media-field > span {
  color: #526050;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-media-field__box {
  min-height: 132px;
  padding: 14px;
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 12px;
}

.admin-media-field__box--dark {
  background: #092615;
  border-color: #164a27;
}

.admin-media-field__box--dark .admin-media-field__preview {
  background: #0d341e;
  border-color: rgba(255, 255, 255, .16);
}

.admin-media-field__preview {
  min-height: 86px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #edf2ec;
  border-radius: 10px;
}

.admin-media-field__preview--icon {
  width: 86px;
  min-height: 86px;
}

.admin-media-field__preview img {
  max-width: 100%;
  max-height: 68px;
  object-fit: contain;
}

.admin-media-field__preview--icon img {
  max-width: 42px;
  max-height: 42px;
}

.admin-media-field strong,
.admin-media-field small,
.admin-media-field em {
  display: block;
}

.admin-media-field strong {
  color: #061006;
  font-size: 15px;
  font-weight: 950;
}

.admin-media-field__box--dark strong {
  color: #ffffff;
}

.admin-media-field small {
  margin-top: 4px;
  color: #607167;
  font-size: 12.5px;
  font-weight: 800;
}

.admin-media-field__box--dark small,
.admin-media-field__box--dark em {
  color: rgba(255, 255, 255, .72);
}

.admin-media-field em {
  margin-top: 9px;
  max-width: 100%;
  overflow: hidden;
  color: #7a8878;
  font-size: 11.5px;
  font-style: normal;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-media-field__button {
  width: fit-content;
  min-height: 38px;
  margin-top: 12px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #11811f;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
}

.admin-media-field__button:hover {
  background: #eef9ee;
  border-color: #31aa35;
}

.admin-media-field__button input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.admin-app {
  background: #f6f8f6;
}

.admin-topbar {
  min-height: 64px;
  padding: 14px 24px;
  border-bottom: 1px solid #e4ebe2;
}

.admin-topbar h1 {
  font-size: 18px;
  line-height: 1.15;
}

.admin-topbar p {
  margin-top: 3px;
  font-size: 13px;
}

.admin-application-module {
  gap: 14px;
  margin: 0 24px 24px;
}

.admin-card,
.admin-data-card,
.admin-application-detail,
.admin-review-form {
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(6, 18, 34, .04);
}

.admin-card__head {
  min-height: 112px;
  padding: 22px 24px;
}

.admin-card__head h2,
.admin-card__head h3,
.admin-application-detail__head h2,
.admin-section-head h3 {
  letter-spacing: 0;
}

.admin-dashboard-stats,
.admin-dashboard-grid {
  gap: 12px;
}

.admin-dashboard-stats article {
  min-height: 112px;
  padding: 18px;
  border-radius: 12px;
}

.admin-dashboard-stats strong {
  font-size: 28px;
}

.admin-dashboard-grid .admin-card {
  min-height: 0;
}

.admin-list div,
.admin-dashboard-actions a,
.admin-empty {
  border-radius: 10px;
  background: #ffffff;
}

.admin-empty {
  padding: 18px;
}

.admin-section-head {
  min-height: 58px;
  padding: 13px 16px;
}

.admin-table th,
.admin-table td {
  padding: 12px 14px;
}

.admin-table tbody tr {
  background: #ffffff;
}

.admin-row-actions {
  justify-content: flex-start;
}

.admin-row-actions a,
.admin-row-actions button,
.admin-action-btn {
  min-height: 32px;
  border-radius: 8px;
}

.admin-settings-grid {
  max-width: 1180px;
}

.admin-settings-card .admin-form-head {
  padding-bottom: 14px;
  border-bottom: 1px solid #edf2ec;
}

.admin-settings-card .admin-form-grid {
  align-items: stretch;
  gap: 14px;
}

.admin-settings-card .admin-media-field {
  min-width: 0;
}

.admin-media-field__box {
  height: 100%;
  min-height: 118px;
  border-radius: 12px;
}

.admin-media-field__preview {
  border-radius: 10px;
}

.admin-review-form input,
.admin-review-form select,
.admin-review-form textarea {
  border-radius: 9px;
}

.admin-application-detail__head {
  padding-bottom: 14px;
}

.admin-detail-grid {
  gap: 10px;
}

.admin-detail-grid div {
  min-height: 74px;
  border-radius: 10px;
}

.admin-banner-preview {
  min-height: 220px;
  margin-top: 16px;
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 320px);
  align-items: center;
  gap: 18px;
  border: 1px solid #edf2ec;
  border-radius: 14px;
  overflow: hidden;
}

.admin-banner-preview div {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.admin-banner-preview span {
  color: #11811f;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-banner-preview strong {
  color: #061222;
  font-size: 28px;
  line-height: 1.08;
  font-weight: 950;
}

.admin-banner-preview p {
  margin: 0;
  color: #607167;
  font-weight: 850;
}

.admin-banner-preview em {
  width: fit-content;
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 9px;
  background: #111827;
  color: #ffffff;
  font-style: normal;
  font-weight: 950;
}

.admin-banner-preview img {
  width: 100%;
  max-height: 190px;
  object-fit: contain;
}

.admin-sponsor-logo {
  min-width: 240px;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.admin-sponsor-logo img {
  width: 72px;
  height: 44px;
  padding: 6px;
  object-fit: contain;
  border: 1px solid #edf2ec;
  border-radius: 9px;
  background: #ffffff;
}

.admin-sponsor-logo small {
  min-width: 0;
  overflow: hidden;
  color: #607167;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-sponsor-preview {
  min-height: 156px;
  margin-top: 16px;
  padding: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #edf2ec;
  border-radius: 14px;
  background: linear-gradient(135deg, #fbfdfb 0%, #ffffff 100%);
}

.admin-sponsor-preview span {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #31aa35;
  color: #ffffff;
  font-size: 13px;
  font-weight: 950;
  box-shadow: 0 10px 22px rgba(49, 170, 53, .2);
}

.admin-sponsor-preview img {
  max-width: min(260px, 100%);
  max-height: 90px;
  object-fit: contain;
}

.admin-check-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.admin-check-row label {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 13px;
  border: 1px solid #dcebd8;
  border-radius: 10px;
  background: #fbfdfb;
  font-weight: 900;
}

.admin-check-row input {
  width: 16px;
  height: 16px;
  accent-color: #31aa35;
}

.seller-panel-hero,
.seller-panel-empty,
.seller-panel-card,
.seller-panel-stats article {
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 10px;
  box-shadow: 0 18px 44px rgba(14, 45, 19, 0.06);
}

.seller-panel-hero {
  min-height: 172px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.96), rgba(244, 252, 242, 0.92)),
    radial-gradient(circle at right top, rgba(51, 165, 50, 0.18), transparent 42%);
}

.seller-panel-hero span,
.seller-panel-card__head span,
.seller-panel-profile label span,
.seller-panel-empty small {
  color: #16821e;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-panel-hero h1 {
  margin: 8px 0 10px;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: 0;
}

.seller-panel-hero p {
  max-width: 680px;
  color: #4d5b4c;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.55;
}

.seller-panel-hero__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.seller-panel-hero__actions a,
.seller-panel-empty a,
.seller-panel-form button,
.seller-panel-soft-btn {
  min-height: 44px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border: 1px solid #33a532;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(51, 165, 50, 0.18);
}

.seller-panel-hero__actions a + a,
.seller-panel-soft-btn {
  color: #16821e;
  background: #ffffff;
  border-color: #cfe4cb;
  box-shadow: none;
}

.seller-panel-hero__actions .is-disabled {
  pointer-events: none;
  opacity: 0.55;
}

.seller-panel-alert {
  margin-top: 16px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  font-weight: 850;
}

.seller-panel-alert--success {
  color: #116b1b;
  background: #eff9ed;
  border: 1px solid #cfe9ca;
}

.seller-panel-alert--error {
  color: #a31616;
  background: #fff5f5;
  border: 1px solid #ffcfcf;
}

.seller-request-error {
  color: #b42318 !important;
  font-weight: 700;
}

.seller-return-barcode {
  width: min(100%, 520px);
  margin-top: 8px;
  padding: 7px;
  border: 1px solid #d9e8d6;
  border-radius: 10px;
  background: #fff;
}

.seller-return-barcode .kargo-paneli-barcode__svg {
  display: block;
  width: 100%;
  height: 54px;
}

.seller-return-print {
  margin-top: 6px;
  border: 1px solid #cfe2ca;
  border-radius: 9px;
  background: #f7fbf5;
  color: #176f25;
  font-size: 12px;
  font-weight: 800;
  padding: 7px 10px;
}

.account-return-label {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #d9e8d6;
  border-radius: 12px;
  background: #f8fcf6;
}

.account-return-label summary {
  color: #087d27;
  font-size: 13px;
  font-weight: 850;
  cursor: pointer;
}

.account-return-label .kargo-paneli-barcode-label {
  margin-top: 10px;
}

.account-return-label__print {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  margin-top: 9px;
  border: 1px solid #bcd9b7;
  border-radius: 9px;
  padding: 0 13px;
  background: #fff;
  color: #087d27;
  font-weight: 850;
  cursor: pointer;
}

.admin-text-danger {
  color: #b42318 !important;
  font-weight: 700;
}

.seller-panel-empty {
  margin-top: 18px;
  padding: 42px 24px;
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 12px;
}

.seller-panel-empty__icon {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  color: #33a532;
  background: #eff9ed;
  border: 1px solid #cfe9ca;
  border-radius: 50%;
  font-size: 26px;
}

.seller-panel-empty h2 {
  font-size: 28px;
  font-weight: 950;
}

.seller-panel-empty p {
  max-width: 620px;
  color: #4d5b4c;
  font-weight: 750;
  line-height: 1.55;
}

.seller-panel-stats {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.seller-panel-stats article {
  padding: 18px;
  display: grid;
  gap: 8px;
}

.seller-panel-stats i {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: #33a532;
  background: #eff9ed;
  border-radius: 50%;
}

.seller-panel-stats span {
  color: #627060;
  font-size: 13px;
  font-weight: 850;
}

.seller-panel-stats strong {
  color: #061006;
  font-size: 24px;
  font-weight: 950;
}

.seller-panel-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.65fr);
  gap: 18px;
}

.seller-panel-card {
  min-width: 0;
  padding: 22px;
}

.seller-panel-card__head {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.seller-panel-card__head h2 {
  margin-top: 4px;
  font-size: 24px;
  font-weight: 950;
}

.seller-panel-soft-btn:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.seller-panel-products,
.seller-panel-orders {
  display: grid;
  gap: 10px;
}

.seller-panel-product {
  padding: 14px;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
  color: inherit;
  background: #fbfdfb;
  border: 1px solid #e4f0e1;
  border-radius: 8px;
}

.seller-panel-product:hover {
  border-color: #bfe0b8;
  box-shadow: 0 10px 24px rgba(14, 45, 19, 0.08);
}

.seller-panel-product__media {
  width: 82px;
  height: 82px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #edf4eb;
  border-radius: 8px;
}

.seller-panel-product__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.seller-panel-product__form {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.seller-panel-product__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.seller-product-statuses {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}

.seller-panel-product__top em {
  padding: 5px 9px;
  color: #16821e;
  background: #eff9ed;
  border: 1px solid #cfe9ca;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.seller-panel-product__top em.is-passive {
  color: #8a4f00;
  background: #fff8e8;
  border-color: #ffe1a8;
}

.seller-panel-product__top em.is-approval-pending {
  color: #8a4f00;
  background: #fff8e8;
  border-color: #ffe1a8;
}

.seller-panel-product__top em.is-approval-rejected {
  color: #b42318;
  background: #fff4f4;
  border-color: #fecaca;
}

.seller-panel-product__top em.is-approval-approved {
  color: #16821e;
  background: #eff9ed;
  border-color: #cfe9ca;
}

.seller-panel-info-line,
.seller-panel-approval-note {
  grid-column: 1 / -1;
  padding: 11px 12px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #415047;
  background: #f8fcf8;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.45;
}

.seller-panel-info-line i {
  margin-top: 2px;
  color: #33a532;
}

.seller-panel-info-line--compact {
  margin-top: 0;
}

.seller-panel-approval-note {
  display: block;
  color: #7f1d1d;
  background: #fff7f7;
  border-color: #fecaca;
}

.seller-panel-approval-note strong,
.seller-panel-approval-note p {
  display: block;
  margin: 0;
}

.seller-panel-approval-note p {
  margin-top: 4px;
  color: #7f1d1d;
}

.seller-product-create-form {
  margin-bottom: 18px;
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.seller-product-create-form__head {
  grid-column: 1 / -1;
}

.seller-product-create-form__head strong {
  display: block;
  color: #061006;
  font-size: 18px;
  font-weight: 950;
}

.seller-product-create-form__head span {
  display: block;
  margin-top: 4px;
  color: #657363;
  font-size: 13px;
  font-weight: 800;
}

.seller-product-create-form label,
.seller-product-edit-grid label {
  display: grid;
  gap: 7px;
}

.seller-product-create-form label span,
.seller-product-edit-grid label span {
  color: #16821e;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-product-create-form input,
.seller-product-create-form select,
.seller-product-create-form textarea,
.seller-product-edit-grid input,
.seller-product-edit-grid select,
.seller-product-edit-grid textarea {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  color: #061006;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  outline: none;
}

.seller-product-create-form textarea,
.seller-product-edit-grid textarea {
  resize: vertical;
}

.seller-form-hint {
  color: #5f705f;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.seller-product-create-form input:focus,
.seller-product-create-form select:focus,
.seller-product-create-form textarea:focus,
.seller-product-edit-grid input:focus,
.seller-product-edit-grid select:focus,
.seller-product-edit-grid textarea:focus {
  border-color: #33a532;
  box-shadow: 0 0 0 4px rgba(51, 165, 50, 0.1);
}

.seller-product-create-form__full,
.seller-product-edit-grid__full,
.admin-form-grid .admin-form-full {
  grid-column: 1 / -1;
}

.seller-product-create-form button,
.seller-panel-product__actions button,
.seller-panel-product__toggle button {
  min-height: 40px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border: 1px solid #33a532;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.seller-panel-product__toggle button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.seller-product-variants {
  padding: 18px;
  display: grid;
  gap: 14px;
  background: #f8fcf7;
  border: 1px solid #cfe4cb;
  border-radius: 12px;
}

.seller-product-variants__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.seller-product-variants__head span,
.seller-product-variants__head strong {
  display: block;
}

.seller-product-variants__head span {
  color: #16821e;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-product-variants__head strong {
  margin-top: 4px;
  color: #061006;
  font-size: 17px;
  font-weight: 950;
}

.seller-product-variants__head small {
  max-width: 440px;
  color: #5f705f;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.seller-product-variants__groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.seller-product-variants__group {
  padding: 14px;
  display: grid;
  gap: 11px;
  background: #fff;
  border: 1px solid #dbe8d8;
  border-radius: 10px;
}

.seller-product-variants__group-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.seller-product-variants__group-title strong {
  color: #061006;
  font-size: 14px;
  font-weight: 950;
}

.seller-product-variants__group-title span {
  padding: 4px 7px;
  color: #607060;
  background: #f1f5f0;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  text-transform: none;
}

.seller-product-variants__group-title span.is-required {
  color: #9f2525;
  background: #fff0ef;
}

.seller-product-variants__choices {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.seller-product-create-form .seller-product-variants__choice,
.admin-form .seller-product-variants__choice {
  position: relative;
  display: inline-flex;
  cursor: pointer;
}

.seller-product-create-form .seller-product-variants__choice input,
.admin-form .seller-product-variants__choice input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.seller-product-create-form .seller-product-variants__choice span,
.admin-form .seller-product-variants__choice span {
  min-height: 34px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  color: #334232;
  background: #fff;
  border: 1px solid #cfddcc;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 850;
  text-transform: none;
}

.seller-product-create-form .seller-product-variants__choice input:checked + span,
.admin-form .seller-product-variants__choice input:checked + span {
  color: #087f21;
  background: #eaf8e8;
  border-color: #2ca536;
  box-shadow: inset 0 0 0 1px #2ca536;
}

.seller-product-variants__custom {
  display: grid;
  gap: 8px;
}

.seller-product-variants__custom > strong {
  color: #334232;
  font-size: 12px;
  font-weight: 900;
}

.seller-product-variants__custom-row {
  display: grid;
  grid-template-columns: minmax(150px, .45fr) minmax(240px, 1fr) 38px;
  gap: 8px;
}

.seller-product-create-form .seller-product-variants__custom-row button,
.seller-product-create-form .seller-product-variants__add,
.admin-form .seller-product-variants__custom-row button,
.admin-form .seller-product-variants__add {
  min-height: 38px;
  color: #167c20;
  background: #fff;
  border-color: #c8dfc5;
  box-shadow: none;
}

.seller-product-create-form .seller-product-variants__custom-row button,
.admin-form .seller-product-variants__custom-row button {
  width: 38px;
  padding: 0;
  color: #a22828;
  border-color: #efcaca;
}

.seller-product-create-form .seller-product-variants__add,
.admin-form .seller-product-variants__add {
  width: max-content;
}

.seller-product-variants__empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 14px;
  color: #5f705f;
  background: #fff;
  border: 1px dashed #c8d9c5;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 800;
}

.seller-product-variant-matrix {
  display: grid;
  gap: 9px;
}

.seller-product-variant-matrix__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.seller-product-variant-matrix__head strong {
  color: #172516;
  font-size: 13px;
}

.seller-product-variant-matrix__head small,
.seller-product-variant-matrix > p {
  margin: 0;
  color: #667464;
  font-size: 11px;
  font-weight: 750;
}

.seller-product-variant-matrix__rows {
  display: grid;
  gap: 7px;
}

.seller-product-variant-matrix__row {
  padding: 9px;
  display: grid;
  grid-template-columns: minmax(170px, 1.15fr) repeat(6, minmax(92px, .72fr));
  align-items: center;
  gap: 7px;
  background: #fff;
  border: 1px solid #d9e6d6;
  border-radius: 9px;
}

.seller-product-variant-matrix__row > strong,
.product-variant-row-title > strong {
  color: #263725;
  font-size: 11px;
  line-height: 1.35;
}

.seller-product-create-form .seller-product-variant-matrix__row input,
.seller-product-create-form .seller-product-variant-matrix__row select,
.admin-form .seller-product-variant-matrix__row input,
.admin-form .seller-product-variant-matrix__row select {
  min-width: 0;
  min-height: 36px;
  padding: 7px 8px;
  font-size: 11px;
}

.product-variant-row-title {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.product-variant-row-title > span {
  width: max-content;
  max-width: 100%;
  padding: 3px 7px;
  color: #b75a0b;
  background: #fff2e7;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 900;
}

.product-variant-field {
  min-width: 0;
  display: grid !important;
  gap: 4px !important;
}

.product-variant-field > span {
  color: #647063 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.product-variant-bulk {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: #fff;
  border: 1px dashed #bfd9bc;
  border-radius: 10px;
}

.product-variant-bulk[hidden] {
  display: none;
}

.product-variant-bulk > div {
  display: flex;
  align-items: center;
  gap: 7px;
}

.product-variant-bulk span {
  color: #395038;
  font-size: 11px;
  font-weight: 900;
}

.seller-product-create-form .product-variant-bulk input,
.admin-form .product-variant-bulk input {
  width: 112px;
  min-height: 36px;
  height: 36px;
  padding: 6px 9px;
  font-size: 11px;
}

.seller-product-create-form .product-variant-bulk button,
.admin-form .product-variant-bulk button {
  min-height: 36px;
  padding: 0 11px;
  color: #087f21;
  background: #eef9ec;
  border: 1px solid #bcdab8;
  border-radius: 8px;
  box-shadow: none;
  font-size: 11px;
  font-weight: 900;
}

.admin-form .seller-product-variants__custom-row input,
.admin-form .seller-product-variants__custom-values {
  width: 100%;
  min-height: 40px;
  height: 40px;
}

@media (max-width: 1180px) {
  .seller-product-variant-matrix__row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .seller-product-variant-matrix__row > strong {
    grid-column: 1 / -1;
  }

  .product-variant-row-title {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .seller-product-variants__head {
    display: grid;
  }

  .seller-product-variants__groups {
    grid-template-columns: 1fr;
  }

  .seller-product-variants__custom-row {
    grid-template-columns: 1fr 38px;
  }

  .seller-product-variants__custom-row input:first-child {
    grid-column: 1 / -1;
  }

  .seller-product-variant-matrix__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .seller-product-variant-matrix__row {
    grid-template-columns: 1fr 1fr;
  }

  .product-variant-bulk,
  .product-variant-bulk > div {
    align-items: stretch;
    flex-direction: column;
  }

  .seller-product-create-form .product-variant-bulk input,
  .admin-form .product-variant-bulk input {
    width: 100%;
  }
}

.seller-product-edit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.seller-panel-product strong,
.seller-panel-order strong {
  display: block;
  color: #061006;
  font-size: 14px;
  font-weight: 950;
}

.seller-panel-product small,
.seller-panel-order small,
.seller-panel-order span {
  display: block;
  margin-top: 4px;
  color: #657363;
  font-size: 12px;
  font-weight: 800;
}

.seller-panel-product em,
.seller-panel-order em {
  color: #061006;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.seller-panel-product__check {
  padding: 9px 12px;
}

.seller-panel-product__actions {
  display: flex;
  justify-content: flex-end;
}

.seller-panel-product__toggle {
  margin: 0;
  align-self: start;
}

.seller-panel-product__toggle button {
  color: #16821e;
  background: #ffffff;
  border-color: #cfe4cb;
}

.seller-panel-product__toggle button.is-danger {
  color: #b42318;
  background: #fff7f7;
  border-color: #ffd1d1;
}

.seller-products-page {
  display: grid;
  gap: 18px;
}

.seller-products-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.seller-products-toolbar span,
.seller-products-summary span {
  display: block;
  color: #16821e;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-products-toolbar h2 {
  margin: 4px 0 6px;
  color: #061006;
  font-size: 30px;
  font-weight: 950;
  line-height: 1.1;
}

.seller-products-toolbar p {
  margin: 0;
  color: #526050;
  font-weight: 800;
  line-height: 1.45;
}

.seller-products-toolbar__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
}

.seller-panel-primary-link,
.seller-panel-outline-link {
  min-height: 44px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}

.seller-panel-primary-link {
  color: #ffffff;
  background: #33a532;
  border: 1px solid #33a532;
  box-shadow: 0 14px 30px rgba(51, 165, 50, 0.2);
}

.seller-panel-outline-link {
  color: #16821e;
  background: #ffffff;
  border: 1px solid #cfe4cb;
}

.seller-product-list-card {
  padding: 0;
  overflow: hidden;
}

.seller-products-summary {
  padding: 18px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  border-bottom: 1px solid #e5efe2;
}

.seller-products-summary button {
  min-height: 76px;
  padding: 14px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 2px 9px;
  color: #16821e;
  background: #f8fcf7;
  border: 1px solid #dcebd8;
  border-radius: 12px;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.seller-products-summary button:hover,
.seller-products-summary button.is-active {
  background: #f2faef;
  border-color: #acdba6;
  box-shadow: 0 9px 22px rgba(32, 112, 39, .08);
  transform: translateY(-1px);
}

.seller-products-summary button > i,
.seller-products-summary button > img {
  grid-row: 1 / 3;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  object-fit: contain;
  font-size: 19px;
}

.seller-products-summary button > img {
  padding: 3px;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
}

.seller-products-summary strong {
  color: #061006;
  font-size: 22px;
  font-weight: 950;
}

.seller-products-manager {
  padding: 16px 18px;
  display: grid;
  gap: 13px;
  background: #ffffff;
  border-bottom: 1px solid #e5efe2;
}

.seller-products-filters {
  display: grid;
  grid-template-columns: minmax(250px, 2fr) repeat(6, minmax(112px, 1fr)) auto;
  align-items: end;
  gap: 10px;
}

.seller-products-filters label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.seller-products-filters label > span {
  color: #617064;
  font-size: 11px;
  font-weight: 900;
}

.seller-products-filters input,
.seller-products-filters select,
.seller-products-bulk select {
  width: 100%;
  min-width: 0;
  height: 42px;
  padding: 0 11px;
  color: #142115;
  background: #fbfdfb;
  border: 1px solid #d9e7d6;
  border-radius: 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  outline: 0;
}

.seller-products-filters input:focus,
.seller-products-filters select:focus,
.seller-products-bulk select:focus {
  border-color: #76bf71;
  box-shadow: 0 0 0 3px rgba(51, 165, 50, .1);
}

.seller-products-search {
  position: relative;
}

.seller-products-search > i {
  position: absolute;
  left: 13px;
  bottom: 13px;
  z-index: 1;
  color: #6b7e6c;
  font-size: 13px;
}

.seller-products-search input {
  padding-left: 36px;
}

.seller-products-filter-reset {
  height: 42px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #526050;
  background: #ffffff;
  border: 1px solid #d9e7d6;
  border-radius: 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.seller-products-bulk {
  min-height: 56px;
  padding: 8px 10px 8px 13px;
  display: flex;
  align-items: center;
  gap: 13px;
  background: #f7fbf6;
  border: 1px solid #d9e9d6;
  border-radius: 12px;
}

.seller-products-select-visible {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #172218;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
  cursor: pointer;
}

.seller-products-select-visible input,
.seller-products-table__check input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #2fa735;
  cursor: pointer;
}

.seller-products-bulk > strong {
  color: #16821e;
  font-size: 12px;
  white-space: nowrap;
}

.seller-products-result-count {
  color: #6c796d;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.seller-products-bulk__action {
  min-width: min(480px, 48%);
  margin-left: auto;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 8px;
}

.seller-products-bulk__action button {
  min-height: 42px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #ffffff;
  background: #2fa735;
  border: 1px solid #2fa735;
  border-radius: 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}

.seller-products-bulk__action button:disabled {
  color: #879188;
  background: #edf2ec;
  border-color: #dfe7dd;
  cursor: not-allowed;
}

.seller-products-table-wrap {
  overflow-x: auto;
}

.seller-products-table {
  width: 100%;
  min-width: 1320px;
  border-collapse: collapse;
}

.seller-products-table th,
.seller-products-table td {
  padding: 16px 18px;
  border-bottom: 1px solid #eef3ec;
  text-align: left;
  vertical-align: middle;
}

.seller-products-table th {
  color: #526050;
  background: #fbfdfb;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-products-table td {
  color: #061006;
  font-size: 14px;
  font-weight: 850;
}

.seller-products-table tbody tr:hover {
  background: #fbfdfb;
}

.seller-products-table tbody tr.is-selected {
  background: #f3faf1;
  box-shadow: inset 3px 0 #35a83a;
}

.seller-products-table tr[hidden] {
  display: none;
}

.seller-products-table__check {
  width: 34px;
  padding-left: 15px !important;
  padding-right: 2px !important;
  text-align: center !important;
}

.seller-products-table__check .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.seller-products-table__product {
  min-width: 0;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.seller-products-table__product img {
  width: 58px;
  height: 58px;
  padding: 6px;
  object-fit: contain;
  background: #ffffff;
  border: 1px solid #e3efe0;
  border-radius: 10px;
}

.seller-products-table__product strong {
  display: block;
  color: #061006;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.25;
}

.seller-products-table__product span {
  display: block;
  margin-top: 4px;
  color: #607167;
  font-size: 12px;
  font-weight: 800;
}

.seller-products-table__product small {
  max-width: 330px;
  margin-top: 5px;
  display: -webkit-box;
  overflow: hidden;
  color: #778478;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.seller-product-source,
.seller-product-price-stock,
.seller-product-performance {
  display: grid;
  justify-items: start;
  gap: 6px;
}

.seller-product-source > em {
  padding: 5px 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #49604c;
  background: #f4f8f3;
  border: 1px solid #dce8d9;
  border-radius: 999px;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
}

.seller-product-source > em.is-trendyol {
  color: #b34e00;
  background: #fff7ef;
  border-color: #ffd3af;
}

.seller-product-source > em img {
  width: 15px;
  height: 15px;
  object-fit: contain;
}

.seller-product-source > strong,
.seller-product-price-stock > strong,
.seller-product-performance > strong {
  color: #102012;
  font-size: 13px;
  font-weight: 950;
}

.seller-product-source > span,
.seller-product-performance > span,
.seller-product-performance > small {
  color: #68766a;
  font-size: 11px;
  font-weight: 800;
}

.seller-product-price-stock > del {
  color: #929b93;
  font-size: 11px;
  font-weight: 800;
}

.seller-product-price-stock > span {
  padding: 4px 7px;
  color: #16821e;
  background: #f0f9ef;
  border-radius: 7px;
  font-size: 10px;
  font-weight: 950;
}

.seller-product-price-stock > span.is-low {
  color: #996000;
  background: #fff8e8;
}

.seller-product-price-stock > span.is-out {
  color: #b42318;
  background: #fff0f0;
}

.seller-product-performance > span i {
  color: #efa900;
}

.seller-product-rejection-note {
  max-width: 190px;
  margin-top: 7px;
  display: -webkit-box;
  overflow: hidden;
  color: #a13b33;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.seller-products-table .seller-product-statuses {
  justify-content: flex-start;
}

.seller-products-table .seller-product-statuses em {
  padding: 5px 8px;
  color: #526050;
  background: #f4f7f3;
  border: 1px solid #dce5da;
  border-radius: 999px;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.seller-products-table .seller-product-statuses em.is-live,
.seller-products-table .seller-product-statuses em.is-approval-approved {
  color: #16821e;
  background: #eff9ed;
  border-color: #cfe9ca;
}

.seller-products-table .seller-product-statuses em.is-passive,
.seller-products-table .seller-product-statuses em.is-approval-pending {
  color: #8a5c00;
  background: #fff8e8;
  border-color: #f5dda8;
}

.seller-products-table .seller-product-statuses em.is-approval-rejected {
  color: #b42318;
  background: #fff4f4;
  border-color: #fecaca;
}

.seller-products-table .seller-product-statuses em.is-new {
  color: #9a5a00;
  background: #fff6df;
  border-color: #f3d699;
}

.seller-products-table__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.seller-products-table__actions a,
.seller-products-table__actions button {
  min-height: 36px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #16821e;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 9px;
  font: inherit;
  font-size: 12px;
  font-weight: 950;
  text-decoration: none;
  cursor: pointer;
}

.seller-products-table__actions form {
  margin: 0;
}

.seller-products-table__actions button.is-danger {
  color: #b42318;
  background: #fff7f7;
  border-color: #ffd1d1;
}

.seller-products-table__actions button.is-delete {
  color: #b42318;
  background: #fff7f7;
  border-color: #f3b7b3;
}

.seller-products-table__actions button.is-delete:hover {
  color: #ffffff;
  background: #c52a20;
  border-color: #c52a20;
}

.seller-products-table__actions button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.seller-products-pagination {
  min-height: 68px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #fbfdfb;
  border-top: 1px solid #e5efe2;
}

.seller-products-pagination[hidden] {
  display: none;
}

.seller-products-pagination > span {
  color: #617064;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.seller-products-pagination > div,
.seller-products-pagination__numbers {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.seller-products-pagination button {
  min-width: 38px;
  height: 38px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #29402b;
  background: #ffffff;
  border: 1px solid #d5e5d2;
  border-radius: 9px;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.seller-products-pagination button:hover:not(:disabled) {
  color: #16821e;
  border-color: #8bc987;
  background: #f3fbf2;
}

.seller-products-pagination button.is-active {
  color: #ffffff;
  background: #2fa735;
  border-color: #2fa735;
}

.seller-products-pagination button:disabled {
  color: #9ba69c;
  background: #f2f5f1;
  border-color: #e4eae2;
  cursor: not-allowed;
}

.seller-products-pagination__ellipsis {
  min-width: 20px;
  color: #7b877c;
  text-align: center;
  font-size: 13px;
  font-weight: 900;
}

.seller-products-filter-empty {
  min-height: 190px;
  padding: 34px 20px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  color: #718073;
  text-align: center;
}

.seller-products-filter-empty[hidden] {
  display: none;
}

.seller-products-filter-empty i {
  margin-bottom: 5px;
  color: #8fbd8b;
  font-size: 29px;
}

.seller-products-filter-empty strong {
  color: #172218;
  font-size: 16px;
}

.seller-products-filter-empty span {
  font-size: 12px;
  font-weight: 750;
}

.seller-product-editor {
  padding: 0;
  overflow: hidden;
}

.seller-product-editor .seller-product-create-form {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.seller-product-current-image {
  grid-column: 1 / -1;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f8fcf7;
  border: 1px solid #dcebd8;
  border-radius: 10px;
}

.seller-product-current-image img {
  width: 72px;
  height: 72px;
  padding: 8px;
  object-fit: contain;
  background: #ffffff;
  border: 1px solid #e3efe0;
  border-radius: 10px;
}

.seller-product-current-image strong {
  display: block;
  color: #061006;
  font-size: 15px;
  font-weight: 950;
}

.seller-product-current-image span {
  display: block;
  margin-top: 3px;
  color: #607167;
  font-size: 12px;
  font-weight: 800;
}

.seller-campaigns-page {
  display: grid;
  gap: 18px;
}

.seller-campaigns-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: linear-gradient(135deg, #f6fcf5 0%, #ffffff 72%);
}

.seller-campaigns-hero span,
.seller-campaign-editor .seller-panel-card__head span,
.seller-campaign-list .seller-panel-card__head span {
  display: block;
  color: #16821e;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-campaigns-hero h2 {
  margin: 4px 0 7px;
  color: #061006;
  font-size: 30px;
  font-weight: 950;
  line-height: 1.1;
}

.seller-campaigns-hero p {
  margin: 0;
  color: #526050;
  font-weight: 800;
  line-height: 1.45;
}

.seller-campaigns-hero > strong {
  min-width: 138px;
  padding: 16px;
  display: grid;
  place-items: center;
  color: #16821e;
  background: #eff9ed;
  border: 1px solid #d2ebce;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 950;
}

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

.seller-campaign-form label {
  display: grid;
  gap: 8px;
}

.seller-campaign-form span {
  color: #061006;
  font-size: 13px;
  font-weight: 950;
}

.seller-campaign-form input,
.seller-campaign-form select,
.seller-campaign-form textarea {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  color: #061006;
  background: #fff;
  border: 1px solid #cfe4cb;
  border-radius: 10px;
  font: inherit;
  font-weight: 850;
  outline: none;
}

.seller-campaign-form textarea {
  min-height: 96px;
  padding-top: 12px;
  resize: vertical;
}

.seller-campaign-form input:focus,
.seller-campaign-form select:focus,
.seller-campaign-form textarea:focus {
  border-color: #32a83a;
  box-shadow: 0 0 0 4px rgba(47, 172, 52, 0.12);
}

.seller-campaign-form__full {
  grid-column: 1 / -1;
}

.seller-campaign-form button {
  min-height: 48px;
  width: fit-content;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #fff;
  background: #2fac34;
  border: 0;
  border-radius: 10px;
  font: inherit;
  font-size: 14px;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(47, 172, 52, 0.22);
}

.seller-campaign-list {
  padding: 0;
  overflow: hidden;
}

.seller-campaign-list .seller-panel-card__head {
  padding: 18px;
  border-bottom: 1px solid #e5efe2;
}

.seller-campaign-table-wrap {
  overflow-x: auto;
}

.seller-campaign-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

.seller-campaign-table th,
.seller-campaign-table td {
  padding: 16px 18px;
  border-bottom: 1px solid #eef3ec;
  text-align: left;
  vertical-align: middle;
}

.seller-campaign-table th {
  color: #526050;
  background: #fbfdfb;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-campaign-table td {
  color: #061006;
  font-size: 14px;
  font-weight: 850;
}

.seller-campaign-table__name {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.seller-campaign-table__name img,
.seller-campaign-table__name > i {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  object-fit: cover;
  color: #2fac34;
  background: #f1faf0;
  border: 1px solid #d7ead3;
  border-radius: 12px;
}

.seller-campaign-table__name strong,
.seller-campaign-table td strong {
  display: block;
  color: #061006;
  font-weight: 950;
}

.seller-campaign-table__name span,
.seller-campaign-table td small {
  display: block;
  margin-top: 4px;
  color: #607167;
  font-size: 12px;
  font-weight: 800;
}

.seller-campaign-status {
  padding: 8px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-style: normal;
  font-size: 12px;
  font-weight: 950;
}

.seller-campaign-status--approved {
  color: #078016;
  background: #eaf8e8;
}

.seller-campaign-status--pending {
  color: #9a6700;
  background: #fff4d9;
}

.seller-campaign-status--rejected,
.seller-campaign-status--paused {
  color: #b42318;
  background: #fff0f0;
}

.seller-campaign-action {
  margin: 0;
}

.seller-campaign-action button {
  min-height: 38px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #16821e;
  background: #fff;
  border: 1px solid #cfe4cb;
  border-radius: 9px;
  font: inherit;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}

.seller-campaign-action button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.seller-returns-page {
  display: grid;
  gap: 18px;
}

.seller-returns-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  background: linear-gradient(110deg, #fff, #f2fbf0);
}

.seller-returns-hero span,
.seller-returns-list .seller-panel-card__head span {
  display: block;
  margin-bottom: 8px;
  color: #087c18;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-returns-hero h2 {
  margin: 0;
  color: #001326;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.05;
}

.seller-returns-hero p {
  max-width: 760px;
  margin: 10px 0 0;
  color: #435243;
  font-weight: 750;
  line-height: 1.55;
}

.seller-returns-hero > strong {
  min-width: 112px;
  padding: 16px 18px;
  text-align: center;
  color: #087c18;
  background: #ecfaec;
  border: 1px solid #d1edcf;
  border-radius: 14px;
  box-shadow: 0 18px 35px rgba(45, 168, 54, .08);
}

.seller-returns-table-wrap {
  overflow-x: auto;
  border: 1px solid #e1eee0;
  border-radius: 14px;
}

.seller-returns-table {
  width: 100%;
  min-width: 1060px;
  border-collapse: collapse;
}

.seller-returns-table th,
.seller-returns-table td {
  padding: 18px 16px;
  border-bottom: 1px solid #edf4eb;
  vertical-align: top;
}

.seller-returns-table tr:last-child td {
  border-bottom: 0;
}

.seller-returns-table th {
  color: #536554;
  background: #f9fcf8;
  font-size: 12px;
  font-weight: 950;
  text-align: left;
  text-transform: uppercase;
}

.seller-returns-table td > strong,
.seller-returns-product strong {
  display: block;
  color: #001326;
  font-weight: 950;
}

.seller-returns-table td > span,
.seller-returns-table td > small,
.seller-returns-product span,
.seller-returns-product small {
  display: block;
  margin-top: 5px;
  color: #546554;
  font-size: 12px;
  font-weight: 750;
}

.seller-returns-product {
  display: flex;
  align-items: center;
  gap: 12px;
}

.seller-returns-product img {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  object-fit: cover;
  background: #f4faf3;
  border: 1px solid #dcebd9;
  border-radius: 12px;
}

.seller-request-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  color: #8a5b00;
  background: #fff5d6;
  border-radius: 999px;
  font-style: normal;
  font-size: 12px;
  font-weight: 950;
}

.seller-request-status--approved,
.seller-request-status--completed {
  color: #087c18;
  background: #ecfaec;
}

.seller-request-status--rejected,
.seller-request-status--cancelled {
  color: #b42318;
  background: #fff0f0;
}

.seller-return-form {
  min-width: 360px;
  display: grid;
  gap: 10px;
}

.seller-return-form__row {
  display: grid;
  grid-template-columns: minmax(130px, .8fr) minmax(150px, 1fr);
  gap: 10px;
}

.seller-return-form select,
.seller-return-form input,
.seller-return-form textarea {
  width: 100%;
  border: 1px solid #cfe4cb;
  border-radius: 10px;
  background: #fff;
  color: #001326;
  font: inherit;
  font-weight: 850;
}

.seller-return-form select,
.seller-return-form input {
  min-height: 42px;
  padding: 0 12px;
}

.seller-return-form textarea {
  min-height: 74px;
  padding: 12px;
  resize: vertical;
}

.seller-return-form button {
  width: fit-content;
  min-height: 40px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  background: #31aa38;
  border: 0;
  border-radius: 10px;
  font: inherit;
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(49, 170, 56, .18);
}

.seller-reports-page {
  display: grid;
  gap: 18px;
}

.seller-reports-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  background: linear-gradient(110deg, #fff, #f2fbf0);
}

.seller-reports-hero span,
.seller-reports-months .seller-panel-card__head span,
.seller-reports-list .seller-panel-card__head span,
.seller-reports-note > span {
  display: block;
  margin-bottom: 8px;
  color: #087c18;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-reports-hero h2 {
  margin: 0;
  color: #001326;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.05;
}

.seller-reports-hero p {
  max-width: 800px;
  margin: 10px 0 0;
  color: #435243;
  font-weight: 750;
  line-height: 1.55;
}

.seller-reports-hero > strong {
  min-width: 150px;
  padding: 16px 18px;
  text-align: center;
  color: #087c18;
  background: #ecfaec;
  border: 1px solid #d1edcf;
  border-radius: 14px;
  box-shadow: 0 18px 35px rgba(45, 168, 54, .08);
}

.seller-reports-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.seller-reports-summary article {
  min-height: 132px;
  padding: 20px;
  display: grid;
  align-content: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #dcebd9;
  border-top: 4px solid #31aa38;
  border-radius: 14px;
  box-shadow: 0 18px 45px rgba(5, 40, 20, .06);
}

.seller-reports-summary span,
.seller-reports-summary small,
.seller-report-month-row small,
.seller-report-month-row span,
.seller-reports-table td span {
  color: #536554;
  font-size: 12px;
  font-weight: 850;
}

.seller-reports-summary strong {
  color: #001326;
  font-size: 28px;
  font-weight: 950;
  line-height: 1.1;
}

.seller-reports-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
  gap: 18px;
}

.seller-report-month-list {
  display: grid;
  gap: 10px;
}

.seller-report-month-row {
  padding: 14px;
  display: grid;
  grid-template-columns: 1.15fr repeat(3, minmax(120px, 1fr));
  gap: 12px;
  align-items: center;
  background: #fbfdfb;
  border: 1px solid #e2eee0;
  border-radius: 12px;
}

.seller-report-month-row strong {
  display: block;
  color: #001326;
  font-weight: 950;
}

.seller-reports-note {
  align-content: start;
  background: #f7fcf6;
}

.seller-reports-note h2 {
  margin: 0;
  color: #001326;
  font-size: 24px;
}

.seller-reports-note p {
  margin: 10px 0 18px;
  color: #435243;
  font-weight: 750;
  line-height: 1.55;
}

.seller-reports-note div {
  padding: 16px;
  background: #fff;
  border: 1px solid #dcebd9;
  border-radius: 12px;
}

.seller-reports-note div strong,
.seller-reports-note div small {
  display: block;
}

.seller-reports-note div strong {
  color: #087c18;
  font-size: 26px;
  font-weight: 950;
}

.seller-reports-note div small {
  margin-top: 6px;
  color: #536554;
  font-weight: 800;
}

.seller-reports-table-wrap {
  overflow-x: auto;
  border: 1px solid #e1eee0;
  border-radius: 14px;
}

.seller-reports-table {
  width: 100%;
  min-width: 1080px;
  border-collapse: collapse;
}

.seller-reports-table th,
.seller-reports-table td {
  padding: 17px 16px;
  border-bottom: 1px solid #edf4eb;
  vertical-align: middle;
}

.seller-reports-table tr:last-child td {
  border-bottom: 0;
}

.seller-reports-table th {
  color: #536554;
  background: #f9fcf8;
  font-size: 12px;
  font-weight: 950;
  text-align: left;
  text-transform: uppercase;
}

.seller-reports-table td strong {
  display: block;
  color: #001326;
  font-weight: 950;
}

.seller-report-product {
  display: flex;
  align-items: center;
  gap: 12px;
}

.seller-report-product img {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  object-fit: cover;
  background: #f4faf3;
  border: 1px solid #dcebd9;
  border-radius: 12px;
}

.seller-report-payment {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  color: #8a5b00;
  background: #fff5d6;
  border-radius: 999px;
  font-style: normal;
  font-size: 12px;
  font-weight: 950;
}

.seller-report-payment.is-paid {
  color: #087c18;
  background: #ecfaec;
}

.seller-panel-order {
  padding: 14px;
  display: grid;
  gap: 4px;
  background: #fbfdfb;
  border: 1px solid #e4f0e1;
  border-radius: 8px;
}

.seller-panel-order em {
  margin-top: 4px;
}

.seller-orders-page {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr);
  gap: 18px;
  align-items: start;
}

.seller-orders-page:not(:has(.seller-order-detail-card)) {
  grid-template-columns: minmax(0, 1fr);
}

.seller-orders-page:has(.seller-order-detail-card) {
  grid-template-columns: minmax(0, 1fr);
}

.seller-order-overview-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}

.seller-order-overview-grid article {
  min-width: 0;
  padding: 14px;
  display: grid;
  gap: 5px;
  background: #fbfdfb;
  border: 1px solid #e4f0e1;
  border-radius: 8px;
}

.seller-order-overview-grid span,
.seller-order-overview-grid small,
.seller-order-filterbar span,
.seller-order-finance-strip span,
.seller-order-section-head span,
.seller-order-history article span {
  color: #657264;
  font-size: 11.5px;
  font-weight: 900;
  text-transform: uppercase;
}

.seller-order-overview-grid strong {
  color: #061006;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.05;
}

.seller-order-filterbar {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) 220px;
  gap: 12px;
  margin: 0 0 14px;
  padding: 14px;
  background: #f8fcf7;
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.seller-order-filterbar label {
  display: grid;
  gap: 7px;
}

.seller-order-filterbar input,
.seller-order-filterbar select {
  width: 100%;
  min-height: 42px;
  padding: 9px 11px;
  color: #061006;
  background: #fff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-weight: 800;
  outline: none;
}

.seller-order-filterbar input:focus,
.seller-order-filterbar select:focus {
  border-color: #33a532;
  box-shadow: 0 0 0 4px rgba(51, 165, 50, 0.1);
}

.seller-order-row-hidden {
  display: none;
}

.seller-order-back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-bottom: 12px;
  padding: 8px 12px;
  border: 1px solid rgba(27, 138, 48, 0.18);
  border-radius: 999px;
  background: #f4fbf4;
  color: #08751d;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.seller-order-back-link:hover {
  background: #eaf8eb;
  color: #065f18;
}

.seller-order-detail-sections {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin: 18px 0;
}

.seller-order-info-card {
  padding: 16px;
  border: 1px solid rgba(27, 138, 48, 0.14);
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff, #f8fcf8);
}

.seller-order-info-card > span {
  display: block;
  margin-bottom: 12px;
  color: #08751d;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.seller-order-info-card dl {
  display: grid;
  gap: 10px;
  margin: 0;
}

.seller-order-info-card dl div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(27, 138, 48, 0.08);
}

.seller-order-info-card dl div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.seller-order-info-card dt {
  margin: 0;
  color: #607064;
  font-size: 12px;
  font-weight: 800;
}

.seller-order-info-card dd {
  margin: 0;
  color: #07160a;
  font-size: 13px;
  font-weight: 900;
  text-align: right;
  word-break: break-word;
}

.seller-order-finance-strip {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.seller-order-finance-strip div {
  min-width: 0;
  padding: 13px;
  display: grid;
  gap: 5px;
  background: #f8fcf7;
  border: 1px solid #dcebd8;
  border-radius: 8px;
}

.seller-order-finance-strip strong {
  color: #061006;
  font-size: 15px;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.seller-order-barcode-block {
  display: grid;
  grid-template-columns: minmax(280px, 480px) auto;
  align-items: end;
  gap: 14px;
  margin: 18px 0;
}

.seller-order-barcode-print {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  border: 0;
  border-radius: 8px;
  padding: 0 16px;
  background: #0f8f2f;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}

.kargo-paneli-barcode-label {
  max-width: 520px;
  border: 1px solid #cfded0;
  border-radius: 8px;
  padding: 14px;
  background: #fff;
  color: #061222;
  break-inside: avoid;
}

.kargo-paneli-barcode-label__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.kargo-paneli-barcode-label__head span,
.kargo-paneli-barcode-label__meta dt {
  color: #607167;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.kargo-paneli-barcode-label__head strong {
  color: #061222;
  font-size: 15px;
  font-weight: 950;
  text-align: right;
}

.kargo-paneli-barcode-label__brand {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.kargo-paneli-barcode-label__brand img {
  display: block;
  max-width: 66px;
  max-height: 28px;
  object-fit: contain;
}

.kargo-paneli-barcode {
  display: grid;
  place-items: center;
  min-height: 96px;
  border: 1px dashed #cfded0;
  border-radius: 6px;
  padding: 10px;
  background: #fff;
}

.kargo-paneli-barcode__svg {
  display: block;
  width: 100%;
  height: 92px;
}

.kargo-paneli-barcode__fallback {
  font-size: 28px;
  letter-spacing: 2px;
}

.kargo-paneli-barcode-label__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  margin: 12px 0 0;
}

.kargo-paneli-barcode-label__meta div {
  min-width: 0;
}

.kargo-paneli-barcode-label__meta dt,
.kargo-paneli-barcode-label__meta dd {
  margin: 0;
}

.kargo-paneli-barcode-label__meta dd {
  margin-top: 2px;
  color: #061222;
  font-size: 12px;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.kargo-paneli-barcode-label__note {
  margin: 10px 0 0;
  padding-top: 8px;
  border-top: 1px solid #dde5dd;
  color: #1f2a22;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.seller-orders-table-wrap {
  overflow-x: auto;
}

@media (max-width: 760px) {
  .seller-order-barcode-block {
    grid-template-columns: 1fr;
  }

  .kargo-paneli-barcode-label__meta {
    grid-template-columns: 1fr;
  }
}

@media print {
  .seller-order-barcode-print,
  .seller-order-action-form,
  .seller-cargo-price-list {
    display: none !important;
  }

  .seller-order-barcode-block {
    display: block;
    margin: 0 0 14px;
  }

  .kargo-paneli-barcode-label {
    max-width: 100%;
    border-color: #111;
    box-shadow: none;
  }
}

.seller-orders-table {
  width: 100%;
  min-width: 1080px;
  border-collapse: collapse;
}

.seller-orders-table th,
.seller-orders-table td {
  padding: 14px 12px;
  text-align: left;
  border-bottom: 1px solid #edf4ea;
  vertical-align: middle;
}

.seller-orders-table th {
  color: #657264;
  font-size: 11.5px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.seller-orders-table tr.is-selected td {
  background: #f3fbf1;
}

.seller-orders-table td strong,
.seller-orders-table td small {
  display: block;
}

.seller-orders-table td small {
  margin-top: 4px;
  color: #657264;
  font-size: 12px;
  font-weight: 750;
}

.seller-orders-table td a {
  min-height: 36px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #15820f;
  background: #f3fbf1;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
}

.seller-order-status {
  min-height: 30px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  color: #0f6f17;
  background: #edf9ec;
  border: 1px solid #cfe4cb;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.seller-order-status--preparing {
  color: #8a5a00;
  background: #fff8e7;
  border-color: #f4df9a;
}

.seller-order-status--shipped {
  color: #075985;
  background: #eaf6ff;
  border-color: #bfe5ff;
}

.seller-order-status--delivered {
  color: #166534;
  background: #ecfdf3;
  border-color: #bbf7d0;
}

.seller-order-status--cancelled {
  color: #991b1b;
  background: #fff1f2;
  border-color: #fecdd3;
}

.seller-order-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #edf4ea;
}

.seller-order-detail-head span,
.seller-order-address span {
  display: inline-flex;
  color: #13820f;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.seller-order-detail-head h2 {
  margin-top: 6px;
  color: #061006;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.1;
}

.seller-order-detail-head p {
  margin: 7px 0 0;
  color: #657264;
  font-size: 13.5px;
  font-weight: 750;
}

.seller-order-detail-head > strong {
  color: #061006;
  font-size: 24px;
  font-weight: 900;
  white-space: nowrap;
}

.seller-order-summary-grid {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.seller-order-summary-grid > div {
  padding: 13px;
  display: grid;
  gap: 5px;
  background: #fbfdfb;
  border: 1px solid #e4f0e1;
  border-radius: 9px;
}

.seller-order-summary-grid > div > span {
  color: #657264;
  font-size: 11.5px;
  font-weight: 900;
  text-transform: uppercase;
}

.seller-order-summary-grid > div > strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #061006;
  font-size: 14px;
  font-weight: 900;
}

.seller-order-summary-person .seller-order-customer-cell {
  margin-top: 2px;
}

.seller-order-summary-person .seller-order-customer-cell > span:last-child {
  display: grid;
  gap: 2px;
}

.seller-order-summary-person .seller-order-customer-cell small {
  color: #657264;
  font-size: 11px;
  font-weight: 750;
  text-transform: none;
}

.seller-order-address {
  margin-top: 14px;
  padding: 14px;
  background: #f8fcf7;
  border: 1px solid #dcebd8;
  border-radius: 10px;
}

.seller-order-address p {
  margin: 7px 0 0;
  color: #344334;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.5;
}

.seller-order-items {
  margin-top: 14px;
  display: grid;
  gap: 10px;
}

.seller-order-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 2px 0 4px;
}

.seller-order-section-head h3 {
  margin: 3px 0 0;
  color: #061006;
  font-size: 19px;
  font-weight: 950;
}

.seller-order-section-head > strong {
  color: #13820f;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.seller-order-item {
  padding: 10px;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid #e4f0e1;
  border-radius: 10px;
}

.seller-order-item img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 8px;
  background: #f3f7f2;
}

.seller-order-item strong,
.seller-order-item small {
  display: block;
}

.seller-order-item small {
  margin-top: 4px;
  color: #657264;
  font-size: 12.5px;
  font-weight: 750;
}

.seller-order-item em {
  color: #061006;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.seller-order-history {
  margin-top: 16px;
  padding-top: 16px;
  display: grid;
  gap: 10px;
  border-top: 1px solid #edf4ea;
}

.seller-order-history__list {
  display: grid;
  gap: 8px;
}

.seller-order-history article {
  padding: 12px;
  display: grid;
  gap: 4px;
  background: #fbfdfb;
  border: 1px solid #e4f0e1;
  border-radius: 8px;
}

.seller-order-history article strong {
  color: #061006;
  font-size: 13.5px;
  font-weight: 900;
}

.seller-order-history article small {
  color: #657264;
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.4;
}

.seller-order-requests {
  margin-top: 16px;
  padding-top: 16px;
  display: grid;
  gap: 12px;
  border-top: 1px solid #edf4ea;
}

.seller-order-requests__head span {
  color: #16821e;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.seller-order-requests__head h3 {
  margin-top: 4px;
  color: #061006;
  font-size: 20px;
  font-weight: 900;
}

.seller-order-requests__head p {
  margin-top: 4px;
  color: #657264;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
}

.seller-order-request {
  padding: 14px;
  display: grid;
  gap: 12px;
  background: #fbfdfb;
  border: 1px solid #e4f0e1;
  border-radius: 10px;
}

.seller-order-request__summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.seller-order-request__summary strong,
.seller-order-request__summary span,
.seller-order-request__summary p {
  display: block;
}

.seller-order-request__summary strong {
  color: #061006;
  font-size: 14px;
  font-weight: 900;
}

.seller-order-request__summary span,
.seller-order-request__summary p {
  margin-top: 4px;
  color: #657264;
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.4;
}

.seller-order-request__answer {
  padding: 12px;
  background: #ffffff;
  border: 1px solid #e4f0e1;
  border-radius: 8px;
}

.seller-order-request__answer--admin {
  background: #f2fbf2;
}

.seller-order-request__answer span,
.seller-order-request__answer small {
  display: block;
  color: #16821e;
  font-size: 12px;
  font-weight: 900;
}

.seller-order-request__answer p {
  margin-top: 5px;
  color: #1a241a;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
}

.seller-order-request__form {
  display: grid;
  gap: 10px;
}

.seller-order-request__form label {
  display: grid;
  gap: 7px;
  color: #061006;
  font-size: 12px;
  font-weight: 900;
}

.seller-order-request__form textarea {
  width: 100%;
  min-height: 92px;
  padding: 10px 12px;
  box-sizing: border-box;
  resize: vertical;
  color: #061006;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-weight: 800;
  outline: none;
}

.seller-order-request__form textarea:focus {
  border-color: #33a532;
  box-shadow: 0 0 0 4px rgba(51, 165, 50, 0.1);
}

.seller-order-request__form button {
  min-height: 42px;
  justify-self: start;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #31a72f;
  border: 1px solid #31a72f;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(49, 167, 47, 0.18);
}

.seller-order-action-form {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #edf4ea;
}

.seller-panel-notice {
  margin-top: 16px;
  padding: 14px 16px;
  display: grid;
  gap: 4px;
  border: 1px solid #f1c4c4;
  border-radius: 10px;
  color: #8f2424;
  background: #fff6f6;
}

.seller-panel-notice strong {
  color: #761717;
  font-size: 14px;
}

.seller-panel-notice span {
  font-size: 13px;
  line-height: 1.45;
}

.seller-order-action-form__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.seller-order-action-form label {
  display: grid;
  gap: 8px;
}

.seller-order-action-form label span {
  color: #061006;
  font-size: 12px;
  font-weight: 900;
}

.seller-order-action-form input,
.seller-order-action-form select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  color: #061006;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-weight: 800;
  outline: none;
}

.seller-order-action-form input:focus,
.seller-order-action-form select:focus {
  border-color: #33a532;
  box-shadow: 0 0 0 4px rgba(51, 165, 50, 0.1);
}

.seller-order-action-form__full {
  grid-column: 1 / -1;
}

.seller-order-actions {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.seller-order-actions button {
  min-height: 44px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #15820f;
  background: #f3fbf1;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.seller-order-actions button.is-success {
  color: #ffffff;
  background: #31a72f;
  border-color: #31a72f;
  box-shadow: 0 12px 28px rgba(49, 167, 47, 0.18);
}

.seller-order-actions button:disabled {
  color: #8d978c;
  background: #f1f4f0;
  border-color: #dce4da;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.75;
}

.seller-messages-page {
  display: grid;
  gap: 18px;
}

.seller-messages-overview .seller-panel-card__head p {
  max-width: 720px;
  margin: 6px 0 0;
  color: #5f6b5e;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.5;
}

.seller-message-list {
  display: grid;
  gap: 14px;
}

.seller-message-card {
  padding: 18px;
  display: grid;
  gap: 16px;
  background: #ffffff;
  border: 1px solid #dcebd8;
  border-radius: 14px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
}

.seller-message-card.is-open {
  border-color: #a9d9a8;
  box-shadow: 0 18px 36px rgba(47, 170, 54, 0.08);
}

.seller-message-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.seller-message-card__head h3 {
  margin: 10px 0 6px;
  color: #001225;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.15;
}

.seller-message-card__head small {
  color: #5f6b5e;
  font-size: 12.5px;
  font-weight: 750;
}

.seller-message-customer {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.seller-message-customer > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.seller-message-customer strong {
  color: #172319;
  font-size: 13px;
  font-weight: 900;
}

.seller-message-customer small {
  overflow-wrap: anywhere;
}

.seller-message-customer__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  line-height: 1.45;
}

.seller-message-customer__meta > span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.seller-message-customer__meta i {
  width: 13px;
  flex: 0 0 13px;
  color: #279c35;
  font-size: 11px;
  text-align: center;
}

.seller-message-product {
  width: min(320px, 36%);
  min-width: 220px;
  padding: 10px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  color: #071526;
  background: #f8fcf7;
  border: 1px solid #e0efdc;
  border-radius: 12px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 850;
}

.seller-message-product img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 10px;
  background: #ffffff;
}

.seller-message-product span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-message-card__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

.seller-message-bubble {
  min-width: 0;
  padding: 14px;
  border-radius: 12px;
}

.seller-message-bubble--question {
  background: #fbfdfb;
  border: 1px solid #e1edde;
}

.seller-message-bubble--answer {
  background: #eef9ed;
  border: 1px solid #cfe9cf;
}

.seller-message-bubble strong {
  display: block;
  margin-bottom: 8px;
  color: #128317;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-message-bubble p {
  margin: 0;
  color: #071526;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
}

.seller-message-bubble small {
  display: block;
  margin-top: 10px;
  color: #66736d;
  font-size: 12px;
  font-weight: 700;
}

.seller-message-reply-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding-top: 14px;
  border-top: 1px solid #e4eee1;
}

.seller-message-reply-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.seller-message-reply-form label span {
  color: #4f5f4d;
  font-size: 12px;
  font-weight: 900;
}

.seller-message-reply-form textarea {
  width: 100%;
  min-height: 92px;
  padding: 12px 14px;
  color: #071526;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 10px;
  resize: vertical;
  outline: 0;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
}

.seller-message-reply-form textarea:focus {
  border-color: #3fa535;
  box-shadow: 0 0 0 3px rgba(63, 165, 53, 0.1);
}

.seller-message-reply-form button {
  min-height: 46px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: #33a532;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .product-qa {
    padding: 16px;
    border-radius: 10px;
  }

  .product-qa__intro,
  .seller-message-card__head {
    display: grid;
  }

  .product-qa__intro a,
  .seller-message-product,
  .seller-message-reply-form button {
    width: 100%;
  }

  .product-qa-card,
  .seller-message-card__body,
  .seller-message-reply-form {
    grid-template-columns: 1fr;
  }

  .seller-message-product {
    min-width: 0;
  }
}

.seller-panel-card__empty {
  padding: 28px 18px;
  color: #657363;
  background: #fbfdfb;
  border: 1px dashed #cfe4cb;
  border-radius: 8px;
  text-align: center;
  font-weight: 850;
}

.seller-panel-profile {
  margin-top: 18px;
}

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

.seller-panel-media-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 14px;
}

.seller-panel-media-field {
  position: relative;
  min-height: 150px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid #cfe4cb;
  border-radius: 12px;
  background: #fbfdfb;
}

.seller-panel-media-field img {
  width: 68px;
  height: 68px;
  object-fit: cover;
  border: 1px solid #dcebd8;
  border-radius: 50%;
  background: #fff;
}

.seller-panel-media-placeholder {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  color: #2daf3a;
  background: linear-gradient(135deg, #f6fbf5, #eaf8e9);
  border: 1px solid #cfe7ca;
  border-radius: 50%;
  font-size: 24px;
  box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.72);
}

.seller-panel-media-field--cover img {
  width: 100%;
  height: 96px;
  border-radius: 10px;
}

.seller-panel-media-placeholder--cover {
  width: 100%;
  height: 96px;
  border-radius: 10px;
  font-size: 28px;
}

.seller-panel-media-field strong {
  color: #061006;
  font-size: 15px;
  font-weight: 950;
}

.seller-panel-media-field small {
  color: #5f6d5f;
  font-size: 12px;
  font-weight: 800;
}

.seller-panel-media-field input {
  min-height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 12px;
}

.seller-panel-media-upload-target {
  display: grid;
  gap: 8px;
  align-content: start;
  width: min(360px, 100%);
  max-width: 100%;
  margin-top: 8px;
  padding: 12px;
  border: 1px solid rgba(47, 172, 53, 0.2);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.88);
  position: relative;
  z-index: 1;
}

.seller-panel-media-upload-target.seller-tour__target-active {
  width: min(300px, calc(100vw - 48px)) !important;
  max-width: min(300px, calc(100vw - 48px)) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  box-sizing: border-box;
  transform: none !important;
  border-color: rgba(47, 172, 53, 0.86);
  background: #fff;
  box-shadow: 0 18px 42px rgba(47, 172, 53, 0.2);
}

.seller-panel-media-field--cover .seller-panel-media-upload-target {
  width: min(420px, 100%);
}

.seller-panel-media-field--cover .seller-panel-media-upload-target.seller-tour__target-active {
  width: min(300px, calc(100vw - 48px)) !important;
  max-width: min(300px, calc(100vw - 48px)) !important;
  min-height: auto !important;
  display: grid !important;
  align-content: start;
}

.seller-panel-media-upload-target input {
  min-height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 12px;
  max-width: 100%;
}

.seller-logo-cropper {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 0;
  padding: 28px;
  overflow: hidden;
  background: rgba(3, 18, 9, 0.78);
  backdrop-filter: blur(6px);
  overscroll-behavior: contain;
  touch-action: none;
}

.seller-logo-cropper[hidden] {
  display: none !important;
}

html.seller-logo-cropper-open,
body.seller-logo-cropper-open {
  overflow: hidden !important;
  overscroll-behavior: none;
  touch-action: none;
}

.seller-logo-cropper__head,
.seller-logo-cropper__actions {
  width: min(860px, calc(100vw - 32px));
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #ffffff;
  border-right: 1px solid #bfe2bd;
  border-left: 1px solid #bfe2bd;
}

.seller-logo-cropper__head {
  padding: 18px 20px;
  border-top: 1px solid #bfe2bd;
  border-radius: 18px 18px 0 0;
}

.seller-logo-cropper__actions {
  padding: 16px 20px;
  border-bottom: 1px solid #bfe2bd;
  border-radius: 0 0 18px 18px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.26);
}

.seller-logo-cropper__head span {
  display: block;
  color: #16821d;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-logo-cropper__head strong {
  display: block;
  margin-top: 2px;
  color: #061006;
  font-size: 20px;
  font-weight: 950;
}

.seller-logo-cropper__close {
  width: 42px;
  height: 42px;
  display: inline-grid;
  place-items: center;
  color: #425141;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 50%;
  cursor: pointer;
}

.seller-logo-cropper__stage {
  position: relative;
  width: min(860px, calc(100vw - 32px));
  margin: 0 auto;
  min-height: min(390px, calc(100dvh - 236px));
  max-height: calc(100dvh - 236px);
  overflow: hidden;
  border: 1px solid #cfe4cb;
  background:
    linear-gradient(45deg, rgba(0, 0, 0, 0.045) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(0, 0, 0, 0.045) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.045) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.045) 75%),
    #f8fbf7;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
  background-size: 20px 20px;
}

.seller-logo-cropper__stage img {
  position: absolute;
  inset: 0;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}

.seller-logo-cropper__selection {
  position: absolute;
  z-index: 2;
  border: 2px solid #ffffff;
  outline: 999px solid rgba(5, 18, 8, 0.42);
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(47, 174, 57, 0.8), 0 12px 30px rgba(0, 0, 0, 0.18);
  cursor: move;
  touch-action: none;
}

.seller-logo-cropper__selection::before,
.seller-logo-cropper__selection::after {
  content: "";
  position: absolute;
  inset: 33.333% 0;
  border-top: 1px solid rgba(255, 255, 255, 0.75);
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  pointer-events: none;
}

.seller-logo-cropper__selection::after {
  inset: 0 33.333%;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.75);
  border-right: 1px solid rgba(255, 255, 255, 0.75);
}

.seller-logo-cropper__selection button {
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  background: #2fae39;
  border: 3px solid #ffffff;
  border-radius: 10px;
  box-shadow: 0 8px 22px rgba(47, 174, 57, 0.28);
  cursor: nwse-resize;
}

.seller-logo-cropper__selection button[data-seller-logo-handle="nw"] {
  top: -15px;
  left: -15px;
}

.seller-logo-cropper__selection button[data-seller-logo-handle="ne"] {
  top: -15px;
  right: -15px;
  cursor: nesw-resize;
}

.seller-logo-cropper__selection button[data-seller-logo-handle="sw"] {
  bottom: -15px;
  left: -15px;
  cursor: nesw-resize;
}

.seller-logo-cropper__selection button[data-seller-logo-handle="se"] {
  right: -15px;
  bottom: -15px;
}

@media (max-width: 760px) {
  .seller-logo-cropper {
    padding: 12px;
  }

  .seller-logo-cropper__head,
  .seller-logo-cropper__actions {
    width: calc(100vw - 24px);
    align-items: stretch;
    flex-direction: column;
  }

  .seller-logo-cropper__stage {
    width: calc(100vw - 24px);
  }

  .seller-logo-cropper__head {
    padding: 14px;
    border-radius: 16px 16px 0 0;
  }

  .seller-logo-cropper__actions {
    padding: 12px;
    border-radius: 0 0 16px 16px;
  }

  .seller-logo-cropper__actions .btn {
    width: 100%;
  }

  .seller-logo-cropper__head strong {
    font-size: 18px;
  }

  .seller-logo-cropper__close {
    position: absolute;
    top: 10px;
    right: 10px;
  }

  .seller-logo-cropper__stage {
    min-height: min(330px, 45dvh);
    max-height: min(330px, 45dvh);
  }
}

.seller-panel-profile label {
  display: grid;
  gap: 8px;
}

.seller-panel-profile input,
.seller-panel-profile select,
.seller-panel-profile textarea {
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  color: #061006;
  background: #ffffff;
  border: 1px solid #cfe4cb;
  border-radius: 8px;
  font: inherit;
  font-weight: 800;
  outline: none;
}

.seller-panel-profile select {
  appearance: none;
  padding-right: 42px;
  background-image:
    linear-gradient(45deg, transparent 50%, #16821e 50%),
    linear-gradient(135deg, #16821e 50%, transparent 50%);
  background-position:
    calc(100% - 21px) 50%,
    calc(100% - 15px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.seller-panel-profile textarea {
  min-height: 112px;
  resize: vertical;
}

.seller-panel-profile input:focus,
.seller-panel-profile select:focus,
.seller-panel-profile textarea:focus {
  border-color: #33a532;
  box-shadow: 0 0 0 4px rgba(51, 165, 50, 0.1);
}

.seller-panel-form__full,
.seller-panel-check {
  grid-column: 1 / -1;
}

.seller-panel-check {
  padding: 12px 14px;
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  gap: 10px !important;
  background: #fbfdfb;
  border: 1px solid #e4f0e1;
  border-radius: 8px;
}

.seller-panel-check input {
  width: 18px;
  min-height: 18px;
}

.seller-panel-check span {
  color: #061006 !important;
  text-transform: none !important;
}

.seller-panel-form button {
  width: fit-content;
}

@media (max-width: 1100px) {
  .admin-shell {
    grid-template-columns: 1fr;
  }

  .admin-sidebar {
    position: static;
    height: auto;
  }

  .admin-nav,
  .admin-sidebar__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-nav__section {
    grid-column: 1 / -1;
  }

  .admin-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-grid {
    grid-template-columns: 1fr;
  }

  .admin-application-layout {
    grid-template-columns: 1fr;
  }

  .admin-settings-grid {
    grid-template-columns: 1fr;
  }

  .admin-commission-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-commission-layout {
    grid-template-columns: 1fr;
  }

  .admin-application-list {
    position: static;
    max-height: none;
  }

  .admin-detail-grid--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-team-member {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .admin-team-member em {
    grid-column: 2;
  }

  .admin-banner-preview {
    grid-template-columns: 1fr;
  }

  .seller-admin-shell {
    grid-template-columns: 1fr;
  }

  .seller-admin-sidebar {
    position: static;
    height: auto;
    overflow: visible;
  }

  .seller-admin-nav,
  .seller-admin-sidebar__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-admin-content-grid {
    grid-template-columns: 1fr;
  }

  .seller-panel-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .seller-panel-grid {
    grid-template-columns: 1fr;
  }

  .seller-orders-page {
    grid-template-columns: 1fr;
  }

  .seller-order-overview-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .seller-order-finance-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-order-action-form__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .admin-auth-page {
    align-items: stretch;
    padding: 14px;
  }

  .admin-auth-card {
    padding: 24px;
    border-radius: 14px;
  }

  .admin-auth-card h1 {
    font-size: 32px;
  }

  .admin-main {
    padding: 0;
  }

  .admin-main-header {
    position: static;
    min-height: auto;
    align-items: stretch;
    flex-direction: column;
    padding: 16px;
  }

  .admin-main-header__actions {
    flex-wrap: wrap;
  }

  .admin-header-profile {
    order: -1;
    width: 100%;
    border-radius: 12px;
  }

  .admin-header-profile div {
    flex: 1;
  }

  .admin-main-header__actions a {
    flex: 1;
  }

  .admin-sidebar {
    padding: 16px;
  }

  .admin-nav,
  .admin-sidebar__links,
  .admin-stats {
    grid-template-columns: 1fr;
  }

  .admin-topbar {
    margin: 16px;
    padding: 18px;
    align-items: stretch;
    flex-direction: column;
  }

  .admin-main > .admin-alert,
  .admin-application-module {
    margin-right: 16px;
    margin-left: 16px;
  }

  .admin-topbar__meta {
    text-align: left;
  }

  .admin-card {
    padding: 16px;
  }

  .admin-card__head {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-filterbar {
    display: grid;
    grid-template-columns: 1fr;
  }

  .admin-filterbar a {
    justify-content: space-between;
  }

  .admin-commission-overview {
    grid-template-columns: 1fr;
  }

  .admin-commission-overview article {
    min-height: 0;
    padding: 16px;
  }

  .admin-application-detail {
    padding: 16px;
  }

  .admin-application-detail__head {
    flex-direction: column;
  }

  .admin-application-detail__head h2 {
    font-size: 25px;
  }

  .admin-detail-grid {
    grid-template-columns: 1fr;
  }

  .admin-detail-grid--compact {
    grid-template-columns: 1fr;
  }

  .admin-order-item {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .admin-order-item em {
    grid-column: 2;
  }

  .admin-form-grid {
    grid-template-columns: 1fr;
  }

  .admin-media-field__box {
    grid-template-columns: 1fr;
  }

  .admin-media-field__preview,
  .admin-media-field__preview--icon {
    width: 100%;
  }

  .admin-form-head {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-form-head a {
    width: 100%;
  }

  .admin-review-actions,
  .admin-review-actions button,
  .admin-review-actions a {
    width: 100%;
  }

  .seller-auth-page {
    align-items: stretch;
    padding: 14px;
  }

  .seller-auth-shell {
    grid-template-columns: 1fr;
    border-radius: 14px;
  }

  .seller-auth-intro,
  .seller-auth-card {
    padding: 24px;
  }

  .seller-auth-logo {
    width: 148px;
    margin-bottom: 26px;
  }

  .seller-auth-intro h1 {
    font-size: 34px;
  }

  .seller-auth-benefits {
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  .seller-auth-card {
    border-left: 0;
    border-top: 1px solid rgba(49, 170, 53, .12);
  }

  .seller-auth-links {
    flex-direction: column;
  }

  .seller-admin-main,
  .seller-admin-access {
    padding: 14px;
  }

  .seller-admin-sidebar {
    padding: 16px;
  }

  .seller-admin-nav,
  .seller-admin-sidebar__links {
    grid-template-columns: 1fr;
  }

  .seller-admin-topbar {
    padding: 18px;
    align-items: stretch;
    flex-direction: column;
  }

  .seller-admin-topbar__meta {
    min-width: 0;
  }

  .seller-admin-access__card {
    padding: 22px;
  }

  .seller-admin-access__actions,
  .seller-admin-access__actions a {
    width: 100%;
  }

  .seller-panel-page {
    width: min(100% - 24px, var(--page-max));
    margin-top: 18px;
  }

  .seller-panel-hero {
    padding: 22px;
    align-items: stretch;
    flex-direction: column;
  }

  .seller-panel-hero__actions,
  .seller-panel-hero__actions a,
  .seller-panel-form button {
    width: 100%;
  }

  .seller-panel-stats,
  .seller-panel-form,
  .seller-panel-media-grid,
  .seller-product-create-form,
  .seller-product-edit-grid {
    grid-template-columns: 1fr;
  }

  .seller-panel-product {
    grid-template-columns: 1fr;
  }

  .seller-panel-product__media {
    width: 100%;
    height: 150px;
  }

  .seller-panel-product__top,
  .seller-panel-product__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .seller-panel-product__toggle button,
  .seller-panel-product__actions button {
    width: 100%;
  }

  .seller-panel-card {
    padding: 18px;
  }

  .seller-orders-page {
    gap: 14px;
  }

  .seller-order-overview-grid,
  .seller-order-filterbar,
  .seller-order-finance-strip {
    grid-template-columns: 1fr;
  }

  .seller-order-detail-head {
    flex-direction: column;
  }

  .seller-order-detail-head > strong {
    white-space: normal;
  }

  .seller-order-summary-grid,
  .seller-order-action-form__grid {
    grid-template-columns: 1fr;
  }

  .seller-order-actions,
  .seller-order-actions button {
    width: 100%;
  }

  .seller-order-item {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .seller-order-item img {
    width: 56px;
    height: 56px;
  }

  .seller-order-item em {
    grid-column: 2;
  }

  .seller-order-request__summary {
    flex-direction: column;
  }

  .seller-order-request__form button {
    width: 100%;
  }

  .seller-order-item {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .seller-order-item img {
    width: 48px;
    height: 48px;
  }

.seller-order-item em {
  grid-column: 2;
  justify-self: start;
}
}

.seller-panel-action-link {
  min-height: 32px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #dcebd8;
  border-radius: 8px;
  background: #ffffff;
  color: #11811f;
  font-size: 12.5px;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}

.seller-panel-action-link:hover {
  border-color: #9ed39b;
  background: #eef9ee;
}

.admin-body .admin-shell {
  background: #f5f7f5;
}

.admin-body .admin-sidebar {
  border-right: 1px solid #dfe7dd;
  background: #ffffff;
}

.admin-body .admin-sidebar__logo {
  padding: 22px 20px 16px;
}

.admin-body .admin-sidebar__identity {
  margin: 0 18px 18px;
  border-radius: 10px;
}

.admin-body .admin-sidebar__links {
  padding: 8px 16px 22px;
  gap: 4px;
}

.admin-body .admin-sidebar__links a {
  min-height: 42px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 14px;
}

.admin-body .admin-sidebar__links a.is-active {
  background: #eaf6ea;
  color: #11811f;
}

.admin-body .admin-topbar {
  min-height: 62px;
  padding: 12px 24px;
  background: #ffffff;
}

.admin-body .admin-topbar__meta a,
.admin-body .admin-topbar__meta button,
.admin-body .admin-topbar__meta .admin-user-chip {
  min-height: 40px;
  border-radius: 9px;
}

.admin-body .admin-card__head {
  min-height: auto;
  padding: 18px 20px;
  border-bottom: 1px solid #eef2ed;
}

.admin-body .admin-card__head h2,
.admin-body .admin-card__head h3 {
  margin-top: 3px;
  font-size: 22px;
}

.admin-body .admin-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.admin-body .admin-stats article {
  min-height: 96px;
  padding: 16px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  border: 1px solid #dfeadd;
  border-radius: 11px;
  background: #ffffff;
  box-shadow: none;
}

.admin-body .admin-stats article i {
  grid-row: span 2;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #eef9ee;
  color: #20a32a;
}

.admin-body .admin-stats article span {
  align-self: end;
  color: #607167;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-body .admin-stats article strong {
  align-self: start;
  color: #061222;
  font-size: 26px;
  line-height: 1;
}

.admin-body .admin-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
  gap: 12px;
}

.admin-body .admin-dashboard-grid .admin-card--wide {
  grid-row: span 2;
}

.admin-body .admin-dashboard-actions {
  padding: 12px;
  gap: 0;
}

.admin-body .admin-dashboard-actions a {
  min-height: 46px;
  padding: 8px 10px;
  border: 0;
  border-bottom: 1px solid #edf2ec;
  border-radius: 8px;
  background: #ffffff;
}

.admin-body .admin-dashboard-actions a:last-child {
  border-bottom: 0;
}

.admin-body .admin-dashboard-actions a i {
  width: 28px;
  height: 28px;
  flex-basis: 28px;
  border-radius: 7px;
}

.admin-body .admin-filterbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-body .admin-filterbar a {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
}

.admin-body .admin-data-card,
.admin-body .admin-application-detail,
.admin-body .admin-review-form {
  border-radius: 11px;
  box-shadow: none;
}

.admin-body .admin-table {
  min-width: 980px;
}

.admin-body .admin-table th {
  background: #f8faf8;
}

.admin-body .admin-row-actions {
  justify-content: flex-end;
}

.admin-body .admin-row-actions a,
.admin-body .admin-row-actions button,
.admin-body .admin-action-btn {
  min-height: 30px;
  padding: 0 10px;
}

.admin-body .admin-settings-grid {
  max-width: 1240px;
}

.admin-body .admin-media-field__box {
  background: #ffffff;
}

.admin-body .admin-media-field__box--dark {
  background: #092615;
}

.admin-product-gallery-form {
  margin-top: 18px;
}

.admin-form-head p {
  margin: 5px 0 0;
  color: #53645a;
  font-size: 14px;
  font-weight: 700;
}

.admin-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.admin-gallery-card {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #dbead9;
  border-radius: 12px;
  background: #ffffff;
}

.admin-gallery-card.is-main {
  border-color: #31aa35;
  background: #f4fbf2;
}

.admin-gallery-card__image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-radius: 10px;
  background: #f5f8f4;
}

.admin-gallery-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.admin-gallery-card__image span {
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #2fac35;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

.admin-gallery-card__body {
  min-width: 0;
}

.admin-gallery-card__body strong,
.admin-gallery-card__body small,
.admin-gallery-card__body em {
  display: block;
}

.admin-gallery-card__body strong {
  color: #061006;
  font-size: 15px;
}

.admin-gallery-card__body small {
  margin-top: 5px;
  color: #5a6d62;
  font-size: 13px;
  font-weight: 800;
}

.admin-gallery-card__body em {
  margin-top: 7px;
  overflow: hidden;
  color: #7b8b80;
  font-size: 12px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-gallery-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-gallery-card__actions form {
  margin: 0;
}

.admin-gallery-add {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #e5efe3;
}

.admin-notes-panel {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid #dcebd8;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(8, 38, 16, 0.05);
}

.admin-notes-panel .admin-form-head {
  margin-bottom: 12px;
}

.admin-notes-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: stretch;
}

.admin-notes-form textarea {
  width: 100%;
  min-height: 92px;
  padding: 14px 16px;
  border: 1px solid #cfe6c9;
  border-radius: 14px;
  background: #fbfdfb;
  color: #07110a;
  font: inherit;
  font-weight: 800;
  resize: vertical;
}

.admin-notes-form textarea:focus {
  border-color: #35a936;
  box-shadow: 0 0 0 4px rgba(53, 169, 54, 0.12);
  outline: none;
}

.admin-notes-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 138px;
  padding: 0 18px;
  border: 0;
  border-radius: 14px;
  background: #2fad35;
  color: #fff;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(47, 173, 53, 0.18);
}

.admin-notes-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.admin-notes-list article {
  padding: 14px;
  border: 1px solid #e3efe1;
  border-radius: 14px;
  background: #f8fcf7;
}

.admin-notes-list p {
  margin: 0;
  color: #07110a;
  font-weight: 800;
  line-height: 1.5;
}

.admin-notes-list small {
  display: block;
  margin-top: 8px;
  color: #627368;
  font-size: 12px;
  font-weight: 800;
}

.admin-application-documents>div {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.admin-application-media>div {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 12px;
  margin-top: 10px;
}

.admin-application-media figure {
  margin: 0;
  padding: 12px;
  display: grid;
  gap: 8px;
  align-content: start;
  border: 1px solid #dcebd8;
  border-radius: 12px;
  background: #fbfdfb;
}

.admin-application-media img,
.admin-application-media figure>i {
  width: 100%;
  height: 86px;
  object-fit: cover;
  border-radius: 10px;
  background: #eef8eb;
}

.admin-application-media figure:first-child img,
.admin-application-media figure:first-child>i {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.admin-application-media figure>i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2fad35;
  font-size: 22px;
}

.admin-application-media figcaption {
  color: #617167;
  font-size: 12px;
  font-weight: 900;
}

.admin-application-documents a {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 4px 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid #dcebd8;
  border-radius: 12px;
  background: #fbfdfb;
  color: #07110a;
  text-decoration: none;
}

.admin-application-documents a i {
  grid-row: span 2;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #eef8eb;
  color: #2fad35;
}

.admin-application-documents a strong {
  min-width: 0;
  overflow: hidden;
  font-size: 14px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-application-documents a small {
  color: #617167;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 900px) {
  .admin-body .admin-stats,
  .admin-body .admin-dashboard-grid {
    grid-template-columns: 1fr;
  }

  .admin-body .admin-dashboard-grid .admin-card--wide {
    grid-row: auto;
  }

  .admin-gallery-grid {
    grid-template-columns: 1fr;
  }

  .admin-search-row,
  .admin-team-location-filter,
  .admin-application-media>div {
    grid-template-columns: 1fr;
  }

  .admin-search-row button,
  .admin-search-row > a {
    width: 100%;
  }

  .admin-report-grid {
    grid-template-columns: 1fr;
  }

  .admin-report-hero-side {
    justify-items: stretch;
  }

  .admin-report-export-actions {
    max-width: none;
    justify-content: stretch;
  }

  .admin-report-export-actions a {
    flex: 1 1 150px;
  }

  .admin-notes-form {
    grid-template-columns: 1fr;
  }

  .admin-notes-form button {
    min-height: 48px;
  }
}

body {
  overflow-x: hidden;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

.header-inner,
.subnav-inner,
.container,
.home-section,
.category-products__inner,
.seller-page,
.cart-page,
.checkout-page-layout,
.account-page,
.site-footer__inner {
  min-width: 0;
}

.header-logo,
.header-search,
.header-nav,
.header-nav__item,
.subnav__links,
.subnav__right,
.product-card,
.product-card__body,
.product-card__seller,
.product-card__bottom,
.seller-hero__content,
.seller-hero__main,
.seller-section__header,
.checkout-section,
.checkout-summary-card-sidebar,
.account-panel,
.account-card,
.cart-card {
  min-width: 0;
}

.header-nav__label,
.header-nav__label-bottom,
.header-account__identity span,
.header-account__identity small,
.header-cart__item strong,
.header-favorites__item strong,
.product-card__name a,
.product-card__seller span,
.product-card__delivery,
.seller-hero__desc,
.seller-section__header p,
.account-card p,
.cart-item__name,
.checkout-mini-item strong,
.site-footer__text {
  overflow-wrap: anywhere;
}

.header-account__menu,
.header-cart__menu,
.header-favorites__menu {
  max-width: min(360px, calc(100vw - 24px));
}

.header-cart__items,
.header-favorites__items {
  max-height: min(360px, 62vh);
}

.subnav__links a,
.subnav__premium,
.subnav__seller,
.subnav__seller-panel {
  white-space: nowrap;
}

.product-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.product-card__media {
  flex: 0 0 auto;
}

.product-card__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.product-card__seller,
.product-card__meta,
.product-card__quick-badges {
  flex-wrap: wrap;
}

.product-card__name {
  min-height: 44px;
}

.product-card__bottom {
  margin-top: auto;
  align-items: end;
}

.product-card__cart,
.product-card__favorite,
.product-card__compare button {
  flex: 0 0 auto;
}

.category-rail__track,
.products-grid,
.seller-products-grid,
.search-results-grid,
.favorite-grid,
.compare-grid {
  align-items: stretch;
}

.category-rail__viewport,
.category-rail__scroller {
  min-width: 0;
}

.seller-hero__stats,
.seller-service-grid,
.account-center-grid,
.account-list-grid,
.checkout-form-grid,
.cart-layout {
  min-width: 0;
}

.checkout-form-grid {
  align-items: start;
}

.checkout-right-col {
  min-width: 0;
}

.checkout-summary-card-sidebar {
  position: sticky;
  top: 120px;
}

.checkout-section legend,
.checkout-title-bar h1,
.account-page h1,
.seller-hero h1,
.category-page h1 {
  overflow-wrap: anywhere;
}

.account-address-manager--form-open,
.seller-panel-grid,
.seller-orders-page,
.seller-panel-media-grid,
.seller-product-edit-grid,
.seller-admin-content-grid {
  align-items: start;
}

.admin-body .admin-table,
.seller-orders-table,
.account-table,
.checkout-section table {
  width: 100%;
}

.admin-body .admin-row-actions,
.seller-panel-product__actions,
.seller-order-actions,
.account-address-form__actions,
.account-address-tile__actions {
  align-items: center;
}

@media (max-width: 1180px) {
  .subnav-inner {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .subnav-inner::-webkit-scrollbar {
    display: none;
  }

  .subnav__links {
    flex: 0 0 auto;
  }
}

@media (max-width: 900px) {
  .header-inner {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) auto;
    gap: 10px 12px;
    align-items: center;
  }

  .header-logo {
    grid-column: 1;
  }

  .header-nav {
    grid-column: 2;
    justify-self: end;
  }

  .header-search {
    grid-column: 1 / -1;
    order: 3;
    width: 100%;
  }

  .header-nav__item {
    min-width: 42px;
  }

  .header-nav__labels {
    display: none;
  }

  .header-account__menu,
  .header-cart__menu,
  .header-favorites__menu {
    right: 0;
    left: auto;
    transform: none;
  }

  .subnav-inner {
    padding-inline: 12px;
    gap: 10px;
  }

  .subnav__right,
  .subnav__links {
    gap: 8px;
  }

  .product-card__name {
    min-height: auto;
  }

  .checkout-summary-card-sidebar {
    position: static;
  }

  .checkout-address-head,
  .seller-section__header,
  .cart-page__head,
  .account-section-head {
    align-items: stretch;
    flex-direction: column;
  }

  .account-address-manager,
  .account-address-manager--form-open,
  .checkout-form-grid,
  .cart-layout,
  .seller-hero__content,
  .seller-panel-grid,
  .seller-orders-page,
  .seller-panel-media-grid,
  .seller-product-edit-grid {
    grid-template-columns: 1fr !important;
  }

  .account-address-form,
  .checkout-new-address-form,
  .seller-panel-form,
  .seller-order-action-form__grid {
    grid-template-columns: 1fr;
  }

  .account-address-form-card {
    position: static;
  }
}

@media (max-width: 560px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body > * {
    max-width: 100%;
  }

  .site-header,
  .site-header *,
  main,
  .site-main,
  .page-container,
  .seller-apply-page {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .site-header .header-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    position: relative !important;
    min-height: 94px !important;
    padding-top: 52px !important;
    overflow: visible !important;
  }

  .site-header .header-logo {
    position: absolute !important;
    top: 10px !important;
    left: 12px !important;
    flex: 0 0 118px !important;
    width: 118px !important;
    max-width: 118px !important;
  }

  .site-header .header-logo img {
    max-width: 112px !important;
  }

  .site-header .header-nav {
    position: absolute !important;
    top: 10px !important;
    right: 12px !important;
    flex: 0 0 120px !important;
    width: 120px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    overflow: visible !important;
  }

  .site-header .header-favorites,
  .site-header .header-cart,
  .site-header .header-account {
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    display: inline-flex !important;
    justify-content: center !important;
  }

  .site-header .header-account__trigger,
  .site-header .header-cart__trigger,
  .site-header .header-favorites__trigger {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }

  .site-header .header-nav > .header-nav__item {
    display: none !important;
  }

  .site-header .header-nav {
    gap: 8px !important;
  }

  .site-header .header-search {
    flex: 0 0 100% !important;
    order: 3 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  .header-inner {
    padding-inline: 12px;
    height: auto;
    min-height: 112px;
    padding-top: 10px;
    padding-bottom: 10px;
    grid-template-columns: minmax(0, 1fr) max-content;
    gap: 8px 10px;
  }

  .header-logo img {
    max-width: 118px;
    height: auto;
    max-height: 36px;
  }

  .header-logo__tagline {
    display: none;
  }

  .header-search__input {
    min-width: 0;
    font-size: 13px;
  }

  .header-search__btn {
    flex: 0 0 48px;
    min-width: 48px;
    padding-inline: 12px;
    justify-content: center;
    font-size: 0;
  }

  .header-search__btn i {
    font-size: 15px;
  }

  .header-nav {
    max-width: calc(100vw - 150px);
    gap: 4px;
    overflow: visible;
  }

  .header-nav__item {
    min-width: 28px;
    padding: 4px;
    gap: 0;
  }

  .header-nav__icon {
    width: 24px;
    height: 24px;
    font-size: 21px;
  }

  .header-nav__badge {
    min-width: 18px;
    height: 18px;
    font-size: 10px;
    top: -8px;
    right: -9px;
  }

  .header-nav__avatar {
    width: 28px !important;
    height: 28px !important;
  }

  .header-account__menu,
  .header-cart__menu,
  .header-favorites__menu {
    position: fixed;
    top: 74px;
    left: 12px;
    right: 12px;
    width: auto;
    max-width: none;
  }

  .cart-item,
  .checkout-mini-item,
  .seller-order-item {
    align-items: stretch;
  }

  .account-address-form__actions button,
  .account-address-form__actions a,
  .checkout-address-head a,
  .seller-panel-form button,
  .seller-order-actions button {
    width: 100%;
  }

  .product-card__bottom {
    align-items: flex-end;
  }

  .product-card__cart {
    width: 42px;
    height: 42px;
  }

  .product-card__prices {
    min-width: 0;
  }

  .site-footer__inner {
    gap: 22px;
  }

  .seller-apply-page {
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 12px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .seller-apply-hero,
  .seller-apply-selector,
  .seller-apply-info,
  .seller-apply-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 18px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .seller-apply-hero *,
  .seller-apply-selector *,
  .seller-apply-info *,
  .seller-apply-form * {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .seller-apply-hero h1,
  .seller-apply-selector__head h2,
  .seller-apply-info h2 {
    font-size: clamp(24px, 8vw, 31px) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .seller-apply-types,
  .seller-apply-shell,
  .seller-apply-form__grid,
  .seller-apply-category-select > div,
  .seller-apply-documents > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
  }

  .seller-apply-type {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 13px !important;
    grid-template-columns: 24px 38px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: center !important;
  }

  .seller-apply-type__check {
    position: static !important;
    width: 20px !important;
    height: 20px !important;
  }

  .seller-apply-type__icon {
    width: 38px !important;
    height: 38px !important;
  }

  .seller-apply-type__content {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .seller-apply-type__content strong,
  .seller-apply-type__content em {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .seller-apply-type__content small {
    overflow-wrap: anywhere !important;
  }

  .seller-apply-info {
    position: static !important;
  }

  .seller-apply-category-select > div label {
    min-height: 48px !important;
  }

  .seller-apply-category-select > div label span {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
  }

  .seller-apply-documents label {
    min-height: 78px !important;
  }

  .seller-apply-form button {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .content-page {
    padding-top: 18px;
    padding-bottom: 46px;
  }

  .content-hero {
    padding: 18px;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .content-hero__copy h1 {
    font-size: clamp(28px, 10vw, 36px);
  }

  .content-hero__copy p {
    font-size: 14px;
  }

  .content-hero__stats {
    grid-template-columns: 1fr;
  }

  .content-hero__stats span {
    min-height: 72px;
    border-left: 0;
    border-top: 1px solid #e4efe1;
  }

  .content-hero__stats span:first-child {
    border-top: 0;
  }

  .content-layout {
    grid-template-columns: 1fr;
  }

  .content-sidebar {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
  }

  .content-sidebar a {
    width: 100%;
    min-height: 44px;
    white-space: normal;
  }

  .content-section-list article {
    padding: 18px;
  }

  .content-card-grid {
    grid-template-columns: 1fr;
  }

  .site-error-page {
    padding-top: 30px;
    padding-bottom: 52px;
  }

  .site-error-card {
    padding: 26px 18px;
  }

  .site-error-card__search {
    grid-template-columns: 1fr;
  }

  .site-error-card__search button {
    width: 100%;
  }

  .collection-market-page {
    overflow-x: hidden;
  }

  .collection-market-page .search-market-head__main {
    flex-direction: column;
    gap: 14px;
  }

  .collection-market-page .category-market-head__summary {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .collection-market-page .category-market-chips {
    display: block;
  }

  .collection-market-page .category-market-chips > div {
    margin-top: 10px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .collection-market-page .category-market-chips > div::-webkit-scrollbar {
    display: none;
  }

  .collection-market-page .category-market-chips a {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .collection-market-page .search-market-layout {
    grid-template-columns: 1fr;
  }

  .collection-market-page .market-filter-sidebar {
    order: 2;
  }

  .collection-market-page .market-results {
    order: 1;
  }
}

@media (max-width: 520px) {
  .collection-market-page .market-results__insight {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .collection-market-page .market-results__insight::-webkit-scrollbar {
    display: none;
  }

  .collection-market-page .market-results__insight span {
    flex: 0 0 auto;
  }

  .collection-market-page .market-product-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  body:not(.admin-body):not(.seller-admin-body):not(.seller-auth-body):not(.auth-body):not(.profile-onboarding-body) {
    padding-bottom: calc(78px + env(safe-area-inset-bottom));
  }

  .mobile-bottom-nav {
    position: fixed;
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    left: 10px;
    z-index: 1200;
    min-height: 62px;
    padding: 7px 8px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(207, 229, 202, 0.95);
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(0, 28, 15, 0.18);
    backdrop-filter: blur(14px);
  }

  .mobile-bottom-nav__item {
    min-width: 0;
    min-height: 48px;
    padding: 5px 2px 4px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 3px;
    color: #4f6052;
    border-radius: 13px;
    text-decoration: none;
    font-size: 10.5px;
    font-weight: 850;
    line-height: 1.1;
    transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
  }

  .mobile-bottom-nav__item.is-active,
  .mobile-bottom-nav__item:active {
    color: #08751b;
    background: #edf8ec;
  }

  .mobile-bottom-nav__icon {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
  }

  .mobile-bottom-nav__icon em {
    position: absolute;
    top: -7px;
    right: -10px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #2faa35;
    border: 2px solid #ffffff;
    border-radius: 999px;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 6px 12px rgba(47, 170, 53, 0.22);
  }
}

@media (max-width: 380px) {
  .mobile-bottom-nav {
    right: 6px;
    left: 6px;
    padding-right: 5px;
    padding-left: 5px;
  }

  .mobile-bottom-nav__item {
    font-size: 9.5px;
  }
}

.order-tracking-page,
.cargo-track-page {
  display: grid;
  gap: 18px;
}

.tracking-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  gap: 18px;
  align-items: stretch;
  padding: 28px;
  border: 1px solid #d5ead1;
  border-radius: 14px;
  background: linear-gradient(135deg, #ffffff 0%, #f3fbf2 100%);
  box-shadow: 0 18px 40px rgba(2, 48, 20, 0.06);
}

.tracking-hero h1 {
  margin: 8px 0 10px;
  max-width: 760px;
  color: #001425;
  font-size: clamp(30px, 4vw, 50px);
  line-height: 1.05;
}

.tracking-hero p {
  max-width: 680px;
  margin: 0;
  color: #50625a;
  font-weight: 650;
  line-height: 1.65;
}

.tracking-hero__card,
.cargo-search {
  display: grid;
  gap: 12px;
  align-content: center;
  padding: 20px;
  border: 1px solid #d5ead1;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
}

.tracking-hero__card i {
  width: 54px;
  height: 54px;
  display: inline-grid;
  place-items: center;
  color: #2faa35;
  background: #edf8ec;
  border-radius: 16px;
  font-size: 24px;
}

.tracking-hero__card strong {
  color: #001425;
  font-size: 20px;
  font-weight: 900;
}

.tracking-hero__card span {
  color: #50625a;
  font-weight: 700;
}

.tracking-panel,
.tracking-card {
  border: 1px solid #d5ead1;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(2, 48, 20, 0.06);
}

.tracking-panel {
  padding: 22px;
}

.tracking-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 18px;
}

.tracking-steps span {
  padding: 12px 14px;
  color: #50625a;
  background: #f8fbf7;
  border: 1px solid #dfeade;
  border-radius: 999px;
  font-weight: 900;
  text-align: center;
}

.tracking-steps span.is-active {
  color: #08751b;
  background: #eaf8e8;
  border-color: #bfe4bd;
}

.tracking-card {
  display: none;
  gap: 16px;
  padding: 24px;
}

.tracking-card.is-active {
  display: grid;
}

.tracking-card__head h2,
.tracking-result__head h2 {
  margin: 6px 0 6px;
  color: #001425;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.1;
}

.tracking-card__head p,
.tracking-result__head p {
  margin: 0;
  color: #50625a;
  font-weight: 700;
}

.tracking-card label,
.cargo-search label {
  display: grid;
  gap: 8px;
  color: #001425;
  font-weight: 900;
}

.tracking-card input,
.cargo-search input {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid #bddcba;
  border-radius: 10px;
  background: #fbfdfb;
  color: #001425;
  font: inherit;
  font-weight: 800;
}

.tracking-card input:focus,
.cargo-search input:focus {
  border-color: #2faa35;
  outline: 3px solid rgba(47, 170, 53, 0.14);
}

.tracking-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tracking-alert {
  margin-bottom: 14px;
  padding: 14px 16px;
  border-radius: 12px;
  font-weight: 850;
}

.tracking-alert.is-success {
  color: #08751b;
  background: #edf8ec;
  border: 1px solid #bfe4bd;
}

.tracking-alert.is-error {
  color: #a60b0b;
  background: #fff4f4;
  border: 1px solid #f3c3c3;
}

.tracking-result__head {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
}

.tracking-result__head > strong {
  padding: 14px 16px;
  color: #08751b;
  background: #edf8ec;
  border-radius: 12px;
  font-size: 22px;
  font-weight: 950;
  white-space: nowrap;
}

.tracking-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.tracking-timeline span {
  min-height: 54px;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 12px;
  color: #6b766f;
  background: #f8fbf7;
  border: 1px solid #dfeade;
  border-radius: 12px;
  font-weight: 850;
}

.tracking-timeline span.is-done {
  color: #08751b;
  background: #edf8ec;
  border-color: #bfe4bd;
}

.tracking-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.tracking-summary div {
  padding: 14px;
  border: 1px solid #dfeade;
  border-radius: 12px;
  background: #fbfdfb;
}

.tracking-summary span,
.tracking-item small,
.tracking-item span {
  display: block;
  color: #65746d;
  font-weight: 700;
}

.tracking-summary strong {
  display: block;
  margin-top: 4px;
  color: #001425;
  font-weight: 950;
}

.tracking-items {
  display: grid;
  gap: 10px;
}

.tracking-item {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr) minmax(220px, 320px);
  gap: 14px;
  align-items: center;
  padding: 12px;
  border: 1px solid #dfeade;
  border-radius: 12px;
  background: #ffffff;
}

.tracking-item img,
.tracking-item__placeholder {
  width: 78px;
  height: 78px;
  border-radius: 10px;
  object-fit: cover;
  background: #edf8ec;
}

.tracking-item__placeholder {
  display: grid;
  place-items: center;
  color: #2faa35;
  font-size: 22px;
}

.tracking-item strong,
.tracking-item b {
  display: block;
  color: #001425;
  font-weight: 950;
}

.tracking-item a {
  display: inline-flex;
  width: fit-content;
  margin-top: 8px;
  color: #08751b;
  font-weight: 900;
  text-decoration: none;
}

.tracking-empty {
  min-height: 140px;
  display: grid;
  place-items: center;
  gap: 8px;
  color: #50625a;
  text-align: center;
  font-weight: 900;
}

@media (max-width: 900px) {
  .tracking-hero,
  .tracking-summary,
  .tracking-timeline {
    grid-template-columns: 1fr;
  }

  .tracking-item {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .tracking-item > div:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .tracking-hero,
  .tracking-panel,
  .tracking-card {
    padding: 16px;
    border-radius: 12px;
  }

  .tracking-steps {
    grid-template-columns: 1fr;
  }

  .tracking-result__head {
    display: grid;
  }
}

/* Order tracking workspace */
.order-tracking-page {
  width: 100%;
  max-width: var(--page-max);
  margin: 0 auto;
  gap: 18px;
  padding: 18px var(--page-pad) 72px;
}

.tracking-breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #6d7872;
  font-size: 13px;
  font-weight: 700;
}

.tracking-breadcrumb a {
  color: #1b4c31;
  text-decoration: none;
}

.tracking-breadcrumb i {
  color: #a6aea9;
  font-size: 9px;
}

.order-tracking-page .order-tracking-hero {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 410px);
  gap: 64px;
  align-items: center;
  margin-inline: calc(var(--page-pad) * -1);
  padding: 30px var(--page-pad);
  border: 0;
  border-top: 1px solid #dce5df;
  border-bottom: 1px solid #dce5df;
  border-radius: 0;
  background: #f4f8f5;
  box-shadow: none;
}

.order-tracking-page .order-tracking-hero .section-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.order-tracking-page .order-tracking-hero h1 {
  margin: 8px 0 10px;
  font-size: 40px;
  line-height: 1.08;
  letter-spacing: 0;
}

.order-tracking-page .order-tracking-hero p {
  max-width: 650px;
  font-size: 16px;
  line-height: 1.6;
}

.order-tracking-hero__links {
  display: grid;
  overflow: hidden;
  border: 1px solid #d5e1d8;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(22, 55, 35, 0.05);
}

.order-tracking-hero__links a {
  min-height: 66px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 16px;
  gap: 12px;
  align-items: center;
  padding: 13px 16px;
  border-bottom: 1px solid #dce5df;
  color: #10241a;
  text-decoration: none;
  transition: color 0.18s ease, padding 0.18s ease;
}

.order-tracking-hero__links a:hover {
  padding-left: 20px;
  background: #f7faf8;
  color: #087b27;
}

.order-tracking-hero__links a:last-child {
  border-bottom: 0;
}

.order-tracking-hero__links > a > i:first-child {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #eaf6ed;
  color: #138433;
}

.order-tracking-hero__links > a > i:last-child {
  color: #86918b;
  font-size: 11px;
}

.order-tracking-hero__links strong,
.order-tracking-hero__links small {
  display: block;
}

.order-tracking-hero__links strong {
  font-size: 14px;
}

.order-tracking-hero__links small {
  margin-top: 3px;
  color: #6c7871;
  font-size: 12px;
  font-weight: 650;
}

.order-tracking-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 292px;
  gap: 24px;
  align-items: start;
}

.order-tracking-page .tracking-panel {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d5e0d8;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(20, 48, 31, 0.07);
}

.order-tracking-page .tracking-steps {
  position: relative;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 18px 24px;
  border-bottom: 1px solid #dce5df;
  background: #f6f9f7;
  list-style: none;
}

.order-tracking-page .tracking-steps li {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 10px;
  align-items: center;
  color: #7a857f;
}

.order-tracking-page .tracking-steps li::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 16px;
  left: 34px;
  right: 0;
  height: 2px;
  background: #dbe3de;
}

.order-tracking-page .tracking-steps li:last-child::after {
  display: none;
}

.order-tracking-page .tracking-steps li > span {
  z-index: 1;
  width: 34px;
  height: 34px;
  padding: 0;
  grid-row: 1 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ced8d1;
  border-radius: 50%;
  background: #ffffff;
  color: #65736b;
  font-size: 13px;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-align: center;
}

.order-tracking-page .tracking-steps li > em,
.order-tracking-page .tracking-steps li > small {
  z-index: 1;
  width: fit-content;
  padding-right: 8px;
  background: #f6f9f7;
  font-style: normal;
}

.order-tracking-page .tracking-steps li > em {
  align-self: end;
  color: #425047;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.2;
}

.order-tracking-page .tracking-steps li > small {
  align-self: start;
  margin-top: 1px;
  color: #818b85;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.2;
}

.order-tracking-page .tracking-steps li.is-active > span {
  border-color: #128532;
  background: #128532;
  color: #ffffff;
}

.order-tracking-page .tracking-steps li.is-active > em {
  color: #0b6f28;
}

.order-tracking-page .tracking-steps li.is-complete > span {
  border-color: #9bc9a7;
  background: #e8f5eb;
  color: #0b7a2b;
}

.order-tracking-page .tracking-steps li.is-complete::after {
  background: #8fc59b;
}

.order-tracking-page .tracking-card {
  gap: 24px;
  padding: 28px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.order-tracking-page .tracking-card__head h2,
.order-tracking-page .tracking-result__head h2 {
  margin: 6px 0 7px;
  font-size: 27px;
  line-height: 1.15;
  letter-spacing: 0;
}

.order-tracking-page .tracking-card__head p,
.order-tracking-page .tracking-result__head p {
  line-height: 1.55;
}

.tracking-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.tracking-input-shell {
  position: relative;
  display: block;
}

.tracking-input-shell > i {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 16px;
  color: #77837c;
  transform: translateY(-50%);
  pointer-events: none;
}

.order-tracking-page .tracking-input-shell input {
  min-height: 54px;
  padding-left: 46px;
  border-color: #cbd8cf;
  border-radius: 7px;
  background: #fbfcfb;
  font-weight: 700;
}

.order-tracking-page .tracking-input-shell:focus-within > i {
  color: #118130;
}

.tracking-card__actions {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  border-top: 1px solid #e3e9e5;
}

.tracking-security-note {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: #647168;
  font-size: 12px;
  font-weight: 700;
}

.tracking-security-note i {
  color: #19833a;
}

.order-tracking-page .tracking-submit,
.order-tracking-page .tracking-actions .btn-primary {
  min-width: 150px;
  min-height: 46px;
  border-radius: 7px;
}

.order-tracking-page button.is-loading {
  cursor: wait;
  opacity: 0.78;
}

.order-tracking-page .tracking-alert {
  margin: 20px 24px 0;
  border-radius: 7px;
}

.order-tracking-page .tracking-card--code {
  justify-items: start;
}

.order-tracking-page .tracking-code-field {
  width: min(100%, 340px);
}

.order-tracking-page .tracking-code-field input {
  min-height: 64px;
  border-radius: 7px;
  background: #ffffff;
  font-size: 25px;
  letter-spacing: 8px;
  text-align: center;
}

.tracking-actions--split {
  width: 100%;
}

.tracking-actions--split .btn-primary {
  margin-left: auto;
}

.order-tracking-help {
  position: sticky;
  top: 136px;
  padding: 22px;
  border: 1px solid #d8e2db;
  border-radius: 8px;
  background: #fbfcfb;
  box-shadow: 0 10px 28px rgba(20, 48, 31, 0.05);
}

.order-tracking-help__head {
  display: flex;
  gap: 12px;
  align-items: center;
}

.order-tracking-help__head > i {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #fff4d8;
  color: #996600;
}

.order-tracking-help__head span {
  display: block;
  color: #707b74;
  font-size: 11px;
  font-weight: 750;
}

.order-tracking-help h2 {
  margin: 2px 0 0;
  color: #11231a;
  font-size: 17px;
  letter-spacing: 0;
}

.order-tracking-help > p {
  margin: 18px 0;
  color: #66736b;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.6;
}

.order-tracking-help dl {
  margin: 0;
  border-top: 1px solid #e1e8e3;
}

.order-tracking-help dl > div {
  padding: 13px 0;
  border-bottom: 1px solid #e1e8e3;
}

.order-tracking-help dt {
  color: #77827b;
  font-size: 11px;
  font-weight: 700;
}

.order-tracking-help dd {
  margin: 5px 0 0;
  color: #1d3025;
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.order-tracking-help dd i {
  margin-right: 6px;
  color: #178337;
}

.order-tracking-help > a {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #e1e8e3;
  color: #0d762a;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.order-tracking-page .tracking-result {
  gap: 24px;
}

.order-tracking-page .tracking-result__head > strong {
  border-radius: 7px;
  font-size: 18px;
}

.order-tracking-page .tracking-timeline {
  gap: 0;
}

.order-tracking-page .tracking-timeline span {
  position: relative;
  min-height: 76px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 7px;
  padding: 0 5px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #7a857f;
  text-align: center;
}

.order-tracking-page .tracking-timeline span::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 17px;
  left: calc(50% + 18px);
  width: calc(100% - 36px);
  height: 2px;
  background: #dbe3de;
}

.order-tracking-page .tracking-timeline span:last-child::after {
  display: none;
}

.order-tracking-page .tracking-timeline i {
  z-index: 1;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 2px solid #d4ddd7;
  border-radius: 50%;
  background: #ffffff;
  color: #8a948e;
}

.order-tracking-page .tracking-timeline em {
  color: inherit;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.order-tracking-page .tracking-timeline span.is-done {
  border: 0;
  background: transparent;
  color: #187d35;
}

.order-tracking-page .tracking-timeline span.is-done::after {
  background: #82bd91;
}

.order-tracking-page .tracking-timeline span.is-done i {
  border-color: #8fc59b;
  background: #e9f6ec;
  color: #147d32;
}

.order-tracking-page .tracking-timeline span.is-current i {
  border-color: #147f32;
  background: #147f32;
  color: #ffffff;
  box-shadow: 0 0 0 4px #e4f3e8;
}

.order-tracking-page .tracking-summary {
  gap: 12px;
}

.order-tracking-page .tracking-summary div {
  border-color: #dde5df;
  border-radius: 7px;
  background: #f9fbfa;
}

.order-tracking-page .tracking-summary span i {
  width: 16px;
  margin-right: 4px;
  color: #278542;
}

.order-tracking-page .tracking-item {
  border-color: #dce4de;
  border-radius: 7px;
}

.tracking-item__shipment {
  min-width: 0;
  padding-left: 16px;
  border-left: 1px solid #e0e7e2;
}

.tracking-item__shipment > em {
  display: block;
  margin-top: 5px;
  color: #7b651d;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
}

.order-tracking-page .tracking-item a {
  gap: 7px;
  align-items: center;
}

.tracking-result__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tracking-result__actions .btn-light {
  text-decoration: none;
}

@media (max-width: 1260px) {
  .header-tracking-link .header-nav__labels {
    display: none;
  }
}

@media (max-width: 960px) {
  .order-tracking-page .order-tracking-hero {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 26px;
  }

  .order-tracking-workspace {
    grid-template-columns: 1fr;
  }

  .order-tracking-help {
    position: static;
    padding: 22px;
    border: 1px solid #d8e2db;
  }

  .order-tracking-help dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (max-width: 720px) {
  .order-tracking-page {
    gap: 16px;
    padding-top: 12px;
  }

  .order-tracking-page .order-tracking-hero {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 22px var(--page-pad);
  }

  .order-tracking-page .order-tracking-hero h1 {
    font-size: 34px;
  }

  .order-tracking-hero__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
  }

  .order-tracking-hero__links a {
    grid-template-columns: 34px minmax(0, 1fr);
    border-bottom: 0;
  }

  .order-tracking-hero__links a + a {
    border-left: 1px solid #dce5df;
  }

  .order-tracking-hero__links > a > i:last-child {
    display: none;
  }

  .tracking-form-grid {
    grid-template-columns: 1fr;
  }

  .tracking-card__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .order-tracking-page .tracking-submit {
    width: 100%;
  }

  .tracking-actions--split .btn-primary {
    margin-left: 0;
  }
}

@media (max-width: 560px) {
  .site-header .header-nav {
    flex-basis: 152px !important;
    width: 152px !important;
  }

  .site-header .header-nav > .header-tracking-link {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    flex: 0 0 32px !important;
    display: inline-flex !important;
    justify-content: center !important;
  }
}

@media (max-width: 640px) {
  .order-tracking-body .floating-whatsapp-button {
    right: 14px;
    bottom: 86px;
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    padding: 0;
    border-radius: 50%;
    background: #159447;
    box-shadow: 0 10px 24px rgba(21, 148, 71, 0.24);
    animation: none;
  }

  .order-tracking-body .floating-whatsapp-button > span:last-child {
    display: none;
  }

  .order-tracking-body .floating-whatsapp-button__pulse {
    inset: -4px;
  }
}

@media (max-width: 540px) {
  .order-tracking-page .tracking-card {
    gap: 18px;
    padding: 18px;
  }

  .order-tracking-page .tracking-steps {
    padding: 14px 16px;
  }

  .order-tracking-page .tracking-card__head h2,
  .order-tracking-page .tracking-result__head h2 {
    font-size: 24px;
  }

  .order-tracking-page .tracking-steps li {
    grid-template-columns: 30px minmax(0, 1fr);
    column-gap: 7px;
  }

  .order-tracking-page .tracking-steps li > span {
    width: 30px;
    height: 30px;
  }

  .order-tracking-page .tracking-steps li::after {
    top: 14px;
    left: 30px;
  }

  .order-tracking-page .tracking-steps li > small {
    display: none;
  }

  .order-tracking-page .tracking-steps li > em {
    align-self: center;
    font-size: 11px;
  }

  .order-tracking-hero__links {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .order-tracking-hero__links a + a {
    border-top: 1px solid #dce5df;
    border-left: 0;
  }

  .order-tracking-help {
    padding: 18px;
  }

  .tracking-actions--split {
    display: grid;
    grid-template-columns: 1fr;
  }

  .tracking-actions--split button {
    width: 100%;
  }

  .order-tracking-help dl {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .order-tracking-page .tracking-result__head {
    gap: 10px;
  }

  .order-tracking-page .tracking-result__head > strong {
    width: fit-content;
  }

  .order-tracking-page .tracking-timeline span {
    min-width: 0;
    padding-inline: 2px;
  }

  .order-tracking-page .tracking-timeline em {
    font-size: 10px;
    overflow-wrap: anywhere;
  }

  .order-tracking-page .tracking-item {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .order-tracking-page .tracking-item img,
  .order-tracking-page .tracking-item__placeholder {
    width: 58px;
    height: 58px;
  }

  .tracking-item__shipment {
    grid-column: 1 / -1;
    padding: 12px 0 0;
    border-top: 1px solid #e0e7e2;
    border-left: 0;
  }
}

/* Global spacing hardening */
.success-card,
.checkout-section,
.checkout-summary-card-sidebar,
.cart-card,
.account-order-card,
.order-info-box,
.order-request-item,
.tracking-panel,
.tracking-card,
.tracking-item,
.product-card,
.market-product-card,
.seller-summary-card,
.account-card,
.account-panel {
  min-width: 0;
}

.success-card *,
.checkout-section *,
.checkout-summary-card-sidebar *,
.cart-card *,
.account-order-card *,
.tracking-panel *,
.tracking-card *,
.tracking-item *,
.product-card *,
.market-product-card *,
.seller-summary-card *,
.account-card *,
.account-panel * {
  min-width: 0;
}

.success-card h1,
.success-card p,
.success-order-number strong,
.meta-item strong,
.address-summary-tile strong,
.address-summary-tile p,
.delivery-summary-tile p,
.success-item-row strong,
.order-card-header strong,
.order-info-box strong,
.order-info-box p,
.order-info-box small,
.order-item-thumb strong,
.order-item-thumb small,
.tracking-summary strong,
.tracking-item strong,
.tracking-item b,
.tracking-item span,
.tracking-item small,
.checkout-mini-item h4,
.checkout-mini-item p,
.checkout-mini-item small,
.checkout-financials span,
.product-card__name,
.product-card__name a,
.product-card__seller span,
.product-card__delivery span {
  overflow-wrap: anywhere;
  word-break: normal;
}

.success-card {
  overflow: hidden;
}

.checkout-return-alert {
  width: min(100%, 760px);
  margin: 0 auto 22px;
  padding: 14px 16px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  text-align: left;
  line-height: 1.45;
}

.success-order-number {
  margin-bottom: 28px;
}

.order-meta-box {
  gap: 0;
  margin-top: 2px;
  margin-bottom: 38px;
}

.meta-item {
  padding: 18px 16px;
}

.meta-item span,
.meta-item strong {
  display: block;
}

.success-grid {
  align-items: start;
}

.success-grid h3 {
  margin-bottom: 16px;
  line-height: 1.25;
}

.success-grid h3:not(:first-child) {
  margin-top: 34px;
}

.address-summary-tile {
  margin-bottom: 30px;
}

.delivery-summary-tile {
  margin-top: 18px;
  margin-bottom: 26px;
}

.success-items-list {
  gap: 16px;
}

.success-item-row {
  min-height: 84px;
  padding: 14px 0 16px;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) max-content max-content;
  align-items: center;
  column-gap: 16px;
  row-gap: 8px;
}

.success-item-row img {
  flex: 0 0 auto;
}

.success-item-row > div {
  display: grid;
  gap: 6px;
}

.success-item-row .item-info {
  flex: initial;
}

.success-item-row .item-qty,
.success-item-row .item-price {
  justify-self: end;
  white-space: nowrap;
}

.success-item-row .item-price {
  min-width: 78px;
  text-align: right;
}

.order-item-thumb {
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: flex-start;
}

.order-item-thumb > a {
  display: block;
}

.order-item-thumb .thumb-info {
  display: grid;
  gap: 5px;
}

.order-item-thumb .thumb-name,
.order-item-thumb .thumb-seller,
.order-item-thumb .thumb-qty,
.order-shipment-mini small {
  overflow-wrap: anywhere;
}

.order-shipment-mini {
  margin-top: 8px;
}

.order-shipment-timeline {
  grid-column: 1 / -1;
  margin-top: 6px;
}

.status-badge {
  max-width: 100%;
  line-height: 1.2;
}

.checkout-section {
  overflow: hidden;
}

.checkout-section legend {
  width: fit-content;
  max-width: 100%;
  padding-right: 14px;
  line-height: 1.25;
}

.checkout-section + .checkout-section {
  margin-top: 18px;
}

.checkout-mini-item {
  align-items: flex-start;
}

.checkout-mini-item .mini-info {
  display: grid;
  gap: 4px;
}

.checkout-financials .fin-row {
  gap: 12px;
  align-items: flex-start;
}

.checkout-financials .fin-row > span:last-child,
.checkout-financials .fin-row > strong:last-child {
  text-align: right;
}

.order-card-header {
  row-gap: 16px;
}

.order-card-header > div {
  min-width: 0;
}

.order-info-grid,
.order-products-preview,
.tracking-summary,
.tracking-timeline {
  align-items: stretch;
}

.order-info-box,
.order-request-item,
.tracking-item {
  overflow: hidden;
}

.order-products-preview {
  margin-top: 4px;
}

.order-item-thumb {
  align-items: flex-start;
}

.order-card-footer {
  padding-top: 8px;
}

@media (max-width: 980px) {
  .success-card {
    padding: 30px 22px;
  }

  .success-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .order-meta-box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .meta-item:nth-child(3n) {
    border-right: 1px solid #e5e7eb;
  }

  .meta-item:nth-child(2n),
  .meta-item:last-child {
    border-right: none;
  }

  .meta-item:nth-last-child(-n + 3) {
    border-bottom: 1px solid #e5e7eb;
  }

  .meta-item:nth-last-child(-n + 2) {
    border-bottom: none;
  }

  .order-card-header {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .order-card-header > div:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .checkout-success-page {
    padding: 22px 12px 42px;
  }

  .success-card {
    padding: 24px 14px;
    border-radius: 14px;
  }

  .success-card__icon-box {
    width: 66px;
    height: 66px;
    margin-bottom: 18px;
    font-size: 52px;
  }

  .success-card h1 {
    font-size: 24px;
    line-height: 1.15;
  }

  .success-card p {
    margin-bottom: 22px;
    font-size: 14px;
  }

  .checkout-return-alert {
    justify-content: flex-start;
  }

  .success-order-number {
    width: 100%;
    padding: 13px 14px;
  }

  .order-meta-box {
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }

  .meta-item,
  .meta-item:nth-child(2n),
  .meta-item:nth-child(3n),
  .meta-item:nth-last-child(-n + 2),
  .meta-item:nth-last-child(-n + 3) {
    min-height: auto;
    padding: 14px;
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
  }

  .meta-item:last-child {
    border-bottom: none;
  }

  .success-grid {
    gap: 22px;
    padding-bottom: 24px;
    margin-bottom: 24px;
  }

  .success-grid h3:not(:first-child) {
    margin-top: 26px;
  }

  .delivery-summary-tile {
    margin-bottom: 22px;
  }

  .success-item-row {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 12px;
  }

  .success-item-row img {
    width: 56px;
    height: 56px;
  }

  .success-item-row .item-qty,
  .success-item-row .item-price {
    grid-column: 2;
    justify-self: start;
    min-width: 0;
    text-align: left;
  }

  .order-card-header,
  .order-info-grid,
  .tracking-summary,
  .tracking-timeline {
    grid-template-columns: 1fr;
  }

  .order-card-header > div:last-child {
    grid-column: auto;
  }

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

  .order-info-box {
    grid-template-columns: 30px minmax(0, 1fr);
  }
}

/* account-preview-cards-v1 */

.account-preview-grid {
  margin: 0 0 18px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr) minmax(0, .9fr);
  gap: 16px;
}

.account-preview-card {
  min-width: 0;
  padding: 18px;
  background: #ffffff;
  border: 1px solid #e2ecdf;
  border-radius: 10px;
  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.045);
}

.account-preview-card__head {
  margin-bottom: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.account-preview-card__head span {
  display: block;
  margin-bottom: 4px;
  color: #079018;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-preview-card__head h3 {
  color: #071107;
  font-size: 19px;
  font-weight: 950;
  line-height: 1.15;
}

.account-preview-card__head a {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #078313;
  background: #f5fbf4;
  border: 1px solid #d5ead1;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 900;
  white-space: nowrap;
}

.account-preview-list {
  display: grid;
  gap: 9px;
}

.account-preview-row {
  min-width: 0;
  min-height: 64px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  color: #111827;
  background: #fbfdfb;
  border: 1px solid #e5f0e2;
  border-radius: 9px;
}

.account-preview-row>i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2faa32;
  background: #eef9ed;
  border-radius: 50%;
}

.account-preview-row strong,
.account-preview-row small,
.account-preview-row b {
  display: block;
  min-width: 0;
}

.account-preview-row strong {
  overflow: hidden;
  color: #071107;
  font-size: 14px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-preview-row small {
  margin-top: 3px;
  overflow: hidden;
  color: #617061;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-preview-row b {
  color: #071107;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}

.account-preview-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.account-preview-products a,
.account-preview-products span {
  aspect-ratio: 1 / 1;
  min-width: 0;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: #f8fbf7;
  border: 1px solid #e2ecdf;
  border-radius: 9px;
}

.account-preview-products img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.account-preview-products span {
  color: #33a532;
  font-size: 20px;
}

.account-preview-empty {
  min-height: 64px;
  padding: 16px;
  display: grid;
  place-items: center;
  color: #667085;
  background: #fbfdfb;
  border: 1px dashed #cfe3cc;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

.account-team-preview-mini {
  min-height: 132px;
  padding: 18px;
  display: grid;
  align-content: center;
  gap: 6px;
  background: linear-gradient(135deg, #f1fbef 0%, #ffffff 100%);
  border: 1px solid #d6ead2;
  border-radius: 10px;
}

.account-team-preview-mini strong {
  color: #0a7e18;
  font-size: 38px;
  font-weight: 950;
  line-height: 1;
}

.account-team-preview-mini span {
  color: #071107;
  font-size: 14px;
  font-weight: 900;
}

.account-team-preview-mini small {
  color: #617061;
  font-size: 12.5px;
  font-weight: 750;
}

@media (max-width: 1080px) {
  .account-preview-grid {
    grid-template-columns: 1fr 1fr;
  }

  .account-preview-card--team {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .account-preview-grid {
    grid-template-columns: 1fr;
  }

  .account-preview-card {
    padding: 15px;
  }

  .account-preview-card__head {
    display: grid;
  }

  .account-preview-card__head a {
    width: fit-content;
  }

  .account-preview-row {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .account-preview-row b {
    grid-column: 2;
  }
}

.seller-admin-topbar__actions {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}

.seller-admin-topbar__balances {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  gap: 8px;
}

.seller-admin-topbar__balance {
  min-width: 0;
  min-height: 54px;
  padding: 8px 10px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 9px;
  color: #102516;
  background: #f8fcf7;
  border: 1px solid #d7ead3;
  border-radius: 11px;
  text-decoration: none;
  box-shadow: 0 9px 24px rgba(30, 110, 42, 0.06);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.seller-admin-topbar__balance:hover,
.seller-admin-topbar__balance:focus-visible {
  color: #102516;
  border-color: #66bd66;
  box-shadow: 0 12px 30px rgba(30, 110, 42, 0.12);
  transform: translateY(-1px);
}

.seller-admin-topbar__balance:focus-visible {
  outline: 3px solid rgba(47, 172, 53, 0.2);
  outline-offset: 2px;
}

.seller-admin-topbar__balance-icon {
  width: 34px;
  height: 34px;
  display: grid !important;
  place-items: center;
  color: #138528 !important;
  background: #eaf7e8;
  border-radius: 10px;
  font-size: 14px !important;
}

.seller-admin-topbar__balance.is-shipping .seller-admin-topbar__balance-icon {
  color: #a75a00 !important;
  background: #fff2e2;
}

.seller-admin-topbar__balance-copy {
  min-width: 0;
  display: grid !important;
  gap: 2px;
}

.seller-admin-topbar__balance-copy small {
  overflow: hidden;
  color: #667566;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-admin-topbar__balance-copy strong {
  overflow: hidden;
  color: #07150a;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-admin-topbar__balance-arrow {
  color: #8aa088;
  font-size: 10px;
}

.seller-profile-completion {
  margin-bottom: 18px;
  padding: 18px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  color: #08210d;
  background: linear-gradient(135deg, #f4fbf1 0%, #ffffff 72%);
  border: 1px solid #cae8c5;
  border-radius: 16px;
  box-shadow: 0 16px 42px rgba(30, 110, 42, 0.08);
}

.seller-profile-completion__icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  color: #2faf37;
  background: #eaf8e8;
  border: 1px solid #ccebc8;
  border-radius: 14px;
  font-size: 20px;
}

.seller-profile-completion span,
.seller-panel-placeholder span,
.seller-dashboard-quick-card span {
  display: block;
  color: #078016;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.seller-profile-completion h2,
.seller-dashboard-quick-card h2 {
  margin: 4px 0 6px;
  color: #04140a;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.16;
}

.seller-profile-completion p,
.seller-dashboard-quick-card p,
.seller-panel-placeholder p {
  margin: 0;
  color: #506151;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.45;
}

.seller-profile-completion a,
.seller-dashboard-quick-card a,
.seller-panel-placeholder a {
  height: 44px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #fff;
  background: #2fac34;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 12px 30px rgba(42, 170, 55, 0.22);
}

.seller-dashboard-quick-card {
  min-height: 210px;
  display: grid;
  align-content: center;
  gap: 16px;
}

.seller-dashboard-quick-card a,
.seller-panel-placeholder a {
  width: fit-content;
}

.seller-panel-page-shell {
  display: grid;
}

.seller-panel-placeholder {
  min-height: 360px;
  align-content: center;
  justify-items: start;
  gap: 12px;
}

.seller-panel-placeholder__icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: #2faf37;
  background: #eff9ed;
  border: 1px solid #d2ebce;
  border-radius: 16px;
  font-size: 23px;
}

.seller-panel-placeholder h2 {
  margin: 0;
  color: #04140a;
  font-size: 32px;
  font-weight: 950;
  line-height: 1.1;
}

.seller-tour-start {
  height: 42px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #067a16;
  background: #f4fbf2;
  border: 1px solid #cde9c9;
  border-radius: 10px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(30, 110, 42, 0.08);
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.seller-tour-start:hover {
  background: #eaf8e8;
  border-color: #35ad3b;
  transform: translateY(-1px);
}

.seller-tour[hidden] {
  display: none !important;
}

.seller-tour {
  position: fixed;
  inset: 0;
  z-index: 10000;
  pointer-events: none;
  overflow: hidden;
  overscroll-behavior: contain;
  touch-action: none;
}

.seller-tour--crop-open .seller-tour__spotlight,
.seller-tour--crop-open .seller-tour__card {
  opacity: 0;
  pointer-events: none;
}

.seller-tour--crop-open {
  pointer-events: none;
}

.seller-tour--crop-open .seller-tour__target-active {
  z-index: 1;
  animation: none;
  filter: none;
  pointer-events: none;
}

.seller-tour__spotlight {
  position: fixed;
  z-index: 9991;
  border: 2px solid #3ac145;
  background: transparent;
  box-shadow: 0 0 0 9999px rgba(2, 14, 9, 0.78), 0 0 0 8px rgba(58, 193, 69, 0.14), 0 22px 76px rgba(8, 45, 19, 0.34);
  pointer-events: none;
  transition: left 0.24s ease, top 0.24s ease, width 0.24s ease, height 0.24s ease, border-radius 0.24s ease;
  animation: sellerTourPulse 1.05s ease-in-out infinite;
}












.seller-tour__card {
  position: fixed;
  z-index: 10040;
  opacity: 1;
  transform: none;
  padding: 22px;
  color: #061509;
  background: #ffffff;
  border: 1px solid #cfe5cc;
  border-radius: 18px;
  box-shadow: 0 26px 80px rgba(0, 18, 8, 0.32);
  pointer-events: auto;
  transition: left 0.24s ease, top 0.24s ease;
  animation: none;
}

.seller-tour__card--with-video {
  width: min(560px, calc(100vw - 28px)) !important;
}

.seller-tour__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: #627264;
  background: #f6fbf5;
  border: 1px solid #d9ead6;
  border-radius: 999px;
  font: inherit;
  cursor: pointer;
}

.seller-tour__count {
  width: fit-content;
  padding: 7px 11px;
  display: inline-flex;
  color: #087c17;
  background: #ecf8ea;
  border: 1px solid #d2ebce;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
}

.seller-tour__card h2 {
  margin: 14px 38px 8px 0;
  color: #010b04;
  font-size: 24px;
  font-weight: 950;
  line-height: 1.08;
}

.seller-tour__card p {
  margin: 0;
  color: #465348;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.55;
}

.seller-tour__video {
  position: relative;
  margin-top: 14px;
  overflow: hidden;
  background: #071b0d;
  border: 1px solid #d6ead3;
  border-radius: 14px;
  box-shadow: 0 16px 36px rgba(6, 30, 12, 0.16);
}

.seller-tour__video[hidden] {
  display: none !important;
}

.seller-tour__video video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: min(260px, 34vh);
  object-fit: cover;
  background: #071b0d;
  cursor: pointer;
}

.seller-tour__video:fullscreen,
.seller-tour__video:-webkit-full-screen {
  width: 100vw;
  height: 100vh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #020f07;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.seller-tour__video:fullscreen video,
.seller-tour__video:-webkit-full-screen video {
  width: 100%;
  height: 100%;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
  background: #020f07;
}

.seller-tour__video:fullscreen::after,
.seller-tour__video:-webkit-full-screen::after {
  height: 34%;
  background: linear-gradient(180deg, rgba(2, 15, 7, 0) 0%, rgba(2, 15, 7, 0.7) 100%);
}

.seller-tour__video:fullscreen .seller-tour__video-controls,
.seller-tour__video:-webkit-full-screen .seller-tour__video-controls {
  right: 22px;
  bottom: 22px;
  left: 22px;
  max-width: 1120px;
  margin: 0 auto;
}

.seller-tour__video::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 48%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(5, 18, 10, 0) 0%, rgba(5, 18, 10, 0.78) 100%);
  opacity: 0;
  transition: opacity 0.18s ease;
}

.seller-tour__video-controls {
  position: absolute;
  right: 14px;
  bottom: 13px;
  left: 14px;
  z-index: 2;
  display: grid;
  grid-template-columns: 36px auto minmax(90px, 1fr) 36px 36px;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  color: #ffffff;
  background: rgba(3, 22, 11, 0.62);
  border: 1px solid rgba(210, 255, 220, 0.2);
  border-radius: 999px;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(14px) saturate(1.15);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.seller-tour__video:hover .seller-tour__video-controls,
.seller-tour__video:focus-within .seller-tour__video-controls {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.seller-tour__video:hover::after,
.seller-tour__video:focus-within::after {
  opacity: 1;
}

.seller-tour__video-controls button {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: #ffffff;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08));
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 999px;
  font: inherit;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 10px 20px rgba(0, 0, 0, 0.18);
  transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.seller-tour__video-controls button:hover {
  background: linear-gradient(135deg, rgba(55, 191, 69, 0.95), rgba(15, 135, 29, 0.9));
  border-color: rgba(255, 255, 255, 0.46);
  transform: translateY(-1px);
}

.seller-tour__video-controls span {
  min-width: 78px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.94);
  letter-spacing: 0;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.42);
}

.seller-tour__video-controls input[type="range"] {
  --video-progress: 0%;
  appearance: none;
  width: 100%;
  height: 18px;
  padding: 0;
  background: transparent;
  cursor: pointer;
}

.seller-tour__video-controls input[type="range"]::-webkit-slider-runnable-track {
  height: 8px;
  background: linear-gradient(90deg, #40d34f 0%, #1fa52c var(--video-progress), rgba(255, 255, 255, 0.3) var(--video-progress), rgba(255, 255, 255, 0.3) 100%);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.22);
}

.seller-tour__video-controls input[type="range"]::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  margin-top: -5px;
  appearance: none;
  background: #ffffff;
  border: 4px solid #28b43a;
  border-radius: 999px;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.28), 0 0 0 5px rgba(52, 195, 68, 0.16);
}

.seller-tour__video-controls input[type="range"]::-moz-range-track {
  height: 8px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 999px;
}

.seller-tour__video-controls input[type="range"]::-moz-range-progress {
  height: 8px;
  background: linear-gradient(90deg, #40d34f, #1fa52c);
  border-radius: 999px;
}

.seller-tour__video-controls input[type="range"]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 4px solid #28b43a;
  border-radius: 999px;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.28), 0 0 0 5px rgba(52, 195, 68, 0.16);
}

@media (max-width: 560px) {
  .seller-tour__video-controls {
    right: 9px;
    bottom: 9px;
    left: 9px;
    grid-template-columns: 32px minmax(58px, auto) minmax(70px, 1fr) 32px 32px;
    gap: 6px;
    padding: 7px;
  }

  .seller-tour__video-controls button {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }

  .seller-tour__video-controls span {
    min-width: 58px;
    font-size: 11px;
  }
}

.seller-tour__link {
  width: fit-content;
  max-width: 100%;
  margin-top: 14px;
  padding: 12px 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  background: linear-gradient(135deg, #2fac35 0%, #07851a 100%);
  border: 1px solid #2fac35;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(31, 132, 38, 0.22);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.seller-tour__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(31, 132, 38, 0.28);
}

.seller-tour__link[hidden] {
  display: none !important;
}

.seller-tour__actions {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.seller-tour__actions button {
  height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  font: inherit;
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
}

.seller-tour__ghost {
  color: #087c17;
  background: #ffffff;
  border: 1px solid #cfe5cc;
}

.seller-tour__ghost:disabled {
  color: #a7b3a8;
  background: #f6f8f6;
  cursor: not-allowed;
}

.seller-tour__primary {
  color: #ffffff;
  background: #2fac35;
  border: 1px solid #2fac35;
  box-shadow: 0 14px 32px rgba(35, 167, 45, 0.24);
}

.seller-tour__primary:disabled {
  color: #5c6a61;
  background: #eef5ee;
  border-color: #cfe5cc;
  box-shadow: none;
  cursor: not-allowed;
}

html.seller-tour-active,
body.seller-tour-active {
  width: 100%;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

body.seller-tour-active {
  touch-action: none;
}

html.seller-tour-active {
  scrollbar-gutter: stable;
}

.seller-tour,
.seller-tour__card,
.seller-tour__target-active,
.seller-tour__target-active * {
  touch-action: auto;
}

.seller-tour__target-active {
  position: relative;
  z-index: 10012 !important;
  animation: sellerTourTarget 1.05s ease-in-out infinite;
  pointer-events: auto;
}

.seller-tour__target-active * {
  pointer-events: auto;
}

.seller-tour__target-active input[type="file"] {
  position: relative;
  z-index: 10013;
}

.seller-panel-media-upload-target.seller-tour__target-active {
  z-index: 10012 !important;
  isolation: isolate;
  overflow: hidden;
}

.seller-panel-media-field.seller-tour__target-active,
.seller-panel-media-field--cover.seller-tour__target-active {
  position: static !important;
  z-index: auto !important;
  animation: none !important;
  filter: none !important;
  box-shadow: none !important;
}

.seller-panel-media-upload-target.seller-tour__target-active {
  position: relative !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px !important;
  width: min(300px, calc(100vw - 44px)) !important;
  max-width: min(300px, calc(100vw - 44px)) !important;
  min-width: 0 !important;
  min-height: 112px !important;
  padding: 14px !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-sizing: border-box;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  contain: layout paint;
}

.seller-panel-media-field--cover .seller-panel-media-upload-target.seller-tour__target-active {
  width: min(300px, calc(100vw - 44px)) !important;
  max-width: min(300px, calc(100vw - 44px)) !important;
  min-height: 112px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  grid-template-columns: unset !important;
  transform: none !important;
}

body.seller-tour-active .seller-panel-media-field--cover.seller-tour__target-active,
body.seller-tour-active .seller-panel-media-field.seller-tour__target-active {
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
}

body.seller-tour-active .seller-panel-media-field--cover .seller-panel-media-upload-target.seller-tour__target-active {
  width: min(300px, calc(100vw - 44px)) !important;
  max-width: min(300px, calc(100vw - 44px)) !important;
  min-height: 112px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  grid-template-columns: unset !important;
}

.seller-panel-media-upload-target.seller-tour__target-active input[type="file"] {
  width: 100% !important;
  max-width: 100% !important;
}

.seller-panel-media-upload-target.seller-tour__target-active img,
.seller-panel-media-upload-target.seller-tour__target-active .seller-panel-media-placeholder {
  width: 64px !important;
  height: 64px !important;
  max-width: 64px !important;
  object-fit: cover;
  flex: 0 0 auto;
}

.seller-panel-media-field--cover .seller-panel-media-upload-target.seller-tour__target-active img,
.seller-panel-media-field--cover .seller-panel-media-upload-target.seller-tour__target-active .seller-panel-media-placeholder,
.seller-panel-media-field--cover .seller-panel-media-upload-target.seller-tour__target-active .seller-panel-media-placeholder--cover {
  width: 100% !important;
  height: 72px !important;
  max-width: 100% !important;
  border-radius: 12px !important;
  object-fit: cover;
}

body.seller-tour-active .seller-panel-layout,
body.seller-tour-active .seller-panel-main,
body.seller-tour-active .seller-panel-content {
  overscroll-behavior: contain;
}

@keyframes sellerTourPulse {
  0%,
  100% {
    box-shadow: 0 0 0 9999px rgba(2, 14, 9, 0.78), 0 0 0 8px rgba(58, 193, 69, 0.12), 0 22px 76px rgba(8, 45, 19, 0.34);
  }

  50% {
    box-shadow: 0 0 0 9999px rgba(2, 14, 9, 0.78), 0 0 0 16px rgba(58, 193, 69, 0.2), 0 26px 86px rgba(8, 45, 19, 0.42);
  }
}

@keyframes sellerTourCardIn {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes sellerTourTarget {
  0%,
  100% {
    filter: drop-shadow(0 0 0 rgba(47, 172, 53, 0));
  }

  50% {
    filter: drop-shadow(0 0 16px rgba(47, 172, 53, 0.34));
  }
}



@media (max-width: 1280px) {
  .seller-admin-topbar__actions {
    width: 100%;
  }

  .seller-admin-topbar__balances {
    margin-right: auto;
  }

  .seller-products-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .seller-products-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .seller-products-search {
    grid-column: span 2;
  }
}

@media (max-width: 860px) {
  .seller-admin-topbar__actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .seller-admin-topbar__balances {
    width: 100%;
  }

  .seller-products-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .seller-products-toolbar__actions,
  .seller-panel-primary-link,
  .seller-panel-outline-link {
    width: 100%;
  }

  .seller-products-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-products-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-products-search {
    grid-column: 1 / -1;
  }

  .seller-products-bulk {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .seller-products-result-count {
    margin-left: auto;
    align-self: center;
  }

  .seller-products-bulk__action {
    width: 100%;
    min-width: 0;
    margin-left: 0;
  }

  .seller-campaigns-hero {
    align-items: stretch;
    flex-direction: column;
  }

  .seller-returns-hero {
    align-items: stretch;
    flex-direction: column;
  }

  .seller-reports-hero {
    align-items: stretch;
    flex-direction: column;
  }

  .seller-campaigns-hero > strong {
    width: fit-content;
  }

  .seller-returns-hero > strong {
    width: fit-content;
  }

  .seller-reports-hero > strong {
    width: fit-content;
  }

  .seller-reports-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-reports-grid {
    grid-template-columns: 1fr;
  }

  .seller-report-month-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-campaign-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .seller-admin-topbar__balances {
    grid-template-columns: 1fr;
  }

  .seller-admin-topbar__balance,
  .seller-admin-topbar__meta,
  .seller-tour-start {
    width: 100%;
  }
}

@media (max-width: 760px) {
  .seller-tour {
    width: 100vw;
    height: 100dvh;
    overflow: hidden;
    touch-action: none;
  }

  .seller-tour__spotlight {
    transition: none;
  }

  .seller-profile-completion {
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
    padding: 15px;
  }

  .seller-profile-completion__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }

  .seller-profile-completion a {
    grid-column: 1 / -1;
    width: 100%;
  }

  .seller-profile-completion h2,
  .seller-dashboard-quick-card h2 {
    font-size: 20px;
  }

  .seller-panel-placeholder {
    min-height: 280px;
  }

  .seller-panel-placeholder h2 {
    font-size: 25px;
  }

  .seller-tour__card {
    left: 20px !important;
    right: 20px !important;
    bottom: auto;
    width: min(350px, calc(100vw - 40px)) !important;
    min-width: 0 !important;
    max-width: min(350px, calc(100vw - 40px)) !important;
    box-sizing: border-box;
    transform: none;
    max-height: min(48dvh, 360px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 16px;
    border-radius: 18px 18px 14px 14px;
    transition: none;
  }

  .seller-tour__card--with-video {
    max-height: min(62dvh, 520px);
  }

  .seller-panel-media-field,
  .seller-panel-media-field--cover {
    min-width: 0;
    max-width: 100%;
  }

  .seller-panel-media-upload-target,
  .seller-panel-media-field--cover .seller-panel-media-upload-target {
    width: 100%;
    max-width: 100%;
  }

  .seller-panel-media-upload-target.seller-tour__target-active {
    width: min(300px, calc(100vw - 40px)) !important;
    max-width: min(300px, calc(100vw - 40px)) !important;
    min-height: 0 !important;
  }

  .seller-panel-media-field--cover .seller-panel-media-upload-target.seller-tour__target-active {
    width: min(260px, calc(100vw - 32px)) !important;
    max-width: min(260px, calc(100vw - 32px)) !important;
    min-height: 108px !important;
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: unset !important;
  }

  .seller-panel-media-field--cover .seller-panel-media-upload-target.seller-tour__target-active img,
  .seller-panel-media-field--cover .seller-panel-media-upload-target.seller-tour__target-active .seller-panel-media-placeholder,
  .seller-panel-media-field--cover .seller-panel-media-upload-target.seller-tour__target-active .seller-panel-media-placeholder--cover {
    height: 62px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .seller-panel-media-upload-target input[type="file"] {
    width: 100%;
  }

  .seller-tour__card h2 {
    font-size: 21px;
    overflow-wrap: anywhere;
  }

  .seller-tour__card p {
    overflow-wrap: anywhere;
  }

  .seller-tour__actions {
    display: grid;
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
    gap: 8px;
    position: sticky;
    bottom: -16px;
    margin: 16px -16px -16px;
    padding: 14px 16px 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 34%);
  }

  .seller-tour__link {
    width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .seller-tour__actions button {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    height: auto;
    padding: 10px 9px;
    white-space: normal;
    line-height: 1.2;
    font-size: 13px;
    overflow-wrap: anywhere;
  }

  .seller-tour__primary {
    padding-left: 8px;
    padding-right: 8px;
  }

  .seller-products-summary {
    grid-template-columns: 1fr;
  }

  .seller-products-filters {
    grid-template-columns: 1fr;
  }

  .seller-products-search {
    grid-column: auto;
  }

  .seller-products-bulk__action {
    grid-template-columns: 1fr;
  }

  .seller-products-select-visible,
  .seller-products-bulk > strong,
  .seller-products-result-count {
    width: 100%;
    margin-left: 0;
  }

  .seller-products-pagination {
    padding: 13px 14px;
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  .seller-products-pagination > div {
    justify-content: space-between;
  }

  .seller-products-pagination__numbers {
    justify-content: center;
    flex-wrap: wrap;
  }

  .seller-products-pagination button {
    min-width: 36px;
    height: 36px;
    padding: 0 9px;
  }

  .seller-products-table th,
  .seller-products-table td {
    padding: 13px 14px;
  }

  .seller-products-table__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .seller-products-table__actions a,
  .seller-products-table__actions button {
    width: 100%;
  }

  .seller-campaign-form button {
    width: 100%;
  }

  .seller-campaign-table th,
  .seller-campaign-table td {
    padding: 13px 14px;
  }

  .seller-returns-table th,
  .seller-returns-table td {
    padding: 13px 14px;
  }

  .seller-return-form {
    min-width: 300px;
  }

  .seller-return-form__row {
    grid-template-columns: 1fr;
  }

  .seller-return-form button {
    width: 100%;
  }

  .seller-reports-summary {
    grid-template-columns: 1fr;
  }

  .seller-report-month-row {
    grid-template-columns: 1fr;
  }

  .seller-reports-table th,
  .seller-reports-table td {
    padding: 13px 14px;
  }
}

@media (max-width: 420px) {
  .seller-tour__actions {
    grid-template-columns: 1fr;
  }
}

.seller-documents-page {
  display: grid;
  gap: 18px;
}

.seller-documents-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 28px;
  background: linear-gradient(135deg, #f7fff7 0%, #ffffff 68%);
}

.seller-documents-hero span,
.seller-document-upload .seller-panel-card__head span,
.seller-document-required .seller-panel-card__head span,
.seller-document-list .seller-panel-card__head span {
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.seller-documents-hero h2 {
  margin: 8px 0;
  color: var(--ink);
  font-size: 30px;
  line-height: 1.08;
}

.seller-documents-hero p {
  margin: 0;
  max-width: 720px;
  color: var(--muted);
  font-weight: 700;
}

.seller-documents-hero > strong {
  flex: 0 0 auto;
  padding: 16px 18px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #fff;
  color: var(--green);
  box-shadow: var(--shadow-soft);
}

.seller-documents-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(420px, 1.1fr);
  gap: 18px;
}

.seller-document-form {
  display: grid;
  gap: 14px;
}

.seller-document-form label {
  display: grid;
  gap: 8px;
  color: var(--ink);
  font-weight: 900;
}

.seller-document-form label span {
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
}

.seller-document-form select,
.seller-document-form input[type="file"] {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

.seller-document-form select {
  min-height: 48px;
  padding: 0 14px;
}

.seller-document-file {
  padding: 18px;
  border: 1px dashed rgba(47, 170, 56, 0.35);
  border-radius: 18px;
  background: #fbfffb;
}

.seller-document-file strong {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  font-size: 16px;
}

.seller-document-file strong i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 14px;
  background: #eaf8ea;
  color: var(--green);
}

.seller-document-file input {
  padding: 12px;
}

.seller-document-file small {
  color: var(--muted);
  font-weight: 800;
}

.seller-document-form button {
  justify-self: start;
  min-height: 48px;
  padding: 0 20px;
  border: 0;
  border-radius: 12px;
  background: var(--green);
  color: #fff;
  font-weight: 900;
  box-shadow: 0 14px 26px rgba(47, 170, 56, 0.2);
}

.seller-document-type-list {
  display: grid;
  gap: 12px;
}

.seller-document-type {
  display: grid;
  grid-template-columns: 46px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fff;
}

.seller-document-type > i {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 14px;
  background: #eef9ee;
  color: var(--green);
}

.seller-document-type strong,
.seller-document-table strong {
  display: block;
  color: var(--ink);
  font-weight: 900;
}

.seller-document-type span,
.seller-document-table span,
.seller-document-table small {
  display: block;
  color: var(--muted);
  font-weight: 700;
}

.seller-document-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 94px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: #f3f6f3;
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.seller-document-status--approved {
  background: #e8f7e8;
  color: var(--green);
}

.seller-document-status--pending {
  background: #fff6df;
  color: #9a6500;
}

.seller-document-status--rejected,
.seller-document-status--missing {
  background: #fff0f0;
  color: #b42318;
}

.seller-document-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 18px;
}

.seller-document-table {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
}

.seller-document-table th,
.seller-document-table td {
  padding: 16px;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: middle;
}

.seller-document-table tr:last-child td {
  border-bottom: 0;
}

.seller-document-table th {
  background: #f8fbf8;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.seller-document-table td {
  color: var(--ink);
  font-weight: 800;
}

.seller-media-page {
  display: grid;
  gap: 18px;
}

.seller-media-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 28px;
  background: linear-gradient(135deg, #f8fff8 0%, #ffffff 72%);
}

.seller-media-hero span {
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.seller-media-hero h2 {
  margin: 8px 0;
  color: var(--ink);
  font-size: 30px;
  line-height: 1.08;
}

.seller-media-hero p {
  margin: 0;
  max-width: 740px;
  color: var(--muted);
  font-weight: 700;
}

.seller-media-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.seller-media-summary div {
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fbfdfb;
}

.seller-media-summary span,
.seller-media-card__body span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.seller-media-summary strong {
  display: block;
  margin-top: 6px;
  color: var(--ink);
  font-size: 24px;
  font-weight: 950;
}

.seller-media-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.seller-media-card {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 38px rgba(6, 16, 6, 0.06);
}

.seller-media-card__image {
  display: block;
  aspect-ratio: 1.2 / 1;
  padding: 14px;
  background: linear-gradient(135deg, #f6fbf6 0%, #ffffff 100%);
  border-bottom: 1px solid var(--border);
}

.seller-media-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.seller-media-card__body {
  min-height: 132px;
  padding: 16px;
}

.seller-media-card__body strong {
  display: block;
  margin-top: 6px;
  color: var(--ink);
  font-size: 16px;
  font-weight: 950;
}

.seller-media-card__body small {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-weight: 750;
}

.seller-media-card__body em {
  display: inline-flex;
  margin-top: 12px;
  min-height: 28px;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  background: #eff9ed;
  color: var(--green);
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

.seller-media-card__body em.is-passive {
  background: #fff6df;
  color: #9a6500;
}

.seller-media-card__actions {
  display: grid;
  grid-template-columns: 1fr 0.55fr;
  gap: 8px;
  padding: 0 16px 16px;
}

.seller-media-card__actions a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--border);
  border-radius: 12px;
  color: var(--green);
  background: #fff;
  font-size: 13px;
  font-weight: 900;
}

.seller-media-card__actions a:first-child {
  background: #f4fbf4;
}

@media (max-width: 980px) {
  .seller-documents-hero,
  .seller-documents-grid {
    grid-template-columns: 1fr;
  }

  .seller-documents-hero {
    display: grid;
  }

  .seller-media-hero {
    display: grid;
  }

  .seller-media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .cookie-consent {
    right: 12px;
    bottom: calc(78px + env(safe-area-inset-bottom));
    width: calc(100vw - 24px);
  }

  .cookie-consent__card {
    grid-template-columns: 44px 1fr;
    padding: 14px;
  }

  .cookie-consent__icon {
    width: 44px;
    height: 44px;
    border-radius: 13px;
    font-size: 18px;
  }

  .cookie-consent__actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr;
  }

  .cookie-consent__btn {
    width: 100%;
  }

  .cookie-modal {
    padding: 12px;
  }

  .cookie-modal__dialog {
    max-height: calc(100vh - 24px);
    border-radius: 18px;
  }

  .cookie-modal__head,
  .cookie-modal__lead,
  .cookie-options,
  .cookie-modal__actions {
    padding-left: 18px;
    padding-right: 18px;
  }

  .cookie-modal__head h2 {
    font-size: 24px;
  }

  .cookie-option {
    grid-template-columns: 22px 1fr;
  }

  .cookie-option em {
    grid-column: 2;
    justify-self: start;
  }

  .seller-documents-hero {
    padding: 22px;
  }

  .seller-documents-hero h2 {
    font-size: 25px;
  }

  .seller-document-type {
    grid-template-columns: 42px 1fr;
  }

  .seller-document-type .seller-document-status {
    grid-column: 2;
    justify-self: start;
  }

  .seller-document-form button {
    width: 100%;
  }

  .seller-media-hero {
    padding: 22px;
  }

  .seller-media-hero h2 {
    font-size: 25px;
  }

  .seller-media-summary,
  .seller-media-grid {
    grid-template-columns: 1fr;
  }
}

.seller-tour-field-pulse {
  outline: 3px solid rgba(47, 172, 53, 0.85);
  outline-offset: 6px;
  box-shadow: 0 18px 42px rgba(47, 172, 53, 0.18);
}

.seller-panel-field-missing {
  border-color: rgba(47, 172, 53, 0.72) !important;
  background: linear-gradient(180deg, rgba(238, 249, 237, 0.72), rgba(255, 255, 255, 0.98)) !important;
  box-shadow: 0 14px 34px rgba(47, 172, 53, 0.1);
}

.seller-panel-field-missing > span:first-child::after,
.seller-panel-field-missing > strong:first-of-type::after {
  content: "Tamamlanmalı";
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  color: #087c17;
  background: #e8f7e6;
  font-size: 11px;
  font-weight: 950;
}

.admin-finance-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.75fr);
  gap: 18px;
  margin-bottom: 18px;
}

.admin-wallet-hero,
.admin-section-card,
.admin-payout-card,
.seller-payout-hero,
.seller-payout-summary article,
.seller-payout-form-card,
.seller-payout-orders,
.seller-payout-history {
  border: 1px solid rgba(47, 172, 53, 0.18);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(15, 35, 25, 0.06);
}

.admin-wallet-hero,
.seller-payout-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 24px;
  background: linear-gradient(120deg, #fff 0%, #f1fbef 100%);
}

.admin-wallet-hero h3,
.seller-payout-hero h2 {
  margin: 6px 0;
  font-size: 30px;
}

.admin-wallet-hero p,
.seller-payout-hero p {
  max-width: 680px;
  margin: 0;
  color: #536158;
  font-weight: 700;
}

.admin-wallet-balance,
.seller-payout-balance {
  min-width: 210px;
  padding: 20px;
  border-radius: 16px;
  text-align: right;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(47, 172, 53, 0.18);
}

.admin-wallet-balance small,
.seller-payout-balance small,
.admin-payout-meta span,
.seller-payout-summary span {
  display: block;
  color: #607068;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-wallet-balance strong,
.seller-payout-balance strong {
  display: block;
  margin-top: 4px;
  color: #087c17;
  font-size: 28px;
}

.admin-wallet-topup {
  display: grid;
  gap: 14px;
  padding: 20px;
}

.admin-wallet-topup label,
.admin-payout-form label,
.seller-payout-form label {
  display: grid;
  gap: 7px;
  color: #28362e;
  font-weight: 900;
}

.admin-wallet-topup input,
.admin-payout-form input,
.admin-payout-form select,
.seller-payout-form input,
.seller-payout-form textarea {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(47, 172, 53, 0.25);
  border-radius: 12px;
  padding: 0 14px;
  font: inherit;
  font-weight: 800;
  background: #fff;
}

.seller-payout-form textarea {
  min-height: 96px;
  padding-top: 12px;
  resize: vertical;
}

.admin-wallet-amount {
  font-weight: 950;
}

.admin-wallet-amount.is-credit {
  color: #087c17;
}

.admin-wallet-amount.is-debit {
  color: #b42318;
}

.admin-payout-card {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 160px minmax(260px, 1.2fr) minmax(360px, 1.4fr);
  gap: 18px;
  align-items: center;
  padding: 18px;
  border-radius: 14px;
  margin: 14px 18px;
}

.admin-payout-seller {
  display: flex;
  align-items: center;
  gap: 12px;
}

.admin-payout-seller img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid rgba(47, 172, 53, 0.2);
  background: #f7fbf7;
}

.admin-entity-cell {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.admin-entity-cell__avatar {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  overflow: hidden;
  background: #f7fbf7;
  border: 1px solid rgba(47, 172, 53, 0.2);
  border-radius: 14px;
  color: #28a737;
}

.admin-entity-cell__avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.admin-payout-seller .admin-entity-cell__avatar {
  width: 54px;
  height: 54px;
  flex-basis: 54px;
}

.admin-payout-seller small,
.admin-payout-meta small,
.seller-payout-order-row small,
.seller-payout-history-row small {
  display: block;
  margin-top: 4px;
  color: #607068;
  font-weight: 800;
}

.admin-payout-form {
  display: grid;
  grid-template-columns: 145px 1fr auto;
  gap: 10px;
  align-items: end;
}

.seller-payout-page {
  display: grid;
  gap: 18px;
}

.seller-wallet-topup {
  display: grid;
  grid-template-columns: minmax(260px, .75fr) minmax(420px, 1.25fr);
  gap: 26px;
  padding: 24px;
  border: 1px solid rgba(255, 119, 24, .24);
  border-radius: 20px;
  background: linear-gradient(125deg, #fff 0%, #fffaf5 52%, #f3fbf1 100%);
  box-shadow: 0 20px 50px rgba(38, 55, 43, .07);
  scroll-margin-top: 24px;
}

.seller-wallet-topup__intro > span {
  color: #e85f00;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-wallet-topup__intro h3 {
  margin: 7px 0 8px;
  font-size: 28px;
  line-height: 1.1;
}

.seller-wallet-topup__intro p {
  margin: 0;
  color: #536158;
  font-weight: 750;
  line-height: 1.55;
}

.seller-wallet-topup__balance {
  display: inline-grid;
  gap: 2px;
  min-width: 180px;
  margin-top: 22px;
  padding: 15px 17px;
  border: 1px solid rgba(47, 172, 53, .18);
  border-radius: 15px;
  background: rgba(255,255,255,.85);
}

.seller-wallet-topup__balance small {
  color: #65736a;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.seller-wallet-topup__balance strong {
  color: #087c17;
  font-size: 26px;
}

.seller-wallet-topup__form {
  display: grid;
  gap: 13px;
  padding: 20px;
  border: 1px solid rgba(47, 172, 53, .16);
  border-radius: 17px;
  background: rgba(255,255,255,.9);
}

.seller-wallet-topup__form label {
  display: grid;
  gap: 7px;
  color: #26342b;
  font-size: 13px;
  font-weight: 900;
}

.seller-wallet-topup__form input {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(47, 172, 53, .24);
  border-radius: 12px;
  background: #fbfefb;
  color: #101b14;
  font: inherit;
  font-weight: 850;
  outline: 0;
}

.seller-wallet-topup__form input:focus {
  border-color: #2fac35;
  box-shadow: 0 0 0 3px rgba(47, 172, 53, .11);
}

.seller-wallet-topup__amount > span {
  position: relative;
  display: block;
}

.seller-wallet-topup__amount input {
  padding-right: 52px;
  font-size: 18px;
}

.seller-wallet-topup__amount b {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: #087c17;
}

.seller-wallet-topup__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.seller-wallet-topup__quick button {
  padding: 8px 12px;
  border: 1px solid rgba(255, 119, 24, .28);
  border-radius: 999px;
  background: #fff8f1;
  color: #b54a00;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.seller-wallet-topup__quick button:hover {
  border-color: #ff7718;
  background: #fff1e4;
}

.seller-wallet-topup__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.seller-wallet-topup__fields .is-wide {
  grid-column: 1 / -1;
}

.seller-wallet-topup__secure {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
  border-radius: 12px;
  color: #536158;
  background: #f2faf0;
  font-size: 12px;
}

.seller-wallet-topup__secure i {
  color: #28a737;
  font-size: 19px;
}

.seller-wallet-topup__secure strong,
.seller-wallet-topup__secure span {
  display: block;
}

.seller-wallet-topup__submit {
  min-height: 50px;
  border: 0;
  border-radius: 13px;
  background: linear-gradient(135deg, #ff7718, #ec6303);
  color: #fff;
  font: inherit;
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(236, 99, 3, .2);
  cursor: pointer;
}

.seller-wallet-topup__submit:hover { filter: brightness(.96); }
.seller-panel-alert__action {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
  padding: 8px 12px;
  border: 1px solid currentColor;
  border-radius: 10px;
  color: inherit;
  text-decoration: none;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}
.seller-payout-status.is-failed,
.seller-payout-status.is-cancelled { color: #b42318; background: #fff1f1; }
.seller-payout-status.is-pending,
.seller-payout-status.is-pending_provider,
.seller-payout-status.is-processing { color: #9a5700; background: #fff5d9; }

.seller-payout-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.seller-payout-summary article {
  display: grid;
  gap: 8px;
  padding: 18px;
}

.seller-payout-summary i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #27a832;
  background: #eff9ed;
}

.seller-payout-summary strong {
  font-size: 24px;
}

.seller-payout-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr);
  gap: 18px;
}

.seller-payout-form-card,
.seller-payout-orders,
.seller-payout-history {
  padding: 22px;
}

.seller-payout-form-card > span,
.seller-payout-orders > span,
.seller-payout-history span:first-child,
.seller-payout-hero > div > span {
  color: #087c17;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.seller-payout-form {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.seller-payout-empty {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 180px;
  padding: 20px;
  border: 1px dashed rgba(47, 172, 53, 0.28);
  border-radius: 14px;
  color: #536158;
  text-align: center;
  background: #fbfefb;
}

.seller-payout-empty i {
  font-size: 28px;
  color: #27a832;
}

.seller-payout-empty.is-compact {
  min-height: 110px;
}

.seller-payout-order-row,
.seller-payout-history-row {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid rgba(47, 172, 53, 0.12);
}

.seller-payout-order-row:last-child,
.seller-payout-history-row:last-child {
  border-bottom: 0;
}

.seller-payout-order-row img {
  width: 58px;
  height: 58px;
  border-radius: 12px;
  object-fit: cover;
  background: #f4faf3;
}

.seller-payout-history-row {
  grid-template-columns: minmax(0, 1fr) auto 150px;
}

.seller-payout-status {
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  color: #087c17;
  background: #eaf8e8;
}

.seller-payout-status.is-rejected {
  color: #b42318;
  background: #fff1f1;
}

.seller-payout-status.is-paid {
  color: #075985;
  background: #e9f6ff;
}

@media (max-width: 980px) {
  .admin-finance-grid,
  .admin-payout-card,
  .admin-payout-form,
  .seller-payout-grid,
  .seller-payout-summary,
  .seller-payout-history-row {
    grid-template-columns: 1fr;
  }

  .seller-wallet-topup {
    grid-template-columns: 1fr;
  }

  .admin-wallet-hero,
  .seller-payout-hero {
    display: grid;
  }

  .admin-wallet-balance,
  .seller-payout-balance {
    text-align: left;
  }
}

@media (max-width: 620px) {
  .seller-wallet-topup { padding: 16px; }
  .seller-wallet-topup__form { padding: 15px; }
  .seller-wallet-topup__fields { grid-template-columns: 1fr; }
  .seller-wallet-topup__fields .is-wide { grid-column: auto; }
}
.seller-cargo-price-list {
  margin: 18px 0 4px;
  padding: 16px;
  border: 1px solid rgba(40, 167, 69, 0.18);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(244, 252, 244, 0.96), rgba(255, 255, 255, 0.98));
}

.seller-cargo-company-native {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.seller-order-action-form__grid > label:not(.seller-order-action-form__full) {
  display: none;
}

.seller-order-actions button[value="delivered"] {
  display: none;
}

.seller-cargo-price-list__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.seller-cargo-price-list__head span,
.seller-cargo-price-list__head small,
.seller-cargo-price-option small {
  color: #5d705f;
  font-size: 12px;
  font-weight: 700;
}

.seller-cargo-price-list__head strong {
  display: block;
  margin-top: 4px;
  color: #08230d;
  font-size: 16px;
}

.seller-cargo-price-list__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.seller-cargo-price-option {
  display: grid;
  grid-template-columns: 48px 1fr auto auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(16, 126, 45, 0.16);
  border-radius: 16px;
  background: #fff;
  color: #07160a;
  text-align: left;
  cursor: pointer;
  min-height: 76px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.seller-cargo-price-option:hover,
.seller-cargo-price-option.is-selected {
  border-color: rgba(31, 160, 55, 0.75);
  box-shadow: 0 12px 30px rgba(16, 126, 45, 0.12);
  transform: translateY(-1px);
}

.seller-cargo-price-option.is-selected {
  background: linear-gradient(135deg, #ffffff, #f1fbf2);
}

.seller-cargo-price-option__logo {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #f3fbf3;
  color: #15912b;
}

.seller-cargo-price-option__logo img {
  max-width: 38px;
  max-height: 28px;
  object-fit: contain;
}

.seller-cargo-price-option strong,
.seller-cargo-price-option b,
.seller-cargo-price-option em {
  display: block;
  font-size: 14px;
}

.seller-cargo-price-option b {
  color: #08230d;
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

.seller-cargo-price-option em {
  color: #08751d;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.seller-cargo-price-list__empty {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 244, 229, 0.9);
  color: #815300;
  font-weight: 700;
}

.floating-whatsapp-button {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 3200;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 54px;
  padding: 0 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #25d366, #128c4a);
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 18px 38px rgba(18, 140, 74, 0.28);
  isolation: isolate;
  animation: whatsappFloatIn 0.55s ease both, whatsappBreathe 2.6s ease-in-out infinite 0.8s;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.floating-whatsapp-button:hover {
  color: #fff;
  animation-play-state: paused;
  transform: translateY(-2px);
  box-shadow: 0 22px 48px rgba(18, 140, 74, 0.34);
}

.floating-whatsapp-button i {
  font-size: 24px;
  animation: whatsappIconWiggle 3.4s ease-in-out infinite 1.2s;
}

.floating-whatsapp-button__pulse {
  position: absolute;
  inset: -8px;
  z-index: -1;
  border-radius: inherit;
  background: rgba(37, 211, 102, 0.34);
  animation: whatsappPulse 2s ease-out infinite;
}

@keyframes whatsappFloatIn {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0) scale(0.92);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes whatsappBreathe {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}

@keyframes whatsappPulse {
  0% {
    opacity: 0.55;
    transform: scale(0.92);
  }
  70%,
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}

@keyframes whatsappIconWiggle {
  0%,
  78%,
  100% {
    transform: rotate(0deg);
  }
  82% {
    transform: rotate(-10deg);
  }
  86% {
    transform: rotate(10deg);
  }
  90% {
    transform: rotate(-6deg);
  }
  94% {
    transform: rotate(6deg);
  }
}

@media (max-width: 640px) {
  .seller-cargo-price-list__head {
    display: block;
  }

  .seller-cargo-price-list__head small {
    display: block;
    margin-top: 8px;
  }

  .floating-whatsapp-button {
    right: 14px;
    bottom: 88px;
    width: auto;
    height: 50px;
    min-height: 50px;
    padding: 0 15px;
    justify-content: center;
    border-radius: 999px;
    gap: 8px;
    font-size: 13px;
  }
}

/* Keep the three operational filters aligned after legacy seller-panel rules. */
.seller-order-filterbar {
  grid-template-columns: minmax(280px, 1fr) minmax(170px, 220px) minmax(170px, 220px);
}

@media (max-width: 980px) {
  .seller-order-filterbar {
    grid-template-columns: 1fr 1fr;
  }

  .seller-order-filterbar label:first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .seller-order-filterbar {
    grid-template-columns: 1fr;
  }

  .seller-order-filterbar label:first-child {
    grid-column: auto;
  }
}

.seller-list-bulk {
  display: grid;
  grid-template-columns: auto minmax(180px, 0.7fr) minmax(240px, 1.3fr) auto;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  padding: 12px;
  border: 1px solid #dbe8dc;
  border-radius: 14px;
  background: #f8fbf7;
}

.seller-list-bulk__summary {
  min-width: 120px;
  color: #526153;
  font-size: 13px;
  font-weight: 750;
}

.seller-list-bulk__summary strong {
  color: #13842a;
  font-size: 16px;
}

.seller-list-bulk select,
.seller-list-bulk input[type="text"] {
  width: 100%;
  min-height: 42px;
  border: 1px solid #d2e0d3;
  border-radius: 10px;
  background: #fff;
  color: #172018;
  padding: 0 12px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
}

.seller-list-bulk button {
  min-height: 42px;
  border: 0;
  border-radius: 10px;
  background: #24a83b;
  color: #fff;
  padding: 0 16px;
  font-weight: 850;
  cursor: pointer;
}

.seller-list-bulk button:disabled {
  background: #dce5dd;
  color: #879088;
  cursor: not-allowed;
}

.seller-list-check {
  width: 40px;
  text-align: center !important;
}

.seller-list-check input {
  width: 18px;
  height: 18px;
  accent-color: #24a83b;
  cursor: pointer;
}

[data-seller-list-bulk-table] tbody tr.is-selected {
  background: #f3faf2;
}

@media (max-width: 900px) {
  .seller-list-bulk {
    grid-template-columns: 1fr 1fr;
  }

  .seller-list-bulk input[type="text"] {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .seller-list-bulk {
    grid-template-columns: 1fr;
  }

  .seller-list-bulk input[type="text"] {
    grid-column: auto;
  }
}

/* Keep dashboard component rules above the legacy seller panel cascade. */
.seller-panel-card.seller-dashboard-recent-card {
  padding: 0;
}

.seller-dashboard-recent-card .seller-dashboard-recent-card__head {
  margin: 0;
}

.seller-dashboard-quick-card.seller-dashboard-shortcuts {
  min-height: 0;
  align-content: start;
  gap: 18px;
}

/* Dashboard summaries must override the older generic five-column stat grid. */
.seller-panel-stats.seller-panel-stats--dashboard {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.seller-panel-stats.seller-panel-stats--dashboard article {
  min-height: 88px;
  padding: 16px 18px;
  grid-template-columns: 42px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  align-items: center;
  column-gap: 13px;
  row-gap: 2px;
  border-radius: 13px;
  box-shadow: 0 12px 30px rgba(20, 59, 27, 0.045);
}

.seller-panel-stats.seller-panel-stats--dashboard article i {
  width: 42px;
  height: 42px;
  grid-column: 1;
  grid-row: 1 / 3;
  border-radius: 12px;
}

.seller-panel-stats.seller-panel-stats--dashboard article span,
.seller-panel-stats.seller-panel-stats--dashboard article strong {
  min-width: 0;
  grid-column: 2;
}

.seller-panel-stats.seller-panel-stats--dashboard article span {
  align-self: end;
  color: #647066;
  font-size: 11px;
  line-height: 1.25;
}

.seller-panel-stats.seller-panel-stats--dashboard article strong {
  align-self: start;
  overflow: hidden;
  font-size: 22px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 860px) {
  .seller-panel-stats.seller-panel-stats--dashboard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .seller-panel-stats.seller-panel-stats--dashboard {
    grid-template-columns: 1fr;
  }
}

/* Admin and seller media centers */
.seller-media-hero__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.seller-media-hero__actions .seller-panel-action-link,
.seller-media-hero__actions .seller-panel-primary-link {
  min-height: 44px;
  padding: 0 15px;
  border-radius: 12px;
}

.seller-media-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.seller-media-summary .has-warning,
.admin-media-gallery-stats .has-warning {
  border-color: #f4d7aa;
  background: #fffaf1;
}

.seller-media-summary .has-warning strong,
.admin-media-gallery-stats .has-warning strong,
.admin-media-gallery-stats .has-warning i {
  color: #a86508;
}

.seller-media-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(150px, 0.7fr)) auto;
  gap: 12px;
  align-items: end;
  padding: 18px;
}

.seller-media-toolbar label,
.admin-media-gallery-filter label {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.seller-media-toolbar label > span,
.admin-media-gallery-filter label > span {
  color: #526258;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.seller-media-toolbar input,
.seller-media-toolbar select,
.admin-media-gallery-filter input,
.admin-media-gallery-filter select {
  width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  border: 1px solid #d7e5d7;
  border-radius: 11px;
  background: #fff;
  color: #142019;
  padding: 0 12px;
  font: inherit;
  font-weight: 750;
  outline: 0;
}

.seller-media-search > div,
.admin-media-gallery-filter .is-search > div {
  position: relative;
}

.seller-media-search i,
.admin-media-gallery-filter .is-search i {
  position: absolute;
  top: 50%;
  left: 14px;
  z-index: 1;
  color: #7d8d82;
  transform: translateY(-50%);
}

.seller-media-search input,
.admin-media-gallery-filter .is-search input {
  padding-left: 40px;
}

.seller-media-toolbar input:focus,
.seller-media-toolbar select:focus,
.admin-media-gallery-filter input:focus,
.admin-media-gallery-filter select:focus {
  border-color: #35a83d;
  box-shadow: 0 0 0 4px rgba(53, 168, 61, 0.1);
}

.seller-media-toolbar__actions,
.admin-media-gallery-filter__actions {
  display: flex;
  gap: 8px;
}

.seller-media-toolbar__actions button,
.seller-media-toolbar__actions a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #cfe2cf;
  border-radius: 11px;
  padding: 0 14px;
  background: #fff;
  color: #168229;
  font-weight: 900;
  white-space: nowrap;
  cursor: pointer;
}

.seller-media-toolbar__actions button {
  border-color: #2faa35;
  background: #2faa35;
  color: #fff;
}

.seller-media-results,
.admin-media-gallery-result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 4px;
  color: #607067;
  font-size: 13px;
  font-weight: 800;
}

.seller-media-results strong,
.admin-media-gallery-result strong {
  color: #17251c;
}

.seller-media-card.is-missing,
.admin-media-gallery-card.is-missing {
  border-color: #edc9c9;
}

.seller-media-card__missing,
.admin-media-gallery-card__image > span {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  color: #a04444;
  font-size: 12px;
  font-weight: 900;
}

.seller-media-card__missing i,
.admin-media-gallery-card__image > span i {
  font-size: 28px;
  opacity: 0.7;
}

.seller-media-card__meta,
.admin-media-gallery-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.seller-media-card__meta b,
.admin-media-gallery-card__meta span {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  background: #f1f5f1;
  color: #65736a;
  font-size: 10px;
  font-weight: 850;
}

.seller-media-card__body em.is-missing {
  background: #fff0f0;
  color: #aa3333;
}

.seller-media-pagination,
.admin-media-gallery-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 4px 0 8px;
}

.seller-media-pagination a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #cfe2cf;
  border-radius: 11px;
  padding: 0 14px;
  background: #fff;
  color: #168229;
  font-weight: 900;
}

.seller-media-pagination span,
.admin-media-gallery-pagination > span {
  color: #627168;
  font-weight: 900;
}

.seller-media-pagination .is-disabled {
  opacity: 0.45;
  pointer-events: none;
}

.admin-media-gallery-stats {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.admin-media-gallery-stats article {
  position: relative;
  overflow: hidden;
  min-height: 116px;
  border: 1px solid #e1e9e2;
  border-radius: 15px;
  padding: 18px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.045);
}

.admin-media-gallery-stats span,
.admin-media-gallery-stats strong,
.admin-media-gallery-stats small {
  display: block;
}

.admin-media-gallery-stats span {
  color: #66746b;
  font-size: 12px;
  font-weight: 800;
}

.admin-media-gallery-stats strong {
  margin-top: 8px;
  color: #15221a;
  font-size: 28px;
  font-weight: 900;
}

.admin-media-gallery-stats small {
  margin-top: 3px;
  color: #8a5353;
  font-size: 11px;
  font-weight: 850;
}

.admin-media-gallery-stats .has-danger {
  border-color: #f0caca;
  background: #fff8f7;
}

.admin-media-gallery-stats .has-danger strong,
.admin-media-gallery-stats .has-danger i {
  color: #b43b36;
}

.admin-media-gallery-stats i {
  position: absolute;
  right: 16px;
  bottom: 14px;
  color: #9bcaa0;
  font-size: 25px;
}

.admin-media-gallery-filter {
  display: grid;
  grid-template-columns: minmax(260px, 1.5fr) repeat(4, minmax(145px, 0.72fr)) auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 16px;
  border: 1px solid #e1e9e2;
  border-radius: 15px;
  padding: 18px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04);
}

.admin-media-cleanup {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 15px;
  align-items: center;
  margin-bottom: 16px;
  border: 1px solid #dbe8dc;
  border-radius: 16px;
  padding: 18px;
  background: linear-gradient(135deg, #f7fcf7, #fff);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04);
}

.admin-media-cleanup.has-files {
  border-color: #f0d0c7;
  background: linear-gradient(135deg, #fffaf6, #fff);
}

.admin-media-cleanup__icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #eaf7eb;
  color: #21872e;
  font-size: 20px;
}

.admin-media-cleanup.has-files .admin-media-cleanup__icon {
  background: #fff0e8;
  color: #c3542d;
}

.admin-media-cleanup > div:nth-child(2) > span,
.admin-media-cleanup > div:nth-child(2) > strong,
.admin-media-cleanup > div:nth-child(2) > small {
  display: block;
}

.admin-media-cleanup > div:nth-child(2) > span {
  color: #288636;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.admin-media-cleanup > div:nth-child(2) > strong {
  margin-top: 3px;
  color: #17251c;
  font-size: 16px;
  font-weight: 900;
}

.admin-media-cleanup > div:nth-child(2) > small {
  margin-top: 4px;
  color: #66746b;
  font-size: 11px;
  font-weight: 700;
}

.admin-media-cleanup__actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.admin-media-cleanup__actions form {
  margin: 0;
}

.admin-media-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  margin-top: 14px;
}

.admin-media-gallery-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e0e8e1;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}

.admin-media-gallery-card.is-unused {
  border-color: #efcfbf;
}

.admin-media-unused-check {
  position: absolute;
  z-index: 3;
  top: 11px;
  right: 11px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #ebc8b8;
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(255, 255, 255, 0.96);
  color: #9e472f;
  box-shadow: 0 5px 16px rgba(73, 32, 14, 0.1);
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.admin-media-unused-check input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #c3542d;
}

.admin-media-unused-form__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  border: 1px solid #eed9cd;
  border-radius: 13px;
  padding: 12px 14px;
  background: #fffaf6;
  color: #755448;
  font-size: 12px;
  font-weight: 800;
}

.admin-media-unused-form__bar span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.admin-media-gallery-card.is-unused .admin-media-gallery-card__actions {
  grid-template-columns: 1fr;
}

.admin-approval-status-cell {
  min-width: 210px;
}

.admin-approval-status-cell > .admin-status {
  gap: 6px;
}

.admin-approval-issues {
  display: grid;
  gap: 5px;
  margin-top: 8px;
}

.admin-approval-issues span {
  display: flex;
  align-items: center;
  gap: 6px;
  border-left: 3px solid #d33c35;
  border-radius: 5px;
  padding: 5px 7px;
  background: #fff1f0;
  color: #a62420;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.25;
}

.admin-approval-note {
  display: block;
  max-width: 280px;
  margin-top: 8px;
  border-radius: 7px;
  padding: 7px 8px;
  background: #fff8e8;
  color: #79591a !important;
  font-size: 10px;
  line-height: 1.35;
}

.admin-media-gallery-card__image {
  position: relative;
  height: 190px;
  display: block;
  border-bottom: 1px solid #e9efea;
  padding: 13px;
  background: linear-gradient(145deg, #f5f9f5, #fff);
}

.admin-media-gallery-card__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.admin-media-gallery-card__image > b {
  position: absolute;
  left: 12px;
  bottom: 11px;
  max-width: calc(100% - 24px);
  overflow: hidden;
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(255, 255, 255, 0.94);
  color: #277b32;
  box-shadow: 0 4px 14px rgba(10, 50, 20, 0.11);
  font-size: 10px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-media-gallery-card__body {
  min-height: 145px;
  padding: 15px;
}

.admin-media-gallery-card__body > strong,
.admin-media-gallery-card__body > small,
.admin-media-gallery-card__body > code {
  display: block;
}

.admin-media-gallery-card__body > strong {
  overflow: hidden;
  color: #162219;
  font-size: 15px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-media-gallery-card__body > small {
  margin-top: 5px;
  overflow: hidden;
  color: #65736a;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-media-gallery-card__body > code {
  margin-top: 10px;
  overflow: hidden;
  color: #748078;
  font-family: inherit;
  font-size: 10px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-media-gallery-card__actions {
  display: grid;
  grid-template-columns: 1fr 0.55fr;
  gap: 8px;
  padding: 0 15px 15px;
}

.admin-media-gallery-card__actions a {
  min-height: 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #d3e3d4;
  border-radius: 10px;
  background: #f5faf5;
  color: #207c2c;
  font-size: 12px;
  font-weight: 850;
}

.admin-media-gallery-card__actions a:last-child {
  background: #fff;
}

.admin-media-gallery-pagination {
  margin-top: 18px;
}

@media (max-width: 1320px) {
  .admin-media-gallery-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-media-gallery-filter,
  .seller-media-toolbar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-media-gallery-filter .is-search,
  .seller-media-toolbar .seller-media-search {
    grid-column: span 2;
  }

  .admin-media-gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .seller-media-summary,
  .admin-media-gallery-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-media-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-media-cleanup {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .admin-media-cleanup__actions {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .seller-media-summary,
  .admin-media-gallery-stats,
  .seller-media-toolbar,
  .admin-media-gallery-filter,
  .seller-media-grid,
  .admin-media-gallery-grid {
    grid-template-columns: 1fr;
  }

  .admin-media-gallery-filter .is-search,
  .seller-media-toolbar .seller-media-search {
    grid-column: auto;
  }

  .admin-media-cleanup {
    grid-template-columns: 1fr;
  }

  .admin-media-cleanup__actions,
  .admin-media-unused-form__bar {
    display: grid;
    grid-template-columns: 1fr;
  }

  .admin-media-cleanup__actions,
  .admin-media-cleanup__actions form,
  .admin-media-cleanup__actions .admin-btn,
  .admin-media-unused-form__bar .admin-btn {
    width: 100%;
  }

  .seller-media-toolbar__actions,
  .admin-media-gallery-filter__actions,
  .seller-media-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .seller-media-hero__actions a,
  .seller-media-toolbar__actions > *,
  .admin-media-gallery-filter__actions > * {
    width: 100%;
  }
}

/* Admin and seller list tables: shared controls, sorting and pagination. */
.panel-smart-table__toolbar,
.panel-smart-table__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  box-sizing: border-box;
  color: #16251b;
  background: #fff;
}

.panel-smart-table__toolbar {
  min-height: 66px;
  padding: 12px 16px;
  border-top: 1px solid #edf2ed;
  border-bottom: 1px solid #e5ede6;
}

.panel-smart-table__primary,
.panel-smart-table__actions,
.panel-smart-table__pager {
  display: flex;
  align-items: center;
  gap: 10px;
}

.panel-smart-table__primary {
  flex: 1 1 320px;
  min-width: 0;
}

.panel-smart-table__search {
  position: relative;
  display: flex;
  align-items: center;
  width: min(420px, 100%);
}

.panel-smart-table__search > i {
  position: absolute;
  left: 13px;
  z-index: 1;
  color: #728178;
  font-size: 13px;
  pointer-events: none;
}

.panel-smart-table__search input,
.panel-smart-table__size select {
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #d2e0d4;
  border-radius: 10px;
  outline: none;
  background: #fbfdfb;
  color: #122019;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.panel-smart-table__search input {
  width: 100%;
  padding: 0 13px 0 38px;
}

.panel-smart-table__search input:focus,
.panel-smart-table__size select:focus {
  border-color: #49aa58;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(48, 167, 63, .11);
}

.panel-smart-table__size {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #5b6960;
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}

.panel-smart-table__size select {
  min-width: 76px;
  padding: 0 28px 0 10px;
  cursor: pointer;
}

.panel-smart-table__button,
.panel-smart-table__page {
  min-height: 40px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #cfe0d1;
  border-radius: 10px;
  background: #fff;
  color: #187d2d;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.panel-smart-table__button {
  padding: 0 13px;
}

.panel-smart-table__button:hover:not(:disabled),
.panel-smart-table__page:hover:not(:disabled) {
  border-color: #9ecda5;
  background: #f1faf2;
  transform: translateY(-1px);
}

.panel-smart-table__button:disabled,
.panel-smart-table__page:disabled {
  opacity: .48;
  cursor: not-allowed;
  transform: none;
}

.panel-smart-table__filter-note {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  border: 1px solid #e0e9e1;
  border-radius: 999px;
  color: #66746b;
  background: #f8fbf8;
  font-size: 12px;
  font-weight: 750;
}

.panel-smart-table__footer {
  min-height: 62px;
  padding: 10px 16px;
  border-top: 1px solid #e8efe9;
}

.panel-smart-table__counter {
  color: #65736a;
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}

.panel-smart-table__pager {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.panel-smart-table__page {
  min-width: 38px;
  padding: 0 11px;
}

.panel-smart-table__page.is-active {
  border-color: #2faa3f;
  background: #2faa3f;
  color: #fff;
  box-shadow: 0 7px 16px rgba(47, 170, 63, .18);
}

.panel-smart-table__ellipsis {
  min-width: 22px;
  color: #7a887e;
  text-align: center;
  font-weight: 800;
}

.panel-smart-table__row-hidden {
  display: none !important;
}

/* Order-row actions stay readable; archive is a real labelled action. */
.admin-shell .admin-order-row-actions {
  min-width: 218px !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}

.admin-shell .admin-order-row-actions .admin-btn {
  min-width: 92px !important;
  justify-content: center !important;
}

.admin-shell .admin-order-row-actions .admin-order-archive-button {
  color: #9a5a09 !important;
  background: #fff9ef !important;
  border-color: #efd4aa !important;
}

.admin-shell .admin-order-row-actions .admin-order-archive-button:hover {
  color: #784303 !important;
  background: #fff3dc !important;
  border-color: #dfb873 !important;
}

.admin-shell .admin-order-row-actions .admin-order-archive-button.is-restore {
  color: #197532 !important;
  background: #f1faf2 !important;
  border-color: #bfe0c5 !important;
}

.seller-orders-table td:last-child {
  min-width: 205px;
  white-space: nowrap;
}

.seller-order-archive-form {
  margin: 0 6px 0 0;
  vertical-align: middle;
}

.seller-order-archive-form button {
  width: auto;
  min-width: 90px;
  min-height: 36px;
  padding: 0 12px;
  color: #925505;
  background: #fff9ef;
  border-color: #efd4aa;
}

.seller-order-archive-form button:hover {
  color: #734003;
  background: #fff3dc;
  border-color: #dfb873;
}

.seller-order-archive-form button.is-restore {
  color: #197532;
  background: #f1faf2;
  border-color: #bfe0c5;
}

.seller-orders-table .seller-panel-action-link {
  min-width: 82px;
  min-height: 36px;
  box-sizing: border-box;
  vertical-align: middle;
}

th.panel-smart-table__sortable {
  position: relative;
  padding-right: 32px !important;
  cursor: pointer;
  user-select: none;
}

th.panel-smart-table__sortable:focus-visible {
  outline: 2px solid #39a84a;
  outline-offset: -3px;
}

.panel-smart-table__sort-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: #93a098;
  font-size: 11px;
  transform: translateY(-50%);
}

th.panel-smart-table__sortable[aria-sort="ascending"] .panel-smart-table__sort-icon,
th.panel-smart-table__sortable[aria-sort="descending"] .panel-smart-table__sort-icon {
  color: #23963a;
}

@media (max-width: 760px) {
  .panel-smart-table__toolbar,
  .panel-smart-table__footer {
    align-items: stretch;
    flex-direction: column;
  }

  .panel-smart-table__primary {
    flex-basis: auto;
  }

  .panel-smart-table__search,
  .panel-smart-table__actions {
    width: 100%;
  }

  .panel-smart-table__actions {
    justify-content: space-between;
  }

  .panel-smart-table__footer {
    min-height: 0;
  }

  .panel-smart-table__pager {
    justify-content: center;
  }

  .panel-smart-table__counter {
    text-align: center;
  }

  .panel-smart-table__page span {
    display: none;
  }
}

/* Searchable selects shared by the admin and seller panels */
.panel-search-select__native {
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
}

.panel-search-select {
  width: 100%;
  min-width: 0;
  position: relative;
}

.panel-search-select__trigger {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #112017;
  background: #fbfdfb;
  border: 1px solid #cfe4cb;
  border-radius: 10px;
  box-shadow: none;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  text-align: left;
  cursor: pointer;
  outline: 0;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.admin-form .panel-search-select__trigger,
.seller-product-create-form .panel-search-select__trigger,
.admin-filterbar .panel-search-select__trigger,
.seller-products-manager .panel-search-select__trigger {
  width: 100%;
}

.panel-search-select__trigger > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.panel-search-select__trigger > i {
  flex: 0 0 auto;
  color: #27942f;
  font-size: 11px;
  transition: transform .16s ease;
}

.panel-search-select__trigger:hover {
  background: #fff;
  border-color: #a8d5a3;
}

.panel-search-select.is-open .panel-search-select__trigger,
.panel-search-select__trigger:focus-visible {
  background: #fff;
  border-color: #31a53a;
  box-shadow: 0 0 0 4px rgba(49, 165, 58, .11);
}

.panel-search-select.is-open .panel-search-select__trigger > i {
  transform: rotate(180deg);
}

.panel-search-select.is-placeholder .panel-search-select__trigger > span {
  color: #f7fff6;
}

.panel-search-select.is-placeholder .panel-search-select__trigger > i {
  color: rgba(247, 255, 246, .82);
}

.panel-search-select.is-disabled {
  opacity: .62;
}

.panel-search-select.is-invalid .panel-search-select__trigger {
  border-color: #d44236;
  box-shadow: 0 0 0 4px rgba(212, 66, 54, .1);
}

.panel-search-select__panel {
  z-index: 10020;
  width: min(360px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  min-width: 0;
  min-height: 0;
  max-height: calc(100dvh - 24px);
  padding: 10px;
  position: fixed;
  display: none;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 8px;
  overflow: hidden;
  color: #122018;
  background: rgba(255, 255, 255, .985);
  border: 1px solid #cee4ca;
  border-radius: 14px;
  box-shadow: 0 24px 58px rgba(8, 47, 20, .19);
  backdrop-filter: blur(14px);
}

.panel-search-select.is-open .panel-search-select__panel {
  display: grid;
  animation: panelSearchSelectIn .14s ease-out;
}

.seller-product-create-form .panel-search-select:not(.is-open) .panel-search-select__trigger,
.admin-form .panel-search-select:not(.is-open) .panel-search-select__trigger {
  color: #fff;
  background: #33a532;
  border-color: #33a532;
}

.seller-product-create-form .panel-search-select:not(.is-open) .panel-search-select__trigger:hover,
.admin-form .panel-search-select:not(.is-open) .panel-search-select__trigger:hover {
  color: #fff;
  background: #2d942d;
  border-color: #2d942d;
}

.seller-product-create-form .panel-search-select:not(.is-open) .panel-search-select__trigger > span,
.seller-product-create-form .panel-search-select:not(.is-open) .panel-search-select__trigger > i,
.admin-form .panel-search-select:not(.is-open) .panel-search-select__trigger > span,
.admin-form .panel-search-select:not(.is-open) .panel-search-select__trigger > i {
  color: #fff;
}

.seller-product-create-form .panel-search-select.is-open .panel-search-select__trigger > span,
.seller-product-create-form .panel-search-select.is-open .panel-search-select__trigger > i,
.admin-form .panel-search-select.is-open .panel-search-select__trigger > span,
.admin-form .panel-search-select.is-open .panel-search-select__trigger > i {
  color: #16821e;
}

@keyframes panelSearchSelectIn {
  from { opacity: 0; transform: translateY(-5px) scale(.99); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.panel-search-select.opens-up .panel-search-select__panel {
  transform-origin: bottom center;
}

.panel-search-select__searchbox {
  min-height: 42px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #2a8e31;
  background: #f4faf2;
  border: 1px solid #d5e8d1;
  border-radius: 10px;
}

.panel-search-select__searchbox > i {
  flex: 0 0 auto;
  font-size: 12px;
}

.admin-form .panel-search-select__search,
.seller-product-create-form .panel-search-select__search,
.panel-search-select__search {
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 0;
  color: #142018;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  outline: 0;
}

.panel-search-select__search::-webkit-search-cancel-button {
  cursor: pointer;
}

.panel-search-select__meta {
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #667368;
  font-size: 9px;
  font-weight: 850;
}

.panel-search-select__meta small {
  color: #8a948b;
  font-size: 9px;
  font-weight: 750;
}

.panel-search-select__list {
  min-height: 0;
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 3px;
  padding-right: 3px;
  overscroll-behavior: contain;
}

.panel-search-select__list::-webkit-scrollbar {
  width: 7px;
}

.panel-search-select__list::-webkit-scrollbar-track {
  background: #eff6ed;
  border-radius: 999px;
}

.panel-search-select__list::-webkit-scrollbar-thumb {
  background: #afd5aa;
  border-radius: 999px;
}

.admin-form .panel-search-select__option,
.seller-product-create-form .panel-search-select__option,
.panel-search-select__option {
  width: 100%;
  min-height: 38px;
  padding: 7px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #17221a;
  background: transparent;
  border: 0;
  border-radius: 9px;
  box-shadow: none;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}

.panel-search-select__option > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.panel-search-select__option > i {
  display: none;
  flex: 0 0 auto;
  color: #218d2b;
  font-size: 10px;
}

.panel-search-select__option:hover,
.panel-search-select__option.is-active,
.panel-search-select__option.is-selected {
  color: #0d7518;
  background: #edf8ea;
}

.panel-search-select__option.is-selected {
  font-weight: 950;
}

.panel-search-select__option.is-selected > i {
  display: block;
}

.panel-search-select__option:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.panel-search-select__option[hidden] {
  display: none;
}

.panel-search-select__empty {
  min-height: 120px;
  display: none;
  place-items: center;
  align-content: center;
  gap: 4px;
  color: #6d786e;
  text-align: center;
}

.panel-search-select__empty.is-visible {
  display: grid;
}

.panel-search-select__empty i {
  margin-bottom: 3px;
  color: #7bb17c;
  font-size: 18px;
}

.panel-search-select__empty strong {
  color: #263329;
  font-size: 11px;
  font-weight: 900;
}

.panel-search-select__empty span {
  font-size: 9px;
  font-weight: 750;
}

@media (max-width: 520px) {
  .panel-search-select__panel {
    padding: 8px;
    border-radius: 12px;
  }
}

/* Admin marketplace finance center */
.admin-finance-page {
  display: grid;
  gap: 20px;
}

.admin-finance-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.admin-finance-stat {
  min-width: 0;
  min-height: 122px;
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 18px;
  border: 1px solid #dbe9dc;
  border-radius: 17px;
  background: linear-gradient(145deg, #ffffff 0%, #f8fcf8 100%);
  box-shadow: 0 14px 34px rgba(13, 45, 25, .055);
}

.admin-finance-stat > i {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #168d25;
  background: #eaf7e9;
}

.admin-finance-stat > div {
  min-width: 0;
}

.admin-finance-stat span,
.admin-finance-panel__eyebrow {
  display: block;
  color: #617066;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.admin-finance-stat strong {
  display: block;
  margin-top: 6px;
  color: #07150e;
  font-size: clamp(19px, 1.45vw, 26px);
  font-weight: 950;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.admin-finance-stat small {
  display: block;
  margin-top: 7px;
  color: #728078;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.admin-finance-stat.is-held > i {
  color: #9a6700;
  background: #fff5d9;
}

.admin-finance-stat.is-available > i {
  color: #087c17;
  background: #e4f7e3;
}

.admin-finance-stat.is-processing > i {
  color: #146a8d;
  background: #e9f6fb;
}

.admin-finance-stat.is-issue > i {
  color: #b42318;
  background: #fff0ee;
}

.admin-finance-panel {
  overflow: hidden;
  border: 1px solid #dce9dd;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(13, 45, 25, .05);
}

.admin-finance-panel .admin-finance-panel__head {
  min-height: 82px;
  display: flex;
  justify-content: flex-start;
  gap: 14px;
  padding: 20px 22px;
  border-bottom: 1px solid #e6eee7;
  background: linear-gradient(110deg, #ffffff 0%, #f5fbf4 100%);
}

.admin-finance-panel__head > div {
  min-width: 0;
}

.admin-finance-panel__head h3 {
  margin: 3px 0 4px;
  color: #07150e;
  font-size: 21px;
  font-weight: 950;
  line-height: 1.2;
}

.admin-finance-panel__head small {
  display: block;
  color: #647269;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.admin-finance-panel__eyebrow {
  color: #118420;
}

.admin-finance-panel__icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  border: 1px solid #cde6cd;
  border-radius: 14px;
  color: #168d25;
  background: #eaf7e9;
}

.admin-finance-panel__icon.is-orange {
  color: #b85a08;
  border-color: #f3d8bc;
  background: #fff4e9;
}

.admin-finance-panel__icon.is-blue {
  color: #17698c;
  border-color: #cce5f0;
  background: #edf8fc;
}

.admin-finance-panel__icon.is-red {
  color: #b42318;
  border-color: #f2cfcb;
  background: #fff2f0;
}

.admin-finance-panel__icon.is-purple {
  color: #6f42a7;
  border-color: #e1d4ef;
  background: #f7f1fc;
}

.admin-finance-form {
  padding: 22px;
  gap: 17px;
}

.admin-finance-form > label:not(.admin-finance-toggle) {
  align-content: start;
  color: #213027;
  font-size: 12px;
  font-weight: 900;
}

.admin-finance-form > label:not(.admin-finance-toggle) > small {
  color: #718078;
  font-size: 11px;
  font-weight: 750;
}

.admin-finance-form input:not([type="checkbox"]),
.admin-finance-form select {
  height: 48px;
  border-color: #cfe1d0;
  border-radius: 12px;
  background: #fbfdfb;
}

.admin-finance-form input:not([type="checkbox"]):hover,
.admin-finance-form select:hover {
  border-color: #a9cea9;
}

.admin-finance-toggle {
  min-height: 78px;
  display: flex !important;
  align-items: center;
  gap: 13px !important;
  padding: 13px 15px;
  border: 1px solid #d7e7d8;
  border-radius: 14px;
  background: #f8fcf8;
  cursor: pointer;
}

.admin-finance-toggle:hover {
  border-color: #abd2ad;
  background: #f3faf3;
}

.admin-finance-toggle input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 48px !important;
  height: 28px !important;
  min-height: 28px !important;
  flex: 0 0 48px;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #b8c9ba;
  border-radius: 999px;
  background: #dfe7e0;
  box-shadow: none;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease;
}

.admin-finance-toggle input[type="checkbox"]::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: 4px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 2px 7px rgba(10, 35, 20, .2);
  transition: transform .2s ease;
}

.admin-finance-toggle input[type="checkbox"]:checked {
  border-color: #2eaa38;
  background: #2eaa38;
}

.admin-finance-toggle input[type="checkbox"]:checked::after {
  transform: translateX(19px);
}

.admin-finance-toggle input[type="checkbox"]:focus-visible {
  outline: 3px solid rgba(46, 170, 56, .22);
  outline-offset: 2px;
}

.admin-finance-toggle > span {
  min-width: 0;
}

.admin-finance-toggle strong,
.admin-finance-toggle small {
  display: block;
}

.admin-finance-toggle strong {
  color: #17271d;
  font-size: 12px;
  font-weight: 950;
}

.admin-finance-toggle small {
  margin-top: 4px;
  color: #718078;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.35;
}

.admin-finance-toggle.is-compact {
  min-height: 64px;
  padding: 10px 12px;
}

.admin-finance-primary,
.admin-finance-profile__save {
  min-height: 48px;
  justify-content: center;
  border: 1px solid #2da437 !important;
  background: linear-gradient(135deg, #31ae3c, #218d2d) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(35, 145, 46, .18);
}

.admin-finance-primary {
  width: max-content;
  min-width: 220px;
  grid-column: 1 / -1;
}

.admin-finance-primary:hover,
.admin-finance-profile__save:hover {
  filter: brightness(.96);
  transform: translateY(-1px);
}

.admin-finance-panel .admin-table-scroll {
  overflow-x: auto;
  border-top: 1px solid #edf3ed;
}

.admin-finance-panel .admin-table {
  min-width: 760px;
}

.admin-finance-panel .admin-table th {
  background: #f8fbf8;
}

.admin-finance-profile {
  grid-template-columns: minmax(230px, 1.15fr) repeat(3, minmax(170px, 1fr));
  padding: 18px 22px;
  border-top: 1px solid #e8efe8;
  background: #ffffff;
}

.admin-finance-profile:nth-of-type(even) {
  background: #fbfdfb;
}

.admin-finance-profile__identity {
  min-height: 64px;
  display: flex;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid #e1ebe2;
  border-radius: 14px;
  background: #ffffff;
}

.admin-finance-profile__save {
  align-self: end;
}

.admin-finance-refunds .admin-payout-card {
  grid-template-columns: minmax(200px, 1fr) 160px minmax(240px, 1.2fr);
}

.admin-finance-refunds .admin-payout-form {
  grid-column: 1 / -1;
  grid-template-columns: minmax(260px, 1fr) auto;
  padding-top: 12px;
  border-top: 1px solid #edf2ed;
}

.admin-finance-reconciliation td form {
  min-width: 230px;
  display: grid;
  grid-template-columns: minmax(130px, 1fr) auto;
  gap: 8px;
}

.admin-finance-reconciliation td select {
  min-height: 40px;
  border: 1px solid #cfe1d0;
  border-radius: 10px;
  padding: 0 10px;
  background: #ffffff;
  font: inherit;
  font-weight: 800;
}

.admin-payout-list .admin-payout-card {
  grid-template-columns: minmax(240px, 1fr) minmax(150px, .55fr) minmax(230px, .8fr);
}

.admin-payout-list .admin-payout-form {
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(170px, 1fr)) auto;
  padding-top: 14px;
  border-top: 1px solid #e8eee8;
}

.admin-finance-panel .admin-empty {
  margin: 18px 22px 22px;
  padding: 30px 20px;
  border: 1px dashed #cfe1d0;
  border-radius: 14px;
  background: #fbfdfb;
}

@media (max-width: 1450px) {
  .admin-finance-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-finance-profile {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-payout-list .admin-payout-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .admin-finance-stats,
  .admin-finance-form,
  .admin-finance-profile,
  .admin-finance-refunds .admin-payout-card,
  .admin-payout-list .admin-payout-card,
  .admin-payout-list .admin-payout-form {
    grid-template-columns: 1fr;
  }

  .admin-finance-refunds .admin-payout-form,
  .admin-payout-list .admin-payout-form {
    grid-column: 1;
  }

  .admin-finance-primary {
    width: 100%;
  }
}

@media (max-width: 620px) {
  .admin-finance-page {
    gap: 14px;
  }

  .admin-finance-stat {
    min-height: 0;
  }

  .admin-finance-panel .admin-finance-panel__head,
  .admin-finance-form,
  .admin-finance-profile {
    padding: 16px;
  }

  .admin-finance-panel__icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }

  .admin-finance-panel__head h3 {
    font-size: 18px;
  }

  .admin-finance-toggle {
    align-items: flex-start;
  }
}