/* === sea-compat.min.css === */
/* Sea compatibility — only essentials formerly provided by Shofy theme.css.
   Visual design comes from layout.css + sea-theme.css + sea-pages.css. */

/* Iconify: reserve space. Named fallbacks live in ux-hardening so icons
   never flash as empty circles, and never all look like a close X. */
iconify-icon {
  display: inline-block;
  min-width: 1em;
  min-height: 1em;
  vertical-align: middle;
  line-height: 0;
  flex-shrink: 0;
  color: inherit;
}
iconify-icon svg,
.sea-ico {
  display: block;
  width: 1.05em;
  height: 1.05em;
}
.cartmini__close-btn svg,
.sea-minicart__close svg,
.sea-minicart__ok svg {
  display: block;
  width: 1.05rem;
  height: 1.05rem;
}

/* Cart popup — centered modal (opens on add-to-cart) */
.cartmini__area {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgb(15 23 42 / 0%);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.22s ease, visibility 0.22s ease, background 0.22s ease;
  font-family: var(--font-sans, Cairo, sans-serif);
  transform: none !important;
}
[dir="rtl"] .cartmini__area {
  transform: none !important;
}

/* JS puts .cartmini-opened on the panel itself AND sometimes on body */
.cartmini__area.cartmini-opened,
.cartmini-opened .cartmini__area,
body.cartmini-opened .cartmini__area {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  background: rgb(15 23 42 / 48%);
  transform: none !important;
}

.cartmini__area .cartmini__wrapper,
.cartmini__area .sea-minicart {
  width: min(100%, 30rem);
  height: auto;
  max-height: min(88dvh, calc(100% - 2rem));
  background: var(--card, #fff);
  border-radius: 1.35rem;
  border: 0;
  box-shadow: 0 28px 60px rgb(15 23 42 / 22%);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform: translateY(12px) scale(0.96);
  transition: transform 0.22s ease;
}
.cartmini__area.cartmini-opened .cartmini__wrapper,
.cartmini__area.cartmini-opened .sea-minicart,
.cartmini-opened .cartmini__area .cartmini__wrapper,
body.cartmini-opened .cartmini__area .cartmini__wrapper {
  transform: translateY(0) scale(1);
}

body.cartmini-opened,
body:has(.cartmini__area.cartmini-opened) {
  overflow: hidden;
}

/* Kill old side-drawer overlays */
.cartmini__area::before,
body.cartmini-opened::before,
body.cartmini-opened .sea-shell::after,
.body-overlay.opened {
  content: none !important;
  display: none !important;
}

.cartmini__wrapper,
.sea-minicart {
  height: auto;
  max-height: min(88dvh, calc(100% - 2rem));
  display: flex;
  flex-direction: column;
}
.cartmini__top-wrapper {
  flex: 1 1 auto;
  overflow: hidden;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.sea-minicart__loading {
  padding: 1.5rem 1.1rem;
  text-align: center;
  font-size: 0.85rem;
  font-weight: 800;
  color: var(--muted-foreground, #64748b);
}
.cartmini__top,
.sea-minicart__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 1.1rem 0.85rem;
  border-bottom: 0;
  background: color-mix(in srgb, var(--chart-5, #06d6a0) 8%, #fff);
}
.sea-minicart__heading {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  min-width: 0;
}
.sea-minicart__ok {
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: var(--chart-5, #06d6a0);
  color: #fff;
  font-size: 1.25rem;
}
.cartmini__top-title h4,
.sea-minicart__top h4 {
  margin: 0;
  font-family: var(--font-heading, Cairo, sans-serif);
  font-weight: 900;
  font-size: 1.05rem;
  line-height: 1.3;
}
.sea-minicart__count {
  margin: 0.15rem 0 0;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--muted-foreground, #475569);
}

.sea-minicart__speech,
.cartmini__area [data-sea-atc-speech] {
  display: none !important;
}

.cartmini__area.is-atc-modal .sea-minicart__speech:not([hidden]) {
  display: none !important;
}

.cartmini__area.is-atc-modal .sea-minicart__heading {
  display: none;
}

.cartmini__area.is-atc-modal .sea-minicart__top,
.cartmini__area.is-atc-modal .cartmini__top {
  align-items: flex-start;
  background: #fff;
}

.sea-minicart__whale {
  display: block;
  width: 4.6rem;
  height: auto;
  flex-shrink: 0;
  margin-bottom: -0.2rem;
  filter: drop-shadow(0 8px 14px rgb(0 119 182 / 22%));
  pointer-events: none;
}

.sea-minicart__bubble {
  direction: rtl;
  position: relative;
  flex: 1;
  min-width: 0;
  margin: 0 0 0.7rem;
  padding: 0.68rem 0.8rem;
  border-radius: 1.15rem 1.15rem 1.15rem 0.28rem;
  background: #0077b6;
  color: #fff;
  box-shadow: 0 12px 28px rgb(0 119 182 / 24%);
  text-align: start;
}

.sea-minicart__bubble::before {
  content: "";
  position: absolute;
  left: -0.32rem;
  bottom: 0.62rem;
  width: 0.7rem;
  height: 0.7rem;
  background: #0077b6;
  transform: rotate(45deg);
}

.sea-minicart__bubble strong {
  display: block;
  font-size: 0.92rem;
  font-weight: 900;
  line-height: 1.3;
}

.sea-minicart__bubble span {
  display: block;
  margin-top: 0.18rem;
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1.4;
  color: rgb(255 255 255 / 86%);
}

.cartmini__close-btn,
.sea-minicart__close {
  border: 0;
  background: #fff;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: var(--muted-foreground, #475569);
  flex-shrink: 0;
  box-shadow: 0 1px 4px rgb(15 23 42 / 8%);
}
.cartmini__close-btn:hover,
.sea-minicart__close:hover {
  color: var(--foreground, #0f172a);
}

.cartmini__area [data-bb-toggle="mini-cart-content-slot"],
.cartmini__area .sea-minicart__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
}
.cartmini__area [data-bb-toggle="mini-cart-footer-slot"],
.cartmini__area .sea-minicart__footer,
.cartmini__area .sea-minicart__foot,
.cartmini__area .cartmini__checkout {
  flex-shrink: 0;
}

.sea-atc-hero,
.sea-atc-hero[hidden] {
  display: none !important;
}
.sea-atc-hero__thumb {
  width: 3.5rem;
  height: 3.5rem;
  flex: 0 0 3.5rem;
  border-radius: 0.85rem;
  overflow: hidden;
  background: #f8fafc;
  border: 0;
}
.sea-atc-hero__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.sea-atc-hero__kicker {
  margin: 0 0 0.15rem;
  font-size: 1.02rem;
  font-weight: 900;
  color: var(--foreground, #0f172a);
}
.sea-atc-hero__name {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 700;
  color: #64748b;
  line-height: 1.35;
}
.sea-minicart__item.is-added,
.cartmini__widget-item.is-added {
  border-color: rgb(255 183 3 / 60%) !important;
  background: #fffbeb !important;
}
.add-to-cart-flying-image,
.sea-fly-cart {
  display: none !important;
}

/* Items */
.sea-minicart__items {
  padding: 0.8rem 0.9rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
  max-height: none !important;
  overflow: visible !important;
  background: #f7fafc;
}
.sea-minicart__item {
  display: grid !important;
  grid-template-columns: 4rem minmax(0, 1fr) !important;
  gap: 0.75rem !important;
  align-items: center !important;
  min-height: 5.35rem;
  padding: 0.65rem 0.7rem !important;
  margin: 0 !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0.95rem !important;
  position: relative !important;
  overflow: hidden;
  box-shadow: 0 3px 12px rgb(15 23 42 / 4%);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.sea-minicart__thumb {
  width: 4rem;
  height: 4rem;
  border-radius: 0.8rem;
  overflow: hidden;
  background: #fff;
  border: 0;
  display: grid;
  place-items: center;
}
.sea-minicart__thumb img {
  width: 100%;
  height: 100%;
  padding: 0.2rem;
  object-fit: contain;
}
.cartmini__area .sea-minicart__item > .sea-minicart__body {
  flex: 0 1 auto !important;
  min-width: 0;
  min-height: auto !important;
  overflow: visible !important;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-inline-end: 2.1rem;
}
.cartmini__area .sea-minicart__item.is-sea-optimistic > .sea-minicart__body {
  padding-inline-end: 0;
}
.sea-minicart__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.8125rem;
  font-weight: 900;
  line-height: 1.35;
  color: var(--foreground, #0f172a);
  text-decoration: none;
}
.sea-minicart__name:hover {
  color: var(--primary, #0077b6);
}
.sea-minicart__meta {
  width: fit-content;
  max-width: 100%;
  margin: 0.22rem 0 0;
  padding: 0.14rem 0.45rem;
  border-radius: 999px;
  background: #eef3f7;
  font-size: 0.7rem;
  font-weight: 800;
  color: var(--muted-foreground, #475569);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sea-minicart__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
  margin-top: 0.45rem;
  padding-top: 0.45rem;
  border-top: 0;
}
.sea-minicart__price {
  font-size: 0.95rem;
  font-weight: 900;
  color: var(--primary, #0077b6);
  white-space: nowrap;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}
.sea-minicart__qty {
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--muted-foreground, #64748b);
}
.sea-minicart__qty-wrap {
  min-width: 0;
  flex: 0 0 auto;
}

/* Compact qty stepper: clear +/- chips, tight number */
.cartmini__area .sea-minicart__qty-wrap .sea-qty,
.cartmini__area .sea-minicart__qty-wrap .tp-product-quantity,
.sea-minicart__qty-wrap .sea-qty,
.sea-minicart__qty-wrap .tp-product-quantity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.15rem !important;
  height: 2.125rem !important;
  min-height: 2.125rem !important;
  margin: 0 !important;
  padding: 0.15rem !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  overflow: visible !important;
  background: #f8fafc !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 80%);
}

.cartmini__area .sea-minicart__qty-wrap .sea-qty__btn,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-minus,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-plus,
.cartmini__area .sea-minicart__qty-wrap .sea-qty button,
.cartmini__area .sea-minicart__qty-wrap .sea-qty [data-bb-toggle],
.sea-minicart__qty-wrap .sea-qty__btn,
.sea-minicart__qty-wrap .tp-cart-minus,
.sea-minicart__qty-wrap .tp-cart-plus,
.sea-minicart__qty-wrap .sea-qty button,
.sea-minicart__qty-wrap .sea-qty [data-bb-toggle] {
  width: 1.85rem !important;
  height: 1.85rem !important;
  min-width: 1.85rem !important;
  min-height: 1.85rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  box-shadow: 0 1px 2px rgb(15 23 42 / 8%);
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.cartmini__area .sea-minicart__qty-wrap .sea-qty__btn:hover,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-minus:hover,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-plus:hover,
.sea-minicart__qty-wrap .sea-qty__btn:hover,
.sea-minicart__qty-wrap .tp-cart-minus:hover,
.sea-minicart__qty-wrap .tp-cart-plus:hover {
  background: #e0f2fe !important;
  border-color: color-mix(in srgb, var(--primary, #0077b6) 35%, #cbd5e1) !important;
  color: var(--primary, #0077b6) !important;
}

.cartmini__area .sea-minicart__qty-wrap .sea-qty__btn:active,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-minus:active,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-plus:active,
.sea-minicart__qty-wrap .sea-qty__btn:active,
.sea-minicart__qty-wrap .tp-cart-minus:active,
.sea-minicart__qty-wrap .tp-cart-plus:active {
  transform: scale(0.94);
  background: #bae6fd !important;
}

.cartmini__area .sea-minicart__qty-wrap .sea-qty__btn:disabled,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-minus:disabled,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-plus:disabled,
.sea-minicart__qty-wrap .sea-qty__btn:disabled,
.sea-minicart__qty-wrap .tp-cart-minus:disabled,
.sea-minicart__qty-wrap .tp-cart-plus:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.cartmini__area .sea-minicart__qty-wrap .sea-qty__input,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-input,
.sea-minicart__qty-wrap .sea-qty__input,
.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;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-inline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #0f172a !important;
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: none !important;
  -moz-appearance: textfield;
  appearance: textfield;
}

.cartmini__area .sea-minicart__qty-wrap .sea-qty__input:focus,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-input:focus,
.sea-minicart__qty-wrap .sea-qty__input:focus,
.sea-minicart__qty-wrap .tp-cart-input:focus {
  outline: none;
  color: var(--primary, #0077b6) !important;
}

.cartmini__area .sea-minicart__qty-wrap .sea-qty__input::-webkit-outer-spin-button,
.cartmini__area .sea-minicart__qty-wrap .sea-qty__input::-webkit-inner-spin-button,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-input::-webkit-outer-spin-button,
.cartmini__area .sea-minicart__qty-wrap .tp-cart-input::-webkit-inner-spin-button,
.sea-minicart__qty-wrap .sea-qty__input::-webkit-outer-spin-button,
.sea-minicart__qty-wrap .sea-qty__input::-webkit-inner-spin-button,
.sea-minicart__qty-wrap .tp-cart-input::-webkit-outer-spin-button,
.sea-minicart__qty-wrap .tp-cart-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sea-minicart__remove {
  position: absolute;
  top: 0.6rem;
  inset-inline-end: 0.6rem;
  inset-inline-start: auto;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #475569;
  text-decoration: none;
  background: #eef3f7;
  border: 0;
  font-size: 0.9rem;
  z-index: 2;
  overflow: hidden;
}
.sea-minicart__remove.is-sea-busy,
.sea-minicart__remove.btn-loading,
.cartmini__del.is-sea-busy,
.cartmini__del.btn-loading,
.cartmini__area [data-bb-toggle="remove-from-cart"].is-sea-busy,
.cartmini__area [data-bb-toggle="remove-from-cart"].btn-loading {
  position: absolute !important;
  top: 0.6rem !important;
  inset-inline-end: 0.6rem !important;
  inset-inline-start: auto !important;
  width: 1.8rem !important;
  height: 1.8rem !important;
  min-width: 1.8rem !important;
  min-height: 1.8rem !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  transform: none !important;
}
.sea-minicart__remove .sea-busy-dot,
.cartmini__del .sea-busy-dot,
.cartmini__area [data-bb-toggle="remove-from-cart"] .sea-busy-dot {
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: 0.9rem !important;
  height: 0.9rem !important;
  transform: none !important;
}
.sea-minicart__remove:hover {
  color: var(--destructive, #ef476f);
  background: color-mix(in srgb, var(--destructive, #ef476f) 12%, #fff);
}
.sea-minicart .tp-product-quantity,
.sea-minicart .sea-cart-line__body .tp-product-quantity {
  margin: 0 !important;
  transform: none;
}

/* Footer / CTAs */
.cartmini__checkout,
.sea-minicart__footer {
  padding: 0.95rem 1.1rem 1.15rem !important;
  border-top: 0 !important;
  background: #fff !important;
}
.sea-minicart__summary {
  margin-bottom: 0.85rem !important;
}
.sea-minicart__total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  font-weight: 900;
}
.sea-minicart__total span {
  font-size: 0.9rem;
  color: var(--muted-foreground, #475569);
}
.sea-minicart__total strong {
  font-size: 1.25rem;
  color: var(--primary, #0077b6);
}
.sea-minicart__ship-hint {
  margin: 0.35rem 0 0;
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--muted-foreground, #64748b);
  line-height: 1.4;
}
.sea-minicart__actions {
  display: grid !important;
  gap: 0.65rem !important;
  margin-top: 0 !important;
}
.sea-minicart__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  width: 100% !important;
  min-height: 3rem !important;
  padding: 0.85rem 1rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--primary, #0077b6) !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
.sea-minicart__cta:hover {
  filter: brightness(1.03);
  color: #fff !important;
}
.sea-minicart__continue {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 3rem !important;
  padding: 0.85rem 1.25rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--secondary, #ffb703) !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  cursor: pointer;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgb(255 183 3 / 32%) !important;
}
.sea-minicart__view-cart {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 3rem !important;
  padding: 0.85rem 1.25rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eef6fb !important;
  color: #0077b6 !important;
  font: inherit !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  cursor: pointer;
  text-decoration: none !important;
  box-shadow: none !important;
}
.sea-minicart__empty-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 2.75rem !important;
  margin: 0 !important;
  padding: 0.7rem 1.25rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #dc2626 !important;
  font: inherit !important;
  font-weight: 800 !important;
  font-size: 0.9375rem !important;
  cursor: pointer;
  text-decoration: underline !important;
  text-underline-offset: 0.2em;
  box-shadow: none !important;
}
.sea-minicart__empty-btn:hover {
  color: #b91c1c !important;
  background: #fff5f5 !important;
  text-decoration: none !important;
}
.sea-minicart__item.is-sea-optimistic .sea-minicart__qty-read {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-width: 0;
  min-height: 1.8rem;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  background: #eef3f7;
  color: #0f172a;
  font-size: 0.8rem;
  font-weight: 900;
}
.sea-minicart__item.is-sea-optimistic .sea-minicart__qty-read::before {
  content: "الكمية";
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 800;
}
.sea-minicart__item.is-added,
.cartmini__widget-item.is-added {
  border-color: rgb(255 183 3 / 58%) !important;
  background: linear-gradient(135deg, #fffdf5, #fffbeb) !important;
  box-shadow: 0 7px 20px rgb(245 158 11 / 10%);
}
.sea-minicart__item.is-added::before,
.cartmini__widget-item.is-added::before {
  content: "";
  position: absolute;
  inset-block: 0.65rem;
  inset-inline-start: 0;
  width: 3px;
  border-radius: 999px;
  background: var(--secondary, #ffb703);
}

.sea-minicart__empty {
  padding: 2rem 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.65rem;
  text-align: center;
}
.sea-minicart__empty iconify-icon {
  font-size: 3rem;
  color: var(--accent, #00b4d8);
}
.sea-minicart__empty p {
  margin: 0;
  font-weight: 900;
}

/* Quantity controls used on PDP/cart */
.tp-product-quantity,
.tp-product-details-quantity {
  display: inline-flex;
  align-items: center;
  gap: 0;
  border: 0;
  border-radius: 0.85rem;
  overflow: hidden;
  background: var(--muted, #e0e8f5);
}
.tp-cart-plus,
.tp-cart-minus,
.tp-product-quantity button {
  width: 2.5rem;
  height: 2.75rem;
  border: 0;
  background: transparent;
  font-weight: 900;
  cursor: pointer;
  color: var(--foreground, #0f172a);
}
.tp-cart-input,
.tp-product-quantity input {
  width: 3rem;
  height: 2.75rem;
  border: 0;
  text-align: center;
  font-weight: 800;
  background: transparent;
}

/* Variations */
.bb-product-attribute,
.tp-product-details-variation {
  margin-block: 0.75rem;
}
.bb-product-attribute-swatch,
.tp-color-variation-btn,
.tp-size-variation-btn {
  border-radius: 0.65rem !important;
  border: 2px solid rgb(203 213 225 / 55%) !important;
  font-weight: 700 !important;
}
.bb-product-attribute-swatch.active,
.tp-color-variation-btn.active,
.tp-size-variation-btn.active,
input:checked + .tp-size-variation-btn {
  border-color: var(--primary, #0077b6) !important;
  background: rgb(0 119 182 / 8%) !important;
}

/* Quick view / modal basics */
.modal-content {
  border-radius: 1.25rem !important;
  border: 0 !important;
  font-family: var(--font-sans, Cairo, sans-serif);
}

/* Hide legacy chrome that theme.css used to style */
.mean-container,
.back-to-top-btn,
.tp-header-area:not(.sea-keep),
.tp-offcanvas-area,
.tp-search-popup,
#header-sticky.tp-header-sticky {
  /* leave structure; visuals neutralized below in sea-kill */
}

/* Swiper arrows used by hero JS hooks */
.tp-slider-button-prev,
.tp-slider-button-next,
.tp-product-categories-button-prev,
.tp-product-categories-button-next,
.tp-brand-slider-button-prev,
.tp-brand-slider-button-next {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  border: 0;
  background: #fff;
  color: var(--primary, #0077b6);
  box-shadow: 0 6px 16px rgb(15 23 42 / 12%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tp-slider-dot,
.tp-swiper-dot {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  margin-top: 0.75rem;
}
.tp-slider-dot .swiper-pagination-bullet,
.tp-swiper-dot .swiper-pagination-bullet {
  width: 0.55rem;
  height: 0.55rem;
  background: var(--border, #cbd5e1);
  opacity: 1;
}
.tp-slider-dot .swiper-pagination-bullet-active,
.tp-swiper-dot .swiper-pagination-bullet-active {
  background: var(--primary, #0077b6);
  width: 1.25rem;
  border-radius: 999px;
}

/* Toast / notify */
.toast-container .toast,
.bb-toast {
  border-radius: 0.85rem !important;
  font-family: var(--font-sans, Cairo, sans-serif) !important;
}

/* Add-to-cart confirmation — not the cart drawer */
.sea-atc-confirm {
  position: fixed;
  inset: 0;
  z-index: 13120;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  font-family: var(--font-sans, Cairo, sans-serif);
}
.sea-atc-confirm.is-open,
.sea-atc-confirm.is-open:not([hidden]) {
  display: flex;
}
.sea-atc-confirm[hidden] {
  display: none !important;
}
.sea-atc-confirm__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(11 31 51 / 48%);
}
.sea-atc-confirm__card {
  position: relative;
  z-index: 1;
  width: min(100%, 22.5rem);
  padding: 1.35rem 1.15rem 1.15rem;
  border: 0;
  border-radius: 1.35rem;
  background: #fff;
  box-shadow: 0 28px 60px rgb(15 23 42 / 22%);
  text-align: center;
}
.sea-atc-confirm__close {
  position: absolute;
  top: 0.65rem;
  inset-inline-end: 0.65rem;
  width: 2.2rem;
  height: 2.2rem;
  display: grid;
  place-items: center;
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: #eef2f6;
  color: #475569;
  cursor: pointer;
}
.sea-atc-confirm__close .sea-ico {
  width: 1.05rem;
  height: 1.05rem;
}
.sea-atc-confirm__badge {
  width: 3.1rem;
  height: 3.1rem;
  margin: 0 auto 0.7rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #16a34a;
  color: #fff;
}
.sea-atc-confirm__badge .sea-ico {
  width: 1.55rem;
  height: 1.55rem;
}
.sea-atc-confirm__title {
  margin: 0 0 1rem;
  font-size: 1.05rem;
  font-weight: 900;
  color: #0b1f33;
  line-height: 1.35;
}

.sea-atc-confirm__speech {
  display: flex;
  direction: ltr;
  align-items: flex-end;
  gap: 0.1rem;
  margin: 0 0 1rem;
  text-align: start;
}

.sea-atc-confirm__whale {
  display: block;
  width: 5.75rem;
  height: auto;
  flex-shrink: 0;
  margin-bottom: -0.25rem;
  filter: drop-shadow(0 8px 14px rgb(0 119 182 / 22%));
  pointer-events: none;
}

.sea-atc-confirm__bubble {
  direction: rtl;
  position: relative;
  flex: 1;
  min-width: 0;
  margin-bottom: 0.85rem;
  padding: 0.75rem 0.85rem;
  border-radius: 1.15rem 1.15rem 1.15rem 0.28rem;
  background: #0077b6;
  color: #fff;
  box-shadow: 0 12px 28px rgb(0 119 182 / 24%);
}

.sea-atc-confirm__bubble::before {
  content: "";
  position: absolute;
  left: -0.32rem;
  bottom: 0.7rem;
  width: 0.72rem;
  height: 0.72rem;
  background: #0077b6;
  transform: rotate(45deg);
}

.sea-atc-confirm__speech .sea-atc-confirm__title {
  margin: 0;
  color: #fff;
  font-size: 0.98rem;
}

.sea-atc-confirm__say {
  margin: 0.25rem 0 0;
  color: rgb(255 255 255 / 82%);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.45;
}
.sea-atc-confirm__product {
  display: grid;
  grid-template-columns: 3.75rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  margin: 0 0 1.1rem;
  padding: 0.65rem;
  border: 1px solid rgb(203 213 225 / 55%);
  border-radius: 1rem;
  background: #f8fafc;
  text-align: start;
}
.sea-atc-confirm__thumb {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 0.85rem;
  overflow: hidden;
  background: #fff;
}
.sea-atc-confirm__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.sea-atc-confirm__name {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 800;
  color: #0b1f33;
  line-height: 1.35;
}
.sea-atc-confirm__meta {
  margin: 0.2rem 0 0;
  font-size: 0.78rem;
  font-weight: 700;
  color: #64748b;
}
.sea-atc-ship {
  margin: 0 0 1rem;
  padding: 0.75rem 0.8rem 0.7rem;
  border-radius: 1rem;
  background: #eef6fb;
  text-align: start;
}
.sea-atc-ship.is-unlocked {
  background: #ecfdf3;
}
.sea-atc-ship__copy {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0 0 0.55rem;
}
.sea-atc-ship__icon {
  flex-shrink: 0;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 0.55rem;
  background: #0077b6;
  color: #fff;
  display: grid;
  place-items: center;
}
.sea-atc-ship.is-unlocked .sea-atc-ship__icon {
  background: #16a34a;
}
.sea-atc-ship__icon .sea-ico {
  width: 0.95rem;
  height: 0.95rem;
}
.sea-atc-ship__msg {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 800;
  color: #0b1f33;
  line-height: 1.4;
}
.sea-atc-ship__msg strong {
  color: #0077b6;
  font-weight: 900;
}
.sea-atc-ship.is-unlocked .sea-atc-ship__msg {
  color: #166534;
}
.sea-atc-ship__track {
  height: 0.55rem;
  border-radius: 999px;
  background: rgb(0 119 182 / 14%);
  overflow: hidden;
}
.sea-atc-ship.is-unlocked .sea-atc-ship__track {
  background: rgb(22 163 74 / 18%);
}
.sea-atc-ship__fill {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #0077b6, #00b4d8);
  transition: width 0.45s ease;
}
.sea-atc-ship.is-unlocked .sea-atc-ship__fill {
  background: #16a34a;
}
.sea-atc-ship__meta {
  margin: 0.4rem 0 0;
  font-size: 0.68rem;
  font-weight: 700;
  color: #64748b;
  line-height: 1.35;
}
.sea-atc-confirm__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "continue"
    "cta"
    "cart";
  gap: 0.5rem;
}
.sea-atc-confirm__continue {
  grid-area: continue;
}
.sea-atc-confirm__cta {
  grid-area: cta;
}
.sea-atc-confirm__cart {
  grid-area: cart;
}
.sea-atc-confirm__cta,
.sea-atc-confirm__cart,
.sea-atc-confirm__continue {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.05rem;
  width: 100%;
  padding: 0.75rem 1.15rem;
  border: 0;
  border-radius: 999px;
  font-weight: 800;
  font-size: 0.95rem;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
}
.sea-atc-confirm__continue {
  border: 0;
  background: var(--secondary, #ffb703);
  color: #0f172a;
  box-shadow: 0 8px 18px rgb(255 183 3 / 32%);
}
.sea-atc-confirm__cta {
  border: 0;
  background: #0077b6;
  color: #fff;
}
.sea-atc-confirm__cart {
  border: 0;
  background: #eef6fb;
  color: #0077b6;
}
body.sea-atc-confirm-open {
  overflow: hidden;
}

/* —— In-app confirm dialog (empty cart, etc.) —— */
.sea-confirm {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
}
.sea-confirm.is-open {
  opacity: 1;
  pointer-events: auto;
}
.sea-confirm__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(15 23 42 / 48%);
  backdrop-filter: blur(4px);
}
.sea-confirm__card {
  position: relative;
  z-index: 1;
  width: min(100%, 22rem);
  padding: 1.35rem 1.25rem 1.2rem;
  border-radius: 1.35rem;
  background: #fff;
  box-shadow: 0 24px 60px rgb(15 23 42 / 28%);
  text-align: center;
  transform: translateY(10px) scale(0.98);
  transition: transform 0.18s ease;
}
.sea-confirm.is-open .sea-confirm__card {
  transform: none;
}
.sea-confirm__close {
  position: absolute;
  top: 0.7rem;
  inset-inline-end: 0.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  cursor: pointer;
}
.sea-confirm__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto 0.85rem;
  border-radius: 999px;
  background: #fff5f5;
  color: #dc2626;
}
.sea-confirm__title {
  margin: 0 0 0.4rem;
  font-size: 1.15rem;
  font-weight: 900;
  color: #0f172a;
}
.sea-confirm__text {
  margin: 0 0 1.15rem;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.55;
  color: #64748b;
}
.sea-confirm__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
}
.sea-confirm__cancel,
.sea-confirm__ok {
  appearance: none;
  -webkit-appearance: none;
  min-height: 2.85rem;
  padding: 0.7rem 1rem;
  border: 0;
  border-radius: 999px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.sea-confirm__cancel {
  background: #eef2f7;
  color: #334155;
}
.sea-confirm__ok {
  background: #dc2626;
  color: #fff;
  box-shadow: 0 8px 18px rgb(220 38 38 / 28%);
}
.sea-confirm__ok:hover {
  filter: brightness(1.04);
}
body.sea-confirm-open {
  overflow: hidden;
}

body.sea-auth-open {
  overflow: hidden;
}

.sea-auth-modal {
  position: fixed;
  inset: 0;
  z-index: 12040;
  display: grid;
  place-items: end center;
  padding: 0;
}
.sea-auth-modal[hidden] {
  display: none;
}
.sea-auth-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  background: rgb(15 23 42 / 52%);
  cursor: pointer;
}
.sea-auth-modal__panel {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 26.5rem;
  max-height: min(92dvh, 42rem);
  overflow: auto;
  margin: 0 auto;
  padding: 0.7rem 1rem calc(1.15rem + env(safe-area-inset-bottom, 0px));
  border-radius: 1.35rem 1.35rem 0 0;
  background: #fff;
  box-shadow: 0 -18px 48px rgb(15 23 42 / 16%);
}
.sea-auth-modal__grab {
  width: 2.6rem;
  height: 0.28rem;
  margin: 0.15rem auto 0.7rem;
  border-radius: 999px;
  background: #d6dee8;
}
.sea-auth-modal__close {
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 0;
  border-radius: 0.7rem;
  background: #eef3f8;
  color: #0b1f33;
  cursor: pointer;
}
.sea-auth-modal__head {
  padding-inline-end: 2.5rem;
  margin: 0 0 0.85rem;
  text-align: start;
}
.sea-auth-modal__title {
  margin: 0;
  font-size: 1.12rem;
  font-weight: 900;
  color: #0b1f33;
}
.sea-auth-modal__lead {
  margin: 0.25rem 0 0;
  font-size: 0.8rem;
  font-weight: 700;
  color: #64748b;
}
.sea-auth-modal__tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.3rem;
  margin: 0 0 0.9rem;
  padding: 0.28rem;
  border-radius: 0.95rem;
  background: #eef3f8;
}
.sea-auth-modal__tabs button {
  min-height: 2.55rem;
  border: 0;
  border-radius: 0.75rem;
  background: transparent;
  color: #475569;
  font-weight: 800;
  font-size: 0.88rem;
  font-family: inherit;
  cursor: pointer;
}
.sea-auth-modal__tabs button.is-active {
  background: #fff;
  color: #0b1f33;
  box-shadow: 0 6px 16px rgb(15 23 42 / 6%);
}
.sea-auth-modal__alert {
  margin: 0 0 0.75rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.85rem;
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.45;
}
.sea-auth-modal__alert.is-error {
  background: #fef2f2;
  color: #b91c1c;
}
.sea-auth-modal__alert.is-ok {
  background: #ecfdf3;
  color: #166534;
}
.sea-auth-modal__form {
  display: none;
  flex-direction: column;
  gap: 0.7rem;
}
.sea-auth-modal__form.is-active {
  display: flex;
}
.sea-auth-modal__field label {
  display: block;
  margin: 0 0 0.28rem;
  font-size: 0.74rem;
  font-weight: 800;
  color: #334155;
}
.sea-auth-modal__field .form-control,
.sea-auth-modal__field input {
  width: 100%;
  min-height: 2.85rem;
  padding: 0.55rem 0.8rem;
  border: 0;
  border-radius: 0.85rem;
  background: #eef3f8;
  font-size: 1rem;
  font-weight: 700;
  font-family: inherit;
}
.sea-auth-modal__field .form-control:focus,
.sea-auth-modal__field input:focus {
  outline: 0;
  background: #fff;
  box-shadow: 0 0 0 3px rgb(0 119 182 / 18%);
}
.sea-auth-modal__captcha {
  overflow: visible;
}
.sea-auth-modal__captcha .g-recaptcha {
  transform-origin: top right;
}
.sea-auth-modal__captcha iframe {
  max-width: 100%;
}
.sea-auth-modal__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.sea-auth-modal__check {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.4rem;
  font-size: 0.78rem;
  font-weight: 700;
  color: #334155;
}
.sea-auth-modal__check--block {
  display: flex;
}
.sea-auth-modal__check input {
  margin-top: 0.15rem;
  accent-color: #0077b6;
}
.sea-auth-modal__link,
.sea-auth-modal__back {
  border: 0;
  background: none;
  padding: 0;
  color: #0077b6;
  font-size: 0.78rem;
  font-weight: 800;
  font-family: inherit;
  cursor: pointer;
}
.sea-auth-modal__back {
  min-height: 2.5rem;
}
.sea-auth-modal__bonus {
  margin: 0;
  padding: 0.55rem 0.7rem;
  border-radius: 0.85rem;
  background: #fff7e6;
  color: #7c4a03;
  font-size: 0.78rem;
  font-weight: 800;
}
.sea-auth-modal__bonus strong {
  color: #0b1f33;
}
.sea-auth-modal__invite {
  margin: 0.45rem 0 0.75rem;
  padding: 0.55rem 0.7rem;
  border-radius: 0.85rem;
  background: #e8f7fc;
  color: #0b4f6c;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.45;
}
.sea-auth-modal__invite strong {
  font-weight: 900;
  color: #0b1f33;
}
.sea-auth-modal__submit {
  min-height: 3.05rem;
  margin-top: 0.15rem;
  border: 0;
  border-radius: 0.95rem;
  background: #0077b6;
  color: #fff;
  font-size: 0.98rem;
  font-weight: 900;
  font-family: inherit;
  cursor: pointer;
}
.sea-auth-modal__submit:disabled {
  opacity: 0.7;
  cursor: wait;
}
body.page-login.sea-auth-open .sea-page,
body.page-register.sea-auth-open .sea-page,
body.page-forgot-password.sea-auth-open .sea-page,
body.page-login.sea-profile-open .sea-page,
body.page-register.sea-profile-open .sea-page,
body.page-forgot-password.sea-profile-open .sea-page {
  visibility: hidden;
}

@media (min-width: 768px) {
  .sea-auth-modal {
    place-items: center;
    padding: 1rem;
  }
  .sea-auth-modal__panel {
    border-radius: 1.35rem;
    box-shadow: 0 24px 64px rgb(15 23 42 / 18%);
  }
  .sea-auth-modal__grab {
    display: none;
  }
}

body.sea-atc-confirm-open .cartmini__area {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.cartmini-opened .sea-toast--speech,
body.cartmini-opened .sea-toast.is-cart {
  display: none !important;
}

/* —— Checkout upsell gate (كمّل طلبك before checkout) —— */
.sea-checkout-gate {
  position: fixed;
  inset: 0;
  z-index: 12050;
  display: none;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
}
.sea-checkout-gate.is-open,
.sea-checkout-gate.is-open:not([hidden]) {
  display: flex;
}
.sea-checkout-gate[hidden] {
  display: none !important;
}
.sea-checkout-gate__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(15 23 42 / 48%);
  backdrop-filter: blur(2px);
}
.sea-checkout-gate__card {
  position: relative;
  z-index: 1;
  width: min(100%, 28rem);
  max-height: min(92vh, 40rem);
  display: flex;
  flex-direction: column;
  margin: 0;
  border-radius: 1.35rem 1.35rem 0 0;
  background: #fff;
  box-shadow: 0 -18px 48px rgb(15 23 42 / 18%);
  overflow: hidden;
  animation: seaCheckoutGateIn 0.28s ease-out;
}
@keyframes seaCheckoutGateIn {
  from { transform: translateY(1.25rem); opacity: 0.65; }
  to { transform: translateY(0); opacity: 1; }
}
.sea-checkout-gate__close {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  right: auto;
  inset-inline-start: auto;
  inset-inline-end: auto;
  z-index: 2;
  width: 2.25rem;
  height: 2.25rem;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: #f1f5f9;
  color: #0f172a;
  cursor: pointer;
}
.sea-checkout-gate__close .sea-ico {
  width: 1rem;
  height: 1rem;
}
.sea-checkout-gate__body {
  flex: 1 1 auto;
  overflow: auto;
  padding: 1.15rem 0.85rem 0.5rem;
  -webkit-overflow-scrolling: touch;
}
.sea-checkout-gate__eyebrow {
  margin: 0 0 0.65rem;
  padding-left: 2.75rem;
  padding-right: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  font-size: 0.78rem;
  font-weight: 800;
  color: #087fb8;
}
.sea-checkout-gate__loading {
  padding: 2.5rem 1rem;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 700;
  color: #64748b;
}
.sea-checkout-gate__upsell {
  display: grid;
  gap: 0.75rem;
}
.sea-checkout-gate__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
}
.sea-checkout-gate__intro {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  min-width: 0;
}
.sea-checkout-gate__icon {
  flex: 0 0 auto;
  width: 2.35rem;
  height: 2.35rem;
  display: inline-grid;
  place-items: center;
  border-radius: 0.85rem;
  background: linear-gradient(160deg, #e0f2fe, #f0f9ff);
  color: #087fb8;
  font-size: 1.25rem;
}
.sea-checkout-gate__head h3 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 900;
  color: #0f172a;
  line-height: 1.25;
}
.sea-checkout-gate__head p {
  margin: 0.2rem 0 0;
  font-size: 0.78rem;
  font-weight: 650;
  color: #64748b;
  line-height: 1.45;
}
.sea-checkout-gate__head p strong {
  color: #087fb8;
}
.sea-checkout-gate__nav {
  display: inline-flex;
  gap: 0.35rem;
  flex: 0 0 auto;
}
.sea-checkout-gate__arrow {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  color: #0f172a;
  cursor: pointer;
}
.sea-checkout-gate__arrow:focus-visible {
  outline: 2px solid #087fb8;
  outline-offset: 2px;
}
.sea-checkout-gate__viewport {
  margin-inline: -0.85rem;
  overflow: hidden;
}
.sea-checkout-gate__rail {
  display: flex;
  gap: 0.65rem;
  width: 100%;
  min-width: 0;
  padding: 0.15rem 0.85rem 0.45rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0.85rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
}
.sea-checkout-gate__rail::-webkit-scrollbar {
  display: none;
}
.sea-checkout-gate__slide {
  flex: 0 0 58%;
  max-width: 11.5rem;
  scroll-snap-align: start;
}
.sea-checkout-gate__product {
  height: 100%;
  padding: 0.4rem !important;
  border-radius: 0.45rem !important;
  border: 0 !important;
  box-shadow: 0 6px 18px rgb(15 23 42 / 4%) !important;
  background: #fff !important;
}
.sea-checkout-gate__product .home-product__media {
  border-radius: 0.35rem !important;
  aspect-ratio: 1;
  background: #f8fafc !important;
}
.sea-checkout-gate__product .home-product__title {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  min-height: 2.1em;
  line-height: 1.3 !important;
}
.sea-checkout-gate__product .home-product__price {
  font-size: 15px !important;
  font-weight: 900 !important;
}
.sea-checkout-gate__product .home-product__wish {
  width: 1.85rem !important;
  height: 1.85rem !important;
}
.sea-checkout-gate__product .home-product__cart {
  width: 2.15rem !important;
  height: 2.15rem !important;
  min-width: 2.15rem !important;
  min-height: 2.15rem !important;
}
.sea-checkout-gate__dots {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  padding-top: 0.15rem;
}
.sea-checkout-gate__dot {
  width: 0.45rem;
  height: 0.45rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #cbd5e1;
  cursor: pointer;
}
.sea-checkout-gate__dot.is-active {
  width: 1rem;
  background: #087fb8;
}
.sea-checkout-gate__actions {
  display: grid;
  gap: 0.45rem;
  padding: 0.75rem 0.85rem calc(0.85rem + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid #e2e8f0;
  background: #fff;
}
.sea-checkout-gate__cta,
.sea-checkout-gate__skip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.85rem;
  padding: 0.7rem 1rem;
  border-radius: 0.95rem;
  font-size: 0.95rem;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}
.sea-checkout-gate__cta {
  border: 0;
  background: linear-gradient(135deg, #0ea5e9, #087fb8);
  color: #fff;
}
.sea-checkout-gate__skip {
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #0f172a;
}
body.sea-checkout-gate-open {
  overflow: hidden;
}
body.sea-checkout-gate-open .cartmini__area {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.sea-checkout-gate-open .sea-toast,
body.sea-checkout-gate-open .sea-cart-toast,
body.sea-checkout-gate-open [data-sea-toast] {
  z-index: 14000 !important;
  top: max(0.85rem, env(safe-area-inset-top, 0px)) !important;
  bottom: auto !important;
}

@media (min-width: 720px) {
  .sea-checkout-gate {
    align-items: center;
    padding: 1.5rem;
  }
  .sea-checkout-gate__card {
    border-radius: 1.25rem;
    max-height: min(88vh, 42rem);
  }
  .sea-checkout-gate__slide {
    flex-basis: 42%;
  }
}

/* === layout.min.css === */
/* Device-fit layouts: desktop storefront + mobile app */

:root {
  --layout-gutter: 1rem;
  --layout-section: 1.5rem;
  --layout-max: 1280px;
}

@media (min-width: 768px) {
  :root {
    --layout-gutter: 1.5rem;
    --layout-section: 3rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --layout-gutter: 2rem;
    --layout-section: 4rem;
  }
}

/* ---------- Shared section shell ---------- */
.home-main {
  display: flex;
  flex-direction: column;
  gap: var(--layout-section);
  padding-block: 0.75rem 1.5rem;
}

.home-section {
  width: min(100% - (var(--layout-gutter) * 2), var(--layout-max));
  margin-inline: auto;
}

.home-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  overflow: visible;
}

.home-section-head h2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-heading, Cairo, sans-serif);
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.3;
  color: var(--foreground, #0f172a);
}

.home-section-head h2 :is(iconify-icon, .sea-ico) {
  font-size: 1.5rem;
  color: var(--accent, #00b4d8);
}

.home-section-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8125rem;
  font-weight: 800;
  color: var(--primary, #0077b6);
  white-space: nowrap;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  text-decoration: none;
}

/* ---------- Hero ---------- */
.home-hero {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.home-hero__frame {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: end;
  min-height: min(62vh, 440px);
  overflow: hidden;
  background: #dff0fa;
}

.home-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
}

.home-hero__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    to top,
    rgb(240 248 255 / 97%) 8%,
    rgb(240 248 255 / 68%) 38%,
    rgb(240 248 255 / 12%) 72%,
    transparent
  );
}
@media (min-width: 768px) {
  .home-hero__shade {
    background: linear-gradient(
      to left,
      rgb(240 248 255 / 94%) 0%,
      rgb(240 248 255 / 70%) 28%,
      rgb(240 248 255 / 28%) 55%,
      transparent 78%
    );
  }
}

.home-hero__content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin-inline: auto 0;
  padding: 1.25rem 1rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

.home-hero__brand {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0.35rem 0.9rem;
  border-radius: 999px;
  background: var(--secondary, #ffb703);
  color: #0f172a;
  font-family: var(--font-heading, Cairo, sans-serif);
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.2;
  transform: rotate(-2deg);
}

.home-hero__title {
  font-family: var(--font-heading, Cairo, sans-serif);
  font-size: clamp(1.35rem, 5.5vw, 1.75rem);
  font-weight: 900;
  line-height: 1.25;
  color: var(--foreground, #0f172a);
  max-width: 18ch;
}

.home-hero__title span {
  color: var(--primary, #0077b6);
}

.home-hero__copy {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.55;
  color: rgb(15 23 42 / 78%);
  max-width: 34ch;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 48px;
  margin-top: 0.25rem;
  padding: 0.875rem 1.5rem;
  border-radius: 999px;
  background: var(--primary, #0077b6);
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  box-shadow: 0 12px 28px rgb(0 119 182 / 28%);
}

.home-hero__cta:hover {
  background: color-mix(in srgb, var(--primary, #0077b6) 88%, #000);
}

/* ---------- Categories ---------- */
.home-cats__wrap {
  position: relative;
}

.home-cats__viewport {
  position: relative;
  overflow: hidden;
}

.home-cats__wrap.is-overflow .home-cats__viewport,
.home-brands__wrap.is-overflow .home-brands__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);
}

.home-cats__rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(8.25rem, 9.25rem);
  gap: 0.75rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: var(--layout-gutter);
  -webkit-overflow-scrolling: touch;
  padding-block: 0.2rem 0.55rem;
  margin-inline: calc(-1 * var(--layout-gutter));
  padding-inline: var(--layout-gutter);
  scrollbar-width: none;
  cursor: grab;
  user-select: none;
  touch-action: pan-x;
}

.home-cats__rail::-webkit-scrollbar {
  display: none;
}

.home-cats__rail.is-dragging,
.home-brands__rail.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
}

.home-cats__rail.is-dragging a,
.home-brands__rail.is-dragging a {
  pointer-events: none;
}

.home-cats__rail img,
.home-brands__rail img {
  -webkit-user-drag: none;
  pointer-events: none;
}

.home-cat {
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
  text-decoration: none;
  color: var(--foreground, #0f172a);
}

.home-cat:focus-visible {
  outline: 3px solid rgb(0 119 182 / 35%);
  outline-offset: 2px;
}

.home-cat__icon {
  width: 100%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 1.25rem;
  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;
}

.home-cat:nth-child(6n + 2) .home-cat__icon {
  border-radius: 999px;
  background: linear-gradient(145deg, #ecfeff, #cffafe);
}

.home-cat:nth-child(6n + 3) .home-cat__icon {
  background: linear-gradient(145deg, #fffbeb, #fef3c7);
}

.home-cat:nth-child(6n + 4) .home-cat__icon {
  border-radius: 999px;
  background: linear-gradient(145deg, #fff1f2, #ffe4e6);
}

.home-cat:nth-child(6n + 5) .home-cat__icon {
  background: linear-gradient(145deg, #ecfdf5, #d1fae5);
}

.home-cat:nth-child(6n) .home-cat__icon {
  border-radius: 999px;
  background: linear-gradient(145deg, #eef2ff, #e0e7ff);
}

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

.home-cat__icon :is(iconify-icon, .sea-ico) {
  font-size: 2rem;
}

.home-cat:nth-child(6n + 4) .home-cat__icon :is(iconify-icon, .sea-ico) { color: #ef476f; }
.home-cat:nth-child(6n + 5) .home-cat__icon :is(iconify-icon, .sea-ico) { color: #06d6a0; }
.home-cat:nth-child(6n) .home-cat__icon :is(iconify-icon, .sea-ico) { color: #0077b6; }

.home-cat__label {
  font-size: 0.6875rem;
  font-weight: 800;
  line-height: 1.25;
  max-width: 100%;
}

.home-cat:hover .home-cat__icon {
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgb(15 23 42 / 10%);
}

/* ---------- Product grid ---------- */
.home-products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.home-product {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0.625rem;
  border-radius: 1.15rem;
  border: 1px solid rgb(203 213 225 / 55%);
  background: #fff;
  box-shadow: 0 8px 22px rgb(15 23 42 / 5%);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.home-product:hover {
  border-color: color-mix(in srgb, var(--primary, #0077b6) 28%, transparent);
  box-shadow: 0 12px 28px rgb(15 23 42 / 7%);
  transform: translateY(-2px);
}

.home-products--list {
  grid-template-columns: 1fr !important;
  gap: 0.75rem;
}

.home-product--list {
  flex-direction: row;
  align-items: stretch;
  gap: 0.85rem;
  padding: 0.75rem;
  transform: none;
}

.home-product--list:hover {
  transform: none;
}

.home-product--list .home-product__media {
  flex: 0 0 6.75rem;
  width: 6.75rem;
  max-width: 6.75rem;
  aspect-ratio: 1;
  margin: 0;
  align-self: flex-start;
}

.home-product--list .home-product__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  gap: 0.45rem;
}

.home-product--list .home-product__body {
  padding-inline: 0;
  gap: 0.25rem;
}

.home-product--list .home-product__title {
  min-height: 0;
  font-size: 0.88rem;
  line-height: 1.35;
  -webkit-line-clamp: 2;
}

.home-product--list .home-product__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0.15rem 0 0;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.45;
  color: var(--muted-foreground, #64748b);
}

.home-product--list .home-product__foot {
  margin-top: auto;
  padding-top: 0.35rem;
  padding-inline: 0;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.home-product--list .home-product__cart--label {
  width: auto;
  height: auto;
  min-height: 2.35rem;
  padding: 0.4rem 0.85rem;
  border-radius: 0.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}

.home-product--list .home-product__cart--label span {
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 479.98px) {
  .home-product--list .home-product__excerpt {
    display: none;
  }

  .home-product--list .home-product__cart--label span {
    display: none;
  }

  .home-product--list .home-product__cart--label {
    width: 36px;
    height: 36px;
    min-height: 0;
    padding: 0;
    border-radius: 999px;
  }
}

.home-product--list .home-product__wish {
  top: 0.55rem;
  inset-inline-start: 0.55rem;
}

.home-product--list .home-product__badge {
  top: 0.55rem;
  inset-inline-end: auto;
  inset-inline-start: 0.55rem;
  margin-top: 2.35rem;
}

@media (min-width: 768px) {
  .home-product--list {
    gap: 1.1rem;
    padding: 1rem;
  }

  .home-product--list .home-product__media {
    flex-basis: 9rem;
    width: 9rem;
    max-width: 9rem;
  }

  .home-product--list .home-product__title {
    font-size: 1rem;
    -webkit-line-clamp: 2;
  }

  .home-product--list .home-product__excerpt {
    -webkit-line-clamp: 3;
    font-size: 0.82rem;
  }

  .home-product--list .home-product__foot {
    flex-wrap: nowrap;
  }
}

.home-product__wish,
.home-product__badge {
  position: absolute;
  z-index: 6;
  top: 0.45rem;
}

.home-product__wish {
  inset-inline-start: 0.45rem;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: rgb(255 255 255 / 94%);
  color: #64748b;
  box-shadow: 0 4px 12px rgb(15 23 42 / 8%);
  cursor: pointer;
  pointer-events: auto;
  transition: color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

.home-product__wish:hover {
  color: var(--destructive, #ef476f);
  transform: scale(1.06);
}

.home-product__wish.is-active,
.home-product__wish.active {
  color: #fff;
  background: var(--destructive, #ef476f);
}

.home-product__badge {
  inset-inline-end: 0.45rem;
  padding: 0.18rem 0.45rem;
  border-radius: 0.4rem;
  background: var(--destructive, #ef476f);
  color: #fff;
  font-size: 0.65rem;
  font-weight: 800;
  line-height: 1.2;
}

.home-product__badge.is-new {
  background: var(--accent, #00b4d8);
}

.home-product__media {
  display: block;
  aspect-ratio: 1;
  margin-bottom: 0.45rem;
  overflow: hidden;
  border-radius: 0.8rem;
  background: color-mix(in srgb, var(--muted, #e0e8f5) 40%, #fff);
}

.home-product__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.45rem;
  transition: transform 400ms ease;
}

.home-product:hover .home-product__media img {
  transform: scale(1.04);
}

.home-product__body {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
  flex: 1 1 auto;
  padding-inline: 0.15rem;
}

.home-product__brand {
  margin: 0;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: var(--muted-foreground, #64748b);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-product__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.35rem;
  margin: 0;
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.2rem;
  color: var(--foreground, #0f172a);
  text-decoration: none;
}

.home-product__title:hover {
  color: var(--primary, #0077b6);
}

.home-product__meta {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  margin: 0.1rem 0 0;
  color: var(--secondary, #ffb703);
  font-size: 0.7rem;
  line-height: 1;
}

.home-product__meta strong {
  font-weight: 900;
  color: var(--foreground, #0f172a);
}

.home-product__meta span {
  color: var(--muted-foreground, #64748b);
  font-weight: 700;
}

.home-product__foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.55rem;
  margin-top: 0.55rem;
  padding-top: 0.45rem;
  padding-inline: 0.1rem;
  border-top: 0;
}

.home-product__offer {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
  flex: 1 1 auto;
}

.home-product__price {
  display: flex;
  flex-direction: column;
  min-width: 0;
  font-size: 0.9rem;
  font-weight: 900;
  color: var(--primary, #0077b6);
  line-height: 1.2;
}

.home-product__price .tp-product-price-wrapper,
.home-product__price .pdp-price__stack,
.home-product__price .pdp-price__row,
.home-product__price .home-product__from-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.4rem;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

.home-product__price .tp-product-price,
.home-product__price .new-price,
.home-product__price .home-product__from-value,
.home-product__price [data-bb-value="product-price"] {
  font-size: 0.9rem !important;
  font-weight: 900 !important;
  color: var(--primary, #0077b6) !important;
  font-family: inherit !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.home-product__from-label {
  font-size: 0.68rem;
  font-weight: 800;
  color: var(--muted-foreground, #64748b);
}

.home-product__price .old-price,
.home-product__price s,
.home-product__price del {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  color: var(--muted-foreground, #64748b) !important;
  text-decoration: line-through;
  text-decoration-color: color-mix(in srgb, var(--destructive, #ef476f) 45%, transparent);
}

.home-product__price .pdp-price__save,
.home-product__price .pdp-price__moq,
.home-product__price .tp-vendor-wholesale-card__row {
  display: none !important;
}

.home-product__pts {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  width: fit-content;
  max-width: 100%;
  margin-top: 0.18rem;
  padding: 0.18rem 0.5rem 0.18rem 0.18rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #f8fafc 0%, #ecfeff 60%, #fef9c3 140%);
  border: 0;
  box-shadow: 0 1px 0 rgb(255 255 255 / 70%) inset, 0 4px 10px rgb(15 23 42 / 6%);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  color: #0f3a52;
  letter-spacing: 0;
  white-space: nowrap;
  perspective: 520px;
}

.home-product__pts-icon {
  display: grid;
  place-items: center;
  width: 1.7rem;
  height: 1.7rem;
  flex-shrink: 0;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  box-shadow: none;
  animation: none;
  perspective: 520px;
}

.home-product__pts-icon iconify-icon,
.home-product__pts-icon .sea-treasure-coin {
  display: block;
  width: 1.7rem;
  height: 1.7rem;
  filter: drop-shadow(0 2px 4px rgb(15 23 42 / 28%));
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  backface-visibility: visible;
  will-change: transform;
  animation: sea-point-coin-flip 2.35s cubic-bezier(0.45, 0.02, 0.55, 0.98) infinite;
}

.home-product__pts-value {
  font-weight: 900;
  color: #0b4f6c;
}

.home-product__pts-label {
  font-weight: 800;
  color: #1565a8;
  opacity: 0.95;
}

.home-product:hover .home-product__pts {
  transform: translateY(-1px);
  transition: transform 0.18s ease;
}

@keyframes home-pts-twinkle {
  0%,
  100% {
    transform: scale(1) rotate(0deg);
    filter: brightness(1);
  }
  40% {
    transform: scale(1.12) rotate(-8deg);
    filter: brightness(1.12);
  }
  70% {
    transform: scale(1.04) rotate(6deg);
    filter: brightness(1.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-product__pts-icon {
    animation: none;
  }

  .home-product:hover .home-product__pts {
    transform: none;
  }
}

.home-product__cart {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary, #0077b6) 92%, #000);
  color: #fff;
  box-shadow: 0 6px 14px rgb(0 119 182 / 22%);
  text-decoration: none;
  cursor: pointer;
  transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.home-product__cart:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 18px rgb(0 119 182 / 28%);
}

/* ---------- Promo ---------- */
.home-promo {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  display: grid;
  align-items: end;
  min-height: 190px;
  border-radius: 1.25rem;
  background: var(--secondary, #ffb703);
  box-shadow: 0 14px 36px rgb(255 183 3 / 28%);
}

.home-promo__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.72;
  mix-blend-mode: multiply;
}

.home-promo__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgb(255 183 3 / 96%) 10%,
    rgb(255 183 3 / 72%) 48%,
    rgb(255 183 3 / 20%) 100%
  );
}

.home-promo__content {
  position: relative;
  z-index: 1;
  padding: 1.15rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.45rem;
}

.home-promo__kicker {
  font-size: 0.75rem;
  font-weight: 900;
  color: rgb(15 23 42 / 75%);
}

.home-promo__title {
  font-family: var(--font-heading, Cairo, sans-serif);
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.2;
  color: #0f172a;
}

.home-promo__title em {
  font-style: normal;
  color: #fff;
  font-size: 1.85rem;
  text-shadow: 0 4px 12px rgb(15 23 42 / 18%);
}

.home-promo__copy {
  font-size: 0.875rem;
  font-weight: 700;
  color: rgb(15 23 42 / 72%);
  max-width: 32ch;
}

.home-promo__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  margin-top: 0.35rem;
  padding: 0.7rem 1.25rem;
  border-radius: 0.85rem;
  background: #0f172a;
  color: #fff;
  font-weight: 800;
}

/* ---------- Trust ---------- */
.home-trust {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.625rem;
}

.home-trust.swiper {
  display: block;
  overflow: hidden;
  grid-template-columns: unset;
}

.home-trust.swiper .swiper-wrapper {
  align-items: stretch;
}

.home-trust.swiper .swiper-slide {
  height: auto;
  box-sizing: border-box;
}

.home-trust__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.35rem;
  padding: 0.85rem 0.55rem;
  border-radius: 1rem;
  border: 0;
  background: #fff;
  box-shadow: 0 6px 16px rgb(15 23 42 / 4%);
}

.home-trust__item :is(iconify-icon, .sea-ico),
.home-trust__item .home-trust__icon,
.home-trust__item .home-trust__icon svg {
  font-size: 1.75rem;
  width: 1.75rem;
  height: 1.75rem;
  display: block;
}

.home-trust__item strong {
  font-family: var(--font-heading, Cairo, sans-serif);
  font-size: 0.8125rem;
  font-weight: 900;
}

.home-trust__item span {
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--muted-foreground, #475569);
}

/* ---------- Request CTA ---------- */
.home-request {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.15rem;
  border-radius: 1.25rem;
  border: 0;
  background:
    linear-gradient(135deg, rgb(0 119 182 / 8%), rgb(0 180 216 / 8%) 45%, rgb(255 183 3 / 10%));
}

.home-request__body {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
}

.home-request__icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  border-radius: 0.9rem;
  background: var(--secondary, #ffb703);
  color: #0f172a;
  box-shadow: 0 8px 18px rgb(255 183 3 / 30%);
}

.home-request__body h3 {
  font-family: var(--font-heading, Cairo, sans-serif);
  font-size: 1.05rem;
  font-weight: 900;
  margin-bottom: 0.25rem;
}

.home-request__body p {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--muted-foreground, #475569);
  line-height: 1.45;
}

.home-request__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 0.85rem 1.5rem;
  border: 0;
  border-radius: 0.85rem;
  background: var(--secondary, #ffb703);
  color: #0f172a;
  font-weight: 900;
  font-size: 0.9375rem;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 10px 22px rgb(255 183 3 / 32%);
  transition: background 160ms ease, transform 160ms ease;
}

.home-request__cta:hover {
  background: color-mix(in srgb, var(--secondary, #ffb703) 88%, #000);
  color: #0f172a;
}

/* ---------- Desktop storefront ---------- */
@media (min-width: 768px) {
  .home-main {
    padding-block: 1.25rem 2.5rem;
  }

  .home-section-head {
    margin-bottom: 1.5rem;
  }

  .home-section-head h2 {
    font-size: 1.75rem;
    gap: 0.75rem;
  }

  .home-section-head h2 :is(iconify-icon, .sea-ico) {
    font-size: 2rem;
  }

  .home-section-link {
    font-size: 0.875rem;
  }

  .home-hero {
    width: 100%;
    margin-inline: 0;
  }

  .home-hero__frame {
    min-height: 420px;
    max-height: 480px;
    align-items: center;
    border-radius: 2rem;
    border: 4px solid #fff;
    box-shadow: 0 22px 48px rgb(15 23 42 / 12%);
  }

  .home-hero__media {
    object-position: center center;
  }

  .home-hero__shade {
    background: linear-gradient(
      to left,
      rgb(240 248 255 / 94%) 0%,
      rgb(240 248 255 / 72%) 38%,
      rgb(240 248 255 / 18%) 68%,
      transparent 100%
    );
  }

  .home-hero__content {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-inline: auto;
    padding: 3rem 0;
    display: grid;
    justify-items: start;
    gap: 1rem;
  }

  .home-hero__content > * {
    max-width: 34rem;
  }

  .home-hero__brand {
    font-size: 0.82rem;
    padding: 0.4rem 1rem;
  }

  .home-hero__title {
    font-size: clamp(2rem, 3vw, 3rem);
    max-width: 14ch;
  }

  .home-hero__copy {
    font-size: 1.0625rem;
    max-width: 36ch;
    -webkit-line-clamp: 3;
  }

  .home-hero__cta {
    width: auto;
    min-height: 52px;
    padding-inline: 2rem;
    font-size: 1.0625rem;
  }

  .home-cats__rail {
    display: grid;
    grid-auto-flow: unset;
    grid-auto-columns: unset;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1.25rem;
    overflow: visible;
    margin-inline: 0;
    padding-inline: 0;
    scroll-snap-type: none;
  }

  .home-cats__wrap.is-overflow .home-cats__viewport {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 2.4rem, #000 calc(100% - 2.4rem), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 2.4rem, #000 calc(100% - 2.4rem), transparent);
  }

  .home-cat {
    gap: 0.75rem;
  }

  .home-cat__icon {
    width: 100%;
    aspect-ratio: 1;
    border-width: 4px;
    border-radius: 2rem;
    box-shadow: 0 10px 28px rgb(15 23 42 / 6%);
  }

  .home-cat:nth-child(even) .home-cat__icon {
    border-radius: 999px;
  }

  .home-cat__icon :is(iconify-icon, .sea-ico) {
    font-size: 3.25rem;
  }

  .home-cat__label {
    font-size: 0.875rem;
  }

  .home-products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
  }

  .home-product {
    padding: 0.85rem;
    border-radius: 1.2rem;
  }

  .home-product__wish {
    top: 0.75rem;
    inset-inline-start: 0.75rem;
    width: 40px;
    height: 40px;
  }

  .home-product__badge {
    top: 0.75rem;
    inset-inline-end: 0.75rem;
  }

  .home-product__media {
    margin-bottom: 0.65rem;
    border-radius: 0.9rem;
  }

  .home-product__title {
    font-size: 0.875rem;
    min-height: 2.5rem;
    line-height: 1.25rem;
  }

  .home-product__price,
  .home-product__price .tp-product-price,
  .home-product__price .new-price,
  .home-product__price .home-product__from-value,
  .home-product__price [data-bb-value="product-price"] {
    font-size: 1rem !important;
  }

  .home-product__cart {
    width: 40px;
    height: 40px;
  }

  .home-product__foot {
    margin-top: 0.7rem;
    padding-top: 0.55rem;
  }

  .home-promo {
    min-height: 300px;
    align-items: center;
    border-radius: 1.5rem;
    border: 4px solid var(--secondary, #ffb703);
  }

  .home-promo__shade {
    background: linear-gradient(
      to right,
      rgb(255 183 3 / 94%) 0%,
      rgb(255 183 3 / 72%) 45%,
      rgb(255 183 3 / 15%) 100%
    );
  }

  .home-promo__content {
    width: min(62%, 36rem);
    padding: 2.5rem 3rem;
    gap: 0.85rem;
  }

  .home-promo__kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    background: #fff;
    font-size: 0.8125rem;
  }

  .home-promo__title {
    font-size: clamp(2rem, 3vw, 3rem);
  }

  .home-promo__title em {
    font-size: clamp(2.5rem, 4vw, 4rem);
  }

  .home-promo__copy {
    font-size: 1.0625rem;
    max-width: 34ch;
  }

  .home-promo__cta {
    width: auto;
    margin-top: 0.5rem;
    padding-inline: 1.75rem;
  }

  .home-trust {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }

  .home-trust__item {
    padding: 1.25rem 1rem;
    border-radius: 1.25rem;
    border-width: 2px;
    gap: 0.5rem;
  }

  .home-trust__item :is(iconify-icon, .sea-ico) {
    font-size: 2.25rem;
  }

  .home-trust__item strong {
    font-size: 0.9375rem;
  }

  .home-trust__item span {
    font-size: 0.75rem;
  }

  .home-request {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem 2.25rem;
    border-radius: 1.75rem;
    border-width: 2px;
  }

  .home-request__icon {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
    border-radius: 1rem;
  }

  .home-request__icon iconify-icon {
    font-size: 1.75rem;
  }

  .home-request__body h3 {
    font-size: 1.5rem;
  }

  .home-request__body p {
    font-size: 0.9375rem;
  }

  .home-request__cta {
    width: auto;
    flex-shrink: 0;
    padding-inline: 2rem;
  }
}

@media (min-width: 1024px) {
  .home-hero__frame {
    min-height: 460px;
    max-height: 520px;
  }

  .home-products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
  }

  .home-cats__rail {
    grid-auto-columns: minmax(10.5rem, 11.25rem);
    gap: 1rem;
  }
}

@media (max-width: 379px) {
  .home-cats__rail {
    grid-auto-columns: 80px;
    gap: 0.55rem;
  }

  .home-products {
    gap: 0.5rem;
  }

  .home-product {
    padding: 0.5rem;
    border-radius: 1rem;
  }
}

/* Tablet bridge */
@media (min-width: 768px) and (max-width: 1023px) {
  .home-cats__rail {
    grid-auto-columns: minmax(10.5rem, 11.25rem);
  }

  .home-hero__frame {
    min-height: min(58vh, 460px);
  }

  .home-hero__content {
    padding-block: 2.25rem;
  }
}

/* Soften mobile chrome so layout.css owns home composition */
@media (max-width: 767px) {
  .page-home .home-main {
    padding-top: 0.25rem !important;
    padding-bottom: calc(var(--mobile-nav-height, 68px) + env(safe-area-inset-bottom, 0px) + 1rem) !important;
  }

  .page-home .home-hero__frame {
    box-shadow: 0 16px 40px rgb(0 119 182 / 16%);
  }

  .page-home footer {
    margin-top: 0.5rem !important;
  }
}

/* Desktop header polish */
@media (min-width: 768px) {
  .page-home header {
    border-bottom-width: 0 !important;
    box-shadow: none !important;
  }

  .page-home header .absolute.-bottom-3,
  .page-home header [class*="-bottom-3"] {
    opacity: 0.12;
  }

  .page-home .bg-secondary .container {
    justify-content: center;
  }

  .home-section-link {
    font-size: 0.9375rem;
  }
}

/* ---------- Promo grids ---------- */
.home-promos-grid {
  display: grid;
  gap: 1rem;
}

.home-promos-grid--1 {
  grid-template-columns: minmax(0, 1fr);
}

.home-promos-grid--2 {
  grid-template-columns: minmax(0, 1fr);
}

.home-promos-grid--3 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-promo--compact {
  min-height: 160px;
}

.home-promo--compact .home-promo__title {
  font-size: 1.125rem;
}

.home-promo--alt {
  background: var(--muted, #e0e8f5);
  box-shadow: 0 10px 28px rgb(15 23 42 / 8%);
}

.home-promo--alt .home-promo__shade {
  background: linear-gradient(
    to top,
    rgb(224 232 245 / 96%) 12%,
    rgb(224 232 245 / 55%) 55%,
    transparent 100%
  );
}

.home-section--wide {
  width: 100%;
  max-width: none;
  padding-inline: var(--layout-gutter);
}

/* ---------- Hero slider extras ---------- */
.home-hero--full .home-hero__frame {
  min-height: min(52vh, 420px);
}

.home-hero__link {
  position: absolute;
  inset: 0;
  z-index: 3;
}

@media (min-width: 768px) {
  .home-promos-grid--2 {
    grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr);
  }

  .home-promos-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}


/* Sea home hero polish + brands rail */
.home-hero {
  margin-block: 0.75rem 1.25rem;
  padding-inline: 1rem;
}
@media (min-width: 768px) {
  .home-hero {
    margin-block: 1.25rem 2rem;
    padding-inline: max(1rem, calc((100% - var(--site-max-width, 1280px)) / 2 + 1rem));
  }
}
.home-hero .shein-trends-main-slider,
.home-hero .swiper-container {
  border-radius: 1.5rem;
  overflow: hidden;
  border: 0;
  box-shadow: 0 16px 40px rgb(15 23 42 / 10%);
}
@media (min-width: 768px) {
  .home-hero .shein-trends-main-slider,
  .home-hero .swiper-container {
    border-radius: 2rem;
    border: 4px solid #fff;
  }
}
.home-hero__frame {
  min-height: 280px !important;
  border-radius: inherit;
}
@media (min-width: 768px) {
  .home-hero__frame {
    min-height: 450px !important;
    align-items: center !important;
  }
}
.home-hero__brand {
  display: inline-block;
  padding: 0.4rem 1rem;
  border-radius: 999px;
  background: var(--secondary, #ffb703);
  color: var(--secondary-foreground, #000);
  font-weight: 900;
  font-size: 0.8125rem;
  transform: rotate(-2deg);
  margin: 0 0 0.35rem;
}
.home-hero__cta {
  display: inline-flex !important;
  align-items: center;
  gap: 0.5rem;
}
.home-hero__nav {
  position: absolute;
  inset-inline-end: 1rem;
  bottom: 1rem;
  z-index: 5;
  display: flex;
  gap: 0.5rem;
}
.home-hero__nav-btn {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  border: 0;
  background: #fff;
  color: var(--primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px rgb(15 23 42 / 12%);
  cursor: pointer;
}
.home-hero__dots {
  position: absolute;
  inset-inline-start: 1rem;
  bottom: 1.1rem;
  z-index: 5;
}
.home-hero-products {
  padding-top: 0.25rem;
}

/* Hide legacy swiper nav if shortcode still emits it */
.tp-product-categories-button-prev,
.tp-product-categories-button-next,
.tp-brand-slider-button-prev,
.tp-brand-slider-button-next {
  display: none !important;
}

/* ---------- Brands showcase rail ---------- */
.home-brands__wrap {
  position: relative;
}

.home-brands__viewport {
  position: relative;
  overflow: hidden;
}

.home-brands__wrap.is-overflow .home-brands__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);
}

.home-brands__rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(8.25rem, 9.25rem);
  gap: 0.75rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: var(--layout-gutter);
  -webkit-overflow-scrolling: touch;
  padding-block: 0.2rem 0.55rem;
  margin-inline: calc(-1 * var(--layout-gutter));
  padding-inline: var(--layout-gutter);
  scrollbar-width: none;
  cursor: grab;
  user-select: none;
  touch-action: pan-x;
}

.home-brands__rail::-webkit-scrollbar {
  display: none;
}

.home-brands__rail.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
}

.home-brand {
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  text-decoration: none;
  text-align: center;
  color: inherit;
  background: #fff;
  border: 2px solid rgb(203 213 225 / 45%);
  border-radius: 1.25rem;
  padding: 1.15rem 0.85rem 1rem;
  min-height: 9.25rem;
  box-shadow: 0 8px 20px rgb(15 23 42 / 4%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.home-brand:hover {
  border-color: rgb(0 119 182 / 40%);
  box-shadow: 0 16px 32px rgb(15 23 42 / 9%);
  transform: translateY(-3px);
  color: inherit;
}

.home-brand:focus-visible {
  outline: 3px solid rgb(0 119 182 / 35%);
  outline-offset: 2px;
}

.home-brand__logo {
  width: 4.35rem;
  height: 4.35rem;
  border-radius: 1.15rem;
  display: grid;
  place-items: center;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.home-brand:hover .home-brand__logo {
  transform: scale(1.06);
}

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

.home-brand__logo--blue { background: linear-gradient(145deg, #eff6ff, #dbeafe); }
.home-brand__logo--rose { background: linear-gradient(145deg, #fff1f2, #ffe4e6); }
.home-brand__logo--amber { background: linear-gradient(145deg, #fffbeb, #fef3c7); }
.home-brand__logo--cyan { background: linear-gradient(145deg, #ecfeff, #cffafe); }
.home-brand__logo--emerald { background: linear-gradient(145deg, #ecfdf5, #d1fae5); }
.home-brand__logo--indigo { background: linear-gradient(145deg, #eef2ff, #e0e7ff); }
.home-brand__logo--sky { background: linear-gradient(145deg, #f0f9ff, #e0f2fe); }
.home-brand__logo--slate { background: linear-gradient(145deg, #f8fafc, #e2e8f0); }

.home-brand__meta {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
  width: 100%;
}

.home-brand__name {
  font-family: var(--font-heading, Cairo, sans-serif);
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.25;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.home-brand:hover .home-brand__name {
  color: var(--primary, #0077b6);
}

.home-brand__count {
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--muted-foreground, #475569);
}

.home-brands__nav,
.home-cats__nav {
  display: grid;
  position: absolute;
  top: 42%;
  z-index: 3;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 999px;
  border: 1.5px solid rgb(203 213 225 / 70%);
  background: #fff;
  color: var(--primary);
  box-shadow: 0 10px 24px rgb(15 23 42 / 12%);
  place-items: center;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

.home-brands__nav iconify-icon,
.home-cats__nav iconify-icon {
  font-size: 1.2rem;
}

.home-brands__nav:hover,
.home-cats__nav:hover {
  border-color: rgb(0 119 182 / 45%);
  background: color-mix(in srgb, var(--primary) 8%, white);
}

.home-brands__nav:focus-visible,
.home-cats__nav:focus-visible {
  outline: 3px solid rgb(0 119 182 / 35%);
  outline-offset: 2px;
}

.home-brands__nav--prev,
.home-cats__nav--prev {
  inset-inline-start: -0.55rem;
}

.home-brands__nav--next,
.home-cats__nav--next {
  inset-inline-end: -0.55rem;
}

.home-brands__nav[hidden],
.home-cats__nav[hidden] {
  display: none !important;
}

.home-section-head__text {
  min-width: 0;
}

.home-section-head__intro {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
  flex: 1 1 auto;
}

.sea-section-whale {
  display: block;
  flex: 0 0 4.75rem;
  flex-shrink: 0;
  width: 4.75rem;
  height: 4.75rem;
  max-width: 4.75rem;
  max-height: 4.75rem;
  min-width: 4.75rem;
  object-fit: contain;
  object-position: center bottom;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 8px 14px rgb(15 23 42 / 16%));
  animation: sea-whale-swim 3.4s ease-in-out infinite;
  transform-origin: 50% 70%;
}

.sea-flash-sale__whale {
  display: block;
  flex: 0 0 5.75rem;
  width: 5.75rem;
  height: 5.75rem;
  max-width: 5.75rem;
  max-height: 5.75rem;
  min-width: 5.75rem;
  object-fit: contain;
  object-position: center bottom;
  animation: sea-whale-swim 3.4s ease-in-out infinite;
  transform-origin: 50% 70%;
}

.home-ocean-hero__whale,
.sea-section-whale--hero {
  display: none !important;
}

.home-section-head__intro h2 iconify-icon {
  display: none;
}

.sea-deals__section-head {
  margin-bottom: 1rem;
}

.home-section-sub {
  margin: 0.25rem 0 0;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--muted-foreground);
}

@media (min-width: 768px) {
  .home-brands__rail {
    grid-auto-columns: minmax(10.5rem, 11.25rem);
    gap: 1rem;
    margin-inline: 0;
    padding-inline: 0.15rem;
    scroll-padding-inline: 0.15rem;
  }

  .home-brands__wrap.is-overflow .home-brands__viewport {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 2.4rem, #000 calc(100% - 2.4rem), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 2.4rem, #000 calc(100% - 2.4rem), transparent);
  }

  .home-brand {
    min-height: 11.25rem;
    border-radius: 1.35rem;
    padding: 1.4rem 1.05rem 1.2rem;
    gap: 0.9rem;
  }

  .home-brand__logo {
    width: 5.15rem;
    height: 5.15rem;
    border-radius: 1.25rem;
    padding: 0.6rem;
  }

  .home-brand__name {
    font-size: 1.02rem;
  }

  .home-brand__count {
    font-size: 0.78rem;
  }

  .home-brands__nav,
  .home-cats__nav {
    width: 2.85rem;
    height: 2.85rem;
  }

  .home-brands__nav--prev,
  .home-cats__nav--prev {
    inset-inline-start: -0.85rem;
  }

  .home-brands__nav--next,
  .home-cats__nav--next {
    inset-inline-end: -0.85rem;
  }
}

@media (max-width: 767.98px) {
  .home-brands__nav,
  .home-cats__nav {
    width: 2.35rem;
    height: 2.35rem;
  }

  .home-cats__nav {
    display: none !important;
  }

  .home-cats__viewport {
    overflow: visible;
  }

  .home-cats__wrap.is-overflow .home-cats__viewport {
    -webkit-mask-image: none;
    mask-image: none;
  }
}

/* === responsive.min.css === */
:root{--site-max-width:1280px;--mobile-nav-height:76px;--safe-bottom:env(safe-area-inset-bottom, 0px)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{min-width:320px;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.menu-open,body.modal-open,body.search-open{overflow:hidden}img,svg,video{max-width:100%}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--ring,#00b4d8) 55%,transparent);outline-offset:3px}input,select,textarea{font-size:16px}textarea{resize:vertical}.container{width:min(100% - 2rem,var(--site-max-width));margin-inline:auto;padding-inline:1rem}.sea-auth .container,.sea-auth__form .container,.sea-card .container{width:100%!important;max-width:100%!important;margin-inline:0!important;padding-inline:0!important}.site-skip-link{position:fixed;inset-inline-start:1rem;top:1rem;z-index:1000;transform:translateY(-180%);border-radius:999px;background:var(--foreground,#0f172a);color:#fff;padding:.75rem 1rem;font-size:.875rem;font-weight:800;transition:transform 180ms ease-out}.site-skip-link:focus{transform:translateY(0)}.site-menu-trigger{display:none;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--muted,#e0e8f5) 65%,transparent);color:var(--foreground,#0f172a)}.site-menu-drawer,.site-search-sheet{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;transition:opacity 180ms ease-out,visibility 180ms ease-out}.site-menu-drawer.is-open,.site-search-sheet.is-open{visibility:visible;opacity:1}.site-overlay{position:absolute;inset:0;background:rgb(15 23 42 / 58%);backdrop-filter:blur(3px)}.site-search-panel{position:relative;width:min(100% - 2rem,720px);margin:max(1rem,env(safe-area-inset-top)) auto 0;border:0;border-radius:1.5rem;background:var(--card,#fff);padding:1rem;box-shadow:0 24px 80px rgb(15 23 42 / 24%);transform:translateY(-16px);transition:transform 180ms ease-out}.site-search-sheet.is-open .site-search-panel{transform:translateY(0)}.site-search-row{display:flex;align-items:center;gap:.75rem}.site-search-input-wrap{position:relative;flex:1}.site-search-input-wrap iconify-icon{position:absolute;inset-inline-start:1rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground,#475569)}.site-search-input{width:100%;min-height:48px;border:2px solid transparent;border-radius:999px;background:var(--muted,#e0e8f5);padding:.75rem 3rem .75rem 1rem;color:var(--foreground,#0f172a)}.site-search-input:focus{border-color:var(--primary,#0077b6);background:#fff}.site-icon-button{width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--muted-foreground,#475569)}.site-search-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.site-search-suggestions a{min-height:36px;display:inline-flex;align-items:center;border-radius:999px;background:color-mix(in srgb,var(--muted,#e0e8f5) 65%,#fff);padding:.5rem .875rem;color:var(--foreground,#0f172a);font-size:.8125rem;font-weight:800}.site-menu-panel{position:absolute;inset-block:0;inset-inline-start:0;width:min(88vw,380px);overflow-y:auto;background:var(--card,#fff);box-shadow:16px 0 64px rgb(15 23 42 / 24%);transform:translateX(105%);transition:transform 220ms ease-out}[dir=rtl] .site-menu-panel{transform:translateX(105%)}.site-menu-drawer.is-open .site-menu-panel{transform:translateX(0)}.site-menu-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;border-bottom:0;background:rgb(255 255 255 / 94%);padding:max(1rem,env(safe-area-inset-top)) 1rem 1rem;backdrop-filter:blur(12px)}.site-menu-brand{display:flex;align-items:center;gap:.75rem;color:var(--primary,#0077b6);font-size:1.125rem;font-weight:900}.site-menu-brand span:first-child{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;background:var(--primary,#0077b6);color:#fff}.site-menu-brand .site-menu-logo{width:auto;height:40px;object-fit:contain;background:0 0;border-radius:0}.site-menu-content{padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom))}.site-menu-section+.site-menu-section{margin-top:1.25rem;padding-top:1.25rem;border-top:0}.site-menu-title{margin-bottom:.5rem;color:var(--muted-foreground,#475569);font-size:.75rem;font-weight:900}.site-menu-links{display:grid;gap:.25rem}.site-menu-links a{min-height:46px;display:flex;align-items:center;gap:.75rem;border-radius:.875rem;padding:.625rem .75rem;color:var(--foreground,#0f172a);font-size:.9375rem;font-weight:800;transition:background 160ms ease-out,color 160ms ease-out}.site-menu-links a:hover,.site-menu-links a[aria-current=page]{background:color-mix(in srgb,var(--primary,#0077b6) 10%,transparent);color:var(--primary,#0077b6)}.site-menu-links iconify-icon{width:22px;height:22px;flex:0 0 22px;font-size:1.375rem}.site-filter-sheet{position:fixed;inset:0;z-index:110;visibility:hidden;opacity:0;transition:opacity 180ms ease-out,visibility 180ms ease-out}.site-filter-sheet.is-open{visibility:visible;opacity:1}.site-filter-panel{position:absolute;inset-block:0;inset-inline-start:0;width:min(92vw,420px);overflow-y:auto;background:var(--card,#fff);box-shadow:16px 0 64px rgb(15 23 42 / 24%);transform:translateX(105%);transition:transform 220ms ease-out}[dir=rtl] .site-filter-panel{transform:translateX(105%)}.site-filter-sheet.is-open .site-filter-panel{transform:translateX(0)}.site-filter-body{padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom))}.site-filter-body .hidden{display:block!important}.site-toast-region{position:fixed;inset-inline-end:1rem;bottom:calc(var(--mobile-nav-height) + var(--safe-bottom) + 1rem);z-index:120;display:grid;width:min(calc(100% - 2rem),360px);gap:.5rem;pointer-events:none}.site-toast{display:flex;align-items:center;gap:.75rem;border:0;border-radius:1rem;background:var(--card,#fff);padding:.875rem 1rem;box-shadow:0 16px 48px rgb(15 23 42 / 18%);color:var(--foreground,#0f172a);font-size:.875rem;font-weight:800;pointer-events:auto;animation:180ms ease-out both site-toast-in}@keyframes site-toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.site-toast-region{bottom:1.5rem}}@media (max-width:1023px){header{box-shadow:0 8px 28px rgb(15 23 42 / 6%)}header .container{max-width:none}.site-menu-trigger{display:inline-flex}header nav[class*="md:flex"]{display:none!important}}@media (max-width:767px){:root{--mobile-nav-height:68px;--app-pad:1rem;--app-radius:1.25rem;--app-gap:1.25rem}body{font-size:15px;background:#eef6fc}body>div.min-h-screen,body>div[dir=rtl]{background:radial-gradient(120% 60% at 100% 0,rgb(0 180 216 / 10%),transparent 55%),#eef6fc}.fixed.inset-0.pointer-events-none{display:none!important}.bg-secondary.text-secondary-foreground.text-sm.font-bold.relative.z-50,body>div[dir=rtl]>div.bg-secondary{position:relative;z-index:40}.bg-secondary .container{padding-block:0.5rem!important;gap:.5rem!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bg-secondary .container::-webkit-scrollbar{display:none}.bg-secondary .container>span.opacity-40{display:none}.bg-secondary .container>span.md\:hidden{overflow:hidden;text-overflow:ellipsis;max-width:68vw;font-size:.75rem}.container{padding-inline:var(--app-pad)!important}main.container,main.relative.z-10{padding-top:.75rem!important;padding-bottom:calc(var(--mobile-nav-height) + var(--safe-bottom) + 1rem)!important}header{border-bottom-width:0!important;box-shadow:0 1px 0 rgb(15 23 42 / 6%),0 8px 24px rgb(15 23 42 / 4%)!important;backdrop-filter:blur(16px);background:rgb(255 255 255 / 92%)!important}header .absolute.-bottom-3,header [class*="-bottom-3"]{display:none!important}header .container>div[class*=py-3][class*=flex],header .container>div[class*=py-4][class*=flex],header>.container>div[class*=justify-between]{min-height:56px;padding-block:0.5rem!important;gap:.5rem!important}header [class*=size-12][class*=rounded]{width:40px;height:40px;border-radius:.875rem}header a[href="home.html"] .text-2xl{font-size:1.125rem!important}header a[href="home.html"] .text-xs{display:none}header a[href="cart.html"],header a[href="wishlist.html"],header button{min-width:44px;min-height:44px;padding-inline:0.5rem!important}header a[href="cart.html"]{border-radius:999px!important;padding-inline:0.625rem!important}.app-mobile-search{display:block!important;padding:0 var(--app-pad) .75rem;background:0 0}.app-mobile-search form{display:flex;align-items:center;gap:.625rem;min-height:44px;border-radius:999px;background:#fff;border:0;box-shadow:0 4px 14px rgb(15 23 42 / 4%);padding:.25rem .35rem .25rem .85rem}.app-mobile-search input{flex:1;min-width:0;border:0;background:0 0;font-size:.875rem;font-weight:700;color:var(--foreground,#0f172a)}.app-mobile-search input::placeholder{color:#94a3b8;font-weight:600}.app-mobile-search button{width:40px;height:40px;border-radius:999px;background:var(--primary,#0077b6);color:#fff;display:inline-flex;align-items:center;justify-content:center}h1[class*=text-3xl],h1[class*=text-4xl],h1[class*=text-5xl],h1[class*=text-6xl]{font-size:clamp(1.55rem, 7vw, 1.95rem)!important;line-height:1.3!important;letter-spacing:-.02em}h2[class*=text-3xl],h2[class*=text-4xl],h2[class*=text-5xl]{font-size:1.25rem!important;line-height:1.35!important}h2 iconify-icon{font-size:1.5rem!important}main.container>section,main:not(.home-main)>section{margin-top:0!important;margin-bottom:var(--app-gap)!important}main:not(.home-main)>section>.flex.items-center.justify-between{margin-bottom:.875rem!important}main nav[class*=overflow-x-auto],main>nav{margin-inline:calc(-1 * var(--app-pad));padding-inline:var(--app-pad);margin-bottom:.875rem!important;scroll-padding-inline:var(--app-pad)}main:not(.home-main) .flex.overflow-x-auto{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.75rem!important;padding-bottom:.5rem!important;margin-inline:calc(-1 * var(--app-pad));padding-inline:var(--app-pad)}main:not(.home-main) .flex.overflow-x-auto>.snap-start,main:not(.home-main) .flex.overflow-x-auto>a{scroll-snap-align:start}.grid.grid-cols-2{gap:.75rem!important}.grid.grid-cols-2>[class*=rounded-2xl]{border-radius:var(--app-radius)!important;border-width:1px!important;box-shadow:0 8px 22px rgb(15 23 42 / 5%);background:#fff}.grid.grid-cols-2>[class*=rounded-2xl][class*=p-4]{padding:.625rem!important}.grid.grid-cols-2 [class*=aspect-square],.grid.grid-cols-2 a[class*=aspect-square]{margin-bottom:.5rem!important;border-radius:1rem!important}.grid.grid-cols-2 a[class*=line-clamp-2],.grid.grid-cols-2 h4[class*=line-clamp-2]{min-height:2.4rem;font-size:.8125rem;line-height:1.25rem}.grid.grid-cols-2 [class*=text-lg][class*=font-black]{font-size:.95rem}.grid.grid-cols-2 .flex.items-center.gap-1.mb-4,.grid.grid-cols-2 [class*=mb-4].text-secondary{margin-bottom:.5rem!important}a[class*=size-8],a[class*=size-9],button[class*=size-8],button[class*=size-9]{width:40px!important;height:40px!important}a[class*=py-2],button[class*=py-2]{min-height:44px}div[class*="md:hidden"][class*=fixed][class*=bottom-0]{min-height:calc(var(--mobile-nav-height) + var(--safe-bottom));padding:.375rem .75rem calc(.375rem + var(--safe-bottom))!important;border-radius:1.25rem 1.25rem 0 0!important;border-top:0!important;background:rgb(255 255 255 / 94%)!important;backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 -10px 30px rgb(15 23 42 / 8%)!important}div[class*="md:hidden"][class*=fixed][class*=bottom-0]>a{min-width:56px;min-height:48px;justify-content:center;border-radius:.875rem;gap:.15rem!important}div[class*="md:hidden"][class*=fixed][class*=bottom-0]>a.text-primary,div[class*="md:hidden"][class*=fixed][class*=bottom-0]>a[aria-current=page]{background:color-mix(in srgb,var(--primary,#0077b6) 10%,transparent)}div[class*="md:hidden"][class*=fixed][class*=bottom-0] .text-xs,div[class*="md:hidden"][class*=fixed][class*=bottom-0] [class*="text-[10px]"]{font-size:.6875rem!important;line-height:1rem;font-weight:800}div[class*="md:hidden"][class*=fixed][class*=bottom-0]>div.relative{top:-1.15rem}div[class*="md:hidden"][class*=fixed][class*=bottom-0]>div.relative>a{width:52px;height:52px;box-shadow:0 10px 24px rgb(0 180 216 / 35%)}div[class*=fixed][class*=bottom-24]{inset-inline-start:0.75rem!important;left:auto!important;bottom:calc(var(--mobile-nav-height) + var(--safe-bottom) + .75rem)!important}div[class*=fixed][class*=bottom-24]>button,div[class*=fixed][class*=bottom-24]>button.size-14{width:48px!important;height:48px!important}#help-panel{width:min(17rem,calc(100vw - 2rem))}footer{margin-top:1.5rem!important;padding-top:2.5rem!important;padding-bottom:calc(var(--mobile-nav-height) + var(--safe-bottom) + 1.25rem)!important;border-radius:1.5rem 1.5rem 0 0}footer .grid.grid-cols-2,footer .grid[class*=grid-cols]{grid-template-columns:1fr 1fr;gap:1.5rem 1rem}footer .col-span-2,footer .sm\:col-span-2{grid-column:1/-1}.page-cart main .lg\:col-span-2>[class*=bg-card][class*=flex],.page-wishlist main .grid>[class*=bg-card],footer input{min-width:0}.page-cart main .lg\:col-span-2>[class*=bg-card][class*=flex]{align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:var(--app-radius)}.page-cart main .lg\:col-span-2>[class*=bg-card][class*=flex]>a:first-child{width:72px;height:72px}.page-cart main .sticky,.page-checkout main .sticky{position:static!important}.page-checkout form .grid.md\:grid-cols-2,.page-contact form .grid.md\:grid-cols-2,.page-register form .grid.md\:grid-cols-2{grid-template-columns:1fr}.page-products main>div[class*=flex-col]{gap:1rem}.page-products aside{display:none!important}.page-product-detail main>.grid{gap:1.25rem}.page-product-detail main [class*=aspect-square]{border-radius:1.25rem!important}.page-product-detail main a[class*=bg-secondary],.page-product-detail main a[href="cart.html"],.page-product-detail main a[href="checkout.html"],.page-product-detail main button[class*=bg-primary]{border-radius:.875rem!important}.page-account main>div[class*="md:flex-row"]{gap:1rem}.page-account aside{display:grid!important;grid-template-columns:1fr;gap:.5rem}.page-account aside>a{border-radius:.875rem}input[class*=rounded-xl],select[class*=rounded-xl],textarea[class*=rounded-xl]{min-height:48px;border-radius:.875rem!important}.grid.grid-cols-2>[class*=rounded-2xl] a[class*=w-full],.grid.grid-cols-2>[class*=rounded-2xl] button[class*=w-full]{min-height:40px;font-size:.75rem!important;padding-block:0.5rem!important;border-radius:.75rem!important}.grid.grid-cols-2>[class*=rounded-2xl] .absolute.top-4{top:.5rem!important;inset-inline-start:0.5rem!important}.page-cart main>.grid>div:last-child>[class*=bg-card],.page-checkout main [class*=bg-card][class*=sticky]{border-radius:1.25rem!important}@media (max-width:379px){:root{--app-pad:0.75rem}.container{padding-inline:var(--app-pad)!important}.grid.grid-cols-2{gap:.5rem!important}.grid.grid-cols-2>[class*=rounded-2xl]{border-radius:1rem}header a[href="wishlist.html"]{display:none!important}footer .grid.grid-cols-2,footer .grid[class*=grid-cols]{grid-template-columns:1fr}footer .col-span-2,footer .sm\:col-span-2{grid-column:auto}}@media (min-width:768px){.app-mobile-search{display:none!important}}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (max-width:767px){header a[href="home.html"] .text-2xl{display:block!important;font-size:1.15rem!important}header a[href="cart.html"]{display:inline-flex!important}footer{display:block!important}.page-home .home-main>.home-ad-banner,.page-home .home-main>.home-ad-stack,.page-home .home-main>section{order:unset!important}.page-home .home-trust{display:grid!important}.page-home .home-product__brand,.page-home .home-product__meta,.page-home .home-promo__copy{display:flex!important}.page-home .home-promo__copy{display:-webkit-box!important}}}
/* === app.min.css === */
@media (max-width:767px){:root{--app-tab:70px;--app-safe:env(safe-area-inset-bottom, 0px);--app-pad:1rem}body{background:#f3f8fc;font-size:15px}body>div.min-h-screen,body>div[dir=rtl]{background:#f3f8fc}.fixed.inset-0.pointer-events-none,div[class*=fixed][class*=bottom-24]:not(.sea-help),header .absolute.-bottom-3,header [class*="-bottom-3"],main>nav.flex.items-center.gap-2.text-xs{display:none!important}.bg-secondary.text-secondary-foreground.text-sm.font-bold.relative.z-50,body>div[dir=rtl]>div.bg-secondary{position:relative;z-index:40}.bg-secondary .container{padding-block:0.55rem!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:.5rem!important}header{border-bottom:0!important;background:#fff!important;box-shadow:0 1px 0 rgb(15 23 42 / 6%)!important}header .container>div[class*=py-3][class*=flex],header .container>div[class*=py-4][class*=flex],header>.container>div[class*=justify-between]{min-height:56px;padding-block:0.55rem!important;gap:.5rem!important}header a[href="home.html"] img[alt="النون"]{height:40px!important}header a[href="home.html"] .text-2xl,header a[href="home.html"] .text-xl{font-size:1.15rem!important}header a[href="home.html"] .text-xs,header a[href="wishlist.html"]{display:none!important}header a[href="cart.html"]{min-width:44px;min-height:44px;padding-inline:0.55rem!important;border-radius:999px!important}.app-mobile-search{display:block!important;padding:0 1rem .75rem}.app-mobile-search form{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.2rem .3rem .2rem .9rem;border-radius:999px;background:#eef3f9;border:0}.app-mobile-search input{flex:1;min-width:0;border:0;background:0 0;font-size:.875rem;font-weight:700}.app-mobile-search button{width:38px;height:38px;border-radius:999px;background:var(--primary,#0077b6);color:#fff;display:inline-flex;align-items:center;justify-content:center}.container{padding-inline:var(--app-pad)!important}main.container,main.home-main,main.relative.z-10{padding-top:.5rem!important;padding-bottom:calc(var(--app-tab) + var(--app-safe) + 1.25rem)!important}.app-page-bar{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem}.app-page-bar__back{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:.85rem;background:#fff;border:0;flex-shrink:0}.app-page-bar__title{font-family:var(--font-heading, Cairo, sans-serif);font-size:1.2rem;font-weight:900}.app-page-bar__sub{display:none}div[class*="md:hidden"][class*=fixed][class*=bottom-0]{min-height:calc(var(--app-tab) + var(--app-safe));padding:.4rem .75rem calc(.4rem + var(--app-safe))!important;border-radius:1.15rem 1.15rem 0 0!important;background:rgb(255 255 255 / 97%)!important;border-top:0!important;backdrop-filter:blur(16px);box-shadow:0 -8px 28px rgb(15 23 42 / 8%)!important}div[class*="md:hidden"][class*=fixed][class*=bottom-0]>a{min-width:52px;min-height:48px;justify-content:center;border-radius:.85rem}div[class*="md:hidden"][class*=fixed][class*=bottom-0]>a.text-primary,div[class*="md:hidden"][class*=fixed][class*=bottom-0]>a[aria-current=page]{background:color-mix(in srgb,var(--primary,#0077b6) 10%,transparent)}div[class*="md:hidden"][class*=fixed][class*=bottom-0] .text-xs{font-size:.7rem!important;font-weight:800}div[class*="md:hidden"][class*=fixed][class*=bottom-0]>div.relative{top:-1.1rem}div[class*="md:hidden"][class*=fixed][class*=bottom-0]>div.relative>a{width:54px;height:54px}footer{margin-top:1.5rem!important;padding:1.75rem var(--app-pad) calc(var(--app-tab) + var(--app-safe) + 1rem)!important;border-radius:1.5rem 1.5rem 0 0}footer .grid[class*=grid-cols]>div:not(.col-span-2){display:none!important}footer .col-span-2,footer .sm\:col-span-2{grid-column:1/-1!important}footer h3,footer h4{font-size:1rem!important}footer .flex.bg-white.rounded-full{max-width:100%}footer .border-t{margin-top:1rem;padding-top:1rem!important}.page-home .home-main{display:flex;flex-direction:column;gap:1.35rem}.page-home .home-main>.home-ad-banner,.page-home .home-main>.home-ad-stack,.page-home .home-main>section{margin:0!important;order:unset!important}.page-home section[aria-label="العروض الرئيسية"]{padding-inline:var(--app-pad)}.page-home section[aria-label="العروض الرئيسية"]>div{min-height:320px!important;max-height:none;border-radius:1.35rem!important;border:0!important;box-shadow:0 14px 36px rgb(0 119 182 / 16%);align-items:flex-end!important}.page-home section[aria-label="العروض الرئيسية"] [class*=z-20]{width:100%!important;padding:1.25rem!important;gap:.65rem!important}.page-home section[aria-label="العروض الرئيسية"] span[class*=rounded-full]{display:inline-block!important;font-size:.7rem!important;padding:.35rem .7rem!important;transform:none!important}.page-home section[aria-label="العروض الرئيسية"] h1{font-size:1.65rem!important;line-height:1.3!important;display:block!important}.page-home section[aria-label="العروض الرئيسية"] h1 svg{display:none!important}.page-home section[aria-label="العروض الرئيسية"] p{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem!important;margin:0!important}.page-home section[aria-label="العروض الرئيسية"] a[href="products.html"]{width:100%;justify-content:center;min-height:48px;font-size:1rem!important;padding-block:0.85rem!important}.page-home .home-section-head{margin-bottom:.85rem}.page-home .home-section-head h2{font-size:1.15rem!important}.page-home .home-cats__rail{grid-auto-columns:88px;gap:.75rem;margin-inline:calc(-1 * var(--app-pad));padding-inline:var(--app-pad)}.page-home .home-cat__label{font-size:.72rem;font-weight:800}.page-home .home-products{gap:.75rem}.page-home .home-product{padding:.7rem;border-radius:1.1rem;background:#fff;border:0;box-shadow:0 8px 20px rgb(15 23 42 / 5%)}.page-home .home-product__brand{display:block;font-size:.65rem}.page-home .home-product__title{font-size:.8rem;min-height:2.4rem}.page-home .home-product__meta{display:flex;margin-bottom:.4rem}.page-home .home-product__meta iconify-icon:nth-child(n+4),.page-home .home-product__meta span{display:none}.page-home .home-product__price{font-size:.95rem}.page-home .home-product__cart{width:40px;height:40px}.page-home .home-product__wish{width:34px;height:34px}.page-home .home-promo{min-height:180px;border-radius:1.25rem}.page-home .home-promo__content{padding:1.15rem}.page-home .home-promo__copy{display:block;font-size:.8125rem;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.page-home .home-promo__cta{width:100%;min-height:44px}.page-home .home-trust{display:grid!important;grid-template-columns:1fr 1fr;gap:.6rem}.page-home .home-trust__item{padding:.85rem .5rem}.page-home .home-trust__item span{font-size:.65rem}.page-home .home-request{padding:1rem;gap:.85rem}.page-home .home-request__cta{width:100%;min-height:46px}.page-account .app-desktop-only{display:none!important}.page-account .app-mobile-only{display:block!important}.page-account .app-profile-hero{margin-bottom:1rem}.page-rewards main .text-center.mb-10 p{display:block}main .bg-card[class*=rounded]{border-radius:1.15rem!important;border-width:1px!important;box-shadow:0 8px 20px rgb(15 23 42 / 4%)}main input,main select,main textarea{min-height:48px;font-size:16px!important;border-radius:.85rem!important}.page-product-detail header a[href="wishlist.html"],.page-products aside{display:none!important}.page-product-detail .pdp-main{padding-top:.35rem!important}.page-product-detail .pdp-gallery{border-radius:1.25rem!important;background:#fff}.page-product-detail .pdp-info h1{font-size:1.35rem!important;line-height:1.35!important}.page-product-detail .pdp-points p.text-xs{display:none}.page-product-detail .pdp-perks{gap:.65rem}.page-product-detail .pdp-details{margin-top:1.75rem!important}.page-product-detail .order-sticky{gap:.45rem}.page-product-detail .order-sticky__cta.is-primary{padding-inline:0.85rem;min-width:3rem}.page-product-detail .pdp-sticky-label{display:none}.page-product-detail .order-sticky__cta:last-child{flex:1}.page-product-detail footer .grid[class*=grid-cols]>div:not(.sm\:col-span-2):not(.col-span-2){display:none!important}.site-toast-region{bottom:calc(var(--app-tab) + var(--app-safe) + .85rem)!important}}@media (min-width:768px){.app-mobile-search,.app-page-bar,.page-account .app-mobile-only{display:none!important}.page-account .app-desktop-only{display:block!important}}
/* === sea-theme.min.css === */
/* Alnoon Sea — design tokens + bridge utilities (export-html v6) */

:root {
  --background: #f0f8ff;
  --foreground: #0f172a;
  --primary: #0077b6;
  --primary-foreground: #ffffff;
  --secondary: #ffb703;
  --secondary-foreground: #000000;
  --muted: #e0e8f5;
  --muted-foreground: #475569;
  --accent: #00b4d8;
  --accent-foreground: #ffffff;
  --destructive: #ef476f;
  --destructive-foreground: #ffffff;
  --card: #ffffff;
  --card-foreground: #0f172a;
  --popover: #ffffff;
  --popover-foreground: #0f172a;
  --border: #cbd5e1;
  --input: #ffffff;
  --ring: #00b4d8;
  --chart-1: #0077b6;
  --chart-2: #00b4d8;
  --chart-3: #ffb703;
  --chart-4: #ef476f;
  --chart-5: #06d6a0;
  --font-sans: "Cairo", "Nunito Sans", sans-serif;
  --font-heading: "Cairo", "Bricolage Grotesque", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-serif: "Playfair Display", Georgia, serif;
  --radius: 1rem;
}

html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body.sea-body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.6;
  overflow-x: hidden;
}

.sea-shell {
  min-height: 100vh;
  position: relative;
  background: var(--background);
}

.sea-container {
  width: min(100% - 2rem, 1280px);
  margin-inline: auto;
}

/* Guest banner — full-width treasure invite strip */
html.sea-hide-guest-banner .sea-guest-banner {
  display: none !important;
}

.sea-guest-banner {
  --sea-guest-ink: #0b1f33;
  background:
    linear-gradient(90deg, #ffe08a 0%, #ffc107 42%, #ffb703 100%);
  color: var(--sea-guest-ink);
  font-size: 0.84rem;
  font-weight: 700;
  position: relative;
  z-index: 55;
  border-bottom: 1px solid rgb(11 31 51 / 8%);
  box-shadow: 0 1px 0 rgb(255 255 255 / 35%) inset;
}

.sea-guest-banner__inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: min(100% - 1.25rem, var(--site-max-width, 1280px));
  margin-inline: auto;
  padding: 0.55rem 0;
  text-align: start;
  min-height: 3rem;
}

.sea-guest-banner__offer {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  min-width: 0;
  flex: 1 1 auto;
  color: inherit;
  text-decoration: none !important;
  line-height: 1.35;
}

.sea-guest-banner__offer:hover,
.sea-guest-banner__offer:focus-visible {
  text-decoration: none !important;
}

.sea-guest-banner__icon {
  flex: 0 0 auto;
  width: 1.85rem;
  height: 1.85rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgb(255 255 255 / 55%);
  box-shadow: 0 1px 4px rgb(11 31 51 / 10%);
}

.sea-guest-banner__icon .sea-treasure-coin,
.sea-guest-banner__icon img,
.sea-guest-banner__icon svg,
.sea-guest-banner__icon iconify-icon {
  width: 1.15rem;
  height: 1.15rem;
  display: block;
}

.sea-guest-banner__copy {
  min-width: 0;
  text-decoration: none !important;
}

.sea-guest-banner__pts,
.sea-guest-banner__copy strong {
  font-weight: 900;
  white-space: nowrap;
}

.sea-guest-banner__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
  flex: 1 1 auto;
  line-height: 1.45;
}

.sea-guest-banner__chip iconify-icon {
  flex-shrink: 0;
  color: var(--sea-guest-ink);
}

.sea-guest-banner__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  flex: 0 0 auto;
}

.sea-guest-banner a,
.sea-guest-banner__link {
  color: inherit;
  font-weight: 800;
  text-decoration: none;
}

.sea-guest-banner__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.15rem;
  padding: 0 0.95rem;
  border-radius: 999px;
  background: var(--sea-guest-ink);
  color: #fff !important;
  text-decoration: none !important;
  white-space: nowrap;
  font-weight: 800;
  letter-spacing: 0.01em;
  box-shadow: 0 4px 12px rgb(11 31 51 / 18%);
  transition: transform 0.15s ease, background 0.15s ease;
}

.sea-guest-banner__cta:hover,
.sea-guest-banner__cta:focus-visible {
  background: #071521;
  text-decoration: none !important;
  transform: translateY(-1px);
}

.sea-guest-banner__link {
  display: none;
}

.sea-guest-banner .guest-banner-close {
  border: 0;
  background: rgb(11 31 51 / 10%);
  cursor: pointer;
  margin: 0;
  flex-shrink: 0;
  width: 2.15rem;
  height: 2.15rem;
  display: grid;
  place-items: center;
  color: var(--sea-guest-ink);
  padding: 0;
  border-radius: 999px;
  opacity: 1;
  transition: background 0.15s ease;
}

.sea-guest-banner .guest-banner-close:hover,
.sea-guest-banner .guest-banner-close:focus-visible {
  background: rgb(11 31 51 / 16%);
}

.sea-guest-banner__mobile { display: inline; }
.sea-guest-banner__desktop { display: none; }

@media (min-width: 768px) {
  .sea-guest-banner {
    font-size: 0.9rem;
  }

  .sea-guest-banner__inner {
    min-height: 3.15rem;
    gap: 1rem;
  }

  .sea-guest-banner__mobile { display: none !important; }
  .sea-guest-banner__desktop { display: inline !important; }

  .sea-guest-banner__cta {
    min-height: 2.25rem;
    padding-inline: 1.1rem;
  }
}

@media (max-width: 767.98px) {
  .sea-guest-banner {
    font-size: 0.8rem;
  }

  .sea-guest-banner__inner {
    width: min(100% - 0.9rem, 100%);
    gap: 0.55rem;
    padding-block: 0.45rem;
    min-height: 2.85rem;
  }

  .sea-guest-banner__offer {
    gap: 0.45rem;
  }

  .sea-guest-banner__icon {
    width: 1.7rem;
    height: 1.7rem;
  }

  .sea-guest-banner__cta {
    min-height: 2rem;
    padding-inline: 0.8rem;
  }

  .sea-guest-banner .guest-banner-close {
    width: 2rem;
    height: 2rem;
  }
}

/* Hide legacy Shofy / plugin announcement strips — Sea uses .sea-guest-banner */
.tp-header-top-area,
.tp-header-top,
.ae-anno-announcement,
.announcement-wrapper {
  display: none !important;
}

/* Header — Sea sticky chrome */
.sea-header {
  background: color-mix(in srgb, var(--card) 88%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  position: sticky;
  top: 0;
  z-index: 50;
  width: 100%;
  border-bottom: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
  box-shadow: 0 8px 28px rgb(15 23 42 / 4%);
  transition: none !important;
  transform: translateZ(0);
}

.sea-header__top {
  display: none;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.45rem 0;
  min-height: 2.15rem;
  box-sizing: border-box;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-foreground);
  border-bottom: 0;
}

@media (min-width: 768px) {
  .sea-header__top {
    display: flex;
  }
}

.sea-header__top-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.65rem 0.85rem;
}

.sea-header__top-links a {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}

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

.sea-header__top-account {
  font-weight: 800;
  color: var(--foreground);
}

.sea-header__top-promo {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--primary);
  font-weight: 800;
  white-space: nowrap;
}

.sea-header__sep {
  width: 1px;
  height: 12px;
  background: var(--border);
  display: inline-block;
  flex-shrink: 0;
}

.sea-header__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem 1.15rem;
  padding: 0.7rem 0;
  min-height: 4.35rem;
  box-sizing: border-box;
}

.sea-logo {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  text-decoration: none;
  color: inherit;
  flex-shrink: 0;
  min-width: 0;
}

.sea-logo__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}

.sea-logo__mark img {
  height: 2.85rem;
  width: auto;
  object-fit: contain;
}

@media (min-width: 768px) {
  .sea-logo__mark img {
    height: 3.25rem;
  }
}

.sea-logo__text,
.sea-logo__name,
.sea-logo__tagline {
  display: none !important;
}

.sea-logo__img {
  height: 48px;
  width: auto;
  object-fit: contain;
}

.sea-header-search {
  display: none;
  flex: 1 1 auto;
  max-width: 36rem;
  min-width: 0;
  position: relative;
  z-index: 40;
}

@media (min-width: 768px) {
  .sea-header-search {
    display: block;
  }
}

@media (min-width: 1200px) {
  .sea-header-search {
    max-width: 42rem;
  }
}

.sea-header-search__field {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 2.85rem;
  padding: 0.25rem 0.3rem 0.25rem 0.3rem;
  padding-inline-start: 0.85rem;
  border-radius: 999px;
  background: var(--muted, #e8eef8);
  border: 1.5px solid transparent;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.sea-header-search.is-open .sea-header-search__field,
.sea-header-search__field:focus-within {
  background: #fff;
  border-color: color-mix(in srgb, var(--primary) 45%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent);
}

.sea-header-search__lead {
  flex-shrink: 0;
  color: var(--muted-foreground, #64748b);
  opacity: 0.9;
}

.sea-header-search__field input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0.45rem 0.25rem !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  color: var(--foreground) !important;
  width: auto !important;
  border-radius: 0 !important;
  min-height: 0 !important;
}

.sea-header-search__field input[type="search"]::placeholder {
  color: var(--muted-foreground, #94a3b8);
  font-weight: 600;
}

.sea-header-search__field input[type="search"]::-webkit-search-decoration,
.sea-header-search__field input[type="search"]::-webkit-search-cancel-button,
.sea-header-search__field input[type="search"]::-webkit-search-results-button {
  -webkit-appearance: none;
  appearance: none;
}

.sea-header-search__clear {
  display: inline-grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border: 0;
  background: transparent;
  color: var(--muted-foreground);
  cursor: pointer;
  padding: 0;
  border-radius: 999px;
  flex-shrink: 0;
}

.sea-header-search__clear[hidden] {
  display: none !important;
}

.sea-header-search__clear:hover {
  color: var(--foreground);
  background: rgb(15 23 42 / 6%);
}

.sea-header-search__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  flex-shrink: 0;
  min-height: 2.35rem;
  padding: 0 0.95rem;
  border: 0;
  border-radius: 999px;
  background: var(--primary, #0077b6);
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 6px 14px rgb(0 119 182 / 22%);
  transition: transform 0.12s ease, background 0.12s ease;
}

.sea-header-search__submit:hover {
  background: color-mix(in srgb, var(--primary) 88%, #000);
}

.sea-header-search__submit:active {
  transform: scale(0.97);
}

.sea-header-search__submit iconify-icon {
  display: none;
}

@media (max-width: 991.98px) {
  .sea-header-search__submit span {
    display: none;
  }
  .sea-header-search__submit iconify-icon {
    display: block;
  }
  .sea-header-search__submit {
    width: 2.35rem;
    padding: 0;
  }
}

.sea-header-search__results,
.sea-header-search .bb-quick-search-results,
.sea-mobile-search__results,
.sea-mobile-search .bb-quick-search-results {
  position: absolute;
  inset-inline: 0;
  top: calc(100% + 0.45rem);
  z-index: 60;
  max-height: min(68vh, 24rem);
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  border-radius: 1rem;
  background: #fff;
  border: 0;
  box-shadow: 0 18px 40px rgb(15 23 42 / 12%);
  scrollbar-width: thin;
  scrollbar-color: rgb(148 163 184 / 70%) transparent;
}

/* Kill nested scroll from Botble .bb-quick-search-content (causes double bars) */
.sea-header-search .bb-quick-search-content,
.sea-mobile-search .bb-quick-search-content,
.sea-header-search .bb-quick-search-list,
.sea-mobile-search .bb-quick-search-list {
  max-height: none !important;
  overflow: visible !important;
  height: auto !important;
}

.sea-header-search .bb-quick-search-results::-webkit-scrollbar,
.sea-mobile-search .bb-quick-search-results::-webkit-scrollbar {
  width: 8px;
}
.sea-header-search .bb-quick-search-results::-webkit-scrollbar-thumb,
.sea-mobile-search .bb-quick-search-results::-webkit-scrollbar-thumb {
  background: rgb(148 163 184 / 65%);
  border-radius: 999px;
  border: 2px solid #fff;
}
.sea-header-search .bb-quick-search-results::-webkit-scrollbar-track,
.sea-mobile-search .bb-quick-search-results::-webkit-scrollbar-track {
  background: transparent;
}

.sea-header-search__results:not(.show):empty,
.sea-header-search .bb-quick-search-results:not(.show),
.sea-mobile-search__results:not(.show) {
  display: none !important;
}

.sea-header-search .bb-quick-search-results.show,
.sea-mobile-search .bb-quick-search-results.show {
  display: block !important;
}

.sea-header-search__hints {
  position: absolute;
  inset-inline: 0;
  top: calc(100% + 0.45rem);
  z-index: 55;
  padding: 0.85rem 1rem;
  border-radius: 1rem;
  background: #fff;
  border: 0;
  box-shadow: 0 18px 40px rgb(15 23 42 / 12%);
}

.sea-header-search__hints[hidden] {
  display: none !important;
}

.sea-header-search__hints-label {
  margin: 0 0 0.55rem;
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--muted-foreground);
}

.sea-header-search__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.sea-header-search__chip {
  border: 0;
  background: var(--muted, #eef3f9);
  color: var(--foreground);
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.sea-header-search__chip:hover {
  background: color-mix(in srgb, var(--primary) 10%, #fff);
  border-color: color-mix(in srgb, var(--primary) 35%, transparent);
  color: var(--primary);
}

/* Quick search result rows */
.sea-header-search .bb-quick-search-item,
.sea-mobile-search .bb-quick-search-item {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0.7rem 0.9rem !important;
  text-decoration: none !important;
  color: inherit !important;
  border-bottom: 0 !important;
}

.sea-header-search .bb-quick-search-item:hover,
.sea-mobile-search .bb-quick-search-item:hover {
  background: color-mix(in srgb, var(--primary) 6%, #fff) !important;
}

.sea-header-search .bb-quick-search-item-image,
.sea-mobile-search .bb-quick-search-item-image {
  width: 3rem !important;
  height: 3rem !important;
  flex-shrink: 0 !important;
  border-radius: 0.65rem !important;
  overflow: hidden !important;
  background: var(--muted) !important;
}

.sea-header-search .bb-quick-search-item-image img,
.sea-mobile-search .bb-quick-search-item-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.sea-header-search .bb-quick-search-item-name,
.sea-mobile-search .bb-quick-search-item-name {
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sea-header-search .bb-quick-search-item-price,
.sea-mobile-search .bb-quick-search-item-price {
  font-size: 0.8rem !important;
  font-weight: 900 !important;
  color: var(--primary) !important;
  margin-top: 0.2rem !important;
}

.sea-header-search .bb-quick-search-item-rating,
.sea-mobile-search .bb-quick-search-item-rating {
  display: none !important;
}

.sea-header-search .bb-quick-search-view-all,
.sea-mobile-search .bb-quick-search-view-all {
  padding: 0.75rem !important;
  text-align: center !important;
  border-top: 0 !important;
}

.sea-header-search .bb-quick-search-view-all a,
.sea-mobile-search .bb-quick-search-view-all a {
  font-weight: 900 !important;
  color: var(--primary) !important;
  text-decoration: none !important;
  font-size: 0.8125rem !important;
}

.sea-header-search .bb-quick-search-empty,
.sea-mobile-search .bb-quick-search-empty {
  padding: 1.1rem !important;
  text-align: center !important;
  font-weight: 700 !important;
  color: var(--muted-foreground) !important;
  font-size: 0.85rem !important;
}

/* Legacy class kept inert so search-results page isn't affected */
.sea-header .sea-search:not(.sea-page) {
  display: none !important;
}

/* Mobile search under header */
.sea-mobile-search {
  display: block;
  padding: 0 0 0.75rem;
  position: relative;
  z-index: 35;
}

@media (min-width: 768px) {
  .sea-mobile-search {
    display: none !important;
  }
}

.sea-mobile-search__form,
.sea-mobile-search form {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.85rem;
  padding: 0.2rem 0.25rem 0.2rem 0.25rem;
  padding-inline-start: 0.85rem;
  border-radius: 999px;
  background: #eef3f9;
  border: 1.5px solid rgb(203 213 225 / 55%);
}

.sea-mobile-search__form:focus-within {
  background: #fff;
  border-color: color-mix(in srgb, var(--primary) 40%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent);
}

.sea-mobile-search__form > iconify-icon {
  color: var(--muted-foreground);
  flex-shrink: 0;
}

.sea-mobile-search input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0 !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 0.4rem 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
}

.sea-mobile-search__submit {
  flex-shrink: 0;
  border: 0;
  border-radius: 999px;
  background: var(--primary);
  color: #fff;
  font-weight: 900;
  font-size: 0.8125rem;
  min-height: 2.35rem;
  padding: 0 0.95rem;
  cursor: pointer;
}

.sea-mobile-search__results {
  inset-inline: 0;
}

.sea-header__actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-shrink: 0;
}

.sea-header__quick {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.15rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--muted) 35%, transparent);
  border: 0;
}

.sea-header__actions .sea-vendor-switch {
  display: inline-block;
  flex-shrink: 0;
}

.sea-header__actions .sea-vendor-switch__btn,
.sea-header__actions .sea-vendor-switch__status {
  min-height: 2.6rem;
  padding: 0.3rem 0.8rem;
  border-width: 1px;
  font-size: 0.78rem;
  background: #fff;
  border-color: rgb(203 213 225 / 65%);
  color: var(--muted-foreground);
  box-shadow: none;
}

.sea-header__actions .sea-vendor-switch__btn {
  color: var(--primary);
  border-color: color-mix(in srgb, var(--primary) 30%, transparent);
  background: color-mix(in srgb, var(--primary) 8%, #fff);
  cursor: pointer;
}

.sea-header__actions .sea-vendor-switch__status {
  cursor: help;
  opacity: 0.92;
}

.sea-header__actions .sea-vendor-switch__btn:hover {
  background: color-mix(in srgb, var(--primary) 8%, #fff);
  border-color: color-mix(in srgb, var(--primary) 30%, transparent);
  color: var(--primary);
  transform: none;
}

.sea-header__actions .sea-vendor-switch__icon {
  font-size: 1rem;
  color: var(--primary);
}

@media (max-width: 767.98px) {
  .sea-header__actions .sea-vendor-switch__btn .sea-vendor-switch__label {
    display: none;
  }

  .sea-header__actions .sea-vendor-switch__status .sea-vendor-switch__label {
    display: inline;
    max-width: 9.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .sea-header__actions .sea-vendor-switch__btn,
  .sea-header__actions .sea-vendor-switch__status {
    min-width: 2.6rem;
    padding: 0.35rem 0.55rem;
    justify-content: center;
  }

  .sea-header__actions .sea-vendor-switch__status {
    padding-inline: 0.65rem;
  }
}

/* Account chip kept for legacy pages */
.sea-account-chip {
  display: none !important;
}

.sea-icon-btn {
  position: relative;
  width: 2.45rem;
  height: 2.45rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #fff;
  border: 0;
  color: var(--foreground);
  text-decoration: none;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
}

.sea-icon-btn:hover {
  color: var(--destructive);
  background: color-mix(in srgb, var(--destructive) 8%, #fff);
  border-color: color-mix(in srgb, var(--destructive) 16%, transparent);
}

.sea-icon-btn--wish:hover {
  transform: scale(1.04);
}

.sea-points-chip {
  position: relative;
  display: none;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.65rem;
  padding: 0.15rem 0.75rem 0.15rem 0.15rem;
  border-radius: 999px;
  background: #fff;
  border: 0;
  color: var(--foreground);
  text-decoration: none;
  overflow: visible;
  isolation: isolate;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.2s ease;
}

@media (min-width: 640px) {
  .sea-points-chip {
    display: inline-flex;
  }
}

.sea-points-chip:hover {
  background: color-mix(in srgb, var(--secondary) 14%, #fff);
  border-color: color-mix(in srgb, var(--secondary) 60%, transparent);
}

.sea-points-chip__icon {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.7rem;
  display: inline-grid;
  place-items: center;
  background: transparent;
  color: #6b3f00;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  overflow: visible;
}

.sea-coin {
  display: inline-block;
  width: 1.85rem;
  height: 1.85rem;
  flex-shrink: 0;
}

.sea-coin--sm {
  width: 1.2rem;
  height: 1.2rem;
}

.sea-coin--header {
  width: 1.55rem;
  height: 1.55rem;
}

@keyframes sea-whale-swim {
  0%, 100% { transform: translate3d(0, 0.06rem, 0) rotate(-4deg); }
  50% { transform: translate3d(0, -0.34rem, 0) rotate(5deg); }
}

@keyframes sea-whale-swim-rtl {
  0%, 100% { transform: scaleX(-1) translate3d(0, 0.06rem, 0) rotate(4deg); }
  50% { transform: scaleX(-1) translate3d(0, -0.34rem, 0) rotate(-5deg); }
}

@keyframes sea-whale-float {
  0%, 100% { transform: translate3d(0, 0.08rem, 0); }
  50% { transform: translate3d(0, -0.22rem, 0); }
}

.sea-points-chip__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.1;
  position: relative;
  z-index: 1;
  min-width: 0;
}

.sea-points-chip__label {
  font-size: 0.6rem;
  font-weight: 800;
  color: var(--muted-foreground);
}

.sea-points-chip__value {
  font-size: 0.78rem;
  font-weight: 900;
  color: #8a5a00;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.sea-points-chip.is-guest {
  border-color: color-mix(in srgb, var(--secondary) 55%, transparent);
  animation: sea-guest-glow-gold 2.6s ease-in-out infinite;
}

.sea-points-chip.is-guest .sea-points-chip__value {
  color: var(--primary);
  font-size: 0.72rem;
}

.sea-points-chip__pulse {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    transparent 35%,
    rgb(255 255 255 / 70%) 50%,
    transparent 65%
  );
  transform: translateX(120%);
  animation: sea-guest-shine 2.8s ease-in-out infinite 0.35s;
  z-index: 0;
}

@keyframes sea-guest-glow-gold {
  0%, 100% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--secondary) 0%, transparent);
  }
  50% {
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--secondary) 16%, transparent);
  }
}

@keyframes sea-guest-shine {
  0%, 55% { transform: translateX(120%); opacity: 0; }
  70% { opacity: 1; }
  100% { transform: translateX(-120%); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .sea-points-chip.is-guest,
  .sea-points-chip__pulse {
    animation: none !important;
  }
}

.sea-badge {
  position: absolute;
  top: -0.1rem;
  inset-inline-end: -0.1rem;
  min-width: 1.15rem;
  height: 1.15rem;
  padding: 0 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--secondary);
  color: var(--secondary-foreground);
  font-size: 10px;
  font-weight: 900;
  border-radius: 999px;
  line-height: 1;
  border: 2px solid var(--card);
  box-shadow: 0 2px 6px rgb(15 23 42 / 12%);
}

.sea-badge[hidden] {
  display: none !important;
}

.sea-badge--danger {
  background: var(--destructive);
  color: #fff;
}

.sea-cart-chip {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.6rem;
  padding: 0.3rem 0.8rem 0.3rem 0.35rem;
  border-radius: 999px;
  background: var(--primary);
  color: #fff;
  border: 0;
  text-decoration: none;
  flex-shrink: 0;
  font: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: 0 8px 18px rgb(0 119 182 / 22%);
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}

.sea-cart-chip:hover {
  background: color-mix(in srgb, var(--primary) 88%, #000);
  box-shadow: 0 10px 22px rgb(0 119 182 / 28%);
}

.sea-cart-chip:active {
  transform: scale(0.98);
}

.sea-cart-chip.is-empty {
  background: color-mix(in srgb, var(--primary) 10%, #fff);
  color: var(--primary);
  border-color: color-mix(in srgb, var(--primary) 22%, transparent);
  box-shadow: none;
}

.sea-cart-chip.is-empty:hover {
  background: color-mix(in srgb, var(--primary) 16%, #fff);
}

.sea-cart-chip__icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  overflow: visible;
  border-radius: 0.7rem;
  background: transparent;
  color: var(--primary);
  box-shadow: none;
}

.sea-cart-chip__icon .sea-whale-ico {
  width: 2.85rem;
  height: 2.85rem;
}

.sea-cart-chip__icon .sea-badge {
  top: -0.7rem !important;
  right: -0.7rem !important;
  left: auto !important;
  inset-inline: unset !important;
}

.sea-cart-chip__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.15;
  min-width: 0;
}

.sea-cart-chip__label {
  display: none;
  font-size: 0.62rem;
  font-weight: 800;
  opacity: 0.85;
}

@media (min-width: 992px) {
  .sea-cart-chip__label {
    display: block;
  }
}

.sea-cart-chip.is-empty .sea-cart-chip__label {
  color: var(--muted-foreground);
}

.sea-cart-chip:not(.is-empty) .sea-cart-chip__label {
  color: rgb(255 255 255 / 80%);
}

.sea-cart-chip__total {
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.sea-cart-chip__total[hidden] {
  display: none !important;
}

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

.sea-cart-chip__empty[hidden] {
  display: none !important;
}

@media (max-width: 480px) {
  .sea-cart-chip {
    padding: 0.28rem 0.5rem 0.28rem 0.28rem;
    gap: 0.35rem;
  }

  .sea-cart-chip__empty {
    display: none !important;
  }

  .sea-header__quick {
    padding: 0.1rem;
    gap: 0.15rem;
  }

  .sea-points-chip__meta {
    display: none;
  }

  .sea-points-chip {
    padding: 0.2rem;
    min-width: 2.45rem;
    justify-content: center;
  }
}

.sea-nav {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.35rem 0 0.55rem;
  overflow: hidden;
  border-top: 0;
}

.sea-nav__links {
  display: flex;
  align-items: center;
  gap: 0.35rem 1.15rem;
  overflow-x: auto;
  scrollbar-width: none;
  min-width: 0;
  flex: 1 1 auto;
  padding-bottom: 0.1rem;
}

.sea-nav__links::-webkit-scrollbar {
  display: none;
}

@media (min-width: 768px) {
  .sea-nav {
    display: flex;
  }
}

.sea-nav a {
  position: relative;
  padding: 0.35rem 0.1rem;
  font-size: 0.875rem;
  font-weight: 800;
  color: var(--foreground);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.15s ease;
}

.sea-nav a::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: transparent;
  transition: background 0.15s ease;
}

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

.sea-nav a:hover::after {
  background: color-mix(in srgb, var(--accent) 70%, transparent);
}

.sea-nav a.is-active {
  color: var(--primary);
}

.sea-nav a.is-active::after {
  background: var(--primary);
}

.sea-nav__promo {
  margin-inline-start: auto;
  flex-shrink: 0;
  color: var(--destructive) !important;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.35rem 0.75rem !important;
  border-radius: 999px;
  background: color-mix(in srgb, var(--destructive) 8%, #fff);
  border: 0;
}

.sea-nav__promo::after {
  display: none !important;
}

.sea-nav__promo:hover {
  background: color-mix(in srgb, var(--destructive) 14%, #fff);
}

.sea-nav__promo iconify-icon {
  animation: sea-promo-pulse 1.6s ease-in-out infinite;
}

@keyframes sea-promo-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}

/* Mobile search styles live with .sea-header-search above */

/* Footer */
.sea-footer {
  background: var(--primary);
  color: var(--primary-foreground);
  padding: 4rem 0 2rem;
  margin-top: 3rem;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

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

.sea-footer a:hover {
  color: #fff;
}

.sea-footer__wave {
  position: absolute;
  top: 0;
  inset-inline: 0;
  height: 2rem;
  color: var(--background);
  z-index: 1;
}

.sea-footer__inner {
  position: relative;
  z-index: 2;
}

.sea-footer__subscribe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .sea-footer__subscribe {
    flex-direction: row;
  }
}

.sea-footer__form {
  display: flex;
  width: 100%;
  max-width: 28rem;
  background: #fff;
  border-radius: 999px;
  padding: 0.25rem;
}

.sea-footer__form input {
  flex: 1;
  border: 0;
  background: transparent;
  color: var(--foreground);
  padding: 0.65rem 1rem;
  outline: none;
  font-size: 0.875rem;
}

.sea-footer__form button {
  border: 0;
  border-radius: 999px;
  background: var(--foreground);
  color: #fff;
  padding: 0.65rem 1.5rem;
  font-weight: 800;
  font-size: 0.875rem;
  cursor: pointer;
}

.sea-footer__bottom {
  border-top: 1px solid rgb(255 255 255 / 14%);
  padding-top: 1.35rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.82rem;
  opacity: 1;
}

.sea-footer__copy {
  margin: 0;
  font-weight: 700;
  color: rgb(255 255 255 / 88%);
}

@media (min-width: 768px) {
  .sea-footer__bottom {
    flex-direction: row;
  }
}

.sea-footer__links {
  display: flex;
  gap: 0.65rem 0.95rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.sea-footer__links a,
.sea-footer__link-btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: #fff !important;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 800;
  opacity: 1;
  cursor: pointer;
  padding: 0.2rem 0;
  text-decoration: none;
  line-height: 1.3;
  text-shadow: 0 1px 2px rgb(0 0 0 / 25%);
}

.sea-footer__links a:hover,
.sea-footer__link-btn:hover {
  color: var(--secondary, #ffb703) !important;
}

.sea-footer__vendor {
  display: inline-flex;
  align-items: center;
}

.sea-footer__vendor .sea-vendor-switch,
.sea-footer__vendor .sea-vendor-switch__inner {
  display: inline-flex !important;
  align-items: center;
}

.sea-footer__vendor .sea-vendor-switch__btn,
.sea-footer__vendor .sea-vendor-switch__status,
.sea-footer__vendor .vendor-switcher-btn,
.sea-footer__vendor .vendor-switcher-status-text {
  min-height: 2.15rem !important;
  padding: 0.3rem 0.85rem !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  border-radius: 999px !important;
  border: 1px solid rgb(255 255 255 / 35%) !important;
  background: rgb(255 255 255 / 16%) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgb(0 0 0 / 12%) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
}

.sea-footer__vendor .sea-vendor-switch__btn:hover,
.sea-footer__vendor .vendor-switcher-btn:hover {
  background: var(--secondary, #ffb703) !important;
  border-color: var(--secondary, #ffb703) !important;
  color: #0f172a !important;
}

.sea-footer__vendor .sea-vendor-switch__icon,
.sea-footer__vendor .switcher-icon {
  width: 1.05rem !important;
  height: 1.05rem !important;
  color: inherit !important;
}

.sea-footer__vendor .sea-vendor-switch__icon .sea-ico,
.sea-footer__vendor .sea-vendor-switch__icon svg,
.sea-footer__vendor .switcher-icon .sea-ico,
.sea-footer__vendor .switcher-icon svg {
  width: 1.05rem !important;
  height: 1.05rem !important;
  color: inherit !important;
}

/* Mobile tab bar */

/* Mobile tab bar */
.sea-tabbar {
  display: none;
}

@media (max-width: 767px) {
  .sea-tabbar {
    display: flex;
    position: fixed;
    bottom: 0;
    inset-inline: 0;
    z-index: 400;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.5rem;
    padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
    background: var(--card);
    border-top: 0;
    border-radius: 1.5rem 1.5rem 0 0;
    box-shadow: 0 -10px 40px rgb(0 0 0 / 5%);
  }

  .sea-body {
    padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px));
  }
}

.sea-tabbar a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  color: var(--muted-foreground);
  text-decoration: none;
  font-size: 0.75rem;
  font-weight: 800;
}

.sea-tabbar a.is-active,
.sea-tabbar a:hover {
  color: var(--primary);
}

.sea-tabbar__cart-wrap {
  position: relative;
  top: -1.5rem;
}

.sea-tabbar__cart {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 999px;
  background: var(--accent);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--card);
  box-shadow: 0 10px 24px rgb(0 180 216 / 35%);
  text-decoration: none;
  position: relative;
}

.sea-tabbar__cart-badge,
.sea-tabbar__cart .sea-badge {
  position: absolute !important;
  top: -0.7rem !important;
  right: -0.7rem !important;
  left: auto !important;
  inset-inline: unset !important;
}

.sea-tabbar .sea-tabbar__logo {
  display: block;
  width: 1.7rem;
  height: 1.7rem;
  object-fit: contain;
  border-radius: 0.45rem;
}

/* WhatsApp float */
.sea-whatsapp {
  position: fixed;
  inset-inline-end: 1.25rem;
  bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px));
  z-index: 430;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.45rem;
  border-radius: 999px;
  background: #25d366;
  color: #fff;
  box-shadow: 0 8px 24px rgb(37 211 102 / 45%);
  text-decoration: none;
  font-weight: 700;
  font-size: 0.85rem;
}

.sea-whatsapp__icon {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgb(255 255 255 / 22%);
  flex-shrink: 0;
}

.sea-whatsapp__bubble {
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  white-space: nowrap;
  padding-inline: 0;
  transition: max-width 0.3s ease, opacity 0.25s ease, padding 0.3s ease;
}

.sea-whatsapp:hover .sea-whatsapp__bubble,
.sea-whatsapp:focus-visible .sea-whatsapp__bubble {
  max-width: 14rem;
  opacity: 1;
  padding-inline-start: 0.35rem;
  padding-inline-end: 0.75rem;
}

@media (min-width: 768px) {
  .sea-whatsapp {
    bottom: 1.5rem;
  }
}

/* Help chat FAB — physical left (do not use inset-inline; RTL maps it onto left) */
.sea-help {
  position: fixed;
  left: 1.5rem !important;
  right: auto !important;
  bottom: calc(5.75rem + env(safe-area-inset-bottom, 0px));
  z-index: 430;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  pointer-events: none;
}

.sea-help__panel,
.sea-help__bot,
.sea-help__fab,
.sea-help__close,
.sea-help__link,
.sea-help__chat {
  pointer-events: auto;
}

.sea-help__scrim {
  display: block;
  position: fixed;
  inset: 0;
  z-index: -1;
  border: 0;
  padding: 0;
  margin: 0;
  background: rgb(15 23 42 / 28%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 220ms ease, visibility 0s linear 220ms;
}

.sea-help.is-open .sea-help__scrim {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 220ms ease, visibility 0s linear 0s;
}

.sea-help__panel {
  position: absolute;
  left: 0;
  right: auto;
  bottom: calc(100% + 0.55rem);
  width: 18rem;
  padding: 0.85rem 0.85rem 0.7rem;
  border-radius: 1.2rem;
  border: 0;
  background: #fff;
  box-shadow: 0 18px 40px rgb(15 23 42 / 16%);
  transform-origin: bottom left;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(0.7rem) scale(0.94);
  transition:
    opacity 220ms ease,
    transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 220ms;
}

.sea-help.is-open .sea-help__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  transition:
    opacity 220ms ease,
    transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 0s;
}

.sea-help__panel.hidden,
#help-panel.hidden {
  display: none !important;
}

.sea-help__head {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 0.45rem;
}

html[dir="rtl"] .sea-help__head {
  flex-direction: row-reverse;
}

.sea-help__title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--font-heading, Cairo, sans-serif);
  font-size: 0.9rem;
  font-weight: 900;
  color: var(--foreground, #0f172a);
  text-align: start;
  line-height: 1.35;
}

.sea-help__chats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.45rem;
  margin: 0;
}

.sea-help__chat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
  min-height: 4.35rem;
  padding: 0.55rem 0.4rem;
  border-radius: 0.95rem;
  font-size: 0.78rem;
  font-weight: 900;
  text-decoration: none;
  line-height: 1.2;
}

.sea-help__chat iconify-icon {
  font-size: 1.45rem;
}

.sea-help__chat--wa {
  background: #ecfdf5;
  color: #047857;
}

.sea-help__chat--ms {
  background: #eef2ff;
  color: #1d4ed8;
}

.sea-help__chat:hover,
.sea-help__chat:focus-visible {
  filter: brightness(0.97);
  outline: none;
}

.sea-help__close {
  display: grid;
  place-items: center;
  width: 2.15rem;
  height: 2.15rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  cursor: pointer;
  flex: 0 0 2.15rem;
}

.sea-help__close:hover {
  color: var(--foreground, #0f172a);
  background: #eef2f7;
}

.sea-help__links {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.sea-help__link {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  min-height: 2.65rem;
  padding: 0.55rem 0.65rem;
  border: 0;
  border-radius: 0.8rem;
  background: transparent;
  color: var(--foreground, #0f172a);
  font-size: 0.875rem;
  font-weight: 800;
  text-align: start;
  text-decoration: none;
  cursor: pointer;
}

.sea-help__link:hover,
.sea-help__link:active {
  background: #f1f5f9;
  color: var(--foreground, #0f172a);
}

.sea-help__link iconify-icon {
  font-size: 1.25rem;
  flex-shrink: 0;
}

.sea-help__bot {
  position: relative;
  display: grid;
  place-items: start;
  justify-items: start;
  overflow: visible;
}

.sea-help__hi {
  position: absolute;
  left: 78%;
  right: auto;
  bottom: 68%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 1.55rem;
  padding: 0.22rem 0.48rem;
  border-radius: 0.9rem 0.9rem 0.9rem 0.22rem;
  background: #fff;
  color: #0f2744;
  font-family: Cairo, "Segoe UI", system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.25;
  white-space: nowrap;
  box-shadow:
    0 10px 24px rgb(15 23 42 / 14%),
    0 0 0 1px rgb(15 23 42 / 6%);
  transform-origin: left bottom;
  animation: sea-help-hi-pop 16s ease-in-out infinite;
  pointer-events: none;
}

.sea-help__hi::after {
  content: "";
  position: absolute;
  left: -0.12rem;
  right: auto;
  top: auto;
  bottom: 0.32rem;
  width: 0.38rem;
  height: 0.38rem;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: -1px 1px 0 rgb(15 23 42 / 4%);
}

.sea-help__hi.is-hidden {
  opacity: 0;
  visibility: hidden;
  animation: none;
  transform: translateY(6px) scale(0.86);
  transition: opacity 160ms ease, transform 160ms ease, visibility 0s linear 160ms;
}

.sea-help__hi-dots {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  padding: 0.1rem 0.25rem;
}

.sea-help__hi-dots[hidden],
.sea-help__hi-msg[hidden] {
  display: none !important;
}

.sea-help__hi-dots i {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 999px;
  background: #94a3b8;
  animation: sea-help-dot 1.1s ease-in-out infinite;
}

.sea-help__hi-dots i:nth-child(2) { animation-delay: 0.15s; }
.sea-help__hi-dots i:nth-child(3) { animation-delay: 0.3s; }

.sea-help__hi-msg {
  display: inline-flex;
  align-items: center;
}

.sea-help__hi-text {
  font-size: 0.78rem;
  font-weight: 900;
  color: #0f2744;
}

.sea-help__fab {
  position: relative;
  width: 6.15rem;
  height: 6.15rem;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  overflow: visible;
  transition: transform 180ms ease;
}

.sea-help.is-open .sea-help__fab {
  transform: scale(0.96);
  box-shadow: none;
}

.sea-help__fab:hover {
  transform: scale(1.04);
}

.sea-help__fab:focus-visible {
  outline: 2px solid var(--primary, #0077b6);
  outline-offset: 3px;
}

.sea-help__whale {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 5.85rem;
  height: 5.85rem;
  border-radius: 0;
  overflow: visible;
}

.sea-help__whale-img {
  display: block;
  width: 5.7rem;
  height: 5.7rem;
  max-width: 5.7rem;
  max-height: 5.7rem;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  transform-origin: 70% 85%;
  filter: drop-shadow(0 8px 16px rgb(15 23 42 / 22%));
}

.sea-help:not(.is-open):not(.is-waving) .sea-help__whale-img {
  animation: sea-whale-float 3.2s ease-in-out infinite;
}

.sea-help.is-waving:not(.is-open) .sea-help__whale-img {
  animation: sea-help-wave-burst 1.1s ease-in-out 1;
}

.sea-help.is-open .sea-help__whale-img {
  animation: none;
}

.sea-whale-ico {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  animation: sea-whale-float 3.8s ease-in-out infinite;
}

@keyframes sea-help-wave-burst {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(-10deg); }
  50% { transform: rotate(8deg); }
  75% { transform: rotate(-5deg); }
}

@keyframes sea-help-hi-pop {
  0%, 4% { opacity: 0; transform: translateY(6px) scale(0.86); }
  8%, 28% { opacity: 1; transform: translateY(0) scale(1); }
  34%, 100% { opacity: 0; transform: translateY(-3px) scale(0.92); }
}

@keyframes sea-help-dot {
  0%, 80%, 100% { transform: translateY(0); opacity: 0.45; }
  40% { transform: translateY(-3px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .sea-coin__flip,
  .sea-section-whale,
  .sea-flash-sale__whale,
  .sea-guide-speech__whale,
  .sea-whale-ico,
  .sea-help__fab,
  .sea-help__hi,
  .sea-help__hi-dots i,
  .sea-help__whale-img,
  .sea-help__panel {
    animation: none !important;
    transition: none !important;
  }

  .sea-help__hi {
    opacity: 1;
    transform: none;
  }

  .sea-help:not(.is-open) .sea-help__panel {
    display: none;
  }
}

@media (min-width: 768px) {
  .sea-help {
    left: 1.5rem !important;
    right: auto !important;
    bottom: 1.5rem;
  }
}

/* Sale popup — Sea card on the right, opposite the chat FAB */
body.sea-body .sale-popup-section,
body.sea-body .js-sale-popup-container {
  font-family: var(--font-sans, Cairo, sans-serif);
}

body.sea-body .sale-popup-container-wrap {
  left: auto !important;
  right: 1.25rem !important;
  inset-inline-start: unset !important;
  inset-inline-end: unset !important;
  bottom: 1.5rem !important;
  top: auto !important;
  max-width: 22rem !important;
  width: calc(100% - 2.5rem);
  border-radius: 1.1rem !important;
  border: 0;
  background: var(--card, #fff) !important;
  box-shadow: 0 16px 40px rgb(15 23 42 / 14%) !important;
  overflow: hidden;
  z-index: 55;
}

body.sea-body .sale-popup-container {
  align-items: center;
  gap: 0;
}

body.sea-body .sale-popup-thumb {
  padding: 0.7rem;
}

body.sea-body .sale-popup-thumb .js-sale-popup-a {
  border-radius: 0.75rem;
  background: var(--muted, #e0e8f5);
}

body.sea-body .sale-popup-thumb img {
  width: 4.15rem;
  height: 4.15rem;
  max-width: 4.15rem;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

body.sea-body .sale-popup-info {
  max-width: none !important;
  padding-block: 0.7rem !important;
  padding-inline: 0.15rem 2.35rem !important;
}

body.sea-body .sale-popup-info .sale-popup-location {
  color: var(--muted-foreground, #64748b);
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
}

body.sea-body .sale-popup-info .sale-popup-location .js-sale-popup-location {
  color: var(--primary, #0077b6);
  font-size: 0.8125rem;
  font-weight: 900;
}

body.sea-body .sale-popup-title {
  color: var(--foreground, #0f172a) !important;
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  text-transform: none !important;
  text-decoration: none !important;
  line-height: 1.35;
}

body.sea-body .sale-popup-ago {
  font-size: 0.72rem;
  gap: 0.55rem;
  color: var(--muted-foreground, #64748b);
}

body.sea-body .sale-popup-ago .sale-popup-verify {
  color: #059669 !important;
  font-weight: 800;
  font-size: 0.72rem;
}

body.sea-body .sale-popup-container-wrap a.pa {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 999px !important;
  inset-inline-end: 0.45rem;
  top: 0.45rem;
  background: var(--muted, #e0e8f5);
  color: var(--muted-foreground, #64748b);
  display: grid !important;
  place-items: center;
  font-size: 0.8rem;
  line-height: 1;
  opacity: 1;
}

body.sea-body .sale-popup-container-wrap a.sale-popup-quick-view {
  top: auto !important;
  bottom: 0.45rem !important;
  margin: 0;
}

@media (max-width: 767.98px) {
  body.sea-body .sale-popup-container-wrap {
    right: 0.75rem !important;
    left: auto !important;
    inset-inline-end: unset !important;
    inset-inline-start: unset !important;
    bottom: calc(var(--sea-tabbar-h, 4.25rem) + env(safe-area-inset-bottom, 0px) + 0.55rem) !important;
    max-width: min(20rem, calc(100vw - 5.75rem)) !important;
  }
}

/* Contextual product-request nudge: shown only after meaningful catalogue use. */
.sea-request-nudge[hidden] {
  display: none !important;
}

.sea-request-nudge {
  position: fixed;
  right: 1.25rem;
  left: auto;
  bottom: 7.25rem;
  z-index: 1150;
  width: min(25rem, calc(100vw - 2.5rem));
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr) auto 1.9rem;
  align-items: center;
  gap: 0.65rem;
  padding: 0.65rem;
  border: 0;
  border-radius: 1.15rem;
  background: rgb(255 255 255 / 96%);
  color: var(--foreground, #0f172a);
  box-shadow: 0 18px 48px rgb(15 23 42 / 18%);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(0.9rem) scale(0.97);
  transform-origin: bottom right;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.sea-request-nudge.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.sea-request-nudge__icon {
  width: 2.75rem;
  height: 2.75rem;
  display: grid;
  place-items: center;
  border-radius: 0.9rem;
  background: linear-gradient(145deg, #e0f7ff, #dbeafe);
  color: var(--primary, #0077b6);
  font-size: 1.4rem;
}

.sea-request-nudge__copy {
  min-width: 0;
  display: grid;
  gap: 0.08rem;
  line-height: 1.35;
}

.sea-request-nudge__copy strong {
  font-size: 0.84rem;
  font-weight: 900;
}

.sea-request-nudge__copy small {
  color: var(--muted-foreground, #64748b);
  font-size: 0.7rem;
  font-weight: 700;
}

.sea-request-nudge__cta {
  min-height: 2.45rem;
  padding: 0.4rem 0.85rem;
  border: 0;
  border-radius: 0.8rem;
  background: var(--primary, #0077b6);
  color: #fff;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 900;
  white-space: nowrap;
  cursor: pointer;
}

.sea-request-nudge__cta:hover,
.sea-request-nudge__cta:focus-visible {
  background: #00679f;
}

.sea-request-nudge__close {
  width: 1.9rem;
  height: 1.9rem;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: #eef3f8;
  color: #64748b;
  padding: 0;
  cursor: pointer;
}

body.sea-request-nudge-visible .sale-popup-container-wrap {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 767.98px) {
  .sea-request-nudge {
    right: 0.75rem;
    left: 0.75rem;
    bottom: calc(var(--sea-tabbar-h, 4.25rem) + env(safe-area-inset-bottom, 0px) + 0.7rem);
    width: auto;
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    gap: 0.55rem;
    padding: 0.58rem;
    border-radius: 1rem;
    transform-origin: bottom center;
  }

  .sea-request-nudge__icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.78rem;
  }

  .sea-request-nudge__copy strong {
    font-size: 0.78rem;
  }

  .sea-request-nudge__copy small {
    font-size: 0.65rem;
  }

  .sea-request-nudge__cta {
    min-height: 2.35rem;
    padding-inline: 0.7rem;
    font-size: 0.7rem;
  }

  .sea-request-nudge__close {
    position: absolute;
    top: -0.5rem;
    left: -0.35rem;
    box-shadow: 0 5px 14px rgb(15 23 42 / 12%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sea-request-nudge {
    transition: none;
  }
}

/* Hide legacy theme chrome if still rendered */
.bb-fab-menu,
.mean-container .mean-bar,
.back-to-top-wrapper {
  display: none !important;
}

/* Product card bridge — soften old cards toward Sea look */
.tp-product-item,
.bb-product-item {
  border-radius: 1.15rem !important;
  overflow: hidden;
  background: var(--card);
  box-shadow: 0 8px 20px rgb(15 23 42 / 4%);
}

/* Sea product price from Botble price partial */
.home-product__price .tp-product-price-wrapper,
.home-product__price .pdp-price__stack {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.3rem;
}

.home-product__price .tp-product-price,
.home-product__price .new-price,
.home-product__price .home-product__from-value {
  font-size: inherit !important;
  font-weight: 900 !important;
  color: var(--primary) !important;
  font-family: inherit !important;
}

.home-product__price .old-price,
.home-product__price s,
.home-product__price del {
  font-size: 0.75em !important;
  font-weight: 600 !important;
  color: var(--muted-foreground) !important;
  text-decoration: line-through;
}

.home-product__wish.is-active,
.home-product__wish.active {
  color: #fff;
  background: var(--destructive);
}

/* Hide legacy sticky bottom menu / meanmenu chrome */
.tp-mobile-menu,
.mean-container,
.tp-header-area,
.tp-offcanvas-area,
.body-overlay {
  display: none !important;
}

/* Content under sticky header — keep z-index auto so fixed chrome
   (tabbar / PDP sticky) is not trapped under the footer stacking context */
.sea-shell > main,
.sea-shell .tp-page-area {
  position: relative;
  z-index: auto;
}

/* Newsletter / sidebar widgets in footer */
.sea-footer .widget {
  color: inherit;
}

.sea-menu-open-btn {
  display: inline-flex !important;
}
@media (min-width: 768px) {
  .sea-menu-open-btn {
    display: none !important;
  }
}
.site-skip-link {
  position: absolute;
  inset-inline-start: -9999px;
  z-index: 10000;
  background: var(--primary);
  color: #fff;
  padding: 0.5rem 1rem;
  font-weight: 800;
}
.site-skip-link:focus {
  inset-inline-start: 1rem;
  top: 1rem;
}
.site-menu-drawer {
  position: fixed;
  inset: 0;
  z-index: 2000;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
}
.site-menu-drawer.is-open {
  pointer-events: auto;
  opacity: 1;
}
.site-overlay {
  position: absolute;
  inset: 0;
  background: rgb(15 23 42 / 45%);
}
.site-menu-panel {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: min(88vw, 22rem);
  background: #fff;
  box-shadow: 0 20px 50px rgb(15 23 42 / 20%);
  transform: translateX(-105%);
  transition: transform 0.25s ease;
  overflow: auto;
  padding: 1rem;
}
[dir="rtl"] .site-menu-panel {
  inset-inline-start: auto;
  inset-inline-end: 0;
  transform: translateX(105%);
}
.site-menu-drawer.is-open .site-menu-panel {
  transform: translateX(0);
}
.site-menu-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.site-menu-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 900;
  color: var(--primary);
  text-decoration: none;
}
.site-menu-logo {
  height: 36px;
  width: auto;
}
.site-menu-title {
  font-size: 0.75rem;
  font-weight: 900;
  color: var(--muted-foreground);
  margin: 1rem 0 0.5rem;
}
.site-menu-links {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.site-menu-links a,
.site-menu-links button {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.7rem 0.75rem;
  border-radius: 0.75rem;
  text-decoration: none;
  color: inherit;
  font-weight: 800;
  font-size: 0.9rem;
  width: 100%;
  border: 0;
  background: transparent;
  text-align: inherit;
  cursor: pointer;
  font-family: inherit;
}
.site-menu-links a:hover,
.site-menu-links a[aria-current="page"],
.site-menu-links button:hover {
  background: rgb(0 119 182 / 8%);
  color: var(--primary);
}
.site-icon-button {
  border: 0;
  background: var(--muted);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.toastify,
#toast-container {
  display: none !important;
}

.sea-toast,
.sea-cart-toast {
  position: fixed;
  z-index: 14000;
  inset-inline: 1rem;
  bottom: 5.75rem;
  max-width: 22.5rem;
  margin-inline: auto;
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 0.85rem 0.9rem;
  border-radius: 1rem;
  background: #0f172a;
  color: #fff;
  box-shadow: 0 16px 40px rgb(15 23 42 / 28%);
  transform: translateY(1.15rem);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
.sea-toast.is-show,
.sea-cart-toast.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.sea-toast.is-error {
  background: #7f1d1d;
}
.sea-toast.is-warning {
  background: #7c2d12;
}
.sea-toast.is-info {
  background: #0c4a6e;
}
.sea-toast > iconify-icon,
.sea-cart-toast > iconify-icon {
  font-size: 1.55rem;
  color: #06d6a0;
  flex-shrink: 0;
  margin-top: 0.05rem;
}
.sea-toast.is-error > iconify-icon,
.sea-toast.is-warning > iconify-icon {
  color: #fecaca;
}
.sea-toast.is-info > iconify-icon {
  color: #7dd3fc;
}
.sea-toast__text,
.sea-cart-toast__text {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
  flex: 1;
}
.sea-toast__text strong,
.sea-cart-toast__text strong {
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1.45;
}
.sea-toast__text span,
.sea-cart-toast__text span {
  font-size: 0.72rem;
  font-weight: 700;
  color: rgb(255 255 255 / 72%);
}
.sea-toast__open,
.sea-cart-toast__open {
  flex-shrink: 0;
  border: 0;
  background: var(--secondary, #ffb703);
  color: #000;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 900;
  padding: 0.45rem 0.7rem;
  border-radius: 999px;
  cursor: pointer;
  align-self: center;
}
.sea-toast__close {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 1.7rem;
  height: 1.7rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgb(255 255 255 / 16%);
  color: #fff;
  cursor: pointer;
}
.sea-toast__close iconify-icon {
  font-size: 1.05rem;
}
@media (min-width: 768px) {
  .sea-toast,
  .sea-cart-toast {
    inset-inline: auto 1.25rem;
    bottom: 1.5rem;
    margin: 0;
  }
}

.sea-toast--speech,
.sea-toast.is-cart {
  direction: ltr;
  align-items: flex-end;
  gap: 0.1rem;
  max-width: 26rem;
  padding: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
}

.sea-toast__whale {
  display: block;
  width: 5.5rem;
  height: auto;
  flex-shrink: 0;
  margin-bottom: -0.2rem;
  filter: drop-shadow(0 8px 14px rgb(0 119 182 / 24%));
  pointer-events: none;
}

.sea-toast__bubble {
  direction: rtl;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex: 1;
  min-width: 0;
  margin-bottom: 1rem;
  padding: 0.7rem 0.8rem;
  border-radius: 1.15rem 1.15rem 1.15rem 0.28rem;
  background: #0077b6;
  color: #fff;
  box-shadow: 0 14px 32px rgb(0 119 182 / 28%);
}

.sea-toast__bubble::before {
  content: "";
  position: absolute;
  left: -0.32rem;
  bottom: 0.7rem;
  width: 0.72rem;
  height: 0.72rem;
  background: #0077b6;
  transform: rotate(45deg);
}

.sea-toast--speech .sea-toast__text strong,
.sea-toast.is-cart .sea-toast__text strong {
  font-size: 0.88rem;
}

.sea-toast--speech .sea-toast__text span,
.sea-toast.is-cart .sea-toast__text span {
  color: rgb(255 255 255 / 82%);
}

.sea-toast--speech .sea-toast__open,
.sea-toast.is-cart .sea-toast__open {
  background: #ffb703;
  color: #0f172a;
}

.sea-toast--speech .sea-toast__close,
.sea-toast.is-cart .sea-toast__close {
  background: rgb(255 255 255 / 18%);
}

/* Page-guide whale speech */
.sea-guide-speech {
  display: flex;
  align-items: flex-end;
  gap: 0.15rem 0.4rem;
  margin: 0 0 1rem;
  max-width: 32rem;
  overflow: visible;
}

.sea-guide-speech__whale {
  display: block;
  flex-shrink: 0;
  width: auto;
  height: 5.4rem;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 8px 14px rgb(15 23 42 / 16%));
  animation: sea-whale-swim 3.6s ease-in-out infinite;
  transform-origin: 50% 80%;
}

[dir="rtl"] .sea-guide-speech__whale,
html[dir="rtl"] .sea-guide-speech__whale {
  animation-name: sea-whale-swim-rtl;
}

.sea-guide-speech__bubble {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  margin: 0 0 1.05rem;
  padding: 0.72rem 0.9rem;
  min-width: 0;
  background: #0077b6;
  color: #fff;
  border-start-start-radius: 1.15rem;
  border-start-end-radius: 1.15rem;
  border-end-end-radius: 1.15rem;
  border-end-start-radius: 0.28rem;
  box-shadow: 0 14px 32px rgb(0 119 182 / 28%);
}

.sea-guide-speech__bubble::before {
  content: "";
  position: absolute;
  inset-inline-start: -0.3rem;
  bottom: 0.72rem;
  width: 0.7rem;
  height: 0.7rem;
  background: #0077b6;
  transform: rotate(45deg);
}

.sea-guide-speech__bubble strong {
  display: block;
  font-size: 0.92rem;
  font-weight: 900;
  line-height: 1.3;
}

.sea-guide-speech__bubble span {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.4;
  color: rgb(255 255 255 / 86%);
  white-space: pre-line;
}

/* Minimal CMS rich-text (replaces ckeditor content-styles on storefront) */
.ck-content,
.ck-content p {
  margin: 0 0 0.75rem;
  line-height: 1.6;
}
.ck-content p:last-child {
  margin-bottom: 0;
}
.ck-content ul,
.ck-content ol {
  margin: 0 0 0.75rem;
  padding-inline-start: 1.25rem;
}
.ck-content a {
  color: inherit;
  text-decoration: underline;
}

.sea-guide-speech--announce {
  max-width: 100%;
  margin: 0.35rem 0 0.85rem;
}

.sea-guide-speech--announce .sea-guide-speech__whale {
  height: 4.8rem;
}

.sea-guide-speech--announce .sea-guide-speech__bubble {
  position: relative;
  margin-bottom: 0.85rem;
  background: linear-gradient(145deg, #c1121f 0%, #9b0c16 55%, #7a0b12 100%);
  color: #fff;
  border: 1px solid rgb(255 255 255 / 22%);
  box-shadow:
    0 0 0 1px rgb(220 38 38 / 28%),
    0 0 16px rgb(239 68 68 / 42%),
    0 10px 24px rgb(127 29 29 / 26%);
  isolation: isolate;
}

.sea-guide-speech--announce .sea-guide-speech__bubble::before {
  background: #9b0c16;
}

.sea-guide-speech--announce .sea-guide-speech__bubble::after {
  content: "";
  position: absolute;
  inset: -0.35rem;
  border-radius: inherit;
  background: transparent;
  box-shadow: 0 0 22px rgb(239 68 68 / 55%);
  opacity: 0.55;
  pointer-events: none;
  z-index: -1;
  animation: sea-announce-glow-soft 2.8s ease-in-out infinite;
  will-change: opacity;
}

.sea-guide-speech--announce .sea-guide-speech__bubble span {
  color: rgb(255 255 255 / 94%);
}

@keyframes sea-announce-glow-soft {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 0.8; }
}

@media (prefers-reduced-motion: reduce) {
  .sea-guide-speech--announce .sea-guide-speech__bubble::after {
    animation: none;
    opacity: 0.6;
  }
}

.pdp-info__announce {
  margin: 0.15rem 0 0.25rem;
}

.sea-guide-speech--modal {
  max-width: none;
  margin: 0 0 0.85rem;
}

.sea-guide-speech--modal .sea-guide-speech__whale {
  height: 4.2rem;
}

.sea-guide-speech--modal .sea-guide-speech__bubble {
  margin-bottom: 0.65rem;
  padding: 0.58rem 0.75rem;
}

@media (max-width: 767.98px) {
  .sea-guide-speech {
    margin-bottom: 0.8rem;
    max-width: none;
  }

  .sea-guide-speech__whale {
    height: 4.35rem;
  }

  .sea-guide-speech__bubble {
    padding: 0.62rem 0.78rem;
    margin-bottom: 0.7rem;
  }

  .sea-guide-speech__bubble strong {
    font-size: 0.86rem;
  }

  .sea-guide-speech__bubble span {
    font-size: 0.74rem;
  }
}

@keyframes sea-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes sea-busy-pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.16);
  }
}
.is-sea-busy,
.btn-loading {
  position: relative !important;
  cursor: wait !important;
}
.is-sea-busy > :not(.sea-busy-dot),
.btn-loading > :not(.sea-busy-dot) {
  opacity: 0.22;
}
.sea-busy-dot {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 1.1rem;
  height: 1.1rem;
  border: 2.5px solid rgb(255 255 255 / 32%);
  border-top-color: #fff;
  border-radius: 50%;
  animation: sea-spin 0.65s linear infinite;
  z-index: 3;
  pointer-events: none;
}
.home-product__wish.is-sea-busy:not(.is-active):not(.active) .sea-busy-dot,
.sea-minicart__remove.is-sea-busy .sea-busy-dot,
.cartmini__del.is-sea-busy .sea-busy-dot,
.sea-icon-btn.is-sea-busy .sea-busy-dot,
[data-bb-toggle="add-to-wishlist"].is-sea-busy:not(.is-active):not(.active) .sea-busy-dot {
  border-color: rgb(0 119 182 / 22%);
  border-top-color: var(--primary, #0077b6);
}
.sea-cart-chip.is-sea-busy,
[data-sea-wish-chip].is-sea-busy {
  cursor: wait;
}
.sea-cart-chip.is-sea-busy .sea-badge,
[data-sea-wish-chip].is-sea-busy .sea-badge {
  animation: sea-busy-pulse 0.7s ease-in-out infinite;
}
.sea-toast.is-busy {
  background: #0c4a6e;
}
.sea-toast.is-busy > iconify-icon {
  color: #7dd3fc;
  display: inline-block;
  animation: sea-spin 0.8s linear infinite;
}

/* Add-to-cart: no dimmed spinner — instant tap feedback */
[data-bb-toggle="add-to-cart"].btn-loading,
[data-bb-toggle="add-to-cart-in-form"].btn-loading,
button[name="add-to-cart"].btn-loading,
.home-product__cart.is-sea-atc-pending,
.pdp-actions__cart.is-sea-atc-pending,
.tp-product-details-add-to-cart-btn.is-sea-atc-pending {
  cursor: pointer !important;
}
[data-bb-toggle="add-to-cart"].btn-loading > :not(.sea-busy-dot),
[data-bb-toggle="add-to-cart-in-form"].btn-loading > :not(.sea-busy-dot),
button[name="add-to-cart"].btn-loading > :not(.sea-busy-dot),
.is-sea-atc-pending > :not(.sea-busy-dot) {
  opacity: 1 !important;
}
.is-sea-atc-pending {
  transform: scale(0.97);
  transition: transform 0.12s ease;
}

.sea-ico{display:inline-block;vertical-align:-0.15em;flex-shrink:0}

/* === sea-kill-shofy.min.css === */
body.sea-body{--tp-theme-primary:var(--primary)!important;--tp-theme-secondary:var(--secondary)!important;--tp-text-body:var(--foreground)!important;--tp-common-white:#fff!important;--tp-ff-body:var(--font-sans)!important;--tp-ff-heading:var(--font-heading)!important;background:var(--background)!important;font-family:var(--font-sans)!important;color:var(--foreground)!important}body.sea-body .tp-blog-area,body.sea-body .tp-cart-area,body.sea-body .tp-login-area,body.sea-body .tp-page-area,body.sea-body .tp-product-details-area,body.sea-body .tp-shop-area{background:0 0!important;padding-top:.5rem!important}body.sea-body .section-title,body.sea-body .tp-section-title,body.sea-body .tp-section-title-pre{font-family:var(--font-heading)!important;font-weight:900!important;color:var(--foreground)!important}body.sea-body .tp-btn,body.sea-body .tp-btn-2,body.sea-body .tp-btn-border,body.sea-body a.tp-btn{background:var(--primary)!important;color:#fff!important;border:0!important;border-radius:.85rem!important;font-weight:900!important;box-shadow:0 10px 24px rgb(0 119 182 / 25%)!important}body.sea-body .tp-btn-2.tp-btn-white,body.sea-body .tp-btn-white{background:var(--secondary)!important;color:#000!important}body.sea-body .bb-product-item,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{background:var(--card)!important;border:0!important;border-radius:1.25rem!important;overflow:hidden!important;box-shadow:0 8px 20px rgb(15 23 42 / 5%)!important}body.sea-body .tp-product-thumb,body.sea-body .tp-product-thumb img{border-radius:1rem!important;background:rgb(241 245 249 / 55%)!important}body.sea-body .tp-product-title,body.sea-body .tp-product-title a{font-weight:800!important;color:var(--foreground)!important;font-family:var(--font-sans)!important}body.sea-body .tp-product-price{color:var(--primary)!important;font-weight:900!important}body.sea-body .back-to-top-wrapper,body.sea-body .mean-bar,body.sea-body .mean-nav,body.sea-body .tp-header-area,body.sea-body .tp-header-bottom-area:not(.sea-header *),body.sea-body .tp-header-top-area:not(.sea-header *),body.sea-body .tp-hero-shape,body.sea-body .tp-product-banner-shape,body.sea-body .tp-slider-shape{display:none!important}body.sea-body .sea-header,body.sea-body header.sea-header{display:block!important}body.sea-body #header-sticky,body.sea-body .header-sticky,body.sea-body .tp-header-sticky{position:static!important;padding-top:0!important;padding-bottom:0!important;transform:none!important}body.sea-body.header-sticky,body.sea-body.tp-header-sticky-open{padding-top:0!important}body.sea-body .bb-filter-offcanvas-sidebar,body.sea-body .bb-product-filter,body.sea-body .tp-shop-sidebar{background:var(--card)!important;border-radius:1.25rem!important;border:0!important;font-family:var(--font-sans)!important}body.sea-body .bb-filter-group-title,body.sea-body .tp-shop-widget-title{font-weight:900!important;font-size:.95rem!important}body.sea-body .table{--bs-table-bg:transparent;font-family:var(--font-sans)!important}body.sea-body .table>:not(caption)>*>*{border-bottom-color:rgb(203 213 225 / 45%)!important}body.sea-body .form-control,body.sea-body .form-select,body.sea-body input.form-control{border-radius:.75rem!important;border-color:var(--border)!important;background:var(--muted)!important;font-weight:600!important;font-family:var(--font-sans)!important}body.sea-body .form-control:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgb(0 119 182 / 15%)!important;background:#fff!important}body.sea-body .pagination .page-link{border-radius:.65rem!important;font-weight:800!important;color:var(--foreground)!important}body.sea-body .pagination .page-item.active .page-link{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}body.sea-body .breadcrumb__area{display:none!important}body.sea-body .sea-breadcrumb{display:flex!important}@media (max-width:767.98px){body.sea-body .home-section.sea-breadcrumb,body.sea-body .sea-breadcrumb,body.sea-body nav.sea-breadcrumb{display:none!important}}body.sea-body .tp-about-wrapper,body.sea-body .tp-testimonial-item{background:var(--card)!important;border-radius:1.25rem!important;border:0!important;padding:1rem!important}
/* === sea-ux.min.css === */
body.sea-body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.home-main{display:flex;flex-direction:column;gap:1.5rem;padding-block:0.75rem 2.5rem}@media (min-width:768px){.home-main{gap:2.25rem;padding-block:1.25rem 3.5rem}}.home-brands,.home-categories,.home-deals,.home-hero,.home-promo,.home-section,.home-trust,.sea-home-products{scroll-margin-top:6rem}.home-section-head{margin-bottom:1rem}.home-section-head h2{letter-spacing:-.02em}.home-section-link{transition:color .2s,transform .2s}.home-section-link:hover{color:var(--accent,#00b4d8);transform:translateX(-2px)}[dir=ltr] .home-section-link:hover{transform:translateX(2px)}.home-product,.sea-card,.sea-dash__quick-card,.sea-stores__card,.sea-wish-card{transition:transform .2s,box-shadow .2s,border-color .2s}.home-product:hover,.sea-dash__quick-card:hover,.sea-stores__card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgb(15 23 42 / 10%)}.home-product__cart,.order-sticky__cta,.sea-btn,.sea-vendor-switch__btn{transition:transform .15s,opacity .15s,box-shadow .15s}.home-product__cart:hover,.sea-btn:hover,.sea-vendor-switch__btn:hover{transform:translateY(-1px)}.home-product__cart:active,.order-sticky__cta:active,.sea-btn:active{transform:translateY(1px)}body.sea-body [tabindex]:focus-visible,body.sea-body a:focus-visible,body.sea-body button:focus-visible,body.sea-body input:focus-visible,body.sea-body select:focus-visible,body.sea-body textarea:focus-visible{outline:solid 3px;outline-offset:2px}.home-cat{transition:transform .18s}.home-cat:hover{transform:translateY(-2px)}.home-cat:hover .home-cat__icon{box-shadow:0 12px 24px rgb(0 119 182 / 16%)}.home-hero__content{max-width:100%;min-width:100%}.home-hero__cta,.sea-btn--primary{min-height:2.85rem;padding-inline:1.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:.85rem;font-weight:900}@media (max-width:767px){.order-sticky{bottom:calc(4.25rem + env(safe-area-inset-bottom,0px))!important}.sea-help,.sea-whatsapp{bottom:calc(9.5rem + env(safe-area-inset-bottom,0px))!important}.sea-feedback-fab{bottom:calc(9.5rem + env(safe-area-inset-bottom,0px));top:auto!important;transform:none!important}}.sea-plp__filters .bb-filter-offcanvas-sidebar,.sea-plp__filters .tp-shop-sidebar,.sea-widget{transition:box-shadow .2s}.home-section details,.sea-faq details{background:var(--card);border:0;border-radius:1rem;padding:.85rem 1rem;margin-bottom:.55rem}.home-section details summary,.sea-faq summary{font-weight:800;cursor:pointer;list-style:none}.sea-faq summary::-webkit-details-marker{display:none}.sea-about .sea-card,.sea-testimonials .sea-card{height:100%}.sea-cms__content h2,.sea-cms__content h3{font-family:var(--font-heading);font-weight:900;color:var(--foreground);margin-top:1.5rem}.sea-cms__content a{color:var(--primary);font-weight:700}.sea-empty{text-align:center;padding:2.5rem 1.25rem}.sea-empty h3{font-weight:900;margin:.75rem 0 .35rem}@media (prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}