/* Sea pages — cart / PDP / checkout / listing / wishlist / auth */

.sea-page {
  padding-block: 1rem 6rem;
}

@media (min-width: 768px) {
  .sea-page {
    padding-bottom: 2rem;
  }
}

.sea-page__title {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 900;
  margin: 0 0 1rem;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.sea-page__title small {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-cart-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.sea-cart-heading__title {
  margin: 0;
  align-items: center;
}

.sea-cart-heading__title iconify-icon {
  color: var(--primary);
  font-size: 1.75rem;
}

@media (min-width: 768px) {
  .sea-cart-heading__title iconify-icon {
    font-size: 2rem;
  }
}

.sea-cart-heading__count {
  font-size: 0.875rem;
  font-weight: 800;
  color: var(--muted-foreground);
  white-space: nowrap;
}

.sea-summary-title {
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 1.125rem;
  margin: 0 0 1rem;
}

.sea-summary-list {
  gap: 0.65rem;
  margin-bottom: 1rem;
}

.sea-summary-row--ok {
  color: #059669;
  font-size: 0.75rem;
}

.sea-summary-ship.is-free {
  color: #06d6a0;
}

.sea-cart-line__was {
  margin-inline-start: 0.35rem;
  color: var(--muted-foreground);
  font-weight: 600;
  font-size: 0.85em;
}

.sea-cart-checkout {
  margin-top: 0.75rem;
}

/* —— Breadcrumb —— */
.sea-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-block: 0.75rem 0.25rem;
  margin-bottom: 0.75rem;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--muted-foreground);
  overflow-x: auto;
  white-space: nowrap;
}

.sea-breadcrumb a {
  color: inherit;
  text-decoration: none;
}

.sea-breadcrumb a:hover {
  color: var(--primary);
}

.sea-breadcrumb .sea-page__title {
  margin-bottom: 0.5rem;
}

.sea-breadcrumb__trail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--muted-foreground, #475569);
}

.sea-breadcrumb__trail a {
  color: var(--primary, #0077b6);
  text-decoration: none;
}

.sea-breadcrumb__trail a:hover {
  text-decoration: underline;
}

.sea-breadcrumb__trail li:not(:last-child)::after {
  content: '/';
  margin-inline-start: 0.35rem;
  color: rgb(100 116 139 / 70%);
}

.sea-newsletter-shortcode__form .form-control,
.sea-newsletter-shortcode__form input[type='email'] {
  border-radius: 0.75rem;
  min-height: 48px;
}

.sea-grid-2-1 {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 992px) {
  .sea-grid-2-1 {
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
    align-items: start;
  }
}

.sea-card {
  background: var(--card);
  border: 2px solid rgb(203 213 225 / 50%);
  border-radius: 1rem;
  padding: 1rem;
}

.sea-card--pad {
  padding: 1.25rem 1.5rem;
}

.sea-card--sticky {
  position: sticky;
  top: 6.5rem;
}

.sea-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* —— Cart line —— */
.sea-cart-line {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.sea-cart-line.is-sea-removing {
  opacity: 0.4;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.sea-cart-line__thumb {
  width: 5.5rem;
  height: 5.5rem;
  flex-shrink: 0;
  border-radius: 0.75rem;
  background: rgb(224 232 245 / 35%);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sea-cart-line__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.35rem;
}

.sea-cart-line__body {
  flex: 1;
  min-width: 0;
}

.sea-cart-line__title {
  font-weight: 800;
  font-size: 0.875rem;
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sea-cart-line__title:hover {
  color: var(--primary);
}

.sea-cart-line__meta {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
  margin-top: 0.25rem;
}

.sea-cart-line__price {
  font-weight: 900;
  color: var(--primary);
  margin-top: 0.5rem;
}

.sea-cart-line__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.75rem;
  flex-shrink: 0;
}

.sea-icon-trash {
  border: 0;
  background: transparent;
  color: var(--muted-foreground);
  cursor: pointer;
  padding: 0.25rem;
}

.sea-icon-trash:hover {
  color: var(--destructive);
}

/* Qty control — sea look on Botble qty widgets */
.sea-qty,
.sea-cart-line .tp-product-quantity,
.pdp-info .tp-product-quantity {
  display: inline-flex !important;
  align-items: center;
  background: var(--muted);
  border-radius: 0.75rem;
  border: 1px solid var(--border);
  margin: 0 !important;
  overflow: hidden;
}

.sea-qty button,
.sea-qty [data-bb-toggle],
.sea-cart-line .tp-cart-minus,
.sea-cart-line .tp-cart-plus,
.pdp-info .tp-cart-minus,
.pdp-info .tp-cart-plus {
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  background: transparent !important;
  font-weight: 900;
  cursor: pointer;
  color: inherit;
}

.sea-qty input,
.sea-cart-line .tp-cart-input,
.pdp-info .tp-cart-input {
  width: 2.5rem !important;
  text-align: center;
  border: 0 !important;
  background: transparent !important;
  font-weight: 900;
  font-size: 0.875rem;
  box-shadow: none !important;
}

/* Mini-cart qty: compact chips (override generic .sea-qty above) */
.cartmini__area .sea-minicart__qty-wrap .sea-qty,
.cartmini__area .sea-minicart__qty-wrap .tp-product-quantity {
  gap: 0.15rem !important;
  height: 2.125rem !important;
  min-height: 2.125rem !important;
  padding: 0.15rem !important;
  border-radius: 999px !important;
  overflow: visible !important;
  background: #f8fafc !important;
  border: 1px solid rgb(148 163 184 / 35%) !important;
}

.cartmini__area .sea-minicart__qty-wrap .sea-qty button,
.cartmini__area .sea-minicart__qty-wrap .sea-qty [data-bb-toggle],
.cartmini__area .sea-minicart__qty-wrap .tp-cart-minus,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-plus {
  width: 1.85rem !important;
  height: 1.85rem !important;
  min-width: 1.85rem !important;
  min-height: 1.85rem !important;
  border: 1px solid rgb(148 163 184 / 40%) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 2px rgb(15 23 42 / 8%);
}

.cartmini__area .sea-minicart__qty-wrap .sea-qty button:hover,
.cartmini__area .sea-minicart__qty-wrap .sea-qty [data-bb-toggle]:hover,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-minus:hover,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-plus:hover {
  background: #e0f2fe !important;
  color: var(--primary, #0077b6) !important;
}

.cartmini__area .sea-minicart__qty-wrap .sea-qty input,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-input {
  width: 1.65rem !important;
  min-width: 1.65rem !important;
  max-width: 2.25rem !important;
  height: 1.85rem !important;
  min-height: 1.85rem !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
}

.sea-summary-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.875rem;
  font-weight: 700;
}

.sea-summary-row--muted {
  color: var(--muted-foreground);
}

.sea-summary-total {
  border-top: 1px solid var(--border);
  padding-top: 0.75rem;
  margin-top: 0.75rem;
  display: flex;
  justify-content: space-between;
  font-size: 1.125rem;
  font-weight: 900;
}

.sea-summary-total strong {
  color: var(--primary);
}

.sea-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  font-weight: 900;
  font-size: 1.05rem;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  transition: opacity 0.15s, transform 0.15s;
}

.sea-btn:hover {
  opacity: 0.95;
  color: inherit;
}

.sea-btn--primary {
  background: var(--primary);
  color: #fff;
  box-shadow: 0 10px 24px rgb(0 119 182 / 28%);
}

.sea-btn--secondary {
  background: var(--secondary);
  color: var(--secondary-foreground);
  box-shadow: 0 8px 20px rgb(255 183 3 / 35%);
  border-bottom: 4px solid #d97706;
}

.sea-btn--secondary:active {
  border-bottom-width: 0;
  transform: translateY(2px);
}

.sea-btn--ghost {
  background: transparent;
  color: var(--primary);
  font-size: 0.9rem;
  padding: 0.5rem;
  width: auto;
}

.sea-link-continue {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--primary);
  font-weight: 800;
  text-decoration: none;
  margin-top: 0.5rem;
}

.sea-link-continue:hover {
  text-decoration: underline;
}

.sea-empty {
  text-align: center;
  padding: 3rem 1rem;
}

.sea-empty iconify-icon {
  font-size: 2.75rem;
  color: var(--primary);
  opacity: 0.75;
}

.sea-empty h3 {
  font-family: var(--font-heading);
  font-weight: 900;
  margin: 0.75rem 0 0.35rem;
}

.sea-empty p {
  color: var(--muted-foreground);
  font-weight: 600;
  margin: 0 0 1.1rem;
}

/* Hide desktop CTA on mobile when sticky exists */
@media (max-width: 767px) {
  .desktop-submit-only {
    display: none !important;
  }

  body.page-cart .sea-tabbar,
  body.page-checkout .sea-tabbar,
  body.page-product .sea-tabbar,
  body.single-product .sea-tabbar {
    display: none !important;
  }

  body.page-cart .sea-whatsapp,
  body.page-checkout .sea-whatsapp,
  body.single-product .sea-whatsapp,
  body.page-cart .sea-help,
  body.page-checkout .sea-help,
  body.single-product .sea-help {
    bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px));
  }
}

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

/* —— Wishlist grid —— */
.sea-wish-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

@media (min-width: 768px) {
  .sea-wish-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .sea-wish-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.sea-wish-card {
  position: relative;
}

.sea-wish-card .home-product {
  height: 100%;
}

.sea-wish-card__remove {
  position: absolute;
  top: 0.65rem;
  inset-inline-start: 0.65rem;
  z-index: 2;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  border: 0;
  background: #fff;
  color: var(--destructive);
  box-shadow: 0 4px 12px rgb(15 23 42 / 12%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* —— PDP restyle of existing Botble markup —— */
body.single-product .bb-product-detail,
body.single-product .tp-product-details-area {
  background: transparent !important;
}

body.single-product .bb-product-detail > .container,
body.single-product .tp-product-details-top {
  max-width: 1280px;
}

body.single-product .tp-product-details-thumb-wrapper,
body.single-product .tp-product-details-nav-main-thumb,
body.single-product .tp-product-details-thumb {
  border-radius: 1.25rem !important;
  overflow: hidden;
  background: rgb(224 232 245 / 30%);
  border: 1px solid rgb(203 213 225 / 40%);
}

@media (min-width: 768px) {
  body.single-product .tp-product-details-thumb-wrapper {
    border: 4px solid #fff;
    box-shadow: 0 12px 28px rgb(15 23 42 / 8%);
  }
}

body.single-product .tp-product-details-title {
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
  font-size: clamp(1.35rem, 3vw, 2.25rem) !important;
  line-height: 1.25 !important;
}

body.single-product .tp-product-details-price,
body.single-product .tp-product-details-price-wrapper .new-price {
  font-size: clamp(1.5rem, 3vw, 1.85rem) !important;
  font-weight: 900 !important;
  color: var(--primary) !important;
}

body.single-product .tp-product-details-add-to-cart-btn,
body.single-product button[data-bb-toggle="add-to-cart"].tp-product-details-add-to-cart-btn {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  border-radius: 0.75rem !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 24px rgb(0 119 182 / 28%);
}

body.single-product .tp-product-details-buy-now-btn,
body.single-product button[name="checkout"] {
  background: var(--secondary) !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 0.75rem !important;
  font-weight: 900 !important;
  border-bottom: 4px solid #d97706 !important;
}

body.single-product .tp-product-details-action-wrapper,
body.single-product .tp-product-details-action-sm {
  gap: 0.75rem !important;
}

body.single-product .tp-product-details-sticky-actions {
  display: none !important; /* replaced by .order-sticky */
}

.pdp-sea-wrap {
  padding-bottom: 5rem;
}

/* —— PDP Sea layout (gallery | info + tabs) —— */
.sea-pdp-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem 2.5rem;
  align-items: start;
}

@media (min-width: 992px) {
  .sea-pdp-layout {
    grid-template-columns: 1.18fr 0.82fr;
    gap: 2rem 3rem;
  }
}

.sea-pdp-gallery .pdp-gallery {
  position: relative;
  aspect-ratio: 1 / 1;
  background: rgb(241 245 249 / 55%);
  border-radius: 1.25rem;
  overflow: hidden;
  border: 1px solid rgb(203 213 225 / 45%);
  box-shadow: 0 8px 24px rgb(15 23 42 / 6%);
}

@media (min-width: 768px) {
  .sea-pdp-gallery .pdp-gallery {
    border-radius: 2rem;
    border-width: 4px;
    border-color: #fff;
    box-shadow: 0 12px 32px rgb(15 23 42 / 10%);
  }
}

.sea-pdp-gallery__light {
  display: block;
  width: 100%;
  height: 100%;
}

.sea-pdp-gallery__light img,
.sea-pdp-gallery .pdp-gallery img[data-sea-gallery-img] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.35rem;
  transition: transform 0.7s ease;
}

.sea-pdp-gallery .pdp-gallery:hover img[data-sea-gallery-img] {
  transform: none;
}

.sea-pdp-gallery__badge {
  position: absolute;
  top: 0.85rem;
  inset-inline-start: 0.85rem;
  z-index: 2;
  background: var(--destructive, #ef4444);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 800;
  padding: 0.35rem 0.65rem;
  border-radius: 0.65rem;
}

.sea-pdp-gallery__stage {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
  touch-action: pan-y;
}

.sea-pdp-gallery-lg {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.sea-pdp-gallery__tools {
  display: flex;
  position: absolute;
  bottom: 1.25rem;
  inset-inline-end: 1.25rem;
  flex-direction: column;
  gap: 0.5rem;
  z-index: 2;
}

.sea-pdp-gallery__tool {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  border: 0;
  background: rgb(255 255 255 / 85%);
  backdrop-filter: blur(8px);
  color: var(--primary, #0077b6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgb(15 23 42 / 12%);
  cursor: pointer;
  text-decoration: none;
}

.sea-pdp-gallery__tool:hover {
  background: #fff;
}

.sea-pdp-thumbs {
  display: flex;
  gap: 0.65rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
  margin-top: 0.75rem;
  scrollbar-width: none;
}

.sea-pdp-thumbs::-webkit-scrollbar {
  display: none;
}

.sea-pdp-thumb {
  width: 4rem;
  height: 4rem;
  flex-shrink: 0;
  border-radius: 0.85rem;
  border: 2px solid transparent;
  background: rgb(241 245 249 / 55%);
  padding: 0.35rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--muted-foreground, #64748b);
  text-decoration: none;
}

@media (min-width: 768px) {
  .sea-pdp-thumb {
    width: 5rem;
    height: 5rem;
    border-radius: 1rem;
    padding: 0.5rem;
  }
}

.sea-pdp-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.55;
}

.sea-pdp-thumb.is-active {
  border-color: var(--primary, #0077b6);
  background: #fff;
}

.sea-pdp-thumb.is-active img {
  opacity: 1;
}

.sea-pdp-thumb:hover:not(.is-active) {
  border-color: var(--accent, #00b4d8);
}

.sea-pdp-video {
  margin-top: 1rem;
}

/* —— Wholesale tiers —— */
.sea-pdp-tiers {
  margin: 1rem 0 1.25rem;
}

.sea-pdp-tiers__title {
  font-weight: 900;
  font-size: 1rem;
  margin-bottom: 0.65rem;
  color: var(--foreground, #0f172a);
}

.sea-pdp-tiers__row {
  display: flex;
  gap: 0.55rem;
  overflow-x: auto;
  padding-bottom: 0.35rem;
  scrollbar-width: thin;
}

.sea-pdp-tier {
  flex: 1 0 auto;
  min-width: 6.5rem;
  border: 2px solid rgb(203 213 225 / 55%);
  border-radius: 1rem;
  background: var(--card, #fff);
  padding: 0.65rem 0.75rem;
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
  color: inherit;
  font: inherit;
}

.sea-pdp-tier:hover,
.sea-pdp-tier.is-active,
.sea-pdp-tier.wholesale-active {
  border-color: var(--primary, #0077b6);
  background: rgb(0 119 182 / 6%);
  box-shadow: 0 6px 16px rgb(0 119 182 / 12%);
}

.sea-pdp-tier__qty {
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--muted-foreground, #64748b);
}

.sea-pdp-tier__price {
  font-size: 1rem;
  font-weight: 900;
  color: var(--primary, #0077b6);
}

.sea-pdp-tier__total {
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--foreground, #0f172a);
}

.sea-pdp-tier__save {
  font-size: 0.65rem;
  font-weight: 800;
  color: #16a34a;
}

.sea-pdp-tiers__hint {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  margin-top: 0.65rem;
  font-size: 0.75rem;
  color: var(--muted-foreground, #64748b);
  font-weight: 600;
}

.sea-pdp-tiers__badge {
  display: inline-flex;
  margin-bottom: 0.5rem;
  background: var(--primary, #0077b6);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 900;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
}

/* —— PDP tabs —— */
.sea-pdp-tabs.pdp-details {
  margin-top: 2.5rem;
}

@media (min-width: 768px) {
  .sea-pdp-tabs.pdp-details {
    margin-top: 3.5rem;
  }
}

.sea-pdp-tabs__nav {
  display: flex;
  border-bottom: 1px solid var(--border, #e2e8f0);
  margin-bottom: 1.25rem;
  overflow-x: auto;
  scrollbar-width: none;
}

.sea-pdp-tabs__nav::-webkit-scrollbar {
  display: none;
}

.sea-pdp-tabs__btn {
  appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 4px solid transparent;
  padding: 0.85rem 1.15rem;
  font-weight: 800;
  font-size: 0.9rem;
  color: var(--muted-foreground, #64748b);
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.2s, border-color 0.2s;
}

@media (min-width: 768px) {
  .sea-pdp-tabs__btn {
    padding: 1rem 1.75rem;
    font-size: 1rem;
  }
}

.sea-pdp-tabs__btn:hover {
  color: var(--foreground, #0f172a);
}

.sea-pdp-tabs__btn.is-active {
  color: var(--primary, #0077b6);
  border-bottom-color: var(--primary, #0077b6);
  font-weight: 900;
}

.sea-pdp-tabs__panel {
  display: none;
  max-width: 48rem;
}

.sea-pdp-tabs__panel.is-active {
  display: block;
}

.sea-pdp-tabs__content {
  font-size: 0.95rem;
  line-height: 1.75;
  font-weight: 600;
  color: rgb(15 23 42 / 80%);
}

@media (min-width: 768px) {
  .sea-pdp-tabs__content {
    font-size: 1.05rem;
  }
}

.sea-pdp-tabs__content.product-description-collapse,
#product-description-collapse.product-description-collapse {
  max-height: none;
  overflow: visible;
}

/* —— Checkout (plugin form chrome) —— */
body.page-checkout,
.checkout-content-wrap,
.checkout-form {
  background: var(--background) !important;
  font-family: var(--font-sans) !important;
}

.checkout-content-wrap .container,
#main-checkout-product-info,
.checkout-products-info {
  max-width: 1100px;
}

.checkout-form .form-control,
.checkout-form .form-select,
.checkout-form select,
.checkout-form input:not([type="checkbox"]):not([type="radio"]),
.checkout-form textarea {
  border-radius: 0.75rem !important;
  border: 1px solid var(--border) !important;
  background: var(--muted) !important;
  min-height: 2.75rem;
  font-weight: 600;
}

.checkout-form .form-control:focus {
  border-color: var(--primary) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgb(0 119 182 / 15%) !important;
}

.checkout-form .payment-checkout-btn,
.checkout-form button[type="submit"].payment-checkout-btn,
#checkout-form button.payment-checkout-btn {
  background: var(--secondary) !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 0.75rem !important;
  font-weight: 900 !important;
  font-size: 1.05rem !important;
  padding: 1rem !important;
  width: 100%;
  border-bottom: 4px solid #d97706 !important;
}

.checkout-form .checkout-product,
.checkout-products-list .cart-item {
  border-radius: 1rem;
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 45%);
  padding: 0.75rem !important;
  margin-bottom: 0.65rem;
}

.payment-method-wrapper .list-group-item,
.checkout-payment-methods .payment_method_item {
  border-radius: 1rem !important;
  border: 2px solid rgb(203 213 225 / 45%) !important;
  margin-bottom: 0.65rem;
  background: var(--card) !important;
}

.payment-method-wrapper .list-group-item.active,
.payment_method_item input:checked + label,
.checkout-payment-methods .payment_method_item:has(input:checked) {
  border-color: var(--primary) !important;
  background: rgb(0 119 182 / 6%) !important;
}

/* —— Products listing —— */
.sea-plp .tp-shop-top,
.sea-plp .bb-shop-top {
  background: var(--card);
  border-radius: 1rem;
  border: 1px solid rgb(203 213 225 / 45%);
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
}

.sea-plp .tp-shop-sidebar,
.sea-plp .bb-filter-offcanvas-sidebar {
  background: var(--card);
  border-radius: 1.25rem;
  border: 1px solid rgb(203 213 225 / 45%);
  padding: 1rem;
}

/* —— Auth / account —— */
.sea-auth {
  max-width: 28rem;
  margin: 2rem auto;
  width: 100%;
}

.sea-auth .sea-card {
  padding: 1.75rem;
  width: 100%;
}

.sea-auth h1 {
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 1.5rem;
  margin-bottom: 0.35rem;
  text-align: center;
}

.sea-auth .form-control {
  border-radius: 0.75rem;
  background: var(--muted);
  border: 1px solid var(--border);
  min-height: 2.85rem;
}

.sea-auth .btn-primary,
.sea-auth button[type="submit"] {
  width: 100%;
  border-radius: 0.75rem;
  background: var(--primary);
  border: 0;
  font-weight: 900;
  padding: 0.9rem;
}

/* Botble auth form nests .container > .row > .col-xl-6 — crush fix */
.sea-auth__form,
.sea-auth__form > .container,
.sea-auth__form > .container > .row,
.sea-auth .container,
.sea-auth .row {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.sea-auth [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

.sea-auth .auth-card,
.sea-auth .auth-card.card {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sea-auth .auth-card__header {
  display: none !important;
}

.sea-auth .auth-card__body {
  padding: 0 !important;
  width: 100% !important;
}

.sea-auth .auth-card__body .d-flex,
.sea-auth .auth-card__header .d-flex {
  display: block !important;
  width: 100% !important;
}

.sea-auth .mb-3,
.sea-auth .form-label,
.sea-auth .position-relative,
.sea-auth form {
  width: 100% !important;
  max-width: 100% !important;
}

.sea-auth input.form-control,
.sea-auth .form-control,
.sea-auth select.form-select {
  width: 100% !important;
  max-width: 100% !important;
  background: var(--muted) !important;
  border: 0 !important;
  border-radius: 0.85rem !important;
  min-height: 3rem !important;
  box-shadow: none !important;
}

.sea-auth .py-5 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Sea product grid works with Bootstrap .col for load-more compatibility */
.home-products.row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  margin: 0 !important;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

.home-products.row > .col {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}

/* Keep appended load-more batches in the same visual rhythm */
.home-products + .home-products {
  margin-top: 1.5rem;
}
@media (max-width: 767.98px) {
  .home-products + .home-products {
    margin-top: 0.75rem;
  }
}

@media (min-width: 768px) {
  .home-products.row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
  }
}

@media (min-width: 1200px) {
  .home-products.row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.sea-vendor-switch {
  display: inline-block;
}

.sea-vendor-switch .vendor-switcher-btn,
.sea-vendor-switch .vendor-switcher-status-text {
  border-radius: 999px !important;
  border-color: rgb(0 119 182 / 25%) !important;
  background: rgb(0 119 182 / 8%) !important;
  color: var(--primary) !important;
  font-weight: 800 !important;
}


/* Thank you — matches export-html order-success.html */
.sea-success {
  max-width: 36rem;
  margin: 2.5rem auto 3rem;
  text-align: center;
  padding: 0.5rem 0 1.5rem;
}

.sea-success__mark {
  width: 5rem;
  height: 5rem;
  margin: 0 auto 1.5rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--chart-5, #06d6a0) 20%, #fff);
  color: var(--chart-5, #06d6a0);
  display: grid;
  place-items: center;
}

.sea-success__mark iconify-icon {
  font-size: 3rem;
  width: 1em;
  height: 1em;
}

/* Track order */
.sea-track {
  max-width: 32rem;
  margin: 2rem auto;
}

.sea-track--has-result {
  max-width: 56rem;
}

.sea-track .sea-card {
  padding: 1.5rem;
}

/* Coupon details */
.order-extra summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 800;
  font-size: 0.875rem;
  padding: 0.5rem 0;
}

.order-extra summary::-webkit-details-marker {
  display: none;
}

.order-extra[open] summary {
  margin-bottom: 0.65rem;
}

.order-extra__row {
  display: flex;
  gap: 0.5rem;
}

.order-extra__row input {
  flex: 1;
  border: 0;
  background: var(--muted);
  border-radius: 0.75rem;
  padding: 0.65rem 1rem;
  font-size: 0.875rem;
}

.order-extra__row button {
  border: 0;
  background: var(--foreground);
  color: #fff;
  border-radius: 0.75rem;
  padding: 0.65rem 1rem;
  font-weight: 800;
  font-size: 0.875rem;
  cursor: pointer;
}

.sea-free-ship {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
  background: rgb(0 180 216 / 10%);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.sea-free-ship.is-unlocked {
  background: color-mix(in srgb, var(--chart-5, #06d6a0) 12%, #fff);
  color: #0f172a;
}
.sea-free-ship__title {
  margin: 0 0 0.55rem;
  font-size: 0.8rem;
  font-weight: 900;
  color: #0f172a;
  line-height: 1.35;
}
.sea-free-ship__regions {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.4rem;
}
.sea-free-ship__regions li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  padding: 0.45rem 0.55rem;
  border-radius: 0.65rem;
  background: rgb(255 255 255 / 72%);
  border: 1px solid rgb(148 163 184 / 25%);
}
.sea-free-ship__regions li.is-ok {
  border-color: color-mix(in srgb, var(--chart-5, #06d6a0) 40%, #cbd5e1);
  background: color-mix(in srgb, var(--chart-5, #06d6a0) 10%, #fff);
}
.sea-free-ship__region {
  font-weight: 900;
  color: #0f172a;
  white-space: nowrap;
}
.sea-free-ship__status {
  text-align: start;
  font-weight: 800;
  color: var(--muted-foreground, #64748b);
  line-height: 1.3;
}
.sea-free-ship__regions li.is-ok .sea-free-ship__status {
  color: #0f766e;
}
.sea-free-ship__status small {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  opacity: 0.85;
}

.sea-cod-note {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
  margin-top: 0.75rem;
}

/* Reward block inside sea cart */
.sea-reward {
  border-radius: 1rem;
  border: 1px solid rgb(203 213 225 / 50%);
  background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
  padding: 1rem;
  margin-bottom: 1rem;
}

/* —— Account shell —— */
.sea-account__layout {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 992px) {
  .sea-account__layout {
    grid-template-columns: 16rem minmax(0, 1fr);
    gap: 2rem;
    align-items: start;
  }
}

.sea-account__mobile-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 0.85rem 1rem;
  background: var(--card);
  border: 2px solid rgb(203 213 225 / 50%);
  border-radius: 1rem;
}

.sea-account__mobile-user {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.sea-account__mobile-meta {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.sea-account__mobile-meta strong {
  font-weight: 900;
  font-size: 0.95rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sea-account__mobile-meta span {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-account__menu-toggle {
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  border-radius: 999px;
  background: var(--muted);
  color: var(--primary);
  display: grid;
  place-items: center;
  cursor: pointer;
}

.sea-account__profile {
  padding: 1.1rem;
  margin-bottom: 0.85rem;
}

.sea-account__profile-head {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

.sea-account__avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  overflow: hidden;
  background: linear-gradient(145deg, var(--primary) 0%, var(--accent) 100%);
  color: #fff;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  font-weight: 900;
}

.sea-account__avatar--sm {
  width: 2.75rem;
  height: 2.75rem;
}

.sea-account__avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sea-account__name {
  margin: 0;
  font-weight: 900;
  font-size: 0.95rem;
}

.sea-account__subtitle {
  margin: 0.15rem 0 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-account__points {
  margin-top: 0.85rem;
  padding: 0.75rem 0.85rem;
  border-radius: 0.85rem;
  background: rgb(255 183 3 / 18%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 800;
}

.sea-account__points strong {
  color: var(--primary);
  font-size: 1rem;
}

.sea-account__nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.sea-account__nav-link {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.75rem 0.9rem;
  border-radius: 0.85rem;
  font-size: 0.875rem;
  font-weight: 800;
  color: inherit;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.sea-account__nav-link:hover {
  background: var(--muted);
  color: var(--primary);
}

.sea-account__nav-link.is-active {
  background: var(--primary);
  color: #fff;
}

.sea-account__nav-icon {
  width: 1.15rem;
  height: 1.15rem;
  flex-shrink: 0;
}

.sea-account__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.sea-account__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 900;
}

.sea-account__content {
  min-width: 0;
}

.sea-account-offcanvas .offcanvas-header {
  background: var(--primary);
  color: #fff;
}

.sea-account-offcanvas .btn-close {
  filter: invert(1);
}

.sea-account-offcanvas .offcanvas-body {
  padding: 1rem;
}

/* Auth card extras */
.sea-auth-card {
  text-align: center;
}

.sea-auth-card__icon {
  color: var(--primary);
  margin-bottom: 0.75rem;
}

.sea-auth-card__lead {
  margin: 0 0 1.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-auth-card__footer {
  margin: 1.25rem 0 0;
  font-size: 0.875rem;
  font-weight: 800;
}

.sea-auth-card__footer a {
  color: var(--primary);
  text-decoration: none;
}

.sea-auth-card__footer a:hover {
  text-decoration: underline;
}

/* —— Rewards —— */
.sea-rewards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.sea-rewards__hero {
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
  border: 0;
}

@media (min-width: 768px) {
  .sea-rewards__hero {
    grid-template-columns: auto 1fr auto;
    align-items: center;
  }
}

.sea-rewards__hero-icon {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 999px;
  background: rgb(255 255 255 / 18%);
  display: grid;
  place-items: center;
  color: var(--secondary);
}

.sea-rewards__hero-copy h2 {
  margin: 0 0 0.25rem;
  font-size: 1.1rem;
  font-weight: 900;
}

.sea-rewards__hero-copy p {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 700;
  opacity: 0.9;
}

.sea-rewards__balance {
  text-align: start;
}

.sea-rewards__balance strong {
  display: block;
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.1;
}

.sea-rewards__balance span,
.sea-rewards__balance small {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  opacity: 0.9;
}

.sea-rewards__stats {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.sea-rewards__stat {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
}

.sea-rewards__stat span {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-rewards__stat strong {
  display: block;
  font-size: 1.1rem;
  font-weight: 900;
}

.sea-rewards__stat-icon {
  font-size: 1.75rem;
  flex-shrink: 0;
}

.sea-rewards__stat-icon.is-primary { color: var(--primary); }
.sea-rewards__stat-icon.is-accent { color: var(--accent); }
.sea-rewards__stat-icon.is-secondary { color: var(--secondary); }

.sea-rewards__redeem-btn {
  margin-top: 0.5rem;
  border: 0;
  border-radius: 0.75rem;
  background: var(--primary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 900;
  padding: 0.45rem 0.75rem;
  cursor: pointer;
}

.sea-rewards__grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 992px) {
  .sea-rewards__grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  }
}

.sea-rewards__panel {
  padding: 1rem;
}

.sea-rewards__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

.sea-rewards__panel-head h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 900;
}

.sea-rewards__panel-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8rem;
  font-weight: 800;
  color: var(--primary);
  text-decoration: none;
}

.sea-rewards__transaction {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 0;
  border-bottom: 1px solid rgb(203 213 225 / 45%);
}

.sea-rewards__transaction:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.sea-rewards__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  font-size: 0.65rem;
  font-weight: 900;
  background: var(--muted);
  color: var(--muted-foreground);
}

.sea-rewards__badge.is-earn {
  background: rgb(6 214 160 / 15%);
  color: #059669;
}

.sea-rewards__badge.is-redeem {
  background: rgb(239 71 111 / 12%);
  color: var(--destructive);
}

.sea-rewards__transaction-desc {
  margin: 0.35rem 0 0.15rem;
  font-size: 0.85rem;
  font-weight: 700;
}

.sea-rewards__transaction-date {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-rewards__transaction-points {
  font-weight: 900;
  font-size: 0.95rem;
  white-space: nowrap;
}

.sea-rewards__transaction-points.is-positive { color: #059669; }
.sea-rewards__transaction-points.is-negative { color: var(--destructive); }

.sea-rewards__empty {
  text-align: center;
  padding: 1.5rem 0.5rem;
  color: var(--muted-foreground);
}

.sea-rewards__empty h4 {
  margin: 0.5rem 0 0.25rem;
  color: var(--foreground);
}

.sea-rewards__redemption {
  padding: 0.85rem 0;
  border-bottom: 1px dashed rgb(0 119 182 / 25%);
}

.sea-rewards__redemption:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.sea-rewards__redemption-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}

.sea-rewards__redemption p {
  margin: 0;
  font-weight: 800;
  color: var(--primary);
}

.sea-rewards__redemption small {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-rewards-modal .modal-content {
  border: 2px solid rgb(203 213 225 / 50%);
  border-radius: 1rem;
}

.sea-rewards__hero {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
  border-radius: 1.25rem;
  padding: 1.5rem 1.35rem;
  border: 0;
}
.sea-rewards__hero-label,
.sea-wallet__hero-label {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 800;
  opacity: 0.85;
}
.sea-rewards__hero-points {
  margin: 0.25rem 0 0.85rem;
  font-family: var(--font-heading, inherit);
  font-size: 2.35rem;
  font-weight: 900;
  line-height: 1.1;
}
.sea-rewards__hero-points span {
  font-size: 1rem;
}
.sea-rewards__bar {
  height: 0.45rem;
  border-radius: 999px;
  background: rgb(255 255 255 / 20%);
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.sea-rewards__bar span {
  display: block;
  height: 100%;
  background: var(--secondary);
  border-radius: 999px;
}
.sea-rewards__hero-meta,
.sea-wallet__hero-meta {
  margin: 0 0 1rem;
  font-size: 0.78rem;
  font-weight: 700;
  opacity: 0.9;
}
.sea-btn--light {
  background: #fff;
  color: var(--primary, #0077b6);
  border: 0;
  width: auto;
  min-height: 2.65rem;
  padding: 0.55rem 1.1rem;
  font-size: 0.875rem;
  box-shadow: 0 8px 20px rgb(2 48 71 / 12%);
}
.sea-btn--light:hover,
.sea-btn--light:focus-visible {
  background: #fff;
  color: var(--primary, #0077b6);
  opacity: 1;
  box-shadow: 0 10px 24px rgb(2 48 71 / 18%);
  transform: translateY(-1px);
}
.sea-btn--ghost-light {
  background: rgb(255 255 255 / 18%);
  color: #fff;
  border: 0;
  width: auto;
  min-height: 2.65rem;
  padding: 0.55rem 1.1rem;
  font-size: 0.875rem;
}
.sea-btn--ghost-light:hover,
.sea-btn--ghost-light:focus-visible {
  background: rgb(255 255 255 / 28%);
  color: #fff;
  opacity: 1;
}
.sea-wallet__hero .sea-btn--light {
  margin-top: 0.15rem;
}
.sea-rewards__stats .sea-rewards__stat {
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1.15rem;
  padding: 1.1rem 0.85rem;
}
.sea-rewards__stats .sea-rewards__stat iconify-icon {
  font-size: 2rem;
  color: var(--primary);
}
.sea-rewards__stats .sea-rewards__stat p {
  margin: 0.35rem 0 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.sea-rewards__stats .sea-rewards__stat strong {
  font-size: 0.9rem;
}
.sea-rewards__redeem-cta {
  margin-top: -0.25rem;
}
.sea-rewards__redeem-cta .sea-btn {
  width: 100%;
}
.sea-rewards__section-title {
  margin: 0 0 0.75rem;
  font-family: var(--font-heading, inherit);
  font-size: 1.1rem;
  font-weight: 900;
}
.sea-rewards__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0.5rem 0 0.75rem;
}
.sea-rewards__panel-head .sea-rewards__section-title {
  margin: 0;
}
.sea-rewards__coupons,
.sea-rewards__log {
  display: grid;
  gap: 0.65rem;
}
.sea-rewards__log {
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1.15rem;
  overflow: hidden;
  gap: 0;
}
.sea-rewards__log .sea-empty {
  border: 0;
  border-radius: 0;
}
.sea-rewards__coupon,
.sea-rewards__log-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.95rem 1.1rem;
}
.sea-rewards__coupon {
  background: var(--card);
  border: 2px dashed rgb(0 119 182 / 35%);
  border-radius: 1.15rem;
}
.sea-rewards__coupon-code {
  margin: 0;
  font-weight: 900;
  color: var(--primary);
}
.sea-rewards__coupon-meta {
  margin: 0.2rem 0 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.sea-rewards__log-row {
  border-bottom: 1px solid rgb(203 213 225 / 40%);
  font-size: 0.875rem;
  font-weight: 800;
}
.sea-rewards__log-row:last-child {
  border-bottom: 0;
}
.sea-rewards__log-row strong.is-positive { color: #059669; }
.sea-rewards__log-row strong.is-negative { color: var(--destructive); }

.sea-wallet {
  display: grid;
  gap: 1rem;
}
.sea-wallet__hero {
  background: linear-gradient(135deg, var(--primary), #023e8a);
  color: #fff;
  border-radius: 1.25rem;
  padding: 1.5rem 1.35rem;
}
.sea-wallet__hero-amount {
  margin: 0.2rem 0 0.45rem;
  font-family: var(--font-heading, inherit);
  font-size: 2.1rem;
  font-weight: 900;
  line-height: 1.1;
}
.sea-wallet__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.sea-wallet__stat {
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1.15rem;
  padding: 0.95rem 1.05rem;
}
.sea-wallet__stat span {
  display: block;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-wallet__stat strong {
  font-size: 1.05rem;
  font-weight: 900;
}
.sea-wallet__actions {
  display: grid;
  gap: 0.45rem;
}
.sea-wallet__actions a {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 3rem;
  padding: 0.7rem 0.9rem;
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 55%);
  border-radius: 1rem;
  text-decoration: none;
  color: inherit;
  font-weight: 800;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.sea-wallet__actions a:hover,
.sea-wallet__actions a:focus-visible {
  background: color-mix(in srgb, var(--primary, #0077b6) 8%, #fff);
  border-color: color-mix(in srgb, var(--primary, #0077b6) 28%, #cbd5e1);
  color: inherit;
  transform: translateY(-1px);
}
.sea-wallet__actions a iconify-icon:last-child {
  margin-inline-start: auto;
  color: var(--muted-foreground);
}

.page-account .wallet-container .wallet-section-header,
.page-account .wallet-container .wallet-header-content,
.page-account .rewards-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.page-account .wallet-transaction-item,
.page-account .rewards-transaction-item {
  display: flex;
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  background: var(--card);
  border-bottom: 1px solid rgb(203 213 225 / 40%);
}
.page-account .wallet-transactions-list,
.page-account .rewards-transactions-list {
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1.15rem;
  overflow: hidden;
}

.sea-reviews {
  display: grid;
  gap: 1rem;
}
.sea-reviews__list {
  display: grid;
  gap: 0;
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1.15rem;
  overflow: hidden;
}
.sea-reviews__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: center;
  padding: 0.95rem 1.1rem;
  border-bottom: 1px solid rgb(203 213 225 / 40%);
}
.sea-reviews__item:last-child { border-bottom: 0; }
.sea-reviews__thumb {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 0.75rem;
  background: rgb(224 232 245 / 45%);
  overflow: hidden;
}
.sea-reviews__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sea-reviews__name {
  display: block;
  font-weight: 900;
  color: inherit;
  text-decoration: none;
}
.sea-reviews__date,
.sea-reviews__comment {
  margin: 0.2rem 0 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.sea-reviews__stars-static {
  margin: 0.25rem 0 0;
  color: var(--secondary);
  display: flex;
  gap: 0.1rem;
}
.sea-reviews__stars {
  margin-top: 0.35rem;
  display: flex;
  gap: 0.15rem;
  color: var(--secondary);
  cursor: pointer;
}
.sea-reviews__delete button {
  background: none;
  border: 0;
  color: var(--destructive);
  font-weight: 800;
  font-size: 0.8rem;
  min-height: 2.5rem;
}

/* —— Stores / vendors —— */
.sea-stores__lead {
  margin: -0.35rem 0 1.25rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-stores__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.sea-stores__count {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-stores__search {
  position: relative;
  min-width: min(100%, 18rem);
}

.sea-stores__search input {
  width: 100%;
  border: 0;
  background: var(--muted);
  border-radius: 999px;
  padding: 0.65rem 2.75rem 0.65rem 1rem;
  font-size: 0.875rem;
}

.sea-stores__search button {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0.75rem;
  margin-block: auto;
  border: 0;
  background: transparent;
  color: var(--muted-foreground);
  display: grid;
  place-items: center;
  cursor: pointer;
}

.sea-stores__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
  margin-bottom: 1.5rem;
}

.sea-stores__card {
  display: block;
  padding: 1.15rem;
  text-decoration: none;
  color: inherit;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.sea-stores__card:hover {
  transform: translateY(-2px);
  border-color: rgb(0 119 182 / 35%);
  box-shadow: 0 12px 30px rgb(0 119 182 / 10%);
}

.sea-stores__card-head {
  display: flex;
  gap: 0.85rem;
  margin-bottom: 0.85rem;
}

.sea-stores__logo {
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  background: linear-gradient(135deg, rgb(0 119 182 / 10%), rgb(0 180 216 / 12%));
  display: grid;
  place-items: center;
  flex-shrink: 0;
  overflow: hidden;
  font-weight: 900;
  color: var(--primary);
}

.sea-stores__logo-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.35rem;
}

.sea-stores__card h2 {
  margin: 0;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.35;
}

.sea-stores__card p {
  margin: 0.35rem 0 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-stores__card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.8rem;
  font-weight: 800;
}

.sea-stores__card-foot span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--muted-foreground);
}

.sea-stores__visit {
  color: var(--primary) !important;
}

.sea-stores__pagination {
  margin-bottom: 1.5rem;
}

.sea-stores__cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem;
  background: rgb(255 183 3 / 12%);
  border-color: rgb(255 183 3 / 45%);
}

.sea-stores__cta h3 {
  margin: 0 0 0.25rem;
  font-size: 1rem;
  font-weight: 900;
}

.sea-stores__cta p {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-stores__cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.25rem;
  border: 0;
  border-radius: 999px;
  background: var(--secondary);
  color: var(--secondary-foreground);
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
}

/* —— Single store detail —— */
.page-store.sea-page {
  padding-top: 0;
}
.sea-store__hero {
  position: relative;
  margin-bottom: 1.25rem;
  padding: 1.25rem 0 1.75rem;
  overflow: hidden;
  background:
    radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--primary, #0077b6) 22%, transparent), transparent 55%),
    linear-gradient(160deg, #e8f4fb 0%, #f8fafc 55%, #eef6fb 100%);
}
.sea-store__hero.has-cover {
  color: #fff;
  min-height: 16rem;
}
.sea-store__hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
}
.sea-store__hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgb(2 62 138 / 55%) 0%, rgb(2 48 71 / 78%) 100%);
  opacity: 0;
}
.sea-store__hero.has-cover .sea-store__hero-overlay {
  opacity: 1;
}
.sea-store__hero-inner {
  position: relative;
  z-index: 1;
}
.sea-store__crumbs {
  margin: 0 0 1.1rem;
}
.sea-store__hero.has-cover .sea-store__crumbs a,
.sea-store__hero.has-cover .sea-store__crumbs span {
  color: rgb(255 255 255 / 92%);
}
.sea-store__identity {
  display: grid;
  grid-template-columns: 6.5rem minmax(0, 1fr);
  gap: 1rem 1.15rem;
  align-items: start;
}
@media (max-width: 640px) {
  .sea-store__identity {
    grid-template-columns: 4.75rem minmax(0, 1fr);
    gap: 0.85rem;
  }
}
.sea-store__logo {
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 1.35rem;
  overflow: hidden;
  background: #fff;
  border: 3px solid rgb(255 255 255 / 85%);
  box-shadow: 0 14px 36px rgb(15 23 42 / 16%);
}
@media (max-width: 640px) {
  .sea-store__logo {
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 1.1rem;
  }
}
.sea-store__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sea-store__eyebrow {
  margin: 0 0 0.2rem;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: var(--primary, #0077b6);
}
.sea-store__hero.has-cover .sea-store__eyebrow {
  color: #ffd166;
}
.sea-store__name {
  margin: 0;
  font-size: clamp(1.45rem, 3vw, 2rem);
  font-weight: 900;
  line-height: 1.25;
  color: var(--foreground, #0f172a);
}
.sea-store__hero.has-cover .sea-store__name {
  color: #fff;
}
.sea-store__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.85rem;
  margin-top: 0.55rem;
}
.sea-store__stat {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8125rem;
  font-weight: 800;
  color: var(--muted-foreground, #475569);
}
.sea-store__hero.has-cover .sea-store__stat {
  color: rgb(255 255 255 / 88%);
}
.sea-store__stat iconify-icon {
  font-size: 1rem;
  color: var(--primary, #0077b6);
}
.sea-store__hero.has-cover .sea-store__stat iconify-icon {
  color: #ffd166;
}
.sea-store__stat small {
  font-weight: 700;
  opacity: 0.85;
}
.sea-store__lead {
  margin: 0.65rem 0 0;
  max-width: 42rem;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.65;
  color: var(--muted-foreground, #475569);
}
.sea-store__hero.has-cover .sea-store__lead {
  color: rgb(255 255 255 / 88%);
}
.sea-store__contacts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.85rem;
}
.sea-store__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 100%;
  padding: 0.4rem 0.7rem;
  border-radius: 999px;
  background: rgb(255 255 255 / 78%);
  border: 1px solid rgb(148 163 184 / 35%);
  color: #0f172a;
  font-size: 0.78rem;
  font-weight: 800;
  text-decoration: none;
  line-height: 1.3;
}
.sea-store__hero.has-cover .sea-store__chip {
  background: rgb(255 255 255 / 14%);
  border-color: rgb(255 255 255 / 28%);
  color: #fff;
  backdrop-filter: blur(8px);
}
.sea-store__chip iconify-icon {
  flex: 0 0 auto;
  font-size: 1rem;
}
.sea-store__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  list-style: none;
  margin: 0.75rem 0 0;
  padding: 0;
}
.sea-store__socials a {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary, #0077b6) 12%, #fff);
  color: var(--primary, #0077b6);
  font-size: 0.75rem;
  font-weight: 800;
  text-decoration: none;
  text-transform: capitalize;
}
.sea-store__hero.has-cover .sea-store__socials a {
  background: rgb(255 255 255 / 16%);
  color: #fff;
}
.sea-store__body {
  padding-bottom: 2.5rem;
}
.sea-store__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  border-bottom: 1px solid rgb(203 213 225 / 55%);
  margin: 0 0 1.15rem;
  padding: 0;
}
.sea-store__tabs .nav-item {
  list-style: none;
}
.sea-store__tabs .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border: 0 !important;
  border-radius: 0.85rem 0.85rem 0 0;
  padding: 0.7rem 0.95rem;
  font-weight: 800;
  color: var(--muted-foreground, #64748b);
  background: transparent;
}
.sea-store__tabs .nav-link.active {
  color: var(--primary, #0077b6);
  background: color-mix(in srgb, var(--primary, #0077b6) 10%, #fff);
}
.sea-store__tabs .nav-link iconify-icon {
  font-size: 1.1rem;
}
.sea-store__about,
.sea-store__contact {
  padding: 1.25rem 1.15rem;
  border-radius: 1.25rem;
}
.sea-store__contact-inner {
  display: grid;
  gap: 1rem;
  max-width: 36rem;
}
.sea-store__contact-head {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
}
.sea-store__contact-head iconify-icon {
  flex: 0 0 auto;
  font-size: 1.85rem;
  color: var(--primary, #0077b6);
}
.sea-store__contact-head h2 {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 900;
}
.sea-store__contact-head p {
  margin: 0.3rem 0 0;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--muted-foreground, #64748b);
  line-height: 1.55;
}
.sea-store__contact-form .form-control,
.sea-store__contact-form textarea {
  border-radius: 0.85rem;
}
.sea-store__filters {
  position: sticky;
  top: calc(var(--sea-header-h, 4.5rem) + 0.75rem);
}
@media (max-width: 991.98px) {
  .sea-store__plp.sea-plp__grid--sidebar {
    grid-template-columns: 1fr;
  }
  .sea-store__plp .sea-plp__filters {
    position: static;
  }
}

/* Kill legacy shop banner leftovers if any plugin partial still renders */
.page-store .bb-shop-banner,
.page-store .bb-shop-detail > .bb-shop-banner {
  display: none !important;
}

/* —— Wholesale (single-column, matches export-html wholesale.html) —— */
.sea-wholesale__wrap {
  max-width: 42rem;
  margin-inline: auto;
}

.sea-wholesale__intro {
  text-align: center;
  margin-bottom: 2rem;
}

.sea-wholesale__intro-icon {
  display: block;
  font-size: 3.75rem;
  color: var(--primary);
  margin-bottom: 1rem;
}

.sea-wholesale .sea-page__title {
  display: block;
  text-align: center;
  margin: 0 0 0.5rem;
  font-size: clamp(1.65rem, 3vw, 1.875rem);
}

.sea-wholesale__intro-lead {
  margin: 0 auto;
  max-width: 28rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--muted-foreground);
  line-height: 1.7;
}

.sea-wholesale__terms {
  background: rgb(255 183 3 / 15%);
  border: 2px solid var(--secondary);
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
  font-size: 0.875rem;
  font-weight: 700;
}

.sea-wholesale__terms p {
  margin: 0 0 0.75rem;
  font-size: 1.125rem;
  font-weight: 900;
}

.sea-wholesale__terms ul {
  margin: 0;
  padding-inline-start: 1.2rem;
  color: var(--muted-foreground);
  display: grid;
  gap: 0.5rem;
}

.sea-wholesale-form {
  display: grid;
  gap: 1rem;
  padding: 1.5rem;
  border-radius: 1.5rem;
  border: 2px solid rgb(203 213 225 / 50%);
}

@media (min-width: 768px) {
  .sea-wholesale-form {
    padding: 2rem;
  }
}

.sea-wholesale-form__grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 768px) {
  .sea-wholesale-form__grid {
    grid-template-columns: 1fr 1fr;
  }
}

.sea-wholesale .wh-pro-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 900;
}

.sea-wholesale .wh-pro-label .req {
  color: var(--destructive);
}

.sea-wholesale .form-control,
.sea-wholesale .form-select {
  width: 100%;
  border-radius: 0.75rem !important;
  border: none;
  background: var(--muted);
  min-height: 2.85rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
}

.sea-wholesale textarea.form-control {
  min-height: 5.5rem;
  resize: vertical;
}

.sea-wholesale .form-control:focus,
.sea-wholesale .form-select:focus {
  border: none;
  box-shadow: 0 0 0 3px rgb(0 119 182 / 20%);
}

.sea-wholesale .form-control.is-invalid,
.sea-wholesale .form-select.is-invalid {
  box-shadow: 0 0 0 2px var(--destructive);
}

.sea-wholesale .wh-pro-submit {
  width: 100%;
  border: 0;
  border-radius: 0.75rem;
  padding: 0.9rem 1.5rem;
  background: var(--primary);
  color: #fff;
  font-size: 1.125rem;
  font-weight: 900;
  cursor: pointer;
}

.sea-wholesale .wh-pro-submit:hover {
  filter: brightness(1.05);
}

.sea-wholesale .wh-pro-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.sea-wholesale .wh-pro-alert {
  margin: 0;
  border-radius: 0.85rem;
  font-size: 0.875rem;
  font-weight: 700;
}

.sea-wholesale .wh-pro-alert.is-toast {
  position: fixed;
  inset-block-start: calc(env(safe-area-inset-top, 0px) + 5rem);
  inset-inline-end: 1rem;
  z-index: 2147483000;
  width: min(26rem, calc(100vw - 2rem));
}

.sea-wholesale .wh-pro-alert.alert-success {
  background: rgb(6 214 160 / 12%);
  color: #047857;
  border: 1px solid rgb(6 214 160 / 25%);
}

.sea-wholesale .wh-pro-alert.alert-danger {
  background: rgb(239 71 111 / 10%);
  color: #be123c;
  border: 1px solid rgb(239 71 111 / 25%);
}

.sea-wholesale .wh-pro-alert-body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.65rem;
}

.sea-wholesale .wh-pro-alert-main {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
}

.sea-wholesale .wh-pro-alert-icon {
  flex-shrink: 0;
  width: 1.15rem;
  height: 1.15rem;
  margin-top: 0.18rem;
}

.sea-wholesale .wh-pro-alert-title {
  font-weight: 900;
}

.sea-wholesale .wh-pro-alert-list {
  margin: 0.35rem 0 0;
  padding-inline-start: 1.1rem;
}

.sea-wholesale .wh-pro-alert-close {
  flex-shrink: 0;
  border: 0;
  background: transparent;
  padding: 0.2rem;
  border-radius: 0.4rem;
  opacity: 0.7;
  cursor: pointer;
  color: inherit;
}

.sea-wholesale .wh-pro-alert-close:hover {
  opacity: 1;
  background: rgb(0 0 0 / 8%);
}

.sea-wholesale .wh-pro-alert-close svg {
  width: 1rem;
  height: 1rem;
  display: block;
}

/* —— Wholesale account modal —— */
.sea-wholesale-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 1rem;
}
.sea-wholesale-modal[hidden] {
  display: none;
}
.sea-wholesale-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(15 23 42 / 55%);
}
.sea-wholesale-modal__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 40rem);
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  padding: 1.35rem 1.25rem 1.4rem;
  border-radius: 1.5rem;
  border: 2px solid rgb(203 213 225 / 45%);
  box-shadow: 0 24px 64px rgb(15 23 42 / 18%);
}
.sea-wholesale-modal__close {
  position: absolute;
  top: 0.85rem;
  inset-inline-end: 0.85rem;
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--muted, #e0e8f5);
  color: var(--muted-foreground, #64748b);
  cursor: pointer;
  z-index: 2;
}
.sea-wholesale-modal__close:hover {
  color: var(--foreground, #0f172a);
  background: color-mix(in srgb, var(--destructive, #ef476f) 12%, #fff);
}
.sea-wholesale-modal__head {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-block: 0 1rem;
  margin-inline: 0 2.25rem;
}
.sea-wholesale-modal__icon {
  width: 2.85rem;
  height: 2.85rem;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 0.85rem;
  background: color-mix(in srgb, var(--secondary, #ffb703) 22%, #fff);
  color: var(--primary, #0077b6);
  font-size: 1.45rem;
}
.sea-wholesale-modal__head h2 {
  margin: 0;
  font-family: var(--font-heading, Cairo, sans-serif);
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.35;
}
.sea-wholesale-modal__lead {
  margin: 0.2rem 0 0;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--muted-foreground, #64748b);
}
.sea-wholesale-modal__terms {
  margin-bottom: 1rem;
  padding: 1rem 1.15rem;
}
.sea-wholesale-modal__form.sea-wholesale-form {
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}
@media (min-width: 768px) {
  .sea-wholesale-modal__panel {
    padding: 1.6rem 1.65rem 1.7rem;
  }
  .sea-wholesale-modal__form.sea-wholesale-form {
    padding: 0;
  }
}

/* —— Feedback —— */
.sea-feedback-fab {
  display: none !important;
}

.sea-feedback-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 1rem;
}

.sea-feedback-modal[hidden] {
  display: none;
}

.sea-feedback-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(15 23 42 / 55%);
}

.sea-feedback-modal__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 52rem);
  max-height: calc(100vh - 2rem);
  overflow: auto;
  padding: 1.5rem;
}

.sea-feedback-modal__close {
  position: absolute;
  top: 0.85rem;
  inset-inline-end: 0.85rem;
  border: 0;
  background: transparent;
  color: var(--muted-foreground);
  cursor: pointer;
}

.sea-feedback-modal h2 {
  margin: 0 0 0.5rem;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 900;
}

.sea-feedback-modal__lead {
  margin: 0 0 1.25rem;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--muted-foreground);
  line-height: 1.65;
}

.sea-feedback-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .sea-feedback-form__grid {
    grid-template-columns: 1fr;
  }
}

.sea-feedback-form__field label {
  display: block;
  margin-bottom: 0.45rem;
  font-size: 0.8rem;
  font-weight: 900;
}

.sea-feedback-form__field input,
.sea-feedback-form__field select {
  width: 100%;
  border: 0;
  background: var(--muted);
  border-radius: 0.75rem;
  padding: 0.65rem 0.85rem;
  font-size: 0.875rem;
}

.sea-feedback-form__submit {
  width: 100%;
  border: 0;
  border-radius: 0.85rem;
  padding: 0.9rem 1rem;
  background: var(--primary);
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  cursor: pointer;
}

.sea-feedback-form__submit:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}


/* —— PLP layout —— */
body.page-products .sea-breadcrumb.home-section {
  display: block !important;
  white-space: normal;
  overflow: visible;
  padding-block: 0.85rem 0;
  margin-bottom: 0;
}
body.page-products .sea-breadcrumb .sea-page__title {
  display: none;
}
body.page-products .sea-cms-wrap > .sea-container {
  max-width: none;
  padding: 0;
}

.sea-plp__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  margin-bottom: 0.85rem;
}
.sea-plp__title {
  margin: 0 !important;
  font-size: 1.45rem;
}
.sea-plp__count {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-plp__intro {
  margin: -0.25rem 0 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.7;
  color: var(--muted-foreground);
  max-width: 46rem;
}
.sea-plp__empty {
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 0.45rem;
  padding: 2.5rem 1.25rem !important;
}
.sea-plp__empty iconify-icon {
  font-size: 2.5rem;
  color: var(--primary);
}
.sea-plp__empty h3 {
  margin: 0.35rem 0 0;
  font-weight: 900;
}
.sea-plp__empty p {
  margin: 0 0 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.sea-plp__empty .sea-btn {
  max-width: 14rem;
}

.sea-plp-subcats {
  position: relative;
  margin: 0 0 1.35rem;
}
.sea-plp-subcats__wrap {
  position: relative;
}
.sea-plp-subcats__viewport {
  overflow: hidden;
}
.sea-plp-subcats.is-overflow .sea-plp-subcats__viewport {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 1.75rem, #000 calc(100% - 1.75rem), transparent);
  mask-image: linear-gradient(90deg, transparent, #000 1.75rem, #000 calc(100% - 1.75rem), transparent);
}
.sea-plp-subcats__rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 72px;
  gap: 0.55rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  padding: 0.2rem 0.15rem 0.55rem;
  scrollbar-width: none;
  cursor: grab;
  user-select: none;
  touch-action: pan-x;
}
.sea-plp-subcats__rail::-webkit-scrollbar {
  display: none;
}
.sea-plp-subcats__rail.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
}
.sea-plp-subcats__rail.is-dragging a {
  pointer-events: none;
}
.sea-plp-subcats__rail img {
  -webkit-user-drag: none;
  pointer-events: none;
}
.sea-plp-subcats__nav {
  position: absolute;
  top: 36%;
  z-index: 3;
  width: 2.15rem;
  height: 2.15rem;
  border: 1.5px solid rgb(203 213 225 / 70%);
  border-radius: 999px;
  background: #fff;
  color: var(--primary);
  box-shadow: 0 10px 24px rgb(15 23 42 / 12%);
  display: grid;
  place-items: center;
  cursor: pointer;
  transform: translateY(-50%);
}
.sea-plp-subcats__nav.is-prev { inset-inline-start: -0.55rem; }
.sea-plp-subcats__nav.is-next { inset-inline-end: -0.55rem; }
.sea-plp-subcats__nav:hover {
  border-color: rgb(0 119 182 / 45%);
  background: color-mix(in srgb, var(--primary) 8%, white);
}
.sea-plp-subcats__nav[hidden] {
  display: none !important;
}
.sea-plp-subcats__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  scroll-snap-align: start;
  text-align: center;
  text-decoration: none !important;
  color: var(--foreground, #0f172a);
}
.sea-plp-subcats__icon {
  width: 100%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 1rem;
  border: 2px solid #fff;
  box-shadow: 0 8px 20px rgb(15 23 42 / 6%);
  background: linear-gradient(145deg, #f8fbff, #e8f4fb);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.sea-plp-subcats__item:nth-child(6n + 2) .sea-plp-subcats__icon {
  border-radius: 999px;
  background: linear-gradient(145deg, #ecfeff, #cffafe);
}
.sea-plp-subcats__item:nth-child(6n + 3) .sea-plp-subcats__icon {
  background: linear-gradient(145deg, #fffbeb, #fef3c7);
}
.sea-plp-subcats__item:nth-child(6n + 4) .sea-plp-subcats__icon {
  border-radius: 999px;
  background: linear-gradient(145deg, #fff1f2, #ffe4e6);
}
.sea-plp-subcats__item:nth-child(6n + 5) .sea-plp-subcats__icon {
  background: linear-gradient(145deg, #ecfdf5, #d1fae5);
}
.sea-plp-subcats__item:nth-child(6n) .sea-plp-subcats__icon {
  border-radius: 999px;
  background: linear-gradient(145deg, #eef2ff, #e0e7ff);
}
.sea-plp-subcats__icon img {
  width: 62%;
  height: 62%;
  object-fit: contain;
}
.sea-plp-subcats__label {
  width: 100%;
  font-size: 0.6875rem;
  font-weight: 800;
  line-height: 1.25;
  color: var(--foreground);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sea-plp-subcats__item:hover .sea-plp-subcats__icon,
.sea-plp-subcats__item.is-active .sea-plp-subcats__icon {
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgb(15 23 42 / 10%);
  border-color: color-mix(in srgb, var(--primary) 35%, #fff);
}
.sea-plp-subcats__item:hover .sea-plp-subcats__label,
.sea-plp-subcats__item.is-active .sea-plp-subcats__label {
  color: var(--primary);
}

@media (min-width: 768px) {
  .sea-plp-subcats__rail {
    grid-auto-columns: 88px;
    gap: 0.75rem;
  }
  .sea-plp-subcats__item {
    gap: 0.5rem;
  }
  .sea-plp-subcats__icon {
    border-width: 3px;
    border-radius: 1.15rem;
    box-shadow: 0 8px 18px rgb(15 23 42 / 6%);
  }
  .sea-plp-subcats__item:nth-child(even) .sea-plp-subcats__icon {
    border-radius: 999px;
  }
  .sea-plp-subcats__label {
    font-size: 0.75rem;
  }
  .sea-plp-subcats__nav {
    width: 2.35rem;
    height: 2.35rem;
  }
}

@media (max-width: 767px) {
  .sea-plp-subcats__label {
    font-size: 0.72rem;
  }
}

.sea-plp__grid {
  display: grid;
  gap: 1.25rem;
}
.sea-plp__grid--sidebar {
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  /* overflow-x:hidden on body creates a scroll containment that kills sticky */
  body.sea-body.page-products {
    overflow-x: clip;
  }
  .sea-plp__grid--sidebar {
    grid-template-columns: 17.5rem minmax(0, 1fr);
    align-items: start;
    gap: 1.5rem;
  }
  .sea-plp__grid--sidebar-end {
    grid-template-columns: minmax(0, 1fr) 17.5rem;
  }
  .sea-plp__grid--sidebar-end .sea-plp__filters {
    order: 2;
  }
  .sea-plp__filters {
    position: sticky;
    top: calc(var(--sea-header-h, 9.25rem) + 0.75rem);
    align-self: start;
    z-index: 4;
    height: calc(100dvh - var(--sea-header-h, 9.25rem) - 1.5rem);
    max-height: calc(100vh - var(--sea-header-h, 9.25rem) - 1.5rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
}
.sea-plp__filters .bb-filter-offcanvas-sidebar,
.sea-plp__filters .tp-shop-sidebar,
.sea-plp .bb-filter-offcanvas-sidebar,
.sea-plp .tp-shop-sidebar {
  background: var(--card) !important;
  border-radius: 1.25rem !important;
  border: 1px solid rgb(203 213 225 / 45%) !important;
  padding: 1rem !important;
  box-shadow: none !important;
}
.sea-plp__toolbar {
  padding: 0.65rem 0.85rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  border: 1px solid rgb(203 213 225 / 45%);
}
.sea-plp__toolbar .tp-shop-top,
.sea-plp__toolbar .bb-shop-top {
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.sea-plp__items .home-products,
.sea-plp__items .row {
  --bs-gutter-x: 0.85rem;
}
.sea-plp__items .home-products--list {
  grid-template-columns: 1fr !important;
}

.bb-product-filter-result {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.85rem;
}
.bb-product-filter-clear,
.bb-product-filter-clear-all {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary) 10%, #fff);
  color: var(--primary) !important;
  font-size: 0.75rem;
  font-weight: 800;
  text-decoration: none !important;
  border: 1px solid color-mix(in srgb, var(--primary) 22%, transparent);
}
.bb-product-filter-clear-all {
  background: var(--muted);
  color: var(--foreground) !important;
  border-color: transparent;
}

.sea-plp-filter--brands .sea-plp-check-list {
  max-height: 16rem;
  overflow: auto;
  padding-inline-end: 0.25rem;
}
@media (min-width: 992px) {
  .sea-plp-filter--brands .sea-plp-check-list {
    max-height: none;
    overflow: visible;
  }
}
.sea-plp__filter-fab {
  position: fixed !important;
  bottom: 5.5rem;
  inset-inline-start: 1rem;
  z-index: 40;
  display: inline-flex !important;
  align-items: center;
  gap: 0.4rem;
  background: var(--primary) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0.75rem 1.1rem !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 24px rgb(0 119 182 / 35%) !important;
}
@media (min-width: 992px) {
  .sea-plp__filter-fab { display: none !important; }
}

/* —— Dashboard overview —— */
.sea-dash { display: grid; gap: 1rem; }
.page-account .sea-account__header {
  justify-content: space-between;
  text-align: start;
}
.page-account .sea-account__title {
  width: auto;
  text-align: start;
}
.sea-dash__welcome {
  padding: 1.25rem 1.35rem;
  display: grid;
  gap: 1rem;
  border-radius: 1.15rem;
  border: 1px solid rgb(0 180 216 / 18%);
  background:
    linear-gradient(135deg, rgb(224 242 254 / 92%) 0%, rgb(240 248 255 / 96%) 55%, #fff 100%);
  box-shadow: 0 8px 24px rgb(0 119 182 / 6%);
}
@media (min-width: 768px) {
  .sea-dash__welcome {
    grid-template-columns: 1fr auto;
    align-items: center;
  }
}
.sea-dash__welcome-main {
  display: flex;
  align-items: center;
  gap: 0.95rem;
}
.sea-dash__avatar { position: relative; }
.sea-dash__avatar.sea-account__avatar,
.sea-dash .sea-account__avatar {
  width: 3.35rem;
  height: 3.35rem;
  background: linear-gradient(145deg, var(--primary) 0%, var(--accent) 100%);
  box-shadow: 0 6px 16px rgb(0 119 182 / 22%);
}
.sea-dash__avatar-edit {
  position: absolute;
  inset-inline-end: -0.15rem;
  bottom: -0.15rem;
}
.sea-dash__avatar-edit input { display: none; }
.sea-dash__avatar-edit label {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  background: var(--primary);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  border: 2px solid #fff;
}
.sea-dash__hello {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 900;
  color: var(--foreground);
}
.sea-dash__hello strong { color: var(--primary); }
.sea-dash__sub {
  margin: 0.3rem 0 0;
  font-size: 0.85rem;
  color: var(--muted-foreground);
  font-weight: 600;
}
.sea-dash__stats {
  display: flex;
  gap: 0.65rem;
  flex-wrap: wrap;
}
.sea-dash__stat {
  background: #fff;
  border: 1px solid rgb(203 213 225 / 55%);
  border-radius: 1rem;
  padding: 0.75rem 1rem;
  min-width: 7rem;
  box-shadow: 0 4px 12px rgb(15 23 42 / 4%);
}
.sea-dash__stat span {
  display: block;
  font-size: 0.7rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-dash__stat strong {
  font-size: 1.1rem;
  font-weight: 900;
  color: var(--primary);
}
.sea-dash__quick {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .sea-dash__quick { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.sea-dash__quick-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 1.1rem 1.15rem;
  text-decoration: none;
  color: inherit;
  font-weight: 800;
  font-size: 0.92rem;
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1rem;
  box-shadow: 0 6px 18px rgb(15 23 42 / 4%);
  transition: border-color .2s, transform .15s, box-shadow .2s, color .15s;
}
.sea-dash__quick-card:hover {
  border-color: rgb(0 119 182 / 35%);
  transform: translateY(-2px);
  color: var(--primary);
  box-shadow: 0 10px 24px rgb(0 119 182 / 10%);
}
.sea-dash__quick-card iconify-icon { color: var(--primary); }
.sea-dash__orders {
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1.1rem;
  padding: 1.15rem 1.25rem;
  box-shadow: 0 6px 18px rgb(15 23 42 / 4%);
}
.sea-dash__section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.85rem;
}
.sea-dash__section-head h3 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 900;
}
.sea-dash__section-head a {
  font-weight: 800;
  color: var(--primary);
  text-decoration: none;
  font-size: 0.85rem;
}
.sea-order-card {
  border: 1px solid rgb(203 213 225 / 40%);
  border-radius: 1rem;
  padding: 0.95rem 1.05rem;
  margin-bottom: 0.65rem;
  background: rgb(240 248 255 / 78%);
}
.sea-order-card:last-child { margin-bottom: 0; }
.sea-order-card__top,
.sea-order-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.sea-order-card__code { margin: 0; font-weight: 900; }
.sea-order-card__date {
  margin: 0.15rem 0 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.sea-order-card__status {
  background: rgb(0 119 182 / 12%);
  color: var(--primary);
  font-size: 0.7rem;
  font-weight: 900;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  white-space: nowrap;
}
.sea-order-card__status.is-processing {
  background: rgb(0 180 216 / 15%);
  color: var(--accent);
}
.sea-order-card__status.is-done {
  background: rgb(6 214 160 / 15%);
  color: #059669;
}
.sea-order-card__status.is-canceled {
  background: rgb(148 163 184 / 18%);
  color: #64748b;
}
.sea-order-card__status.is-pending {
  background: rgb(255 183 3 / 18%);
  color: #b45309;
}
.sea-order-card__bottom { margin-top: 0.65rem; }
.sea-order-card__bottom strong {
  font-weight: 900;
  color: var(--primary);
}
.sea-order-card__bottom a {
  font-weight: 800;
  color: var(--primary);
  text-decoration: none;
}

/* —— Account shell (all customer pages) —— */
body.page-account .sea-account__content {
  padding: 0;
  width: 100%;
  max-width: none;
}

.app-mobile-only .sea-account-desk__nav {
  background: transparent;
  border: 0;
  padding: 0;
  gap: 0.45rem;
  margin-bottom: 1.25rem;
}
.app-mobile-only .sea-account-desk__nav a {
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 55%);
}

.sea-account-desk__avatar--sm {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
}

.sea-account-orders {
  display: grid;
  gap: 0.75rem;
}

.app-order-card {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "meta status"
    "thumbs thumbs"
    "price action";
  align-items: center;
  column-gap: 0.75rem;
  row-gap: 0.65rem;
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1.15rem;
  padding: 0.9rem 1rem;
  text-decoration: none;
  color: inherit;
}
.app-order-card:hover,
.app-order-card:focus-visible {
  border-color: rgb(0 119 182 / 35%);
}
.app-order-card:focus-visible {
  outline: 2px solid var(--accent, #00b4d8);
  outline-offset: 2px;
}
.app-order-card__thumbs { grid-area: thumbs; }
.app-order-card__meta { grid-area: meta; min-width: 0; }
.app-order-card .sea-order-card__status { grid-area: status; justify-self: end; }
.app-order-card__price { grid-area: price; }
.app-order-card__action { grid-area: action; justify-self: end; }

.app-order-card__code {
  margin: 0;
  font-weight: 900;
  font-size: 0.9rem;
}
.app-order-card__date {
  margin: 0.15rem 0 0;
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.app-order-card__thumbs {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
.app-order-card__thumb {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.7rem;
  background: rgb(224 232 245 / 45%);
  padding: 0.2rem;
  overflow: hidden;
  flex-shrink: 0;
}
.app-order-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app-order-card__more {
  font-size: 0.7rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
.app-order-card__price {
  font-weight: 900;
  color: var(--primary);
}
.app-order-card__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0 0.9rem;
  border-radius: 999px;
  background: rgb(0 119 182 / 10%);
  color: var(--primary);
  font-weight: 800;
  font-size: 0.8rem;
}

.sea-account-desk {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
  width: 100%;
}
@media (min-width: 768px) {
  body.page-account-overview .sea-account-desk,
  .sea-account-desk {
    display: grid !important;
    grid-template-columns: 16.5rem minmax(0, 1fr);
    gap: 1.75rem;
  }
}
.sea-account-desk__aside {
  width: 100%;
}
@media (min-width: 768px) {
  .sea-account-desk__aside {
    position: sticky;
    top: 6.5rem;
  }
}
.sea-account-desk__profile {
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1.15rem;
  padding: 1.1rem 1.15rem;
  margin-bottom: 0.75rem;
}
.sea-account-desk__profile-head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.sea-account-desk__avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  background: var(--primary);
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 1.15rem;
  flex-shrink: 0;
}
.sea-account-desk__name {
  margin: 0;
  font-weight: 900;
}
.sea-account-desk__role {
  margin: 0.15rem 0 0;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-account-desk__points {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  background: rgb(255 183 3 / 20%);
  border-radius: 0.85rem;
  padding: 0.7rem 0.85rem;
}
.sea-account-desk__points span {
  font-size: 0.75rem;
  font-weight: 800;
}
.sea-account-desk__points strong {
  font-weight: 900;
  color: var(--primary);
}
.sea-account-desk__nav {
  display: grid;
  gap: 0.25rem;
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1.15rem;
  padding: 0.45rem;
}
.sea-account-desk__nav a {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 2.75rem;
  padding: 0.55rem 0.85rem;
  border-radius: 0.8rem;
  text-decoration: none;
  color: inherit;
  font-weight: 800;
  font-size: 0.875rem;
}
.sea-account-desk__nav a:hover,
.sea-account-desk__nav a:focus-visible {
  background: var(--muted, #e0e8f5);
}
.sea-account-desk__nav a.is-active {
  background: var(--primary);
  color: #fff;
}
.sea-account-desk__nav a.is-danger {
  color: var(--destructive);
}
.sea-account-desk__nav a.is-danger:hover,
.sea-account-desk__nav a.is-danger:focus-visible {
  background: rgb(239 71 111 / 10%);
}
.sea-account-desk__nav iconify-icon {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.sea-account-desk__nav .is-gold { color: var(--secondary); }
.sea-account-desk__nav .is-heart { color: var(--destructive); }
.sea-account-desk__nav .is-accent { color: var(--accent); }
.sea-account-desk__nav a.is-active iconify-icon {
  color: inherit;
}
.sea-account-desk__main {
  min-width: 0;
  width: 100%;
}
.sea-account-desk__main-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.sea-account-desk__heading {
  margin: 0;
  font-family: var(--font-heading, inherit);
  font-size: 1.1rem;
  font-weight: 900;
}
.sea-account-desk__main .sea-account-desk__heading {
  font-size: 1.35rem;
  margin-bottom: 0.25rem;
}
.sea-account-desk__stats {
  display: flex;
  gap: 0.75rem;
  font-size: 0.8rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-account-desk__all {
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0 0.95rem;
  border-radius: 999px;
  font-weight: 800;
  color: var(--primary);
  text-decoration: none;
  background: rgb(0 119 182 / 8%);
}
.sea-account-desk__all:hover {
  background: rgb(0 119 182 / 14%);
}

@media (min-width: 768px) {
  .sea-account-orders--desk {
    gap: 0;
    background: var(--card);
    border: 1px solid rgb(203 213 225 / 50%);
    border-radius: 1.15rem;
    overflow: hidden;
  }
  .app-order-card--desk {
    grid-template-columns: auto minmax(0, 1fr) auto auto auto;
    grid-template-areas: "thumbs meta status price action";
    column-gap: 1rem;
    row-gap: 0;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid rgb(203 213 225 / 40%);
    padding: 0.85rem 1.15rem;
    min-height: 4.75rem;
  }
  .app-order-card--desk:last-child {
    border-bottom: 0;
  }
  .app-order-card--desk:hover,
  .app-order-card--desk:focus-visible {
    background: rgb(240 248 255 / 85%);
  }
  .app-order-card--desk .app-order-card__thumb {
    width: 3rem;
    height: 3rem;
  }
  .app-order-card--desk .app-order-card__code {
    font-size: 0.95rem;
  }
  .app-order-card--desk:not(:has(.app-order-card__thumbs)) {
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    grid-template-areas: "meta status price action";
  }
}

.page-account .nav-tabs {
  display: flex;
  gap: 0.45rem;
  border: 0;
  margin-bottom: 1.25rem;
}
.page-account .nav-tabs .nav-link {
  border: 1px solid rgb(203 213 225 / 55%);
  border-radius: 999px;
  font-weight: 800;
  color: inherit;
  min-height: 2.5rem;
  padding: 0.45rem 1rem;
  display: inline-flex;
  align-items: center;
}
.page-account .nav-tabs .nav-link.active {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.page-account .customer-order-detail .btn,
.page-account .bb-order-actions .btn {
  min-height: 2.65rem;
  border-radius: 0.85rem;
  font-weight: 800;
}
.page-account .bb-order-title {
  display: none;
}

.sea-account-offcanvas .sea-account-desk__nav {
  background: transparent;
  border: 0;
  padding: 0;
}

.page-account .wallet-container,
.page-account .wallet-header-card,
.page-account .wallet-stat-card {
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1.15rem;
}
.page-account .wallet-header-card,
.page-account .wallet-stat-card {
  padding: 1.15rem;
  box-shadow: none;
}

.page-account .sea-account__content .form-control,
.page-account .sea-account__content .form-select,
.page-account .sea-account__content textarea {
  min-height: 2.85rem;
  border-radius: 0.85rem;
}
.page-account .sea-account__content button[type="submit"].btn-primary,
.page-account .sea-account__content .btn-primary {
  min-height: 2.85rem;
  border-radius: 0.85rem;
  font-weight: 900;
}

.page-account .sea-account__content > form {
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1.15rem;
  padding: 1.25rem 1.35rem;
}

/* —— Skin leftover customer plugin chrome inside Sea shell —— */
.page-account .customer-page-content .card,
.page-account .customer-page-content .dashboard-welcome,
.page-account .bb-customer-card,
.page-account .table-responsive,
.page-account .customer-order-item,
.page-account .address-item {
  background: var(--card) !important;
  border: 1px solid rgb(203 213 225 / 45%) !important;
  border-radius: 1.15rem !important;
  box-shadow: none !important;
}
.page-account .btn-primary,
.page-account button.btn-primary {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  border-radius: 0.75rem !important;
  font-weight: 900 !important;
}
.page-account .form-control,
.page-account .form-select {
  border-radius: 0.75rem !important;
  border-color: var(--border) !important;
  background: var(--muted) !important;
  min-height: 2.65rem;
}

/* —— Mini cart —— */
.cartmini__area,
.cartmini-wrapper {
  font-family: var(--font-sans) !important;
}

/* Compact item chrome handled in sea-compat.css */

/* —— CMS pages —— */
.sea-cms__content {
  font-weight: 600;
  line-height: 1.8;
}
.sea-cms__content img {
  max-width: 100%;
  height: auto;
  border-radius: 1rem;
}

/* —— Generic Shofy → Sea bridges —— */
body.sea-body .tp-breadcrumb-area,
body.sea-body .breadcrumb-area {
  background: transparent !important;
  padding-block: 0.75rem !important;
}
body.sea-body .tp-section-title-wrapper .tp-section-title,
body.sea-body .section-title {
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
  color: var(--foreground) !important;
}
body.sea-body .btn-primary,
body.sea-body .tp-btn {
  border-radius: 0.75rem !important;
}
body.sea-body .pagination .page-link {
  border-radius: 0.65rem !important;
  font-weight: 800;
}
body.sea-body .pagination .page-item.active .page-link {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}

/* Stock pages */
.page-products .stock-products-wrapper {
  margin-top: 0.5rem;
}

/* —— Placeholders —— */
img.is-placeholder,
.home-product__media img.is-placeholder,
.home-cat__icon img.is-placeholder,
.sea-pdp-gallery img.is-placeholder {
  object-fit: cover;
  background: #e8f4fb;
}

.home-cat__icon img {
  width: 62%;
  height: 62%;
  object-fit: contain;
}

.home-product__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Homepage shortcode host */
.home-main {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-bottom: 2rem;
}

body.page-home .tp-page-area,
body.page-home .sea-cms-wrap {
  padding: 0 !important;
}

body.page-home .sea-cms-wrap > .sea-container {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

/* Soften leftover Shofy chrome on Sea */
body.sea-body .tp-section-title-wrapper {
  margin-bottom: 1rem;
}
body.sea-body .tp-product-item,
body.sea-body .tp-product-item-2,
body.sea-body .tp-product-item-3,
body.sea-body .tp-product-item-4 {
  border-radius: 1.25rem !important;
  overflow: hidden;
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 40%);
}

/* ============================================================
   Sea widgets, vendor switch, mini-cart, pagination, errors
   ============================================================ */

/* —— Shared widget shell —— */
.sea-widget {
  font-family: var(--font-sans);
  margin-bottom: 1.25rem;
}

.sea-widget__title {
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 900;
  margin: 0 0 0.85rem;
  color: var(--foreground);
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.sea-widget__kicker {
  display: block;
  font-size: 0.8125rem;
  font-weight: 800;
  color: var(--accent);
  margin-bottom: 0.35rem;
}

.sea-widget__chip-list,
.sea-widget__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sea-widget__chip {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  border: 2px solid rgb(203 213 225 / 55%);
  background: var(--card);
  color: inherit;
  font-size: 0.8125rem;
  font-weight: 800;
  text-decoration: none;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.sea-widget__chip:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.sea-widget__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.sea-widget__list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 0.75rem;
  border-radius: 0.75rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: inherit;
  text-decoration: none;
  background: rgb(224 232 245 / 35%);
  transition: background 0.15s, color 0.15s;
}

.sea-widget__list a:hover {
  background: rgb(0 119 182 / 10%);
  color: var(--primary);
}

.sea-widget__count {
  font-size: 0.75rem;
  color: var(--muted-foreground);
  font-weight: 800;
}

/* —— Footer widgets —— */
.sea-footer .sea-widget--info,
.sea-footer .sea-widget--menu,
.sea-footer .sea-widget--contact {
  margin-bottom: 1.5rem;
}

.sea-footer .sea-widget__title {
  color: #fff;
  font-size: 1.05rem;
}

.sea-footer .sea-widget__desc,
.sea-footer .sea-widget__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sea-footer .sea-widget__desc {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.65;
  opacity: 0.9;
  margin-top: 0.75rem;
}

.sea-footer .sea-widget__menu ul li {
  margin-bottom: 0.45rem;
}

.sea-footer .sea-widget__menu a {
  color: rgb(255 255 255 / 88%);
  font-weight: 700;
  font-size: 0.875rem;
  text-decoration: none;
}

.sea-footer .sea-widget__menu a:hover {
  color: var(--secondary);
}

.sea-footer .sea-widget__social {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}

.sea-footer .sea-widget__social a {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background: rgb(255 255 255 / 12%);
  color: #fff;
  transition: background 0.15s;
}

.sea-footer .sea-widget__social a:hover {
  background: var(--secondary);
  color: var(--secondary-foreground);
}

.sea-footer .sea-widget__contact-highlight {
  margin-bottom: 1rem;
}

.sea-footer .sea-widget__contact-label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 700;
  opacity: 0.8;
  margin-bottom: 0.25rem;
}

.sea-footer .sea-widget__contact-value,
.sea-footer .sea-widget__contact-value a {
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 900;
  color: var(--secondary);
  text-decoration: none;
}

.sea-footer .sea-widget__contact-item {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
}

.sea-footer .sea-widget__contact-icon {
  color: var(--accent);
  flex-shrink: 0;
  margin-top: 0.1rem;
}

.sea-footer .sea-widget__contact-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: rgb(255 255 255 / 90%);
}

.sea-footer .sea-widget__copyright {
  font-size: 0.8125rem;
  font-weight: 600;
  opacity: 0.85;
}

.sea-footer .sea-widget__payments-link,
.sea-footer .sea-widget__payments-img {
  display: inline-block;
}

.sea-footer .sea-widget__payments-link img,
.sea-footer .sea-widget__payments-img img {
  max-height: 2.5rem;
  width: auto;
  border-radius: 0.5rem;
}

/* —— Category widgets —— */
.sea-widget__cat-card,
.sea-widget__cat-slide {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
  border-radius: 1.25rem;
  overflow: hidden;
  transition: transform 0.15s, box-shadow 0.15s;
}

.sea-widget__cat-card:hover,
.sea-widget__cat-slide:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgb(0 119 182 / 12%);
}

.sea-widget__cat-thumb {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(224 232 245 / 45%);
  overflow: hidden;
}

.sea-widget__cat-thumb img {
  width: 72%;
  height: 72%;
  object-fit: contain;
}

.sea-widget__cat-body {
  padding: 0.75rem;
}

.sea-widget__cat-title {
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 900;
  margin: 0;
  line-height: 1.35;
}

.sea-widget__cat-children {
  list-style: none;
  margin: 0.45rem 0 0;
  padding: 0;
  font-size: 0.75rem;
  font-weight: 700;
}

.sea-widget__cat-children a {
  color: var(--muted-foreground);
  text-decoration: none;
}

.sea-widget__cat-children a:hover {
  color: var(--primary);
}

.sea-widget__cat-count {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
  margin: 0.25rem 0 0;
}

/* —— Brand widgets —— */
.sea-widget__brand-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5.5rem;
  padding: 0.85rem;
  border-radius: 1.25rem;
  text-decoration: none;
  transition: transform 0.15s, box-shadow 0.15s;
}

.sea-widget__brand-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgb(0 119 182 / 10%);
}

.sea-widget__brand-card img {
  max-width: 90px;
  max-height: 3rem;
  object-fit: contain;
}

.sea-widget__slider-nav {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.sea-widget__slider-btn {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgb(203 213 225 / 55%);
  border-radius: 0.75rem;
  background: var(--card);
  color: var(--primary);
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}

.sea-widget__slider-btn:hover {
  background: rgb(0 119 182 / 8%);
  border-color: var(--primary);
}

/* —— Newsletter widget —— */
.sea-widget--newsletter {
  border-radius: 1.25rem;
  background:
    linear-gradient(135deg, rgb(0 119 182 / 92%), rgb(0 180 216 / 88%));
  color: #fff;
  border-color: transparent;
}

.sea-widget__newsletter-inner {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

@media (min-width: 768px) {
  .sea-widget__newsletter-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.sea-widget--newsletter .sea-widget__title {
  color: #fff;
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  margin-bottom: 0;
}

.sea-widget__newsletter-form .form-control,
.sea-widget__newsletter-form input[type='email'] {
  border-radius: 0.75rem;
  min-height: 48px;
  border: 0;
  font-weight: 700;
}

.sea-widget__newsletter-form button,
.sea-widget__newsletter-form .btn {
  border-radius: 0.75rem !important;
  font-weight: 900 !important;
  background: var(--secondary) !important;
  color: var(--secondary-foreground) !important;
  border: 0 !important;
}

/* —— Shipping / payment widget —— */
.sea-widget--shipping {
  border-radius: 1.25rem;
}

.sea-widget__shipping-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.sea-widget__shipping-table-wrap {
  overflow-x: auto;
}

.sea-widget__shipping-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
  border: 1px solid rgb(203 213 225 / 55%);
  border-radius: 0.85rem;
  overflow: hidden;
}

.sea-widget__shipping-table th {
  background: var(--muted);
  padding: 0.55rem 0.75rem;
  font-weight: 800;
  text-align: start;
  color: var(--muted-foreground);
}

.sea-widget__shipping-table td {
  padding: 0.55rem 0.75rem;
  border-top: 1px solid rgb(203 213 225 / 45%);
  font-weight: 700;
}

.sea-widget__region {
  font-weight: 900;
  color: var(--foreground);
  vertical-align: middle;
  border-inline-end: 1px solid rgb(203 213 225 / 45%);
}

.sea-widget__region-divider td {
  border-top-width: 2px;
}

.sea-widget__badge {
  display: inline-block;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 800;
  background: var(--muted);
  color: var(--foreground);
}

.sea-widget__badge--free {
  background: rgb(34 197 94 / 12%);
  color: #15803d;
}

.sea-widget__payment-line {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.85rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-widget__note {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.85rem;
  padding: 0.75rem;
  border-radius: 0.85rem;
  background: rgb(255 183 3 / 12%);
  border: 1px solid rgb(255 183 3 / 35%);
  color: #92400e;
}

.sea-widget__note p {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.5;
}

/* —— PDP info widget —— */
.sea-widget__pdp-messages {
  list-style: none;
  margin: 0 0 0.85rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.sea-widget__pdp-messages li {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-widget__pdp-messages li::before {
  content: '';
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: var(--accent);
  margin-top: 0.45rem;
  flex-shrink: 0;
}

.sea-widget__pdp-payment {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.sea-widget__pdp-payment p {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 700;
}

/* —— Blog sidebar widgets —— */
.sea-widget--sidebar.sea-card {
  border-radius: 1.25rem;
  margin-bottom: 1.25rem;
}

.sea-widget__blog-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.sea-widget__blog-item {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

.sea-widget__blog-thumb {
  width: 4.5rem;
  height: 4.5rem;
  flex-shrink: 0;
  border-radius: 0.85rem;
  overflow: hidden;
  background: var(--muted);
}

.sea-widget__blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sea-widget__blog-meta {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
  margin-bottom: 0.2rem;
}

.sea-widget__blog-item-title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1.35;
}

.sea-widget__blog-item-title a {
  color: inherit;
  text-decoration: none;
}

.sea-widget__blog-item-title a:hover {
  color: var(--primary);
}

.sea-widget__search-field {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--muted);
  border: 2px solid rgb(203 213 225 / 55%);
  border-radius: 0.85rem;
  padding: 0.35rem 0.5rem 0.35rem 0.85rem;
}

.sea-widget__search-field input {
  flex: 1;
  border: 0;
  background: transparent;
  font-weight: 700;
  font-size: 0.875rem;
  min-height: 2.25rem;
  outline: none;
}

.sea-widget__search-field button {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0.65rem;
  background: var(--primary);
  color: #fff;
  cursor: pointer;
}

.sea-widget__about-thumb {
  width: 5rem;
  height: 5rem;
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 0.75rem;
  border: 3px solid rgb(0 180 216 / 35%);
}

.sea-widget__about-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sea-widget__about-name {
  margin: 0 0 0.25rem;
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 900;
}

.sea-widget__about-name a {
  color: inherit;
  text-decoration: none;
}

.sea-widget__about-role {
  display: block;
  font-size: 0.8125rem;
  font-weight: 800;
  color: var(--accent);
  margin-bottom: 0.5rem;
}

.sea-widget__about-desc {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--muted-foreground);
  line-height: 1.6;
  margin: 0;
}

/* —— Vendor switch —— */
.sea-vendor-switch {
  display: inline-block;
}

.sea-vendor-switch__btn,
.sea-vendor-switch__status {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  font-size: 0.8125rem;
  font-weight: 800;
  white-space: nowrap;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s, transform 0.15s;
}

.sea-vendor-switch__btn {
  border: 2px solid rgb(0 119 182 / 35%);
  background: rgb(0 119 182 / 8%);
  color: var(--primary);
}

.sea-vendor-switch__btn:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
  transform: translateY(-1px);
  text-decoration: none;
}

.sea-vendor-switch__status {
  background: rgb(224 232 245 / 55%);
  color: var(--muted-foreground);
  border: 2px solid rgb(203 213 225 / 45%);
  cursor: help;
  user-select: none;
}

.sea-vendor-switch [data-sea-tip]::after {
  content: attr(data-sea-tip);
  position: absolute;
  top: calc(100% + 0.55rem);
  inset-inline-start: 50%;
  translate: -50% 0;
  z-index: 80;
  width: max-content;
  max-width: min(16.5rem, 70vw);
  padding: 0.55rem 0.75rem;
  border-radius: 0.75rem;
  background: #023e8a;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
  white-space: normal;
  box-shadow: 0 12px 28px rgb(2 62 138 / 28%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease, visibility 0.15s ease, translate 0.15s ease;
}

[dir="rtl"] .sea-vendor-switch [data-sea-tip]::after {
  translate: 50% 0;
}

.sea-vendor-switch [data-sea-tip]::before {
  content: "";
  position: absolute;
  top: calc(100% + 0.2rem);
  inset-inline-start: 50%;
  translate: -50% 0;
  z-index: 81;
  border: 6px solid transparent;
  border-bottom-color: #023e8a;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease, visibility 0.15s ease;
}

[dir="rtl"] .sea-vendor-switch [data-sea-tip]::before {
  translate: 50% 0;
}

.sea-vendor-switch [data-sea-tip]:hover::after,
.sea-vendor-switch [data-sea-tip]:hover::before,
.sea-vendor-switch [data-sea-tip]:focus-visible::after,
.sea-vendor-switch [data-sea-tip]:focus-visible::before {
  opacity: 1;
  visibility: visible;
}

.sea-vendor-switch [data-sea-tip]:hover::after,
.sea-vendor-switch [data-sea-tip]:focus-visible::after {
  translate: -50% 0.1rem;
}

[dir="rtl"] .sea-vendor-switch [data-sea-tip]:hover::after,
[dir="rtl"] .sea-vendor-switch [data-sea-tip]:focus-visible::after {
  translate: 50% 0.1rem;
}

.sea-vendor-switch__icon {
  display: inline-flex;
  align-items: center;
  font-size: 1.1rem;
  line-height: 1;
}

/* —— Mini cart —— */
.sea-minicart__items {
  /* layout in sea-compat */
}

.sea-minicart__item {
  /* layout in sea-compat */
}

.sea-minicart__remove {
  /* layout in sea-compat */
}

.sea-minicart__empty {
  /* layout in sea-compat */
}

.sea-minicart__empty p {
  margin: 0;
  font-weight: 800;
  color: var(--muted-foreground);
}

.sea-minicart__empty .sea-btn {
  max-width: 14rem;
}

.sea-minicart__footer {
  /* layout in sea-compat */
}

.sea-minicart__summary {
  /* layout in sea-compat */
}

.sea-minicart__wholesale-note {
  display: none;
}

.sea-minicart__actions {
  /* layout in sea-compat */
}

.sea-minicart__actions .sea-btn {
  width: 100%;
}

.sea-minicart .sea-cart-line__body .tp-product-quantity {
  margin: 0 !important;
}

/* —— Pagination —— */
.sea-pagination {
  margin-top: 1.5rem;
}

.sea-pagination__load-more {
  display: flex;
  justify-content: center;
}

.sea-pagination__btn {
  width: auto;
  min-width: 12rem;
  padding: 0.85rem 1.75rem !important;
}

.sea-pagination__end {
  text-align: center;
  padding: 0.75rem 1rem;
  border-radius: 1rem;
  background: rgb(224 232 245 / 45%);
  font-weight: 700;
  color: var(--muted-foreground);
}

.bb-product-items-wrapper:has(.listing-infinite-sentinel) .tp-pagination,
.stock-products-wrapper:has(.stock-infinite-sentinel) .tp-pagination {
  display: none !important;
}

.ecommerce-load-more-wrapper,
.ecommerce-load-more-wrapper--infinite {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 1.25rem 0 0.5rem;
  padding: 0.25rem 0 0.5rem;
  grid-column: 1 / -1;
}

.ecommerce-load-more-loading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  max-width: min(100%, 22rem);
  padding: 0.7rem 1.2rem;
  min-height: 2.85rem;
  border-radius: 999px;
  background: #fff;
  border: 1.5px solid rgb(203 213 225 / 55%);
  box-shadow: 0 8px 20px rgb(15 23 42 / 6%);
  color: var(--primary, #0077b6);
}

.ecommerce-load-more-loading.d-none {
  display: none !important;
}

.ecommerce-load-more-spinner {
  width: 1.05rem;
  height: 1.05rem;
  border: 2.5px solid rgb(0 119 182 / 18%);
  border-top-color: var(--primary, #0077b6);
  border-radius: 50%;
  animation: sea-load-more-spin 0.7s linear infinite;
  flex-shrink: 0;
}

.ecommerce-load-more-text {
  font-family: var(--font-heading, Cairo, sans-serif);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.3;
  color: var(--foreground, #0f172a);
  white-space: nowrap;
}

.ecommerce-load-more-btn {
  min-width: 12rem;
  min-height: 2.85rem;
  padding: 0.7rem 1.5rem;
  border-radius: 999px;
  border: 0;
  background: var(--primary, #0077b6);
  color: #fff;
  font-family: var(--font-heading, Cairo, sans-serif);
  font-size: 0.95rem;
  font-weight: 900;
  box-shadow: 0 10px 22px rgb(0 119 182 / 22%);
}

.ecommerce-load-more-btn:hover {
  filter: brightness(1.05);
  color: #fff;
}

@keyframes sea-load-more-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 767.98px) {
  .ecommerce-load-more-text {
    font-size: 0.8rem;
  }

  .ecommerce-load-more-loading {
    padding: 0.6rem 1rem;
  }
}

/* —— Product request page (export product-request.html) —— */
.sea-prequest {
  padding-block: 1.25rem 3rem;
}
.sea-prequest__head {
  text-align: center;
  max-width: 36rem;
  margin: 0 auto 1.5rem;
}
.sea-prequest__icon {
  width: 4.25rem;
  height: 4.25rem;
  margin: 0 auto 0.85rem;
  display: grid;
  place-items: center;
  border-radius: 1.15rem;
  background: color-mix(in srgb, var(--secondary, #ffb703) 22%, #fff);
  color: var(--primary, #0077b6);
  font-size: 2.35rem;
}
.sea-prequest__title {
  justify-content: center;
  margin-bottom: 0.35rem;
}
.sea-prequest__lead {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--muted-foreground, #64748b);
}
.sea-prequest__card {
  max-width: 36rem;
  margin-inline: auto;
  padding: 1.35rem 1.25rem 1.5rem;
  border-radius: 1.5rem;
  border: 2px solid rgb(203 213 225 / 45%);
}
@media (min-width: 768px) {
  .sea-prequest__card {
    padding: 1.75rem 1.75rem 1.85rem;
  }
}
.sea-prequest-form__grid {
  display: grid;
  gap: 0 1rem;
}
@media (min-width: 640px) {
  .sea-prequest-form__grid {
    grid-template-columns: 1fr 1fr;
  }
}
.sea-prequest-form__submit {
  width: 100% !important;
  min-height: 3rem;
  margin-top: 0.25rem;
}
.sea-prequest-form__alert {
  margin-bottom: 1rem;
  padding: 0.75rem 0.9rem;
  border-radius: 0.85rem;
  font-size: 0.875rem;
  font-weight: 700;
  white-space: pre-line;
}
.sea-prequest-form__alert.is-success {
  background: color-mix(in srgb, #16a34a 12%, #fff);
  color: #15803d;
  border: 1px solid color-mix(in srgb, #16a34a 28%, transparent);
}
.sea-prequest-form__alert.is-error {
  background: color-mix(in srgb, var(--destructive, #ef476f) 10%, #fff);
  color: var(--destructive, #ef476f);
  border: 1px solid color-mix(in srgb, var(--destructive, #ef476f) 28%, transparent);
}

/* —— Product request popup —— */
.sea-prequest-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 1rem;
}
.sea-prequest-modal[hidden] {
  display: none;
}
.sea-prequest-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(15 23 42 / 55%);
}
.sea-prequest-modal__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 36rem);
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  padding: 1.35rem 1.25rem 1.4rem;
  border-radius: 1.5rem;
  border: 2px solid rgb(203 213 225 / 45%);
  box-shadow: 0 24px 64px rgb(15 23 42 / 18%);
}
.sea-prequest-modal__close {
  position: absolute;
  top: 0.85rem;
  inset-inline-end: 0.85rem;
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--muted, #e0e8f5);
  color: var(--muted-foreground, #64748b);
  cursor: pointer;
}
.sea-prequest-modal__close:hover {
  color: var(--foreground, #0f172a);
  background: color-mix(in srgb, var(--destructive, #ef476f) 12%, #fff);
}
.sea-prequest-modal__head {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-block: 0 1.15rem;
  margin-inline: 0 2.25rem;
}
.sea-prequest-modal__icon {
  width: 2.85rem;
  height: 2.85rem;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 0.85rem;
  background: color-mix(in srgb, var(--secondary, #ffb703) 22%, #fff);
  color: var(--primary, #0077b6);
  font-size: 1.45rem;
}
.sea-prequest-modal__head h2 {
  margin: 0;
  font-family: var(--font-heading, Cairo, sans-serif);
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.35;
}
.sea-prequest-modal__lead {
  margin: 0.2rem 0 0;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--muted-foreground, #64748b);
}
@media (min-width: 768px) {
  .sea-prequest-modal__panel {
    padding: 1.6rem 1.65rem 1.7rem;
  }
}

.sea-form-group {
  margin-bottom: 1.15rem;
}

.sea-form-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 800;
  margin-bottom: 0.45rem;
}

.sea-input-wrap {
  position: relative;
}

.sea-input-icon {
  position: absolute;
  inset-inline-start: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted-foreground);
  pointer-events: none;
  font-size: 1.15rem;
}

.sea-form-control {
  width: 100%;
  padding-block: 0.8rem;
  padding-inline-start: 2.75rem;
  padding-inline-end: 0.9rem;
  border: 2px solid rgb(203 213 225 / 70%);
  border-radius: 0.85rem;
  font-size: 0.9375rem;
  font-weight: 600;
  background: var(--input, #fff);
  transition: border-color 0.15s, box-shadow 0.15s;
}

.sea-form-control:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 4px rgb(0 119 182 / 12%);
}

.sea-form-control--textarea {
  padding: 0.85rem;
  min-height: 7rem;
  resize: vertical;
}

.sea-file-upload {
  position: relative;
}

.sea-file-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.sea-file-label {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.85rem;
  border: 2px dashed rgb(203 213 225 / 80%);
  border-radius: 0.85rem;
  cursor: pointer;
  background: var(--muted);
  font-weight: 700;
  transition: border-color 0.15s, background 0.15s;
}

.sea-file-label:hover {
  border-color: var(--primary);
  background: rgb(224 232 245 / 55%);
}

.sea-form-hint {
  display: block;
  margin-top: 0.4rem;
  font-size: 0.8125rem;
  color: var(--muted-foreground);
  font-weight: 600;
}

.sea-radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.sea-radio {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-weight: 700;
}

.sea-radio input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.sea-radio__mark {
  width: 1.15rem;
  height: 1.15rem;
  border: 2px solid rgb(203 213 225 / 80%);
  border-radius: 999px;
  position: relative;
}

.sea-radio input:checked + .sea-radio__mark {
  border-color: var(--primary);
  background: var(--primary);
}

.sea-radio input:checked + .sea-radio__mark::after {
  content: '';
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 999px;
  background: #fff;
}

.sea-prequest-modal .sea-form-group:last-of-type {
  margin-bottom: 0.85rem;
}

/* —— Error pages —— */
.sea-error-page {
  min-height: 50vh;
  display: flex;
  align-items: center;
}

.sea-error-page__card {
  border-radius: 1.25rem;
  max-width: 36rem;
  margin-inline: auto;
}

.sea-error-page__img img {
  max-width: 12rem;
  height: auto;
  margin-bottom: 0.5rem;
}

.sea-error-page__code {
  display: block;
  font-family: var(--font-heading);
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
  color: var(--primary);
  margin: 0.5rem 0;
}

.sea-error-page__title {
  font-family: var(--font-heading);
  font-size: 1.35rem;
  font-weight: 900;
  margin: 0 0 0.65rem;
}

.sea-error-page__text {
  font-weight: 700;
  color: var(--muted-foreground);
  line-height: 1.65;
  margin: 0 0 0.65rem;
}

.sea-error-page__text--muted {
  font-size: 0.875rem;
}

.sea-error-page__text a {
  color: var(--primary);
  font-weight: 800;
}

.sea-error-page__cta {
  width: auto;
  min-width: 12rem;
  margin-top: 0.75rem;
}

/* —— Blog —— */
.sea-blog-layout {
  display: grid;
  gap: 1.25rem;
}
.sea-blog-layout.has-sidebar {
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .sea-blog-layout.has-sidebar {
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: start;
  }
}
.sea-blog-post__cats,
.sea-blog-card__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.65rem;
}
.sea-blog-post__cats a,
.sea-blog-card__cats a {
  background: rgb(0 119 182 / 10%);
  color: var(--primary);
  font-size: 0.75rem;
  font-weight: 800;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  text-decoration: none;
}
.sea-blog-post__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--muted-foreground);
  margin-bottom: 1.25rem;
}
.sea-blog-post__meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}
.sea-blog-post__cover {
  border-radius: 1.25rem;
  overflow: hidden;
  margin-bottom: 1.25rem;
  background: var(--muted);
}
.sea-blog-post__cover img {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  display: block;
}
.sea-blog-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 640px) {
  .sea-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
  .sea-blog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.sea-blog-list-rows {
  display: grid;
  gap: 0.85rem;
}
.sea-blog-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.sea-blog-card--list {
  flex-direction: row;
  align-items: stretch;
}
.sea-blog-card__media {
  display: block;
  aspect-ratio: 16 / 10;
  background: var(--muted);
  overflow: hidden;
}
.sea-blog-card--list .sea-blog-card__media {
  width: 40%;
  min-width: 140px;
  aspect-ratio: auto;
  min-height: 140px;
}
.sea-blog-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sea-blog-card__body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  flex: 1;
}
.sea-blog-card__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1.35;
}
.sea-blog-card__title a {
  color: inherit;
  text-decoration: none;
}
.sea-blog-card__title a:hover { color: var(--primary); }
.sea-blog-card__excerpt {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--muted-foreground);
  line-height: 1.6;
}
.sea-blog-card__meta {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.sea-blog-card__more {
  color: var(--primary);
  text-decoration: none;
  font-weight: 800;
}
.sea-blog-list__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.sea-blog-list__layout {
  display: inline-flex;
  gap: 0.35rem;
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 45%);
  border-radius: 0.75rem;
  padding: 0.25rem;
}
.sea-blog-list__layout a {
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border-radius: 0.55rem;
  color: var(--muted-foreground);
  text-decoration: none;
}
.sea-blog-list__layout a.is-active {
  background: var(--primary);
  color: #fff;
}

/* —— Shop subcategory rail (PLP) —— */
.sea-shop-subcategories {
  margin-block: 0.75rem 1.25rem;
}
.sea-shop-subcategories .home-cat {
  text-decoration: none;
}

/* —— PDP matching styles —— */
.sea-matching-styles {
  margin-top: 1.25rem;
}
.sea-matching-styles__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.sea-matching-styles__title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 1rem;
  color: var(--foreground);
}
.sea-matching-styles__count {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.sea-matching-styles__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}
.sea-matching-styles__item {
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 0.85rem;
  border: 1px solid rgb(203 213 225 / 45%);
  background: #f0f7fb;
  text-decoration: none;
  color: var(--foreground);
  transition: border-color 0.15s ease, transform 0.15s ease;
}
.sea-matching-styles__item:hover {
  border-color: var(--primary);
  transform: translateY(-1px);
}
.sea-matching-styles__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.35rem;
}
.sea-matching-styles__more {
  flex-direction: column;
  gap: 0.15rem;
  font-weight: 900;
  background: linear-gradient(160deg, #e8f4fb, #d7ecf8);
}
.sea-matching-styles__more small {
  font-weight: 700;
  font-size: 0.7rem;
  color: var(--muted-foreground);
}
@media (max-width: 576px) {
  .sea-matching-styles__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* —— PLP Sea toolbar —— */
.sea-plp-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
}
.sea-plp-toolbar__hidden-form { display: none; }
.sea-plp-toolbar__start,
.sea-plp-toolbar__end {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
}
.sea-plp-toolbar__result {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-plp-toolbar__filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: var(--muted);
  color: var(--foreground);
  border: 0;
  border-radius: 0.85rem;
  padding: 0.55rem 0.9rem;
  font-weight: 900;
  font-size: 0.85rem;
}
@media (min-width: 992px) {
  .sea-plp-toolbar__filter-btn.lg-hidden { display: none; }
}
.sea-plp-toolbar__sort {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  font-size: 0.85rem;
  font-weight: 800;
}
.sea-plp-toolbar__sort-label {
  color: var(--muted-foreground);
}
@media (max-width: 575px) {
  .sea-plp-toolbar__sort-label { display: none; }
}
.sea-plp-toolbar__select {
  appearance: none;
  background: transparent;
  border: 0;
  color: var(--primary);
  font-weight: 900;
  font-size: 0.9rem;
  cursor: pointer;
  padding-inline-end: 0.25rem;
}
.sea-plp-toolbar__layouts {
  display: none;
  gap: 0.25rem;
}
@media (min-width: 576px) {
  .sea-plp-toolbar__layouts { display: inline-flex; }
}
.sea-plp-toolbar__layout {
  width: 2.65rem;
  height: 2.65rem;
  border: 0;
  border-radius: 0.75rem;
  background: var(--muted);
  color: var(--muted-foreground);
  display: grid;
  place-items: center;
  font-size: 1.15rem;
}
.sea-plp-toolbar__layout.is-active {
  background: var(--primary);
  color: #fff;
}

/* —— PLP Sea filters —— */
.sea-plp-filters,
.sea-plp__filters .sea-plp-filters {
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 45%);
  border-radius: 1.25rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 10px 28px rgb(15 23 42 / 6%);
}
.sea-plp-filters__form {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}
.sea-plp-filters__head {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.9rem 1rem 0.8rem;
  border-bottom: 1px solid rgb(203 213 225 / 40%);
  background: color-mix(in srgb, var(--card) 88%, #e8eef6);
}
.sea-plp-filters__heading {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
  color: var(--foreground);
}
.sea-plp-filters__heading iconify-icon {
  color: var(--primary, #0077b6);
  font-size: 1.25rem;
}
.sea-plp-filters__heading strong {
  font-size: 1.02rem;
  font-weight: 900;
}
.sea-plp-filters__reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  flex-shrink: 0;
  margin: 0;
  padding: 0.38rem 0.7rem;
  border-radius: 999px;
  border: 1px solid rgb(203 213 225 / 55%);
  background: #fff;
  color: var(--foreground, #0f172a) !important;
  font-size: 0.72rem;
  font-weight: 800;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.sea-plp-filters__reset iconify-icon {
  font-size: 1rem;
  color: var(--primary, #0077b6);
}
.sea-plp-filters__reset:hover {
  background: color-mix(in srgb, var(--primary, #0077b6) 10%, #fff);
  border-color: color-mix(in srgb, var(--primary, #0077b6) 28%, transparent);
  color: var(--primary, #0077b6) !important;
}
.sea-plp-filters__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 0.95rem 1rem 1.15rem;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--primary) 35%, transparent) transparent;
}
.sea-plp-filters__scroll::-webkit-scrollbar {
  width: 6px;
}
.sea-plp-filters__scroll::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary) 35%, #cbd5e1);
  border-radius: 999px;
}
@media (max-width: 991px) {
  .sea-plp-filters,
  .sea-plp__filters .sea-plp-filters {
    height: auto;
    box-shadow: none;
  }
  .sea-plp-filters__form,
  .sea-plp-filters__scroll {
    height: auto;
    overflow: visible;
    flex: none;
  }
}
.sea-plp-filter {
  margin-bottom: 1.35rem;
  padding-bottom: 1.15rem;
  border-bottom: 1px solid rgb(203 213 225 / 35%);
}
.sea-plp-filter:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.sea-plp-filter__title {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0 0 0.85rem;
  font-family: var(--font-heading);
  font-size: 1.05rem;
  font-weight: 900;
  color: var(--foreground);
}
.sea-plp-filter__title iconify-icon {
  color: var(--primary);
  font-size: 1.25rem;
}
.sea-plp-filter__title small {
  font-weight: 700;
  color: var(--muted-foreground);
  font-size: 0.8rem;
}
.sea-plp-filter__search {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--muted);
  border-radius: 0.9rem;
  padding: 0.65rem 0.85rem;
}
.sea-plp-filter__search input {
  flex: 1;
  border: 0;
  background: transparent;
  outline: none;
  font-weight: 700;
  width: 100%;
}
.sea-plp-check-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.55rem;
}
.sea-plp-check-list__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sea-plp-check-list__item label {
  font-size: 0.9rem;
  font-weight: 800;
  margin: 0;
  cursor: pointer;
}
.sea-plp-check-list__item input {
  width: 1rem;
  height: 1rem;
  accent-color: var(--primary);
}
.sea-plp-cats__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}
.sea-plp-cats__list--nested {
  margin-inline-start: 0.35rem;
  margin-top: 0.35rem;
  margin-bottom: 0.25rem;
  padding-inline-start: 0.75rem;
  border-inline-start: 2px solid rgb(203 213 225 / 40%);
  display: none;
  gap: 0.2rem;
}
.sea-plp-cats__item.is-open > .sea-plp-cats__list--nested {
  display: grid;
}
.sea-plp-cats__row {
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
.sea-plp-cats__toggle {
  flex: 0 0 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  border-radius: 0.6rem;
  background: transparent;
  color: var(--muted-foreground);
  display: grid;
  place-items: center;
  cursor: pointer;
  padding: 0;
}
.sea-plp-cats__toggle iconify-icon {
  font-size: 1.05rem;
  transition: transform 0.18s ease;
  transform: rotate(-90deg);
}
html[dir="ltr"] .sea-plp-cats__toggle iconify-icon {
  transform: rotate(-90deg);
}
html[dir="rtl"] .sea-plp-cats__toggle iconify-icon {
  transform: rotate(90deg);
}
.sea-plp-cats__item.is-open > .sea-plp-cats__row > .sea-plp-cats__toggle iconify-icon {
  transform: rotate(0deg) !important;
}
.sea-plp-cats__toggle:hover {
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  color: var(--primary);
}
.sea-plp-cats__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
  flex: 1;
  min-width: 0;
  text-decoration: none !important;
  color: var(--foreground) !important;
  font-size: 0.875rem;
  font-weight: 800;
  padding: 0.45rem 0.55rem;
  border-radius: 0.7rem;
  transition: color 0.15s ease, background 0.15s ease;
}
.sea-plp-cats__link:hover {
  color: var(--primary) !important;
  background: color-mix(in srgb, var(--primary) 6%, transparent);
}
.sea-plp-cats__link.is-ancestor {
  color: var(--primary) !important;
}
.sea-plp-cats__link.is-active {
  color: var(--primary) !important;
  font-weight: 900;
  background: color-mix(in srgb, var(--primary) 10%, #fff);
}
.sea-plp-cats__name {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
  line-height: 1.35;
}
.sea-plp-cats__icon {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
}
.sea-plp-cats__icon img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
.sea-plp-cats__count {
  flex-shrink: 0;
  font-size: 0.625rem;
  font-weight: 800;
  line-height: 1;
  background: var(--muted, #f1f5f9);
  color: var(--muted-foreground, #64748b);
  border-radius: 0.4rem;
  padding: 0.28rem 0.45rem;
}
.sea-plp-cats__link.is-active .sea-plp-cats__count {
  background: color-mix(in srgb, var(--primary) 12%, #fff);
  color: var(--primary);
}
.sea-plp-cats__item.is-active > .sea-plp-cats__link {
  color: var(--primary) !important;
}
.sea-plp-offcanvas__title {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 1.15rem;
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  body.page-products .sea-plp__filters .bb-filter-offcanvas-area,
  body.page-products .sea-plp__filters .sea-plp-offcanvas {
    position: static !important;
    transform: none !important;
    width: auto !important;
    height: 100% !important;
    overflow: hidden !important;
    background: transparent !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }
  body.page-products .sea-plp-offcanvas__close,
  body.page-products .sea-plp-offcanvas__title {
    display: none !important;
  }
  body.page-products .sea-plp-offcanvas__panel,
  body.page-products .bb-filter-offcanvas-wrapper {
    padding: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
}
.sea-plp-offcanvas__close-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: transparent;
  border: 0;
  font-weight: 800;
  color: var(--muted-foreground);
  margin-bottom: 0.75rem;
}
.sea-plp__toolbar.sea-card {
  padding: 0.85rem 1rem;
}

/* —— PDP Sea buy-box polish —— */
.pdp-brand { margin-bottom: 0.65rem; }
.pdp-brand__logo {
  max-height: 52px;
  max-width: 140px;
  object-fit: contain;
}
.pdp-brand__name {
  display: inline-flex;
  background: color-mix(in srgb, var(--primary) 12%, transparent);
  color: var(--primary);
  border: 1px solid color-mix(in srgb, var(--primary) 22%, transparent);
  border-radius: 999px;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 900;
}
.pdp-info__title {
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  margin-bottom: 0.75rem !important;
}
.pdp-points {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  text-decoration: none;
  color: inherit;
  background: color-mix(in srgb, var(--accent, #0ea5e9) 10%, #fff);
  border: 2px solid color-mix(in srgb, var(--accent, #0ea5e9) 20%, transparent);
  border-radius: 1rem;
  padding: 0.85rem 1rem;
  margin-bottom: 1.15rem;
  transition: background 0.15s ease;
}
.pdp-points:hover {
  background: color-mix(in srgb, var(--accent, #0ea5e9) 18%, #fff);
}
.pdp-points__main {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}
.pdp-points__icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  background: var(--accent, #0ea5e9);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 1.15rem;
  flex-shrink: 0;
}
.pdp-points__lead {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 800;
}
.pdp-points__lead span { color: var(--accent, #0ea5e9); }
.pdp-points__balance {
  margin: 0.15rem 0 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.pdp-points__chevron {
  color: var(--accent, #0ea5e9);
  flex-shrink: 0;
}
.pdp-price .new-price,
.pdp-price__current {
  font-size: 1.75rem !important;
  font-weight: 900 !important;
  color: var(--primary) !important;
}
.pdp-actions__label {
  font-size: 0.9rem !important;
  font-weight: 900 !important;
  margin-bottom: 0.65rem !important;
}
.pdp-actions__cart,
.pdp-actions .tp-product-details-add-to-cart-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.85rem !important;
  font-weight: 900 !important;
  font-size: 1.05rem !important;
  box-shadow: 0 10px 24px rgb(0 119 182 / 28%) !important;
}
.pdp-actions__buy,
.pdp-actions .tp-product-details-buy-now-btn {
  border-radius: 0.85rem !important;
  font-weight: 900 !important;
  font-size: 1.05rem !important;
  margin-top: 0.65rem;
}
.pdp-perks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1rem;
  margin-top: 1.25rem;
  padding-top: 1.15rem;
  border-top: 1px solid rgb(203 213 225 / 45%);
}
.pdp-perks__item {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.8rem;
  font-weight: 800;
  color: var(--foreground);
}
.pdp-perks__item iconify-icon {
  font-size: 1.25rem;
  color: var(--primary);
  flex-shrink: 0;
}
.sea-related-products,
.sea-cross-sale {
  margin-top: 2rem;
}
.sea-related-products__grid,
.sea-cross-sale__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}
@media (min-width: 768px) {
  .sea-related-products__grid,
  .sea-cross-sale__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .sea-related-products__grid,
  .sea-cross-sale__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* —— PDP container centering + nav —— */
.sea-pdp,
.pdp-sea-wrap {
  width: 100%;
}
.sea-pdp .pdp-main,
body.single-product .bb-product-detail > .sea-container,
body.single-product .bb-product-detail > .container {
  width: min(100% - 2rem, 1280px) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}
.sea-pdp-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.sea-pdp-nav__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  text-decoration: none;
  color: var(--muted-foreground);
  font-weight: 800;
  font-size: 0.85rem;
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 45%);
  border-radius: 999px;
  padding: 0.45rem 0.85rem;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.sea-pdp-nav__btn:hover {
  color: var(--primary);
  border-color: var(--primary);
}

/* Prev / next product pager (top of PDP) */
.sea-pdp-pager {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 0.55rem 0.75rem;
  margin: 0 0 1rem;
  padding: 0.45rem;
  background: color-mix(in srgb, var(--card, #fff) 88%, #e0f2fe);
  border: 1px solid rgb(203 213 225 / 55%);
  border-radius: 1.15rem;
  box-shadow: 0 10px 28px rgb(2 48 71 / 5%);
}
.sea-pdp-pager__link {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  padding: 0.35rem 0.45rem;
  text-decoration: none;
  color: inherit;
  border-radius: 0.9rem;
  transition: background 0.18s ease, transform 0.18s ease;
}
.sea-pdp-pager__link.is-next {
  justify-content: flex-end;
  text-align: end;
}
.sea-pdp-pager__link.is-disabled {
  visibility: hidden;
  pointer-events: none;
}
.sea-pdp-pager__link:hover {
  background: #fff;
  transform: translateY(-1px);
}
.sea-pdp-pager__arrow {
  width: 1.85rem;
  height: 1.85rem;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary, #0077b6) 12%, #fff);
  color: var(--primary, #0077b6);
  font-size: 1rem;
}
.sea-pdp-pager__link:hover .sea-pdp-pager__arrow {
  background: var(--primary, #0077b6);
  color: #fff;
}
.sea-pdp-pager__thumb {
  width: 2.65rem;
  height: 2.65rem;
  flex-shrink: 0;
  border-radius: 0.75rem;
  overflow: hidden;
  background: linear-gradient(145deg, #f0f9ff, #e2e8f0);
  border: 1px solid rgb(203 213 225 / 55%);
}
.sea-pdp-pager__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.sea-pdp-pager__text {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  min-width: 0;
}
.sea-pdp-pager__label {
  font-size: 0.68rem;
  font-weight: 800;
  color: var(--primary, #0077b6);
  letter-spacing: 0.01em;
}
.sea-pdp-pager__name {
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.3;
  color: var(--foreground, #0f172a);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sea-pdp-pager__all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-shrink: 0;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  text-decoration: none;
  font-size: 0.75rem;
  font-weight: 900;
  color: #fff;
  background: linear-gradient(135deg, var(--primary, #0077b6), #00b4d8);
  box-shadow: 0 8px 18px rgb(0 119 182 / 22%);
  white-space: nowrap;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.sea-pdp-pager__all:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgb(0 119 182 / 28%);
  color: #fff;
}
.sea-pdp-pager__all iconify-icon {
  font-size: 1rem;
}
@media (max-width: 720px) {
  .sea-pdp-pager {
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem;
    padding: 0.4rem;
  }
  .sea-pdp-pager__all {
    grid-column: 1 / -1;
    order: -1;
    width: 100%;
  }
  .sea-pdp-pager__name {
    font-size: 0.74rem;
  }
  .sea-pdp-pager__thumb {
    width: 2.35rem;
    height: 2.35rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sea-pdp-pager__link:hover,
  .sea-pdp-pager__all:hover {
    transform: none;
  }
}

/* Legacy siblings (unused) kept harmless */
.sea-pdp-siblings {
  display: none;
}

.sea-pdp-layout {
  width: 100%;
}
@media (min-width: 992px) {
  .sea-pdp-layout {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  }
}

/* Kill legacy GIF button icons */
body.single-product .tp-product-details-add-to-cart-btn::after,
body.single-product .tp-product-details-buy-now-btn::after,
.pdp-actions__cart::after,
.pdp-actions__buy::after {
  content: none !important;
  display: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
}
.pdp-actions__cart,
.pdp-actions__buy {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 3.25rem;
}
.pdp-actions__buy iconify-icon,
.pdp-actions__cart iconify-icon {
  font-size: 1.35rem;
}

/* Variation swatches — export color-dot chrome lives in sea-pdp.css */
.pdp-info .tp-product-details-wrapper {
  position: relative;
  padding-top: 0 !important;
}
.pdp-info .product-nav-button,
.pdp-info .product-nav-preview {
  display: none !important;
}

/* —— Search / compare / galleries —— */
.sea-search__head {
  padding: 1rem 1.15rem;
  margin-bottom: 1rem;
}
.sea-search__head h1 {
  margin: 0 0 0.35rem;
  font-family: var(--font-heading);
  font-weight: 900;
}
.sea-search__count {
  font-weight: 800;
  color: var(--muted-foreground);
  margin-bottom: 1rem;
}
.sea-search__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}
@media (min-width: 768px) {
  .sea-search__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
  .sea-search__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.sea-search__empty,
.sea-compare__empty {
  padding: 2rem 1.25rem;
  display: grid;
  gap: 0.65rem;
  justify-items: center;
}
.sea-compare__table {
  padding: 0.75rem;
  overflow-x: auto;
}
.sea-compare__thumb img {
  width: 88px;
  height: 88px;
  object-fit: contain;
  margin-inline: auto;
}
.sea-compare__title {
  font-size: 0.9rem;
  font-weight: 800;
  margin-top: 0.5rem;
}
.sea-compare__title a { color: inherit; text-decoration: none; }
.sea-compare__remove {
  border: 0;
  background: var(--muted);
  border-radius: 0.65rem;
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  margin-inline: auto;
}
.sea-galleries__grid,
.sea-gallery__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}
@media (min-width: 768px) {
  .sea-galleries__grid,
  .sea-gallery__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
  .sea-galleries__grid,
  .sea-gallery__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.sea-galleries__card {
  display: grid;
  gap: 0.5rem;
  text-decoration: none;
  color: inherit;
  padding: 0.65rem;
  overflow: hidden;
}
.sea-galleries__card img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0.85rem;
}
.sea-galleries__card span {
  font-weight: 800;
  font-size: 0.9rem;
}

/* —— Export-html PDP parity —— */
.page-product-detail .pdp-main {
  padding-block: 1rem 2rem;
}
.page-product-detail .sea-pdp-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media (min-width: 992px) {
  .page-product-detail .sea-pdp-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 2.5rem 4rem;
    align-items: start;
  }
}

.pdp-info {
  display: flex;
  flex-direction: column;
}
.pdp-info__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}
.pdp-info__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  color: var(--primary);
  border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
  border-radius: 999px;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 900;
  text-decoration: none;
}
.pdp-info__badge .pdp-brand__logo {
  max-height: 22px;
  max-width: 72px;
  object-fit: contain;
}
.pdp-info__rating {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--secondary);
  text-decoration: none;
  font-weight: 900;
}
.pdp-info__rating-score { color: var(--foreground); font-size: 0.9rem; }
.pdp-info__rating-count { color: var(--muted-foreground); font-size: 0.75rem; font-weight: 800; }

.pdp-info__title {
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
  font-size: clamp(1.35rem, 3vw, 2.25rem) !important;
  line-height: 1.3 !important;
  margin: 0 0 0.85rem !important;
  color: var(--foreground) !important;
}

.pdp-info__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.85rem;
  margin-bottom: 0.75rem;
}
.pdp-info__meta .sold-count-display,
.pdp-info .tp-product-details-sold .sold-count-display {
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  color: var(--muted-foreground) !important;
}

/* Hide buybox description — full content lives in tabs */
.pdp-info .tp-product-details-description,
.pdp-info .tp-product-details-social {
  display: none !important;
}

.pdp-info .tp-product-details-price-block {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.pdp-info .pdp-price { order: 1; margin-bottom: 0 !important; }
.pdp-info .pdp-points { order: 2; margin-bottom: 0 !important; }
.pdp-info .tp-product-details-price-block > *:not(.pdp-price):not(.pdp-points) {
  order: 3;
}

.pdp-info .pdp-price,
.pdp-info .tp-product-details-price-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.65rem 0.85rem;
}
.pdp-info .pdp-price__current,
.pdp-info .tp-product-details-price.new-price {
  font-size: clamp(1.5rem, 3vw, 1.85rem) !important;
  font-weight: 900 !important;
  color: var(--primary) !important;
}
.pdp-info .pdp-price__old,
.pdp-info .tp-product-details-price.old-price {
  font-size: 1.05rem !important;
  color: var(--muted-foreground) !important;
  text-decoration: line-through;
  text-decoration-color: color-mix(in srgb, var(--destructive, #ef4444) 50%, transparent);
}

/* Desktop qty + cart row like export */
.pdp-actions {
  display: grid;
  gap: 0.85rem;
  margin-top: 0.5rem;
}
.pdp-actions__row {
  display: none;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 1rem;
}
@media (min-width: 768px) {
  .pdp-actions__row {
    display: flex !important;
  }
  .pdp-actions__buy,
  .pdp-actions__tip {
    display: block !important;
  }
}
.pdp-qty {
  display: inline-flex !important;
  align-items: center;
  background: var(--muted);
  border: 1px solid rgb(203 213 225 / 55%);
  border-radius: 0.85rem;
  overflow: hidden;
  height: 3.25rem;
  margin: 0 !important;
}
.pdp-qty__btn,
.pdp-qty .tp-cart-minus,
.pdp-qty .tp-cart-plus {
  width: 3rem !important;
  height: 3.25rem !important;
  display: grid !important;
  place-items: center;
  border: 0 !important;
  background: transparent !important;
  font-size: 1.25rem !important;
  font-weight: 900 !important;
  cursor: pointer;
  color: inherit;
}
.pdp-qty__input,
.pdp-qty .tp-cart-input {
  width: 3rem !important;
  height: 3.25rem !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center !important;
  font-weight: 900 !important;
  font-size: 1.05rem !important;
  -moz-appearance: textfield;
}
.pdp-qty__input::-webkit-outer-spin-button,
.pdp-qty__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pdp-actions__cart-wrap {
  flex: 1;
  margin: 0 !important;
  min-width: 12rem;
}
.pdp-actions__cart {
  width: 100% !important;
  min-height: 3.25rem !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  background: var(--primary) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0.85rem !important;
  font-weight: 900 !important;
  font-size: 1.1rem !important;
  box-shadow: 0 12px 28px rgb(0 119 182 / 30%) !important;
}
.pdp-actions__cart::after { display: none !important; content: none !important; }
.pdp-actions__buy {
  width: 100% !important;
  min-height: 3.5rem !important;
  background: var(--secondary) !important;
  color: var(--secondary-foreground, #000) !important;
  border: 0 !important;
  border-bottom: 4px solid #d97706 !important;
  border-radius: 0.85rem !important;
  font-weight: 900 !important;
  font-size: 1.1rem !important;
  box-shadow: 0 8px 18px rgb(255 183 3 / 25%) !important;
}
.pdp-actions__buy::after { display: none !important; content: none !important; }
.pdp-actions__tip {
  display: none;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
@media (min-width: 768px) {
  .pdp-actions__tip { display: flex !important; }
}
.pdp-actions__tip iconify-icon {
  color: var(--accent, #0ea5e9);
  font-size: 1.1rem;
}

.pdp-info .tp-product-details-action-sm {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 0.75rem;
}
.pdp-info .tp-product-details-action-sm-btn {
  border-radius: 0.75rem !important;
  font-weight: 800 !important;
  border: 1px solid rgb(203 213 225 / 50%) !important;
  background: var(--card) !important;
}

.pdp-perks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1rem;
  margin-top: 1.15rem;
  padding-top: 1.15rem;
  border-top: 1px solid rgb(203 213 225 / 45%);
  order: 50;
}
.pdp-info .sea-matching-styles { margin-top: 1.25rem; }

/* Tabs like export */
.sea-pdp-tabs__nav {
  display: flex;
  gap: 0;
  border-bottom: 1px solid rgb(203 213 225 / 55%);
  overflow-x: auto;
  margin-bottom: 1.25rem;
}
.sea-pdp-tabs__btn {
  appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 4px solid transparent;
  padding: 0.85rem 1.25rem;
  font-weight: 800;
  color: var(--muted-foreground);
  white-space: nowrap;
  cursor: pointer;
}
.sea-pdp-tabs__btn.is-active {
  color: var(--primary);
  border-bottom-color: var(--primary);
  font-weight: 900;
}
.sea-pdp-tabs__content {
  max-width: 48rem;
  font-weight: 600;
  line-height: 1.8;
  color: color-mix(in srgb, var(--foreground) 80%, transparent);
}

/* Mobile: cart/buy live in order-sticky like export */
@media (max-width: 767px) {
  .pdp-actions__row,
  .pdp-actions__buy,
  .pdp-actions__tip {
    display: none !important;
  }
}

/* —— Brands index (CMS /brands) —— */
.sea-brands__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
}
.sea-brands__title-icon {
  color: var(--secondary, #ffb703);
  font-size: 2rem;
  vertical-align: -0.15em;
}
.sea-brands__sub {
  margin: 0.35rem 0 0;
  font-weight: 800;
  color: var(--muted-foreground);
  line-height: 1.5;
}
.sea-brands__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary) 10%, white);
  color: var(--primary);
  font-size: 0.8125rem;
  font-weight: 900;
  white-space: nowrap;
}
.sea-brands__toolbar {
  display: grid;
  gap: 0.85rem;
  margin-bottom: 1.35rem;
}
.sea-brands__search {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.7rem 1rem;
  background: var(--card, #fff);
  border: 2px solid rgb(203 213 225 / 55%);
  border-radius: 1rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.sea-brands__search:focus-within {
  border-color: rgb(0 119 182 / 45%);
  box-shadow: 0 0 0 4px rgb(0 119 182 / 10%);
}
.sea-brands__search iconify-icon {
  font-size: 1.25rem;
  color: var(--muted-foreground);
  flex-shrink: 0;
}
.sea-brands__search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-weight: 700;
  color: inherit;
}
.sea-brands__search input::placeholder {
  color: var(--muted-foreground);
  font-weight: 700;
  opacity: 0.85;
}
.sea-brands__letters {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.4rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 0.15rem;
}
.sea-brands__letters::-webkit-scrollbar {
  display: none;
}
.sea-brands__letter {
  flex: 0 0 auto;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
  border-radius: 0.85rem;
  border: 1.5px solid rgb(203 213 225 / 65%);
  background: var(--card, #fff);
  color: var(--foreground, #0f172a);
  font-weight: 900;
  font-size: 0.8125rem;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.sea-brands__letter:hover {
  border-color: rgb(0 119 182 / 40%);
  color: var(--primary);
}
.sea-brands__letter.is-active {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
  box-shadow: 0 8px 18px rgb(0 119 182 / 22%);
}
.sea-brands__letter:focus-visible {
  outline: 3px solid rgb(0 119 182 / 35%);
  outline-offset: 2px;
}
.sea-brands__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
@media (min-width: 576px) {
  .sea-brands__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
}
@media (min-width: 992px) {
  .sea-brands__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
  }
}
@media (min-width: 1200px) {
  .sea-brands__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.sea-brands__card {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.95rem 1rem;
  background: var(--card, #fff);
  border: 2px solid rgb(203 213 225 / 45%);
  border-radius: 1.15rem;
  text-decoration: none;
  color: inherit;
  min-height: 5.25rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.sea-brands__card:hover {
  border-color: rgb(0 119 182 / 40%);
  box-shadow: 0 14px 28px rgb(15 23 42 / 8%);
  transform: translateY(-2px);
  color: inherit;
}
.sea-brands__card.is-hidden {
  display: none;
}
.sea-brands__logo {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 1rem;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 0.45rem;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.sea-brands__card:hover .sea-brands__logo {
  transform: scale(1.06);
}
.sea-brands__logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.sea-brands__logo--blue { background: linear-gradient(145deg, #eff6ff, #dbeafe); }
.sea-brands__logo--rose { background: linear-gradient(145deg, #fff1f2, #ffe4e6); }
.sea-brands__logo--amber { background: linear-gradient(145deg, #fffbeb, #fef3c7); }
.sea-brands__logo--cyan { background: linear-gradient(145deg, #ecfeff, #cffafe); }
.sea-brands__logo--emerald { background: linear-gradient(145deg, #ecfdf5, #d1fae5); }
.sea-brands__logo--indigo { background: linear-gradient(145deg, #eef2ff, #e0e7ff); }
.sea-brands__logo--sky { background: linear-gradient(145deg, #f0f9ff, #e0f2fe); }
.sea-brands__logo--slate { background: linear-gradient(145deg, #f8fafc, #e2e8f0); }
.sea-brands__meta {
  flex: 1;
  min-width: 0;
  text-align: start;
}
.sea-brands__name {
  display: block;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 1.05rem;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sea-brands__card:hover .sea-brands__name {
  color: var(--primary);
}
.sea-brands__count {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-brands__chevron {
  font-size: 1.15rem;
  color: var(--muted-foreground);
  flex-shrink: 0;
  transition: transform 0.2s ease, color 0.2s ease;
}
.sea-brands__card:hover .sea-brands__chevron {
  color: var(--primary);
  transform: translateX(-3px);
}
.sea-brands__empty {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  text-align: center;
  margin-top: 0.5rem;
  padding: 2.5rem 1.25rem;
}
.sea-brands__empty:not([hidden]) {
  display: flex;
}
.sea-brands__empty iconify-icon {
  font-size: 2.5rem;
  color: var(--muted-foreground);
}
.sea-brands__empty p {
  margin: 0;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-brands__reset {
  margin-top: 0.35rem;
  padding: 0.55rem 1.1rem;
  border: 0;
  border-radius: 0.85rem;
  background: var(--primary);
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}
.sea-brands__reset:hover {
  filter: brightness(1.05);
}

/* —— Auth reward callout —— */
.sea-auth__reward {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1.15rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--secondary, #ffb703) 18%, white);
  border: 2px solid var(--secondary, #ffb703);
  border-radius: 1rem;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.55;
}
.sea-auth__reward iconify-icon {
  font-size: 1.65rem;
  color: var(--secondary, #ffb703);
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.sea-auth__reward span {
  color: var(--primary);
  font-weight: 900;
}
.sea-auth__card {
  border-radius: 1.5rem !important;
  box-shadow: 0 18px 40px rgb(15 23 42 / 8%);
}
.sea-auth__lead {
  text-align: center;
  margin: -0.35rem 0 1.25rem;
  font-size: 0.875rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-auth h1 {
  margin-bottom: 0.35rem !important;
}

/* —— Cart qty Sea buttons —— */
.sea-qty__btn {
  width: 2.75rem;
  height: 2.75rem;
  border: 0;
  background: transparent;
  font-weight: 900;
  font-size: 1.15rem;
  cursor: pointer;
  color: inherit;
}
.sea-qty__input {
  width: 2.75rem !important;
  text-align: center;
  border: 0 !important;
  background: transparent !important;
  font-weight: 900;
  box-shadow: none !important;
}

/* —— Checkout wrap —— */
.sea-checkout-wrap {
  display: block;
}
.sea-checkout-wrap .checkout-form,
.sea-checkout-wrap #checkout-form {
  background: transparent;
}
.sea-checkout-wrap .checkout-content-wrapper > .row,
.sea-checkout-wrap .checkout-form > .row {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
}
.sea-checkout-wrap .checkout-product-info,
.sea-checkout-wrap .payment-info-loading,
.sea-checkout-wrap .shipping-info-loading {
  border-radius: 1.15rem;
}
body.page-checkout .checkout-form .form-label,
body.page-checkout .checkout-form label {
  font-size: 0.75rem;
  font-weight: 900;
  margin-bottom: 0.4rem;
}

/* —— Account orders / addresses —— */
.sea-order-card.sea-card {
  padding: 1rem 1.1rem;
  background: var(--card);
}
.sea-order-card__meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  gap: 0.75rem;
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgb(203 213 225 / 45%);
}
.sea-order-card__meta span {
  display: block;
  font-size: 0.7rem;
  font-weight: 800;
  color: var(--muted-foreground);
  margin-bottom: 0.15rem;
}
.sea-order-card__meta strong {
  font-weight: 900;
  font-size: 0.9rem;
}
.sea-order-card__meta em {
  display: inline-block;
  margin-inline-start: 0.35rem;
  font-style: normal;
  font-size: 0.65rem;
  font-weight: 900;
  color: var(--accent);
  background: rgb(0 180 216 / 12%);
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
}
.sea-btn--sm {
  padding: 0.55rem 0.95rem;
  font-size: 0.8125rem;
  width: auto;
}
.sea-orders__pager {
  margin-top: 1.25rem;
}

.sea-addresses__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
  margin-bottom: 1.15rem;
}
.sea-addresses__head h2 {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 1.25rem;
}
.sea-addresses__head p {
  margin: 0.25rem 0 0;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.sea-addresses__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.sea-addresses .address-card {
  position: relative;
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1.15rem;
  padding: 1.15rem 1.2rem;
}
.sea-addresses .address-card.is-default {
  border-color: var(--primary);
}
.sea-addresses .address-card-name {
  margin: 0 0 0.35rem;
  font-weight: 900;
  font-size: 1rem;
}
.sea-addresses .address-default-badge {
  position: absolute;
  top: 1rem;
  inset-inline-start: 1rem;
  font-size: 0.65rem;
  font-weight: 900;
  color: #fff;
  background: var(--primary);
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
}
.sea-addresses .address-card.is-default .address-card-name {
  padding-inline-start: 4.25rem;
}
.sea-addresses .address-card-line,
.sea-addresses .address-card-phone {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.sea-addresses .address-card-phone {
  margin-top: 0.35rem;
  color: inherit;
}
.sea-addresses .address-card-footer {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-top: 0.75rem;
}
.sea-addresses .address-card-footer a,
.sea-addresses .address-card-footer button {
  background: none;
  border: 0;
  padding: 0;
  font-size: 0.8rem;
  font-weight: 800;
  color: var(--primary);
  min-height: 2.5rem;
  display: inline-flex;
  align-items: center;
}
.sea-addresses .address-card-footer .is-danger,
.sea-addresses .address-card-footer button.is-danger {
  color: var(--destructive);
}
.sea-addresses .address-info-item {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  color: var(--muted-foreground);
}
.sea-addresses .address-card-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: 0.65rem;
  border-top: 1px solid rgb(203 213 225 / 40%);
}
.sea-addresses .address-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.75rem;
  border: 1px solid rgb(203 213 225 / 55%);
  background: var(--muted);
  padding: 0.45rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 800;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.sea-addresses .address-action-btn-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.sea-addresses .address-action-btn-danger {
  color: var(--destructive, #dc2626);
}

/* Quick view modal Sea shell */
.tp-product-modal .modal-content {
  border: 0;
  border-radius: 1.35rem;
  overflow: hidden;
  box-shadow: 0 24px 60px rgb(15 23 42 / 18%);
}
body.sea-body .tp-product-modal .tp-product-details-wrapper {
  padding: 1rem;
}


/* —— Pixel pass: categories / wishlist / track / howto / PDP sold / account —— */
.sea-categories__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
}
.sea-categories__title-icon {
  color: var(--accent);
  font-size: 2rem;
  vertical-align: -0.15em;
}
.sea-categories__sub {
  margin: 0.35rem 0 0;
  font-weight: 800;
  color: var(--muted-foreground);
  line-height: 1.5;
  max-width: 36rem;
}
.sea-categories__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary) 10%, white);
  color: var(--primary);
  font-size: 0.8125rem;
  font-weight: 900;
  white-space: nowrap;
}
.sea-categories__toolbar {
  margin-bottom: 1.35rem;
  position: sticky;
  top: 6.75rem;
  z-index: 6;
  padding: 0.35rem 0 0.65rem;
  background: color-mix(in srgb, var(--background, #f0f8ff) 88%, transparent);
  backdrop-filter: blur(10px);
}
.sea-categories__search {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.7rem 1rem;
  background: var(--card, #fff);
  border: 2px solid rgb(203 213 225 / 55%);
  border-radius: 1rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.sea-categories__search:focus-within {
  border-color: rgb(0 119 182 / 45%);
  box-shadow: 0 0 0 4px rgb(0 119 182 / 10%);
}
.sea-categories__search iconify-icon {
  font-size: 1.25rem;
  color: var(--muted-foreground);
  flex-shrink: 0;
}
.sea-categories__search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-weight: 700;
  color: inherit;
}
.sea-categories__search input::placeholder {
  color: var(--muted-foreground);
  font-weight: 700;
  opacity: 0.85;
}
.sea-categories__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 576px) {
  .sea-categories__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
  .sea-categories__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.sea-categories__card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 0;
  background: var(--card);
  border: 2px solid rgb(203 213 225 / 45%);
  border-radius: 1.5rem;
  color: inherit;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  min-width: 0;
}
.sea-categories__card:hover {
  border-color: rgb(0 119 182 / 40%);
  box-shadow: 0 18px 36px rgb(15 23 42 / 8%);
  transform: translateY(-4px);
  color: inherit;
}
.sea-categories__card.is-hidden {
  display: none !important;
}
.sea-categories__main {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.2rem 1.1rem;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}
.sea-categories__main:hover {
  color: inherit;
}
.sea-categories__main:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: -4px;
  border-radius: 1.35rem;
}
.sea-categories__icon {
  width: 4rem;
  height: 4rem;
  flex-shrink: 0;
  border-radius: 1rem;
  display: grid;
  place-items: center;
  transition: transform .2s ease;
}
.sea-categories__card:hover .sea-categories__icon { transform: scale(1.08); }
.sea-categories__icon iconify-icon { font-size: 1.75rem; }
.sea-categories__icon img { max-width: 70%; max-height: 70%; object-fit: contain; }
.sea-categories__icon--blue { background: linear-gradient(145deg, #eff6ff, #dbeafe); color: var(--primary); }
.sea-categories__icon--cyan { background: linear-gradient(145deg, #ecfeff, #cffafe); color: var(--accent); }
.sea-categories__icon--rose { background: linear-gradient(145deg, #fff1f2, #ffe4e6); color: var(--destructive); }
.sea-categories__icon--amber { background: linear-gradient(145deg, #fffbeb, #fef3c7); color: var(--secondary); }
.sea-categories__icon--pink { background: linear-gradient(145deg, #fdf2f8, #fce7f3); color: var(--chart-4); }
.sea-categories__icon--emerald { background: linear-gradient(145deg, #ecfdf5, #d1fae5); color: var(--chart-5); }
.sea-categories__icon--indigo { background: linear-gradient(145deg, #eef2ff, #e0e7ff); color: var(--primary); }
.sea-categories__icon--slate { background: linear-gradient(145deg, #f8fafc, #e2e8f0); color: var(--muted-foreground); }
.sea-categories__icon--sky { background: linear-gradient(145deg, #f0f9ff, #e0f2fe); color: var(--accent); }
.sea-categories__meta { flex: 1; min-width: 0; }
.sea-categories__name {
  display: block;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 1.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sea-categories__card:hover .sea-categories__name { color: var(--primary); }
.sea-categories__count {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.2rem;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-categories__sep { opacity: 0.55; }
.sea-categories__chevron {
  color: var(--muted-foreground);
  font-size: 1.25rem;
  flex-shrink: 0;
  transition: color .2s ease, transform .2s ease;
}
.sea-categories__card:hover .sea-categories__chevron {
  color: var(--primary);
  transform: translateX(-4px);
}
.sea-categories__subs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0 1.15rem 1.1rem;
}
.sea-categories__chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 2rem;
  padding: 0.2rem 0.7rem;
  border-radius: 999px;
  background: #f1f5f9;
  color: #334155;
  font-size: 0.75rem;
  font-weight: 800;
  text-decoration: none;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}
.sea-categories__chip:hover,
.sea-categories__chip:focus-visible {
  background: color-mix(in srgb, var(--primary) 12%, #fff);
  color: var(--primary);
}
.sea-categories__chip--more {
  background: color-mix(in srgb, var(--primary) 10%, #fff);
  color: var(--primary);
}
.sea-categories__empty {
  display: none;
  text-align: center;
  margin-top: 0.5rem;
}
.sea-categories__empty:not([hidden]) {
  display: grid;
  justify-items: center;
  gap: 0.65rem;
}
.sea-categories__empty iconify-icon {
  font-size: 2.25rem;
  color: var(--muted-foreground);
}
.sea-categories__empty p {
  margin: 0;
  font-weight: 800;
}
.sea-categories__reset {
  border: 0;
  background: var(--primary);
  color: #fff;
  font: inherit;
  font-weight: 800;
  padding: 0.55rem 1.1rem;
  border-radius: 999px;
  cursor: pointer;
}
.sea-categories__reset:hover {
  filter: brightness(1.05);
}
@media (max-width: 991.98px) {
  .sea-categories__toolbar {
    top: 4.35rem;
  }
}

.sea-wish-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
.sea-wish-head__icon { color: var(--destructive); font-size: 2rem; }
.sea-wish-head__count {
  font-size: 0.875rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-wish-card {
  display: flex;
  flex-direction: column;
  background: var(--card);
  border: 2px solid rgb(203 213 225 / 45%);
  border-radius: 1.15rem;
  padding: 1rem;
  position: relative;
  transition: border-color .2s ease;
}
.sea-wish-card:hover { border-color: rgb(0 119 182 / 45%); }
.sea-wish-card__remove {
  position: absolute;
  top: 1rem;
  inset-inline-start: 1rem;
  z-index: 2;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  border: 0;
  background: #fff;
  color: var(--destructive);
  box-shadow: 0 4px 12px rgb(15 23 42 / 12%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sea-wish-card__media {
  display: block;
  aspect-ratio: 1 / 1;
  border-radius: 0.85rem;
  overflow: hidden;
  background: rgb(241 245 249 / 55%);
  margin-bottom: 0.85rem;
}
.sea-wish-card__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 1rem;
  transition: transform .35s ease;
}
.sea-wish-card:hover .sea-wish-card__media img { transform: scale(1.08); }
.sea-wish-card__brand {
  font-size: 0.65rem;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--muted-foreground);
  margin-bottom: 0.25rem;
}
.sea-wish-card__title {
  font-weight: 800;
  font-size: 0.875rem;
  line-height: 1.35;
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0.75rem;
  min-height: 2.4em;
}
.sea-wish-card__title:hover { color: var(--primary); }
.sea-wish-card__foot {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.sea-wish-card__price {
  font-weight: 900;
  font-size: 1.05rem;
  color: var(--primary);
}
.sea-wish-card__cart {
  width: 2.75rem;
  height: 2.75rem;
  border: 0;
  border-radius: 0.85rem;
  background: var(--primary);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sea-wish-pager { margin-top: 1.5rem; }

.sea-track { max-width: 32rem; margin: 0 auto; }
.sea-track--has-result { max-width: 56rem; }
.sea-track__hero {
  text-align: center;
  margin-bottom: 1.75rem;
}
.sea-track__hero iconify-icon {
  font-size: 3.75rem;
  color: var(--primary);
  display: block;
  margin: 0 auto 0.85rem;
}
.sea-track__hero h1 {
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: clamp(1.5rem, 3vw, 1.85rem);
  margin: 0 0 0.35rem;
}
.sea-track__hero p {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-track__card {
  padding: 1.75rem !important;
  border-radius: 1.5rem !important;
  border: 2px solid rgb(203 213 225 / 45%) !important;
  box-shadow: 0 18px 40px rgb(15 23 42 / 8%);
  max-width: 32rem;
  margin-inline: auto;
}
.sea-track__card .form-label {
  font-size: 0.75rem;
  font-weight: 900;
  margin-bottom: 0.45rem;
}
.sea-track__card .form-control {
  background: var(--muted);
  border: 0;
  border-radius: 0.85rem;
  min-height: 2.85rem;
  box-shadow: none;
}
.sea-track__card .form-control:focus {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent);
  background: var(--card);
}
.sea-track__card button[type="submit"],
.sea-track__card .btn-primary {
  width: 100%;
  border-radius: 0.85rem;
  font-weight: 900;
  padding: 0.9rem;
  background: var(--primary);
  border: 0;
  font-size: 1.05rem;
}
.sea-track__result { margin-top: 1.5rem; }

/* Order tracking popup */
.sea-track-modal {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: grid;
  place-items: center;
  padding: 1rem;
}
.sea-track-modal[hidden] {
  display: none;
}
.sea-track-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(15 23 42 / 55%);
}
.sea-track-modal__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 40rem);
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  padding: 1.35rem 1.25rem 1.4rem;
  border-radius: 1.5rem;
  border: 2px solid rgb(203 213 225 / 45%);
  box-shadow: 0 24px 64px rgb(15 23 42 / 18%);
  background: #fff;
}
.sea-track-modal__close {
  position: absolute;
  top: 0.85rem;
  inset-inline-end: 0.85rem;
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--muted, #e0e8f5);
  color: var(--muted-foreground, #64748b);
  cursor: pointer;
}
.sea-track-modal__close:hover {
  color: var(--foreground, #0f172a);
  background: color-mix(in srgb, var(--destructive, #ef476f) 12%, #fff);
}
.sea-track-modal__head {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 1.1rem;
  padding-inline-end: 2rem;
}
.sea-track-modal__icon {
  width: 3rem;
  height: 3rem;
  border-radius: 1rem;
  display: grid;
  place-items: center;
  background: color-mix(in srgb, var(--primary, #0077b6) 12%, #fff);
  color: var(--primary, #0077b6);
  font-size: 1.55rem;
  flex: 0 0 auto;
}
.sea-track-modal__head h2 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 900;
  color: var(--foreground, #0f172a);
}
.sea-track-modal__lead {
  margin: 0.2rem 0 0;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--muted-foreground, #64748b);
}
.sea-track-modal__form {
  display: grid;
  gap: 0.75rem;
}
.sea-track-modal__field .form-label {
  font-weight: 800;
  font-size: 0.8rem;
  margin-bottom: 0.35rem;
}
.sea-track-modal__field .form-control {
  border-radius: 0.85rem;
  border: 1px solid rgb(148 163 184 / 45%);
  min-height: 2.75rem;
  font-weight: 700;
}
.sea-track-modal__field .form-control:focus {
  border-color: var(--primary, #0077b6);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary, #0077b6) 18%, transparent);
}
.sea-track-modal__error {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 800;
  color: var(--destructive, #ef476f);
}
.sea-track-modal__submit {
  width: 100%;
  margin-top: 0.25rem;
}
.sea-track-modal__result {
  margin-top: 1.15rem;
  padding-top: 1rem;
  border-top: 1px solid rgb(203 213 225 / 55%);
}
.sea-track-modal__loading {
  text-align: center;
  padding: 1.25rem 0.5rem;
  font-weight: 800;
  color: var(--muted-foreground, #64748b);
}
.sea-track-modal .sea-track-detail__grid {
  grid-template-columns: 1fr;
}
.sea-track-modal .sea-track-detail {
  gap: 0.85rem;
}
.sea-track-page-fallback .sea-track__hero {
  text-align: center;
  padding: 2.5rem 1rem;
}
.sea-track-page-fallback .sea-track__hero .sea-btn {
  margin-top: 1rem;
}

body.page-track-order .home-section.sea-breadcrumb {
  display: none !important;
}

/* Track detail result */
.sea-track-detail {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.sea-track-detail__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.25rem;
}

.sea-track-detail__code {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 900;
}

.sea-track-detail__meta {
  margin: 0.2rem 0 0;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--muted-foreground);
}

.sea-track-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 900;
  white-space: nowrap;
  background: color-mix(in srgb, var(--accent) 15%, #fff);
  color: var(--accent);
}

.sea-track-badge.is-done {
  background: color-mix(in srgb, #06d6a0 18%, #fff);
  color: #059669;
}

.sea-track-badge.is-cancel {
  background: color-mix(in srgb, var(--destructive) 14%, #fff);
  color: var(--destructive);
}

.sea-track-timeline {
  position: relative;
  padding: 1.25rem 1.25rem 1.25rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.sea-track-timeline::before {
  content: "";
  position: absolute;
  top: 1.6rem;
  bottom: 1.6rem;
  inset-inline-start: calc(1.25rem + 15px);
  width: 2px;
  background: var(--muted);
}

.sea-track-timeline__item {
  display: flex;
  gap: 1rem;
  position: relative;
  z-index: 1;
}

.sea-track-timeline__item.is-pending {
  opacity: 0.4;
}

.sea-track-timeline__dot {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: var(--muted);
  color: var(--muted-foreground);
  font-size: 1rem;
}

.sea-track-timeline__item.is-done .sea-track-timeline__dot {
  background: #06d6a0;
  color: #fff;
}

.sea-track-timeline__item.is-active .sea-track-timeline__dot {
  background: var(--accent);
  color: #fff;
  animation: sea-track-pulse 1.6s ease-in-out infinite;
}

@keyframes sea-track-pulse {
  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent); }
  50% { box-shadow: 0 0 0 8px transparent; }
}

.sea-track-timeline__title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 900;
}

.sea-track-timeline__time {
  margin: 0.15rem 0 0;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--muted-foreground);
}

.sea-track-detail__grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 768px) {
  .sea-track-detail__grid {
    grid-template-columns: 1fr 1fr;
  }
}

.sea-track-panel {
  padding: 1.25rem !important;
}

.sea-track-panel__title {
  font-family: var(--font-heading);
  font-size: 1.05rem;
  font-weight: 900;
  margin: 0 0 1rem;
  padding-bottom: 0.55rem;
  border-bottom: 3px solid var(--primary);
  width: fit-content;
}

.sea-track-dl {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.sea-track-dl > div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.35rem 0.65rem;
  font-size: 0.875rem;
}

.sea-track-dl dt {
  margin: 0;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-track-dl dt::after {
  content: ":";
}

.sea-track-dl dd {
  margin: 0;
  font-weight: 800;
}

.sea-track-dl dd.is-accent {
  color: var(--primary);
  font-weight: 900;
}

.sea-track-dl dd.is-warn {
  color: #d97706;
}

.sea-track-products {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.sea-track-product {
  display: grid;
  grid-template-columns: 4.5rem 1fr;
  gap: 0.85rem;
  padding: 0.85rem;
  border: 1px solid rgb(203 213 225 / 55%);
  border-radius: 1rem;
  background: #fff;
}

@media (min-width: 640px) {
  .sea-track-product {
    grid-template-columns: 5rem 1fr auto;
    align-items: center;
  }
}

.sea-track-product__thumb {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 0.75rem;
  overflow: hidden;
  background: var(--muted);
}

@media (min-width: 640px) {
  .sea-track-product__thumb {
    width: 5rem;
    height: 5rem;
  }
}

.sea-track-product__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sea-track-product__name {
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.4;
}

.sea-track-product__name a {
  color: inherit;
  text-decoration: none;
}

.sea-track-product__name a:hover {
  color: var(--primary);
}

.sea-track-product__sku {
  margin-top: 0.2rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-track-product__vendor {
  margin-top: 0.35rem;
  font-size: 0.75rem;
  font-weight: 800;
}

.sea-track-product__vendor a {
  color: var(--primary);
}

.sea-track-product__prices {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--muted-foreground);
  grid-column: 1 / -1;
}

@media (min-width: 640px) {
  .sea-track-product__prices {
    grid-column: auto;
    flex-direction: column;
    align-items: flex-end;
    text-align: end;
    gap: 0.35rem;
  }
}

.sea-track-product__prices strong {
  color: var(--foreground);
  font-weight: 900;
  margin-inline-start: 0.25rem;
}

.sea-track-product__prices .is-total strong {
  color: var(--primary);
}

.sea-track-totals {
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgb(203 213 225 / 55%);
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.sea-track-totals__row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.875rem;
  font-weight: 800;
}

.sea-track-totals__row.is-ok {
  color: #059669;
}

.sea-track-totals__row.is-grand {
  padding-top: 0.55rem;
  border-top: 1px solid rgb(203 213 225 / 55%);
  font-size: 1.05rem;
  font-weight: 900;
}

.sea-track-totals__row.is-grand strong {
  color: var(--primary);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.sea-track-totals__row small {
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  color: #059669;
}

.sea-track-empty {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  padding: 1.15rem 1.25rem !important;
  border: 2px solid color-mix(in srgb, var(--destructive) 25%, transparent) !important;
  background: color-mix(in srgb, var(--destructive) 6%, #fff) !important;
}

.sea-track-empty iconify-icon {
  font-size: 1.75rem;
  color: var(--destructive);
  flex-shrink: 0;
}

.sea-track-empty__title {
  margin: 0 0 0.2rem;
  font-weight: 900;
}

.sea-track-empty__text {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

.sea-howto { max-width: 40rem; margin: 0 auto; }
.sea-howto__head {
  text-align: center;
  margin-bottom: 1.75rem;
}
.sea-howto__head p {
  margin: 0;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-howto .how-easy { margin-bottom: 1.75rem; }
.sea-howto .order-hint { margin-bottom: 1.75rem; }
.sea-howto__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}
.sea-howto__actions .sea-btn { width: auto; min-width: 9rem; }

body.page-product-detail .pdp-info__sold,
body.page-product-detail .sold-count-display {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  color: var(--muted-foreground) !important;
}

body.page-account .sea-account__mobile-header {
  display: none !important;
}
@media (max-width: 991.98px) {
  body.page-account .sea-account__header {
    display: none !important;
  }
}

.page-restocked .home-product {
  position: relative;
}
.page-restocked .home-product::after {
  content: "عاد للمخزون";
  position: absolute;
  top: 0.75rem;
  inset-inline-end: 0.75rem;
  z-index: 3;
  background: color-mix(in srgb, var(--chart-5) 18%, white);
  color: var(--chart-5);
  font-size: 0.65rem;
  font-weight: 900;
  padding: 0.3rem 0.55rem;
  border-radius: 999px;
}
.page-products .stock-products-wrapper .home-product {
  position: relative;
}
.page-products .stock-products-wrapper .home-product::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(15 23 42 / 28%);
  border-radius: inherit;
  z-index: 1;
  pointer-events: none;
}
.page-products .stock-products-wrapper .home-product::after {
  content: "نفدت الكمية";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background: var(--destructive);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 900;
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  white-space: nowrap;
}

.bg-accent\/15 { background: color-mix(in srgb, var(--accent) 15%, transparent); }
.text-accent { color: var(--accent); }
.text-primary { color: var(--primary); }
.text-muted-foreground { color: var(--muted-foreground); }
.font-black { font-weight: 900; }
.font-bold { font-weight: 700; }
.text-sm { font-size: 0.875rem; }
.text-\[11px\] { font-size: 0.6875rem; }
.rounded-full { border-radius: 999px; }
.rounded-2xl { border-radius: 1rem; }
.border { border: 1px solid var(--border); }
.border-border\/50 { border-color: rgb(203 213 225 / 50%); }
.bg-card { background: var(--card); }
.space-y-3 > * + * { margin-top: 0.75rem; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.gap-3 { gap: 0.75rem; }
.mb-3 { margin-bottom: 0.75rem; }
.px-2\.5 { padding-inline: 0.625rem; }
.py-1 { padding-block: 0.25rem; }

.sea-success__title {
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  margin: 0 0 0.75rem;
  color: var(--foreground);
}
.sea-success__label {
  font-weight: 800;
  color: var(--muted-foreground);
  margin: 0 0 0.35rem;
}
.sea-success__code {
  font-family: var(--font-mono, "JetBrains Mono", ui-monospace, monospace);
  font-weight: 900;
  font-size: clamp(1.35rem, 3vw, 1.5rem);
  letter-spacing: 0.08em;
  color: var(--primary);
  margin: 0 0 1rem;
}
.sea-success__note {
  font-size: 0.875rem;
  font-weight: 800;
  color: var(--muted-foreground);
  margin: 0 0 1.5rem;
}
.sea-success__next {
  text-align: start;
  margin: 0 0 2rem;
  padding: 1.25rem 1.35rem;
  border-radius: 1rem;
  background: var(--card, #fff);
  border: 1px solid rgb(203 213 225 / 55%);
}
.sea-success__next-title {
  font-weight: 900;
  font-size: 0.875rem;
  margin: 0 0 0.85rem;
}
.sea-success__next-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}
.sea-success__next-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.sea-success__next-list iconify-icon {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: var(--primary);
}
.sea-success__next-list li:nth-child(2) iconify-icon {
  color: var(--accent, #00b4d8);
}
.sea-success__next-list li:nth-child(3) iconify-icon {
  color: var(--secondary, #ffb703);
}
.sea-success__actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: none;
  margin-inline: 0;
}
.sea-success__actions .sea-btn {
  width: 100%;
  min-height: 3.15rem;
  padding-inline: 2rem;
  border-radius: 0.75rem;
}

@media (min-width: 640px) {
  .sea-success__mark {
    width: 6rem;
    height: 6rem;
  }
  .sea-success__mark iconify-icon {
    font-size: 3.75rem;
  }
  .sea-success__next {
    padding: 1.5rem;
    border-width: 2px;
  }
  .sea-success__actions {
    flex-direction: row;
    justify-content: center;
  }
  .sea-success__actions .sea-btn {
    width: auto;
    min-width: 11rem;
  }
}


/* —— Deals & Trends (Sea / export parity) —— */
.sea-deals.deals-trends-section,
.deals-trends-section.sea-deals {
  width: min(100% - (var(--layout-gutter, 1.5rem) * 2), var(--layout-max, 1280px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  margin-block: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  align-self: stretch !important;
}

.sea-deals .container,
.sea-deals .row {
  display: contents !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sea-deals__grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.25rem !important;
  width: 100% !important;
}

@media (min-width: 768px) {
  .sea-deals__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.5rem !important;
  }
}

.sea-deals__block,
.sea-deals .deals-trends-block,
.deals-trends-section .row > div,
.deals-trends-section .col-lg-6 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 1rem !important;
  background: #fff !important;
  border: 1px solid rgb(203 213 225 / 45%) !important;
  border-radius: 1.35rem !important;
  box-shadow: 0 10px 28px rgb(15 23 42 / 5%) !important;
  flex: none !important;
}

.sea-deals__head,
.sea-deals .deals-trends-block-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
  border: 0 !important;
}

.sea-deals__title,
.sea-deals .deals-trends-block-title {
  margin: 0 !important;
  font-family: var(--font-heading, Cairo, sans-serif) !important;
  font-size: 1.125rem !important;
  font-weight: 900 !important;
  color: var(--primary, #0077b6) !important;
  letter-spacing: -0.01em !important;
}

@media (min-width: 768px) {
  .sea-deals__title,
  .sea-deals .deals-trends-block-title {
    font-size: 1.35rem !important;
  }
}

.sea-deals__title-link,
.sea-deals .deals-trends-block-title-link {
  text-decoration: none !important;
  color: inherit !important;
  border-bottom: 2px solid color-mix(in srgb, var(--primary, #0077b6) 35%, transparent) !important;
  padding-bottom: 0.1rem !important;
  transition: border-color 0.15s ease, color 0.15s ease !important;
}

.sea-deals__title-link:hover,
.sea-deals .deals-trends-block-title-link:hover {
  border-bottom-color: var(--primary, #0077b6) !important;
}

.sea-deals__title-link:hover .sea-deals__title,
.sea-deals .deals-trends-block-title-link:hover .deals-trends-block-title {
  color: var(--accent, #00b4d8) !important;
}

.sea-deals__arrow,
.sea-deals .deals-trends-block-arrow {
  width: 2.35rem !important;
  height: 2.35rem !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--primary, #0077b6) 10%, #fff) !important;
  color: var(--primary, #0077b6) !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
}

.sea-deals__arrow iconify-icon,
.sea-deals .deals-trends-block-arrow iconify-icon,
.sea-deals .deals-trends-block-arrow svg {
  width: 1.15rem !important;
  height: 1.15rem !important;
  font-size: 1.15rem !important;
}

.sea-deals__arrow:hover,
.sea-deals .deals-trends-block-arrow:hover {
  background: color-mix(in srgb, var(--primary, #0077b6) 18%, #fff) !important;
  transform: translateX(-2px) !important;
  color: var(--primary, #0077b6) !important;
}

[dir="ltr"] .sea-deals__arrow:hover {
  transform: translateX(2px) !important;
}

.sea-deals__products,
.sea-deals .deals-trends-products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  overflow: visible !important;
}

@media (max-width: 767px) {
  .sea-deals__products,
  .sea-deals .deals-trends-products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.65rem !important;
    overflow: visible !important;
    flex-direction: unset !important;
  }

  .sea-deals__item,
  .sea-deals .deals-trends-product-item {
    flex: none !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
  }
}

.sea-deals__card,
.sea-deals .deals-trends-product-link {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0.55rem !important;
  border-radius: 1rem !important;
  border: 1px solid rgb(203 213 225 / 50%) !important;
  background: #fff !important;
  text-decoration: none !important;
  color: inherit !important;
  box-shadow: 0 6px 16px rgb(15 23 42 / 4%) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

.sea-deals__card:hover,
.sea-deals .deals-trends-product-link:hover {
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb, var(--primary, #0077b6) 35%, transparent) !important;
  box-shadow: 0 14px 28px rgb(15 23 42 / 8%) !important;
  color: inherit !important;
}

.sea-deals__media,
.sea-deals .deals-trends-product-image {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 !important;
  padding-bottom: 0 !important;
  margin: 0 0 0.55rem !important;
  overflow: hidden !important;
  border-radius: 0.85rem !important;
  background: color-mix(in srgb, var(--muted, #e0e8f5) 40%, #fff) !important;
}

.sea-deals__media img,
.sea-deals .deals-trends-product-image img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0.85rem !important;
  transition: opacity 0.3s ease, transform 0.4s ease !important;
}

.sea-deals__badge,
.sea-deals .deals-trends-product-badge {
  top: 0.45rem !important;
  inset-inline-end: 0.45rem !important;
  right: auto !important;
  border-radius: 0.45rem !important;
  background: var(--destructive, #ef476f) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

.sea-deals__info,
.sea-deals .deals-trends-product-info {
  text-align: center !important;
  padding: 0 0.15rem 0.15rem !important;
}

.sea-deals__price,
.sea-deals .deals-trends-product-price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  margin: 0 !important;
  font-size: 0.875rem !important;
  font-weight: 900 !important;
  color: var(--primary, #0077b6) !important;
  line-height: 1.3 !important;
}

.sea-deals .deals-trends-product-price-current {
  color: var(--primary, #0077b6) !important;
  font-weight: 900 !important;
}

.sea-deals .deals-trends-product-price-original {
  color: var(--muted-foreground, #64748b) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-decoration: line-through !important;
  margin: 0 !important;
}

.sea-deals__promo,
.sea-deals .deals-trends-product-desc {
  margin-top: 0.2rem !important;
  font-size: 0.6875rem !important;
  font-weight: 800 !important;
  color: var(--destructive, #ef476f) !important;
}

.sea-deals__empty {
  grid-column: 1 / -1;
  padding: 2rem 1rem;
  text-align: center;
  color: var(--muted-foreground);
  font-weight: 700;
}

/* —— Account settings (Sea) —— */
.sea-settings {
  max-width: 40rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sea-settings__heading {
  display: none;
}
.sea-settings__card {
  padding: 1.25rem 1.35rem !important;
  border: 1px solid rgb(203 213 225 / 50%) !important;
  border-radius: 1.15rem !important;
}
.sea-settings__card-body .form-control,
.sea-settings__card-body .form-select,
.sea-wallet-form .form-control,
.sea-wallet-form .form-select,
.sea-wallet-form textarea {
  min-height: 2.85rem;
  border-radius: 0.85rem;
  background: var(--muted, #e0e8f5);
  border: 0;
}
.sea-settings__card-body .btn-primary,
.sea-settings__card-body button[type="submit"] {
  width: 100%;
  min-height: 2.85rem;
  border-radius: 0.85rem;
  font-weight: 900;
}
.sea-wallet-form {
  background: var(--card);
  border: 1px solid rgb(203 213 225 / 50%);
  border-radius: 1.15rem;
  padding: 1.25rem 1.35rem;
}
.sea-wallet-form .form-label {
  font-size: 0.75rem;
  font-weight: 900;
}
.modal-footer .sea-btn {
  width: auto;
  min-height: 2.65rem;
  padding: 0.55rem 1.1rem;
}
.sea-settings__card {
  padding: 1.25rem !important;
}
.sea-settings__card-head {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.sea-settings__icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.sea-settings__card-head h2,
.sea-settings__card-head .modal-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 900;
  font-family: var(--font-heading);
}
.sea-settings__card-head p {
  margin: 0.15rem 0 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
}
.sea-settings__card-body .form-control,
.sea-settings__card-body .form-select,
.sea-settings-modal .form-control {
  background: var(--muted) !important;
  border: 0 !important;
  border-radius: 0.85rem !important;
  min-height: 2.85rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.sea-settings__card-body .form-label,
.sea-settings-modal .form-label {
  font-size: 0.75rem !important;
  font-weight: 900 !important;
}
.sea-settings__card-body .btn-primary,
.sea-settings__card-body button[type="submit"] {
  width: 100%;
  border: 0 !important;
  border-radius: 0.85rem !important;
  background: var(--primary) !important;
  color: #fff !important;
  font-weight: 900 !important;
  padding: 0.85rem 1rem !important;
}
.sea-settings__warn {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  padding: 0.85rem 1rem;
  border-radius: 0.85rem;
  background: color-mix(in srgb, var(--secondary) 18%, #fff);
  margin-bottom: 0.85rem;
  font-size: 0.8125rem;
  font-weight: 700;
}
.sea-settings__warn strong { display: block; margin-bottom: 0.15rem; }
.sea-settings__warn p { margin: 0; color: var(--muted-foreground); }
.sea-btn--danger-outline {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border: 2px solid color-mix(in srgb, var(--destructive) 35%, transparent);
  background: transparent;
  color: var(--destructive);
  border-radius: 0.85rem;
  padding: 0.7rem 1rem;
  font-weight: 900;
  cursor: pointer;
}
.sea-btn--danger {
  background: var(--destructive) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0.85rem !important;
  padding: 0.7rem 1.1rem !important;
  font-weight: 900 !important;
}
.sea-btn--ghost {
  background: var(--muted) !important;
  color: var(--foreground) !important;
  border: 0 !important;
  border-radius: 0.85rem !important;
  padding: 0.7rem 1.1rem !important;
  font-weight: 900 !important;
}
.sea-settings__modal-actions {
  display: flex;
  gap: 0.65rem;
}
.sea-settings__modal-actions .sea-btn { flex: 1; }
.sea-settings__modal-note {
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--muted-foreground);
  margin-bottom: 1rem;
}
.sea-settings-modal .modal-content {
  border: 2px solid rgb(203 213 225 / 45%) !important;
  border-radius: 1.25rem !important;
  padding: 0.5rem;
}

/* —— Contact page —— */
.sea-contact__head {
  margin-bottom: 1.25rem;
}
.sea-contact .sea-page__title {
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0;
}
.sea-contact__title-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent, #00b4d8) 16%, #fff);
  color: var(--primary);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  font-size: 1.65rem;
}
.sea-contact__grid {
  display: grid;
  gap: 1.25rem;
}
@media (min-width: 992px) {
  .sea-contact__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 2rem;
    align-items: start;
  }
}
.sea-contact__info {
  display: grid;
  gap: 0.75rem;
}
.sea-contact__card {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 1rem 1.1rem;
  background: #fff;
  border: 1.5px solid rgb(203 213 225 / 45%);
  border-radius: 1.15rem;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 8px 20px rgb(15 23 42 / 5%);
  min-height: 4.5rem;
}
a.sea-contact__card:hover {
  border-color: color-mix(in srgb, var(--primary) 28%, transparent);
}
.sea-contact__icon {
  width: 2.85rem;
  height: 2.85rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  font-size: 1.35rem;
}
.sea-contact__icon.is-phone {
  background: color-mix(in srgb, var(--primary) 12%, #fff);
  color: var(--primary);
}
.sea-contact__icon.is-mail {
  background: color-mix(in srgb, var(--accent, #00b4d8) 16%, #fff);
  color: var(--accent, #00b4d8);
}
.sea-contact__icon.is-map {
  background: color-mix(in srgb, var(--secondary, #ffb703) 22%, #fff);
  color: #334155;
}
.sea-contact__meta {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}
.sea-contact__label {
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--muted-foreground);
}
.sea-contact__value {
  font-weight: 900;
  font-size: 1rem;
  color: var(--foreground);
  line-height: 1.4;
}
.sea-contact__hours {
  background: color-mix(in srgb, var(--primary) 7%, #fff);
  border: 1.5px solid color-mix(in srgb, var(--primary) 12%, transparent);
  border-radius: 1.15rem;
  padding: 1.05rem 1.15rem;
}
.sea-contact__hours-title {
  margin: 0 0 0.45rem;
  font-weight: 900;
  color: var(--primary);
}
.sea-contact__hours p {
  margin: 0;
  font-weight: 800;
  font-size: 0.9rem;
  color: var(--muted-foreground);
  line-height: 1.7;
}
.sea-contact__hours .is-closed {
  color: var(--foreground);
}
.sea-contact__map-wrap {
  position: relative;
  min-height: 18rem;
  height: 100%;
  border-radius: 1.25rem;
  overflow: hidden;
  background: #fff;
  border: 1.5px solid rgb(203 213 225 / 45%);
  box-shadow: 0 8px 20px rgb(15 23 42 / 5%);
}
@media (min-width: 992px) {
  .sea-contact__map-wrap {
    min-height: 28rem;
  }
}
.sea-contact__map {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 18rem;
  border: 0;
}
@media (min-width: 992px) {
  .sea-contact__map {
    position: absolute;
    inset: 0;
    min-height: 0;
  }
}
.sea-contact__map-open {
  position: absolute;
  inset-inline-start: 0.75rem;
  bottom: 0.75rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 2.5rem;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  background: #fff;
  color: var(--primary);
  font-weight: 900;
  font-size: 0.8rem;
  text-decoration: none;
  box-shadow: 0 8px 20px rgb(15 23 42 / 12%);
}
.sea-contact__map-open:hover {
  color: var(--accent, #00b4d8);
}
.sea-contact__form {
  padding: 1.25rem 1.35rem 1.5rem;
  border-radius: 1.35rem;
}
.sea-contact__form h2 {
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 1.15rem;
  margin: 0 0 1rem;
}
.sea-contact-form .contact-form-group,
.sea-contact-form .form-group,
.sea-contact-form .mb-3 {
  margin-bottom: 0.85rem;
}
.sea-contact-form label,
.sea-contact-form .form-label {
  font-size: 0.75rem;
  font-weight: 900;
  margin-bottom: 0.4rem;
}
.sea-contact-form input,
.sea-contact-form select,
.sea-contact-form textarea,
.sea-contact-form .form-control,
.sea-contact-form .contact-form-input {
  width: 100%;
  min-height: 2.85rem;
  border: 0 !important;
  border-radius: 0.85rem !important;
  background: var(--muted, #eef3f9) !important;
  padding: 0.7rem 0.95rem !important;
  font-weight: 700;
  box-shadow: none !important;
}
.sea-contact-form textarea {
  min-height: 7.5rem;
}
.sea-contact-form button[type="submit"],
.sea-contact-form .btn-primary {
  width: 100%;
  min-height: 3rem;
  border: 0;
  border-radius: 0.85rem;
  background: var(--primary);
  color: #fff;
  font-weight: 900;
}
.sea-contact-form .row {
  --bs-gutter-x: 0.75rem;
}
.sea-contact-form [class*="col-"] {
  width: 100%;
  max-width: 100%;
  flex: none;
}


/* —— Sea vendor products gate modal —— */
.sea-vendor-modal .modal-dialog {
  max-width: 36rem;
  width: calc(100% - 2rem);
  margin: 1.25rem auto !important;
}

.sea-vendor-modal.modal {
  display: none;
}

.sea-vendor-modal.modal.show {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.sea-vendor-modal .modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 2.5rem);
  margin-left: auto !important;
  margin-right: auto !important;
}

.sea-vendor-modal__content {
  border: 0 !important;
  border-radius: 1.35rem !important;
  overflow: hidden;
  background: var(--card, #fff);
  box-shadow: 0 24px 60px rgb(2 62 138 / 22%);
  font-family: var(--font-sans, Cairo, sans-serif);
}

.sea-vendor-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0;
  padding: 1.15rem 1.25rem !important;
  border: 0 !important;
  background:
    radial-gradient(120% 140% at 100% 0%, rgb(255 183 3 / 28%) 0%, transparent 42%),
    linear-gradient(145deg, #023e8a 0%, var(--primary, #0077b6) 52%, #00b4d8 120%);
  color: #fff;
}

.sea-vendor-modal__title {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0;
  font-family: var(--font-heading, Cairo, sans-serif);
  font-size: 1.15rem;
  font-weight: 900;
  line-height: 1.3;
  color: #fff;
}

.sea-vendor-modal__title iconify-icon {
  flex-shrink: 0;
  font-size: 1.45rem;
  color: var(--secondary, #ffb703);
}

.sea-vendor-modal__close {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgb(255 255 255 / 14%);
  color: #fff;
  cursor: pointer;
  opacity: 1;
}

.sea-vendor-modal__close:hover {
  background: rgb(255 255 255 / 24%);
}

.sea-vendor-modal__body {
  padding: 1.15rem 1.25rem 0.35rem !important;
  text-align: start;
  direction: rtl;
  color: var(--foreground, #0f172a);
}

.sea-vendor-modal__scroll {
  max-height: min(58vh, 28rem);
  overflow-y: auto;
  padding-inline-end: 0.15rem;
}

.sea-vendor-modal__scroll::-webkit-scrollbar {
  width: 6px;
}

.sea-vendor-modal__scroll::-webkit-scrollbar-track {
  background: var(--muted, #e0e8f5);
  border-radius: 999px;
}

.sea-vendor-modal__scroll::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary, #0077b6) 55%, #94a3b8);
  border-radius: 999px;
}

.sea-vendor-modal__intro {
  margin-bottom: 1rem;
  padding: 0.9rem 1rem;
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--primary, #0077b6) 10%, #fff);
  border: 1px solid color-mix(in srgb, var(--primary, #0077b6) 22%, transparent);
  color: var(--primary, #0077b6);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.65;
}

.sea-vendor-modal__terms {
  margin-bottom: 1rem;
}

.sea-vendor-modal__terms-title {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0 0 0.7rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid rgb(203 213 225 / 55%);
  width: 100%;
  font-size: 0.95rem;
  font-weight: 900;
  color: var(--foreground, #0f172a);
}

.sea-vendor-modal__terms-title iconify-icon {
  color: var(--accent, #00b4d8);
  font-size: 1.25rem;
}

.sea-vendor-modal__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.15rem;
}

.sea-vendor-modal__list li {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.7rem 0;
  border-bottom: 1px solid rgb(226 232 240 / 80%);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.7;
  color: #334155;
}

.sea-vendor-modal__list li:last-child {
  border-bottom: 0;
}

.sea-vendor-modal__list iconify-icon {
  flex-shrink: 0;
  margin-top: 0.15rem;
  color: #059669;
  font-size: 1.15rem;
}

.sea-vendor-modal__list strong {
  color: var(--primary, #0077b6);
  font-weight: 900;
}

.sea-vendor-modal__note {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin-bottom: 1rem;
  padding: 0.85rem 0.95rem;
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--secondary, #ffb703) 16%, #fff);
  border: 1px solid color-mix(in srgb, var(--secondary, #ffb703) 45%, transparent);
  color: #92400e;
}

.sea-vendor-modal__note iconify-icon {
  flex-shrink: 0;
  margin-top: 0.1rem;
  color: #d97706;
  font-size: 1.2rem;
}

.sea-vendor-modal__note p {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.65;
}

.sea-vendor-modal__check {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 0.35rem;
  cursor: pointer;
  user-select: none;
  font-size: 0.8125rem;
  font-weight: 800;
  color: var(--muted-foreground, #64748b);
}

.sea-vendor-modal__check input {
  width: 1.1rem;
  height: 1.1rem;
  margin: 0;
  accent-color: var(--primary, #0077b6);
  cursor: pointer;
}

.sea-vendor-modal__footer {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.65rem;
  padding: 1rem 1.25rem 1.2rem !important;
  border-top: 1px solid rgb(203 213 225 / 55%) !important;
  background: #fff;
  direction: rtl;
}

.sea-vendor-modal__footer .sea-btn {
  width: auto;
  min-width: 8.5rem;
  min-height: 2.85rem;
  padding: 0.7rem 1.15rem;
  font-size: 0.9rem;
  border-radius: 0.85rem;
}

.sea-vendor-modal__footer .sea-btn--ghost {
  background: var(--muted, #e0e8f5);
  color: #334155;
  box-shadow: none;
}

.sea-vendor-modal__footer .sea-btn--ghost:hover {
  background: color-mix(in srgb, var(--muted, #e0e8f5) 70%, #94a3b8);
  color: #0f172a;
  opacity: 1;
}

.sea-vendor-modal__footer .sea-btn--primary:hover {
  opacity: 1;
  background: color-mix(in srgb, var(--primary, #0077b6) 88%, #000);
}

@media (max-width: 575.98px) {
  .sea-vendor-modal .modal-dialog {
    width: calc(100% - 1.3rem);
    margin: 0.65rem auto !important;
  }

  .sea-vendor-modal__header,
  .sea-vendor-modal__body,
  .sea-vendor-modal__footer {
    padding-inline: 1rem !important;
  }

  .sea-vendor-modal__footer {
    flex-direction: column-reverse !important;
  }

  .sea-vendor-modal__footer .sea-btn {
    width: 100%;
  }
}