:root {
  --color-primary: #5201a3;
  --color-primary-hover: #6f1fc5;
  --color-primary-soft: #f4ecff;
  --color-secondary: #111827;
  --color-accent: #a855f7;
  --color-page: #f8fafc;
  --color-surface: #fff;
  --color-surface-soft: #f5f3ff;
  --color-heading: #111827;
  --color-body: #4b5563;
  --color-muted: #64748b;
  --color-border: #e5e7eb;
  --color-white: #fff;
  --color-black: #000;
  --font-heading: "Inter", sans-serif;
  --font-body: "Inter", sans-serif;
  --container-width: 1280px;
  --section-spacing: 72px;
  --radius-button: 8px;
  --radius-card: 14px;
  --radius-input: 8px;
  --shadow-card: 0 10px 30px #11182714
}

html[data-theme=dark] {
  --color-primary: #9b4dff;
  --color-primary-hover: #ad6cff;
  --color-primary-soft: #251438;
  --color-secondary: #020617;
  --color-accent: #c084fc;
  --color-page: #070b14;
  --color-surface: #111827;
  --color-surface-soft: #182235;
  --color-heading: #f8fafc;
  --color-body: #cbd5e1;
  --color-muted: #94a3b8;
  --color-border: #263244;
  --shadow-card: 0 12px 32px #00000059
}

/* Dynamic storefront bridge — SeloCommerce by Webnion */
.selo-runtime-message-wrap {
  position: relative;
  z-index: 45;
  padding-top: 14px
}

.selo-runtime-alert {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-button);
  background: var(--color-surface);
  color: var(--color-heading);
  padding: 12px 16px;
  font-size: 14px;
  box-shadow: var(--shadow-card)
}

.selo-runtime-alert+.selo-runtime-alert {
  margin-top: 8px
}

.selo-runtime-alert.is-success {
  border-color: #16a34a;
  background: #f0fdf4;
  color: #166534
}

.selo-runtime-alert.is-error {
  border-color: #dc2626;
  background: #fef2f2;
  color: #991b1b
}

html[data-theme=dark] .selo-runtime-alert.is-success {
  background: #052e16;
  color: #bbf7d0
}

html[data-theme=dark] .selo-runtime-alert.is-error {
  background: #450a0a;
  color: #fecaca
}

.selo-runtime-empty {
  grid-column: 1/-1;
  display: flex;
  min-height: 260px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  padding: 36px 20px;
  color: var(--color-body)
}

.selo-runtime-empty h3 {
  margin: 0 0 8px;
  color: var(--color-heading);
  font-size: 22px;
  font-weight: 700
}

.selo-runtime-empty p {
  margin: 0 0 20px;
  max-width: 520px
}

.selo-runtime-pagination {
  display: flex;
  justify-content: center;
  margin-top: 28px
}

.selo-runtime-pagination nav>div:first-child {
  display: none
}

.selo-runtime-pagination nav>div:last-child {
  display: flex !important;
  align-items: center;
  gap: 12px
}

.selo-runtime-pagination nav span[aria-current=page]>span,
.selo-runtime-pagination nav a,
.selo-runtime-pagination nav span[aria-disabled=true]>span {
  display: inline-flex;
  min-width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-button);
  background: var(--color-surface);
  padding: 0 12px;
  color: var(--color-heading);
  text-decoration: none
}

.selo-runtime-pagination nav span[aria-current=page]>span {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: #fff
}

.selo-runtime-pagination svg {
  width: 18px;
  height: 18px
}

.selo-runtime-field-message {
  margin: 8px 0 0;
  color: var(--color-muted);
  font-size: 13px
}

.selo-runtime-full {
  grid-column: 1/-1
}

.selo-runtime-clear-cart {
  display: block;
  margin: 14px auto 0
}

.selo-runtime-content {
  padding: clamp(22px, 4vw, 48px);
  color: var(--color-body);
  line-height: 1.8
}

.selo-runtime-content h2,
.selo-runtime-content h3,
.selo-runtime-content h4 {
  color: var(--color-heading);
  margin: 1.4em 0 .6em;
  font-weight: 700
}

.selo-runtime-content p,
.selo-runtime-content ul,
.selo-runtime-content ol {
  margin: 0 0 1.1em
}

.selo-runtime-content img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-card)
}

.selo-product-description img,
.selo-product-description iframe,
.selo-product-description video {
  max-width: 100%
}

.selo-product-button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none
}

.selo-checkout-option input[type=radio] {
  accent-color: var(--color-primary)
}

.selo-checkout-option-description {
  display: block;
  margin-top: 3px
}

.selo-checkout-coupon-message.is-error {
  color: #dc2626
}

.wbn-profile-grid textarea.selo-form-input {
  min-height: 100px;
  resize: vertical
}

.selo-page-loading body {
  overflow: hidden
}

@media(max-width:1023px) {
  .selo-runtime-pagination nav>div:last-child {
    gap: 6px
  }

  .selo-runtime-pagination nav span[aria-current=page]>span,
  .selo-runtime-pagination nav a,
  .selo-runtime-pagination nav span[aria-disabled=true]>span {
    min-width: 36px;
    height: 36px;
    padding: 0 9px
  }

  .selo-runtime-content {
    margin-bottom: 24px
  }
}

/* VisualBlocks and CMS content bridge */
.selo-visual-banner-section,
.selo-blog-section {
  padding: 0 0 var(--section-spacing)
}

.selo-visual-banner-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px
}

.selo-visual-banner-card {
  display: block;
  overflow: hidden;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: var(--shadow-card)
}

.selo-visual-banner-card img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover
}

.selo-hero-html {
  display: flex;
  min-height: 320px;
  align-items: center;
  justify-content: center;
  padding: 32px;
  background: var(--color-surface);
  color: var(--color-heading)
}

.selo-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px
}

.selo-blog-card {
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: var(--shadow-card)
}

.selo-blog-card-image-wrap {
  display: block;
  aspect-ratio: 16/10;
  overflow: hidden;
  background: var(--color-surface-soft)
}

.selo-blog-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease
}

.selo-blog-card:hover .selo-blog-card-image {
  transform: scale(1.03)
}

.selo-blog-card-content {
  padding: 22px
}

.selo-blog-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-bottom: 10px;
  color: var(--color-muted);
  font-size: 12px
}

.selo-blog-card-title {
  margin: 0 0 10px;
  color: var(--color-heading);
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700
}

.selo-blog-card-title a {
  color: inherit;
  text-decoration: none
}

.selo-blog-card-excerpt {
  margin: 0 0 16px;
  color: var(--color-body);
  font-size: 14px;
  line-height: 1.7
}

.selo-blog-card-link {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none
}

.selo-post-container {
  max-width: 1040px
}

.selo-post-header {
  text-align: center;
  margin: 0 auto 28px;
  max-width: 850px
}

.selo-post-header .selo-blog-card-meta {
  justify-content: center
}

.selo-post-title {
  margin: 0;
  color: var(--color-heading);
  font-size: clamp(32px, 5vw, 56px);
  line-height: 1.15;
  font-weight: 750
}

.selo-post-excerpt {
  margin: 18px auto 0;
  max-width: 760px;
  color: var(--color-body);
  font-size: 18px;
  line-height: 1.7
}

.selo-post-featured-image {
  display: block;
  width: 100%;
  max-height: 580px;
  object-fit: cover;
  border-radius: var(--radius-card);
  margin-bottom: 28px
}

.selo-related-posts {
  padding-top: 48px
}

@media(max-width:1023px) {

  .selo-visual-banner-grid,
  .selo-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media(max-width:639px) {

  .selo-visual-banner-grid,
  .selo-blog-grid {
    grid-template-columns: 1fr;
    gap: 16px
  }

  .selo-blog-card-content {
    padding: 18px
  }

  .selo-post-title {
    font-size: 32px
  }

  .selo-post-excerpt {
    font-size: 16px
  }
}

.selo-footer-child-link {
  padding-left: 14px;
  font-size: 13px;
  opacity: .85
}

/* Product gallery, reviews and video */
.selo-product-gallery {
  min-width: 0
}

.wbn-product-main-image {
  position: relative;
  overflow: hidden
}

.selo-product-gallery-image {
  transition: opacity .18s ease, transform .25s ease
}

.selo-product-gallery-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  display: flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  border: 1px solid var(--color-border);
  border-radius: 50%;
  background: color-mix(in srgb, var(--color-surface) 92%, transparent);
  color: var(--color-heading);
  font-size: 28px;
  line-height: 1;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .12);
  transition: .2s ease
}

.selo-product-gallery-arrow:hover {
  border-color: var(--color-primary);
  color: var(--color-primary)
}

.selo-product-gallery-arrow.is-prev {
  left: 14px
}

.selo-product-gallery-arrow.is-next {
  right: 14px
}

.selo-product-gallery-counter {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 2;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-surface) 90%, transparent);
  padding: 5px 10px;
  color: var(--color-heading);
  font-size: 12px;
  font-weight: 650
}

.wbn-product-thumbnails {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 10px 2px 3px;
  scrollbar-width: thin
}

.selo-product-thumbnail {
  flex: 0 0 76px
}

.selo-product-review-inline {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 10px
}

.selo-rating-stars {
  display: inline-flex;
  gap: 2px;
  color: #cbd5e1;
  font-size: 16px;
  line-height: 1
}

.selo-rating-stars.is-large {
  font-size: 24px
}

.selo-rating-stars .is-filled {
  color: #f59e0b
}

.selo-product-review-link {
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--color-primary);
  font-size: 13px;
  font-weight: 650;
  cursor: pointer
}

.selo-product-reviews-layout {
  display: grid;
  grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
  gap: 24px;
  margin-bottom: 28px
}

.selo-review-summary-card,
.selo-review-form-card,
.selo-approved-review-card,
.selo-review-empty {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  padding: 24px
}

.selo-review-summary-score {
  color: var(--color-heading);
  font-size: 52px;
  font-weight: 760;
  line-height: 1
}

.selo-review-summary-card>p,
.selo-review-form-card>p {
  margin: 10px 0 18px;
  color: var(--color-muted);
  font-size: 14px
}

.selo-review-breakdown {
  display: grid;
  gap: 10px;
  margin-top: 22px
}

.selo-review-breakdown-row {
  display: grid;
  grid-template-columns: 48px minmax(90px, 1fr) 26px;
  align-items: center;
  gap: 10px;
  color: var(--color-muted);
  font-size: 12px
}

.selo-review-breakdown-track {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--color-border)
}

.selo-review-breakdown-track>span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--color-primary)
}

.selo-review-form-card h3 {
  margin: 0;
  color: var(--color-heading);
  font-size: 22px
}

.selo-review-form {
  display: grid;
  gap: 16px
}

.selo-review-form label,
.selo-review-rating-field legend {
  display: grid;
  gap: 7px;
  color: var(--color-heading);
  font-size: 13px;
  font-weight: 650
}

.selo-review-form input[type=text],
.selo-review-form textarea {
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-input);
  background: var(--color-surface);
  padding: 12px 14px;
  color: var(--color-heading);
  font: inherit;
  outline: none
}

.selo-review-form input[type=text]:focus,
.selo-review-form textarea:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)
}

.selo-review-rating-field {
  min-width: 0;
  border: 0;
  margin: 0;
  padding: 0
}

.selo-review-rating-input {
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 3px
}

.selo-review-rating-input input {
  position: absolute;
  opacity: 0;
  pointer-events: none
}

.selo-review-rating-input label {
  color: #cbd5e1;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  transition: color .15s ease, transform .15s ease
}

.selo-review-rating-input label:hover,
.selo-review-rating-input label:hover~label,
.selo-review-rating-input input:checked~label {
  color: #f59e0b
}

.selo-review-rating-input label:hover {
  transform: translateY(-1px)
}

.selo-review-status {
  border-radius: var(--radius-input);
  padding: 10px 12px;
  background: var(--color-surface-soft)
}

.selo-review-status.is-approved {
  color: #15803d
}

.selo-review-status.is-rejected {
  color: #b91c1c
}

.selo-review-status.is-pending {
  color: #a16207
}

.selo-review-login-button {
  display: inline-flex;
  width: max-content;
  text-decoration: none
}

.selo-approved-review-list {
  display: grid;
  gap: 14px
}

.selo-approved-review-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px
}

.selo-approved-review-head>div {
  display: grid;
  gap: 3px
}

.selo-approved-review-head strong,
.selo-approved-review-card h4 {
  color: var(--color-heading)
}

.selo-approved-review-head span {
  color: var(--color-muted);
  font-size: 12px
}

.selo-approved-review-card h4 {
  margin: 12px 0 6px;
  font-size: 16px
}

.selo-approved-review-card p {
  margin: 0;
  color: var(--color-body);
  line-height: 1.75;
  white-space: pre-line
}

.selo-verified-review {
  border-radius: 999px;
  background: #ecfdf5 !important;
  padding: 5px 9px !important;
  color: #047857 !important;
  font-size: 11px !important;
  font-weight: 700
}

html[data-theme=dark] .selo-verified-review {
  background: #052e16 !important;
  color: #86efac !important
}

.selo-review-empty {
  text-align: center;
  color: var(--color-muted)
}

.selo-product-video-frame {
  position: relative;
  overflow: hidden;
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: #000;
  aspect-ratio: 16/9
}

.selo-product-video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.selo-quick-view-rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 2px 0 12px;
  color: var(--color-muted);
  font-size: 13px
}

/* Theme-aware CMS pages */
.selo-blog-hero,
.selo-page-content-hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
  border: 1px solid var(--color-border);
  border-radius: calc(var(--radius-card) + 6px);
  background: linear-gradient(135deg, var(--color-primary-soft), var(--color-surface));
  padding: clamp(30px, 6vw, 68px);
  text-align: center
}

.selo-blog-hero:before,
.selo-page-content-hero:before {
  content: "";
  position: absolute;
  right: -90px;
  top: -120px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--color-primary) 12%, transparent)
}

.selo-blog-hero>*,
.selo-page-content-hero>* {
  position: relative;
  z-index: 1
}

.selo-page-featured-image {
  display: block;
  width: 100%;
  max-height: 520px;
  object-fit: cover;
  border-radius: var(--radius-card);
  margin: 0 0 24px
}

.selo-cms-content-shell {
  max-width: 980px;
  margin-inline: auto
}

.selo-runtime-content {
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  box-shadow: var(--shadow-card)
}

.selo-runtime-content a {
  color: var(--color-primary)
}

.selo-runtime-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.3em 0
}

.selo-runtime-content th,
.selo-runtime-content td {
  border: 1px solid var(--color-border);
  padding: 10px;
  text-align: left
}

.selo-runtime-content blockquote {
  margin: 1.3em 0;
  border-left: 4px solid var(--color-primary);
  background: var(--color-primary-soft);
  padding: 16px 20px;
  color: var(--color-heading)
}

@media(max-width:767px) {
  .selo-product-gallery-arrow {
    width: 36px;
    height: 36px;
    font-size: 23px
  }

  .selo-product-gallery-arrow.is-prev {
    left: 8px
  }

  .selo-product-gallery-arrow.is-next {
    right: 8px
  }

  .selo-product-gallery-counter {
    right: 8px;
    bottom: 8px
  }

  .selo-product-thumbnail {
    flex-basis: 62px
  }

  .selo-product-reviews-layout {
    grid-template-columns: 1fr
  }

  .selo-review-summary-card,
  .selo-review-form-card,
  .selo-approved-review-card {
    padding: 18px
  }

  .selo-approved-review-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px
  }
}

.selo-product-card-rating {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 18px;
  color: var(--color-muted);
  font-size: 11px
}

.selo-product-card-rating .selo-rating-stars {
  font-size: 12px
}

/* Product shipping tab */
.selo-shipping-intro {
  margin-bottom: 18px
}

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

.selo-product-shipping-method {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  padding: 18px
}

.selo-product-shipping-method-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px
}

.selo-product-shipping-method-head h4 {
  margin: 0;
  color: var(--color-heading);
  font-size: 17px;
  font-weight: 700
}

.selo-product-shipping-method-head span {
  display: block;
  margin-top: 3px;
  color: var(--color-muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em
}

.selo-product-shipping-method-head>strong {
  white-space: nowrap;
  color: var(--color-primary);
  font-size: 15px
}

.selo-product-shipping-details {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px
}

.selo-product-shipping-details span {
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: var(--color-page);
  padding: 6px 9px;
  color: var(--color-muted);
  font-size: 11px
}

.selo-product-shipping-method>p {
  margin: 13px 0 0;
  color: var(--color-body);
  font-size: 13px;
  line-height: 1.65
}

@media(max-width:767px) {
  .selo-product-shipping-methods {
    grid-template-columns: 1fr
  }

  .selo-product-shipping-method {
    padding: 15px
  }
}

/* =========================================================
   SeloCommerce TimTom Kids Theme — reference-matched UI layer
   ========================================================= */
html {
  font-size: var(--timtom-base-font-size, 14px);
  background: #fff
}

body {
  font-family: var(--font-body);
  background: #fff;
  color: var(--color-body);
  letter-spacing: 0
}

.site-container {
  width: min(calc(100% - 40px), var(--container-width));
  margin-inline: auto
}

a {
  text-underline-offset: 3px
}

.selo-page-loading body {
  overflow: hidden
}

/* Header */
.timtom-topbar {
  background: #f6f6f7 !important;
  color: #171717;
  border: 0 !important
}

.timtom-topbar-inner {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  font-size: 12px;
  letter-spacing: .04em
}

.timtom-topbar-left {
  font-weight: 500
}

.timtom-topbar-right {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #333
}

.timtom-topbar-right>*+*:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 13px;
  background: #d8d8dc;
  margin-right: 14px;
  vertical-align: -2px
}

.timtom-topbar-right a {
  color: inherit;
  text-decoration: none
}

.timtom-desktop-header {
  background: #fff;
  box-shadow: none !important
}

.timtom-header-main {
  background: #fff !important;
  border-color: #eeeeef !important
}

.timtom-header-row-one {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 36px;
  min-height: 88px
}

.timtom-brand img {
  display: block;
  max-height: 48px;
  width: auto
}

.timtom-main-nav {
  min-width: 0
}

.timtom-nav-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 38px;
  min-height: 50px;
  margin: 0;
  padding: 0;
  list-style: none
}

.timtom-nav-list .selo-menu-link {
  font-size: var(--timtom-menu-font-size, 15px);
  font-weight: 500;
  color: #131313;
  text-decoration: none;
  white-space: nowrap
}

.timtom-nav-list .selo-menu-link:hover {
  color: var(--color-primary)
}

.timtom-header-actions {
  display: flex;
  align-items: center;
  gap: 24px
}

.timtom-account-link,
.timtom-cart-link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #111;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap
}

.timtom-account-link svg,
.timtom-cart-link svg {
  width: 22px;
  height: 22px
}

.timtom-cart-icon-wrap {
  position: relative
}

.timtom-cart-icon-wrap b {
  position: absolute;
  right: -8px;
  top: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 99px;
  background: var(--color-primary);
  color: #fff;
  font-size: 10px
}

.timtom-header-row-two {
  display: grid;
  grid-template-columns: 228px minmax(0, 1fr) 220px;
  gap: 16px;
  align-items: center;
  padding-bottom: 14px
}

.timtom-category-button {
  height: 54px;
  border: 0;
  border-radius: 8px;
  background: var(--color-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  font-weight: 700;
  letter-spacing: .03em;
  text-decoration: none
}

.timtom-category-button svg {
  width: 22px;
  height: 22px
}

.timtom-search-form {
  height: 54px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px 122px;
  align-items: center;
  border: 1px solid #e3e4e9;
  border-radius: 8px;
  background: #f7f7f8;
  overflow: hidden
}

.timtom-search-form .selo-search-input {
  height: 100%;
  border: 0 !important;
  background: transparent !important;
  padding: 0 22px;
  box-shadow: none !important
}

.timtom-search-collection {
  height: 30px;
  border-left: 1px solid #d9dae0;
  display: flex;
  align-items: center;
  padding: 0 16px;
  color: #666;
  font-size: 13px
}

.timtom-search-form .selo-search-button {
  position: static !important;
  height: 44px !important;
  width: auto !important;
  margin-right: 5px;
  border-radius: 7px !important;
  background: var(--color-primary) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px !important;
  font-weight: 600
}

.timtom-search-form .selo-search-button svg {
  width: 18px;
  height: 18px
}

.timtom-whatsapp-box {
  height: 54px;
  border: 1px solid #e3e4e9;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  color: #111;
  text-decoration: none
}

.timtom-whatsapp-icon {
  font-size: 25px;
  line-height: 1
}

.timtom-whatsapp-box small {
  display: block;
  color: #777;
  font-size: 11px;
  letter-spacing: .05em
}

.timtom-whatsapp-box strong {
  display: block;
  margin-top: 1px;
  font-size: 14px
}

/* Mobile header */
@media(max-width:1023px) {
  body {
    padding-bottom: 70px !important
  }

  .selo-header-main.lg\:hidden {
    background: #fff !important;
    border-color: #eee !important;
    position: sticky;
    top: 0;
    z-index: 35
  }

  .selo-header-main.lg\:hidden .site-container:first-child {
    height: 58px !important
  }

  .selo-header-main.lg\:hidden img {
    max-width: 150px;
    max-height: 34px
  }

  .selo-header-main.lg\:hidden .selo-search-input {
    height: 44px;
    border-radius: 8px;
    background: #f6f7f9;
    padding-left: 14px;
    padding-right: 48px
  }

  .wbn-bottom-navigation {
    background: #fff !important;
    border-color: #ececf0 !important;
    box-shadow: 0 -8px 22px rgba(17, 24, 39, .06)
  }
}

/* Hero */
.timtom-hero {
  padding: 24px 0 18px !important;
  background: #fff
}

.timtom-hero .wbn-hero-slider {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: none;
  background: #f5fbfb
}

.timtom-hero .selo-hero-image {
  width: 100%;
  display: block;
  object-fit: cover
}

.timtom-hero .selo-hero-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ececf0;
  box-shadow: 0 5px 16px rgba(17, 24, 39, .1)
}

.timtom-hero .selo-hero-arrow svg {
  width: 18px;
  height: 18px
}

.timtom-hero .selo-hero-dot {
  width: 7px;
  height: 7px
}

/* Collections */
.timtom-collections-section {
  padding: 42px 0 34px !important;
  background: #fff
}

.timtom-section-heading {
  text-align: center;
  margin-bottom: 30px
}

.timtom-section-heading .selo-category-title {
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 700;
  letter-spacing: -.035em;
  color: #111
}

.timtom-section-heading .selo-category-description {
  margin-top: 8px;
  color: #747987
}

.timtom-collection-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 20px !important
}

.timtom-collection-card {
  display: block !important;
  text-align: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important
}

.timtom-collection-card .wbn-category-image-wrap {
  aspect-ratio: 1/1;
  border-radius: 14px !important;
  overflow: hidden;
  background: #f6f6f7
}

.timtom-collection-card .selo-category-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease
}

.timtom-collection-card:hover .selo-category-image {
  transform: scale(1.025)
}

.timtom-collection-card .selo-category-name {
  display: block;
  margin-top: 13px;
  font-size: 16px;
  font-weight: 500;
  color: #111
}

/* Promo banners */
.timtom-promo-section {
  padding: 28px 0 50px !important
}

.timtom-promo-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important
}

.timtom-promo-grid .selo-visual-banner-card {
  border-radius: 12px !important;
  box-shadow: none !important
}

.timtom-promo-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

/* Product grid + cards */
.timtom-popular-products,
.selo-products-section {
  background: #fff
}

.timtom-popular-products {
  padding: 38px 0 62px !important
}

.timtom-products-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 28px
}

.timtom-products-head .selo-products-title {
  margin: 0;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 750;
  letter-spacing: -.035em;
  color: #171a25
}

.timtom-category-tabs {
  display: flex;
  align-items: center;
  gap: 26px;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none
}

.timtom-category-tabs::-webkit-scrollbar {
  display: none
}

.timtom-category-tabs a {
  position: relative;
  padding: 8px 0;
  color: #171a25;
  font-weight: 600;
  text-decoration: none
}

.timtom-category-tabs a.is-active,
.timtom-category-tabs a:hover {
  color: var(--color-primary)
}

.timtom-category-tabs a.is-active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--color-primary)
}

.wbn-products-grid {
  display: grid !important;
  grid-template-columns: repeat(var(--timtom-product-columns, 4), minmax(0, 1fr)) !important;
  gap: 18px !important
}

.timtom-product-card {
  border: 1px solid #e7e8ef !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  min-width: 0
}

.timtom-product-card:hover {
  transform: none !important;
  border-color: #d7d9e5 !important;
  box-shadow: 0 10px 26px rgba(17, 24, 39, .06) !important
}

.timtom-product-image-area {
  position: relative;
  padding: 16px 16px 0;
  background: #fff !important
}

.timtom-product-image-link {
  display: block;
  aspect-ratio: var(--timtom-product-image-ratio, 1/1);
  overflow: hidden;
  border-radius: 8px;
  background: #f7f7f8
}

.timtom-product-card .selo-product-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important
}

.timtom-stock-badge {
  left: 24px !important;
  top: 24px !important;
  border-radius: 999px !important;
  background: #ff9f0a !important;
  color: #111 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 5px 8px !important
}

.timtom-product-content {
  display: flex !important;
  flex: 1;
  flex-direction: column;
  padding: 14px 16px 16px !important
}

.timtom-product-category {
  margin-bottom: 7px;
  color: #666b79;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em
}

.timtom-product-content>a {
  text-decoration: none
}

.timtom-product-content .selo-product-name {
  min-height: 44px;
  margin: 0;
  color: #191d2a;
  font-size: var(--timtom-product-title-size, 16px) !important;
  line-height: 1.35;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.timtom-product-excerpt {
  min-height: 38px;
  margin: 8px 0 0;
  color: #6f7482;
  font-size: 11px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.timtom-product-card .selo-product-card-rating {
  margin-top: 8px
}

.timtom-product-price {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-top: auto !important;
  padding-top: 12px !important;
  flex-wrap: wrap
}

.timtom-product-price .selo-product-current-price {
  order: 0;
  color: #5c5fc4 !important;
  font-size: 18px !important;
  font-weight: 750 !important
}

.timtom-product-price .selo-product-old-price {
  order: 1;
  color: #979aa4 !important;
  font-size: 11px !important
}

.timtom-discount-chip {
  order: 2;
  border-radius: 4px;
  background: #ffb20c;
  color: #111;
  font-size: 9px;
  font-weight: 800;
  padding: 4px 6px;
  white-space: nowrap
}

.timtom-product-card .selo-product-button {
  height: 38px;
  margin-top: 12px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--color-primary) !important;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px !important;
  font-weight: 700;
  text-decoration: none;
  transition: background .18s ease
}

.timtom-product-card .selo-product-button:hover {
  background: var(--color-primary-hover) !important
}

.timtom-product-card .selo-product-button svg {
  width: 15px;
  height: 15px
}

.timtom-product-card .wbn-product-quick-view {
  right: 24px;
  top: 24px
}

.wbn-products-view-all {
  margin-top: 30px !important
}

.selo-products-all-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 26px !important;
  border-radius: 7px !important;
  background: var(--color-primary) !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: none !important
}

/* Story */
.timtom-story-section {
  padding: 54px 0 70px;
  background: #fff
}

.timtom-story-grid {
  display: grid;
  grid-template-columns: minmax(320px, .8fr) minmax(0, 1.25fr);
  gap: 70px;
  align-items: center
}

.timtom-story-visual {
  position: relative;
  min-height: 360px;
  border-radius: 14px;
  background: #effcff;
  overflow: hidden
}

.timtom-story-visual img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover
}

.timtom-story-badge {
  position: absolute;
  right: 16px;
  bottom: 16px;
  border-radius: 8px;
  background: #fff;
  padding: 10px 13px;
  color: #2a2e3a;
  font-size: 11px;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(17, 24, 39, .1)
}

.timtom-eyebrow {
  display: inline-block;
  margin-bottom: 14px;
  border-radius: 999px;
  background: #f2f0ff;
  color: var(--color-primary);
  padding: 6px 11px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em
}

.timtom-story-copy h2 {
  margin: 0;
  color: #171a25;
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.12;
  letter-spacing: -.045em
}

.timtom-story-text {
  margin: 22px 0;
  color: #676d7b;
  font-size: 14px;
  line-height: 1.85;
  max-width: 700px
}

/* Product detail reference layout */
.selo-product-details-page {
  padding: 28px 0 70px !important;
  background: #fff
}

.wbn-product-details-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, .85fr) !important;
  gap: 34px !important;
  align-items: start;
  border: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  padding: 0 !important
}

.selo-product-gallery {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr);
  grid-template-areas: "thumbs main";
  gap: 14px;
  align-items: start
}

.wbn-product-main-image {
  grid-area: main;
  aspect-ratio: 1.06/1;
  border-radius: 10px !important;
  background: #f3f3f3 !important
}

.wbn-product-main-image .selo-product-gallery-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important
}

.wbn-product-thumbnails {
  grid-area: thumbs;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  overflow: visible !important;
  padding: 0 !important
}

.selo-product-thumbnail {
  flex: none !important;
  width: 70px !important;
  height: 70px !important;
  border-radius: 8px !important;
  border: 1px solid #e3e4ea !important;
  background: #f7f7f8 !important;
  padding: 3px !important
}

.selo-product-thumbnail.is-active {
  border: 2px solid var(--color-primary) !important
}

.selo-product-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px
}

.selo-product-details-info {
  padding: 0 !important
}

.wbn-product-details-breadcrumb {
  margin-bottom: 18px !important;
  color: #555 !important;
  font-size: 12px !important
}

.wbn-product-details-breadcrumb a {
  color: #4d5565 !important
}

.selo-product-details-title {
  margin: 0 0 12px !important;
  font-size: clamp(28px, 2.7vw, 40px) !important;
  line-height: 1.15 !important;
  letter-spacing: -.04em !important;
  color: #121521 !important
}

.selo-product-review-inline {
  margin: 0 0 12px !important
}

.wbn-product-meta {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap
}

.wbn-product-meta>* {
  border-radius: 999px !important
}

.wbn-product-details-price {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 18px 0 10px !important
}

.selo-product-details-current-price {
  color: var(--color-primary) !important;
  font-size: 34px !important;
  font-weight: 800 !important
}

.selo-product-details-old-price {
  font-size: 20px !important;
  color: #8e929d !important
}

.wbn-product-purchase-panel {
  margin-top: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important
}

.wbn-product-variant-heading {
  margin-bottom: 8px !important
}

.wbn-product-variant-options {
  gap: 8px !important
}

.selo-variant-option {
  min-height: 36px !important;
  border-radius: 7px !important;
  padding: 0 14px !important
}

.selo-variant-option.is-selected {
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
  background: #fff !important;
  box-shadow: 0 0 0 1px var(--color-primary) inset
}

.selo-product-quantity-label {
  margin-top: 16px !important
}

.wbn-product-quantity {
  width: max-content !important;
  height: 42px !important;
  border: 1px solid #e3e4ea !important;
  border-radius: 7px !important;
  overflow: hidden
}

.selo-quantity-button,
.selo-quantity-input {
  height: 40px !important
}

.wbn-product-purchase-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 14px !important
}

.selo-product-add-cart,
.selo-product-order-now {
  min-height: 46px !important;
  border-radius: 7px !important;
  font-weight: 750 !important
}

.selo-product-order-now {
  background: var(--color-primary) !important;
  color: #fff !important;
  border-color: var(--color-primary) !important
}

.selo-product-add-cart {
  background: #fff !important;
  color: var(--color-primary) !important;
  border: 1px solid var(--color-primary) !important
}

.wbn-product-benefits {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0 !important;
  margin-top: 20px !important;
  border: 1px solid #e7e8ef !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden
}

.selo-product-benefit {
  padding: 18px 12px !important;
  text-align: center !important;
  display: block !important;
  border-right: 1px solid #e7e8ef
}

.selo-product-benefit:last-child {
  border-right: 0
}

.wbn-product-benefit-icon {
  margin: 0 auto 8px !important
}

.selo-product-benefit-title {
  font-size: 12px !important
}

.selo-product-benefit-text {
  font-size: 10px !important;
  line-height: 1.45 !important
}

.wbn-product-information-section {
  margin-top: 30px !important;
  border: 1px solid #e9e9ef !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden
}

.selo-product-information-header {
  display: none !important
}

.wbn-product-tabs {
  padding: 0 28px !important;
  background: #f8f7ff !important;
  border-bottom: 1px solid #eceafc !important
}

.selo-product-tab-button {
  padding: 18px 0 !important;
  margin-right: 32px !important
}

.wbn-product-tab-content {
  padding: 26px !important
}

.selo-product-content-heading {
  display: none !important
}

.selo-related-products-section {
  padding-top: 50px !important
}

/* Cart */
.timtom-cart-page {
  padding: 42px 0 80px !important;
  background: #fff
}

.timtom-cart-title-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 26px;
  border-bottom: 1px solid #ededf1
}

.timtom-cart-title-row h1 {
  margin: 0;
  color: #172033;
  font-size: 36px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: -.045em
}

.timtom-cart-title-row p {
  margin: 9px 0 0;
  color: #111827;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em
}

.timtom-clear-bag {
  border: 0;
  background: transparent;
  color: #f12828;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  cursor: pointer
}

.timtom-cart-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 370px !important;
  gap: 60px !important;
  margin-top: 48px !important;
  align-items: start
}

.timtom-cart-main {
  min-width: 0
}

.timtom-cart-list {
  gap: 0 !important
}

.timtom-cart-item {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  gap: 24px !important;
  border: 0 !important;
  border-bottom: 1px solid #eeeeF2 !important;
  padding: 0 0 30px !important;
  margin-bottom: 30px !important
}

.timtom-cart-item .selo-cart-image-wrap {
  width: 96px !important;
  height: 128px !important;
  border-radius: 8px !important;
  background: #f3f3f4 !important;
  overflow: hidden
}

.timtom-cart-item .selo-cart-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important
}

.timtom-cart-item .selo-cart-product-name {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #141824 !important;
  text-decoration: none
}

.timtom-cart-item .selo-cart-meta {
  text-transform: uppercase;
  font-size: 10px !important;
  letter-spacing: .08em !important;
  color: #1e293b !important
}

.timtom-cart-unit-price {
  font-size: 16px;
  color: #111
}

.timtom-cart-item .selo-cart-item-bottom {
  justify-content: flex-start !important;
  gap: 24px !important;
  margin-top: 18px !important
}

.timtom-cart-item .wbn-cart-quantity {
  width: 100px !important;
  height: 36px !important;
  border-radius: 5px !important
}

.timtom-cart-item .wbn-cart-quantity button,
.timtom-cart-item .wbn-cart-quantity input {
  height: 34px !important
}

.timtom-remove-text {
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important
}

.timtom-update-bag {
  margin-top: 6px;
  border: 1px solid #dfe1e8;
  border-radius: 6px;
  background: #fff;
  padding: 9px 14px;
  color: #303746;
  font-size: 11px;
  font-weight: 700
}

.timtom-cart-summary {
  position: sticky;
  top: 170px;
  border: 0 !important;
  border-radius: 10px !important;
  background: #f7f7f8 !important;
  box-shadow: none !important;
  padding: 28px !important
}

.timtom-cart-summary .selo-cart-summary-header {
  padding: 0 0 20px !important;
  border-bottom: 1px solid #dddfe6 !important
}

.timtom-cart-summary .selo-cart-summary-title {
  font-size: 12px !important;
  letter-spacing: .05em !important
}

.timtom-cart-summary .selo-cart-summary-body {
  padding: 20px 0 0 !important
}

.timtom-cart-summary .selo-cart-summary-row {
  font-size: 11px !important;
  letter-spacing: .05em !important
}

.timtom-cart-summary .selo-cart-summary-divider {
  margin: 22px 0 !important
}

.timtom-cart-coupon-display {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 86px;
  gap: 8px
}

.timtom-cart-coupon-display input {
  min-width: 0;
  height: 42px;
  border: 1px solid #dfe1e7;
  border-radius: 7px;
  background: #fff;
  padding: 0 12px;
  font: inherit;
  font-size: 10px
}

.timtom-cart-coupon-display a {
  height: 42px;
  border-radius: 7px;
  background: #888;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none
}

.timtom-cart-summary .selo-cart-checkout-button {
  height: 56px !important;
  border-radius: 8px !important;
  margin-top: 28px !important;
  font-size: 11px !important;
  letter-spacing: .04em !important
}

.timtom-cart-recommendations {
  margin-top: 32px;
  border: 1px solid #e8e9ef;
  border-radius: 12px;
  padding: 24px
}

.timtom-cart-recommendations h2 {
  margin: 0;
  color: #171b28;
  font-size: 18px
}

.timtom-cart-recommendations>p {
  margin: 3px 0 18px;
  color: #8b8f9b;
  font-size: 12px
}

.timtom-cart-recommend-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px
}

.timtom-cart-recommend-card {
  border: 1px solid #eaebf0;
  border-radius: 9px;
  padding: 10px;
  background: #fff;
  min-width: 0
}

.timtom-cart-recommend-card>a:first-child {
  display: block;
  aspect-ratio: 1.45/1;
  overflow: hidden;
  border-radius: 7px;
  background: #f4f4f5
}

.timtom-cart-recommend-card img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.timtom-cart-recommend-card>div {
  padding: 9px 2px 7px;
  display: grid;
  gap: 4px
}

.timtom-rec-name {
  color: #222734;
  text-decoration: none;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.timtom-cart-recommend-card strong {
  color: var(--color-primary);
  font-size: 12px
}

.timtom-cart-recommend-card button,
.timtom-rec-options {
  width: 100%;
  height: 34px;
  border: 0;
  border-radius: 6px;
  background: var(--color-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none
}

/* Checkout */
.timtom-checkout-page {
  padding: 34px 0 70px !important;
  background: #fff
}

.timtom-checkout-header {
  margin-bottom: 18px
}

.timtom-checkout-header h1 {
  margin: 0;
  color: #151923;
  font-size: 28px;
  letter-spacing: -.035em
}

.timtom-checkout-header p {
  margin: 5px 0 0;
  color: #737988;
  font-size: 13px
}

.timtom-checkout-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 390px !important;
  gap: 32px !important;
  align-items: start
}

.timtom-checkout-card {
  border: 1px solid #e6e7ed !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important
}

.timtom-checkout-card .selo-checkout-card-body {
  padding: 30px !important
}

.timtom-checkout-section-head h2 {
  margin: 0 0 22px;
  color: #151923;
  font-size: 16px
}

.timtom-contact-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important
}

.timtom-checkout-page .selo-checkout-field label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #303746 !important
}

.timtom-checkout-page .selo-checkout-input,
.timtom-checkout-page .selo-checkout-textarea {
  border: 1px solid #dfe2e8 !important;
  border-radius: 7px !important;
  background: #fff !important;
  font-size: 13px !important
}

.timtom-checkout-page .selo-checkout-input {
  height: 44px !important
}

.timtom-checkout-page .selo-checkout-textarea {
  min-height: 68px !important
}

.timtom-checkout-summary {
  position: sticky;
  top: 170px;
  border: 1px solid #e3e5eb !important;
  border-radius: 9px !important;
  background: #fbfbfc !important;
  box-shadow: none !important;
  overflow: hidden
}

.timtom-checkout-summary .wbn-checkout-summary-header {
  padding: 22px 22px 16px !important
}

.timtom-checkout-summary .selo-checkout-summary-title {
  font-size: 16px !important
}

.timtom-checkout-summary .wbn-checkout-product-list {
  padding: 0 22px !important
}

.timtom-checkout-summary .selo-checkout-product-item {
  padding: 12px 0 !important;
  border-bottom: 1px solid #e5e6eb !important
}

.timtom-checkout-summary .wbn-checkout-product-image {
  width: 48px !important;
  height: 48px !important;
  border-radius: 7px !important
}

.timtom-checkout-summary .selo-checkout-product-name {
  font-size: 11px !important
}

.timtom-checkout-subsection {
  padding: 18px 22px;
  border-top: 1px solid #e6e7eb
}

.timtom-checkout-subsection h3 {
  margin: 0 0 12px;
  color: #111827;
  font-size: 14px
}

.timtom-shipping-options,
.timtom-payment-block .wbn-checkout-option-grid {
  gap: 8px !important
}

.timtom-checkout-page .selo-checkout-option {
  border: 1px solid #dde0e7 !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 0 !important
}

.timtom-checkout-page .selo-checkout-option.is-selected {
  border-color: #4b5563 !important;
  box-shadow: none !important
}

.timtom-checkout-page .wbn-checkout-option-content {
  min-height: 42px !important;
  padding: 9px 12px !important
}

.timtom-checkout-page .selo-checkout-option-title {
  font-size: 12px !important
}

.timtom-checkout-page .selo-checkout-option-description {
  font-size: 10px !important
}

.timtom-checkout-coupon {
  padding: 16px 22px !important
}

.timtom-checkout-page .wbn-checkout-coupon-form {
  gap: 8px !important
}

.timtom-checkout-page .selo-checkout-coupon-input {
  height: 42px !important;
  border-radius: 7px !important
}

.timtom-checkout-page .selo-checkout-coupon-button {
  height: 42px !important;
  border-radius: 7px !important
}

.timtom-checkout-page .wbn-checkout-totals {
  padding: 16px 22px !important
}

.timtom-checkout-page .selo-checkout-total-row {
  font-size: 12px !important
}

.timtom-checkout-page .selo-checkout-grand-total {
  font-size: 16px !important
}

.timtom-checkout-page .wbn-checkout-confirmation {
  padding: 18px 22px 22px !important
}

.timtom-checkout-page .selo-checkout-place-order {
  min-height: 50px !important;
  border-radius: 7px !important;
  background: var(--color-primary) !important;
  font-size: 14px !important
}

.timtom-checkout-page .wbn-checkout-security-note {
  text-align: center !important;
  font-size: 10px !important;
  color: #7a808d !important
}

/* Footer */
.timtom-footer {
  margin-top: 24px;
  background: #fff !important;
  color: #252a35 !important
}

.timtom-footer-benefits {
  border-top: 3px solid var(--color-primary);
  border-bottom: 1px solid #ececf0;
  background: #fff;
  padding: 34px 0
}

.timtom-footer-benefits-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0
}

.timtom-footer-benefit {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 22px;
  border-right: 1px solid #e2e3e8
}

.timtom-footer-benefit:first-child {
  padding-left: 0
}

.timtom-footer-benefit:last-child {
  border-right: 0
}

.timtom-footer-benefit-icon {
  font-size: 30px;
  color: var(--color-primary)
}

.timtom-footer-benefit strong {
  display: block;
  color: #111;
  font-size: 15px
}

.timtom-footer-benefit small {
  display: block;
  margin-top: 3px;
  color: #8a8e99;
  font-size: 12px
}

.timtom-footer-main {
  background: #fff !important;
  padding: 52px 0 !important;
  color: #656b78 !important
}

.timtom-footer-grid {
  display: grid;
  grid-template-columns: 1.3fr repeat(3, .8fr) 1.15fr;
  gap: 46px
}

.timtom-footer .selo-footer-logo {
  max-width: 220px;
  max-height: 58px;
  object-fit: contain
}

.timtom-footer-brand p {
  margin: 24px 0 0;
  max-width: 280px;
  color: #777c88;
  font-size: 13px;
  line-height: 1.8
}

.timtom-footer .selo-footer-title {
  margin: 0 0 20px !important;
  color: #111 !important;
  font-size: 15px !important
}

.timtom-footer .wbn-footer-list {
  display: grid !important;
  gap: 10px !important
}

.timtom-footer .wbn-footer-list a,
.timtom-footer .wbn-footer-list span {
  color: #777c88 !important;
  text-decoration: none !important;
  font-size: 13px !important
}

.timtom-footer .wbn-footer-list a:hover {
  color: var(--color-primary) !important
}

.timtom-footer-bottom {
  background: var(--color-primary) !important;
  border: 0 !important;
  color: #fff !important
}

.timtom-footer-bottom .selo-footer-bottom-inner {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.timtom-footer-bottom .selo-footer-copyright {
  color: #fff !important;
  font-size: 12px !important
}

.timtom-footer-socials {
  display: flex;
  gap: 18px
}

.timtom-footer-socials a {
  color: #fff;
  text-decoration: none;
  font-weight: 700
}

/* Drawer visual refinement */
.selo-cart-drawer-shell .wbn-cart-drawer {
  background: #fff !important
}

.selo-cart-drawer-header {
  border-color: #ececf0 !important
}

.selo-cart-drawer-title {
  font-size: 18px !important;
  font-weight: 750 !important
}

.selo-cart-drawer-item {
  border-radius: 10px !important
}

.selo-cart-drawer-actions a {
  border-radius: 7px !important
}

/* Responsive */
@media(max-width:1199px) {
  .timtom-header-row-one {
    gap: 24px
  }

  .timtom-nav-list {
    gap: 22px
  }

  .timtom-header-row-two {
    grid-template-columns: 205px minmax(0, 1fr) 190px
  }

  .timtom-search-form {
    grid-template-columns: minmax(0, 1fr) 140px 108px
  }

  .timtom-collection-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important
  }

  .timtom-cart-layout {
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 32px !important
  }

  .timtom-checkout-layout {
    grid-template-columns: minmax(0, 1fr) 370px !important
  }
}

@media(max-width:1023px) {
  .site-container {
    width: min(calc(100% - 28px), var(--container-width))
  }

  .timtom-hero {
    padding-top: 14px !important
  }

  .timtom-collections-section {
    padding-top: 30px !important
  }

  .timtom-collection-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important
  }

  .wbn-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
  }

  .timtom-story-grid {
    gap: 34px
  }

  .wbn-product-details-card {
    grid-template-columns: 1fr !important
  }

  .selo-product-gallery {
    max-width: 760px
  }

  .timtom-cart-layout,
  .timtom-checkout-layout {
    grid-template-columns: 1fr !important
  }

  .timtom-cart-summary,
  .timtom-checkout-summary {
    position: static !important
  }

  .timtom-footer-benefits-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 26px
  }

  .timtom-footer-benefit:nth-child(3) {
    border-right: 0
  }

  .timtom-footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px
  }

  .timtom-footer-brand {
    grid-column: 1/-1
  }

  .timtom-footer-contact {
    min-width: 0
  }
}

@media(max-width:767px) {
  .site-container {
    width: min(calc(100% - 24px), var(--container-width))
  }

  .timtom-hero .wbn-hero-slider {
    border-radius: 7px
  }

  .timtom-section-heading {
    margin-bottom: 20px
  }

  .timtom-section-heading .selo-category-title {
    font-size: 24px
  }

  .timtom-collection-grid {
    display: flex !important;
    overflow-x: auto;
    gap: 12px !important;
    scroll-snap-type: x mandatory;
    padding-bottom: 4px;
    scrollbar-width: none
  }

  .timtom-collection-grid::-webkit-scrollbar {
    display: none
  }

  .timtom-collection-card {
    flex: 0 0 40%;
    scroll-snap-align: start
  }

  .timtom-collection-card .selo-category-name {
    font-size: 13px
  }

  .timtom-promo-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important
  }

  .timtom-products-head {
    display: block;
    margin-bottom: 20px
  }

  .timtom-products-head .selo-products-title {
    font-size: 23px
  }

  .timtom-category-tabs {
    margin-top: 12px;
    gap: 20px
  }

  .wbn-products-grid {
    grid-template-columns: repeat(var(--timtom-product-columns-mobile, 2), minmax(0, 1fr)) !important;
    gap: 10px !important
  }

  .timtom-product-image-area {
    padding: 8px 8px 0
  }

  .timtom-stock-badge {
    left: 13px !important;
    top: 13px !important;
    font-size: 8px !important;
    padding: 4px 6px !important
  }

  .timtom-product-content {
    padding: 10px !important
  }

  .timtom-product-category {
    font-size: 8px;
    margin-bottom: 5px
  }

  .timtom-product-content .selo-product-name {
    font-size: max(12px, calc(var(--timtom-product-title-size, 16px) - 2px)) !important;
    min-height: 35px
  }

  .timtom-product-excerpt {
    display: none
  }

  .timtom-product-price {
    gap: 4px !important;
    padding-top: 8px !important
  }

  .timtom-product-price .selo-product-current-price {
    font-size: 15px !important
  }

  .timtom-product-price .selo-product-old-price {
    font-size: 9px !important
  }

  .timtom-discount-chip {
    font-size: 7px;
    padding: 3px 4px
  }

  .timtom-product-card .selo-product-button {
    height: 34px !important;
    margin-top: 8px !important;
    font-size: 10px !important
  }

  .timtom-story-section {
    padding: 34px 0 48px
  }

  .timtom-story-grid {
    grid-template-columns: 1fr;
    gap: 24px
  }

  .timtom-story-visual,
  .timtom-story-visual img {
    min-height: 260px
  }

  .timtom-story-copy h2 {
    font-size: 30px
  }

  .timtom-story-text {
    font-size: 13px;
    margin: 16px 0
  }

  .selo-product-gallery {
    grid-template-columns: 1fr;
    grid-template-areas: "main" "thumbs";
    gap: 8px
  }

  .wbn-product-thumbnails {
    flex-direction: row !important;
    overflow-x: auto !important
  }

  .selo-product-thumbnail {
    width: 58px !important;
    height: 58px !important
  }

  .wbn-product-main-image {
    aspect-ratio: 1/1
  }

  .selo-product-details-title {
    font-size: 26px !important
  }

  .selo-product-details-current-price {
    font-size: 28px !important
  }

  .wbn-product-purchase-actions {
    grid-template-columns: 1fr 1fr !important
  }

  .wbn-product-benefits {
    grid-template-columns: repeat(3, 1fr) !important
  }

  .selo-product-benefit {
    padding: 12px 6px !important
  }

  .selo-product-benefit-text {
    display: none !important
  }

  .wbn-product-tabs {
    overflow-x: auto;
    white-space: nowrap;
    padding: 0 16px !important
  }

  .selo-product-tab-button {
    margin-right: 22px !important;
    padding: 15px 0 !important
  }

  .wbn-product-tab-content {
    padding: 18px !important
  }

  .timtom-cart-page {
    padding-top: 28px !important
  }

  .timtom-cart-title-row h1 {
    font-size: 28px
  }

  .timtom-cart-layout {
    margin-top: 30px !important
  }

  .timtom-cart-item {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 14px !important
  }

  .timtom-cart-item .selo-cart-image-wrap {
    width: 78px !important;
    height: 94px !important
  }

  .timtom-cart-item .selo-cart-item-top {
    display: block !important
  }

  .timtom-cart-unit-price {
    display: block;
    margin-top: 8px
  }

  .timtom-cart-recommendations {
    padding: 16px
  }

  .timtom-cart-recommend-grid {
    display: flex;
    overflow-x: auto
  }

  .timtom-cart-recommend-card {
    flex: 0 0 72%
  }

  .timtom-cart-summary {
    padding: 20px !important
  }

  .timtom-checkout-page {
    padding-top: 24px !important
  }

  .timtom-checkout-header h1 {
    font-size: 24px
  }

  .timtom-checkout-card .selo-checkout-card-body {
    padding: 18px !important
  }

  .timtom-contact-grid {
    grid-template-columns: 1fr !important
  }

  .timtom-checkout-summary .wbn-checkout-summary-header,
  .timtom-checkout-summary .wbn-checkout-product-list,
  .timtom-checkout-subsection,
  .timtom-checkout-coupon,
  .timtom-checkout-page .wbn-checkout-totals,
  .timtom-checkout-page .wbn-checkout-confirmation {
    padding-left: 16px !important;
    padding-right: 16px !important
  }

  .timtom-footer-benefits {
    padding: 24px 0
  }

  .timtom-footer-benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px
  }

  .timtom-footer-benefit {
    border: 0 !important;
    padding: 0 !important
  }

  .timtom-footer-benefit-icon {
    font-size: 24px
  }

  .timtom-footer-benefit strong {
    font-size: 12px
  }

  .timtom-footer-benefit small {
    font-size: 10px
  }

  .timtom-footer-main {
    padding: 36px 0 !important
  }

  .timtom-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 20px
  }

  .timtom-footer-brand {
    grid-column: 1/-1
  }

  .timtom-footer-bottom .selo-footer-bottom-inner {
    gap: 12px;
    flex-direction: column;
    justify-content: center;
    padding: 12px 0;
    text-align: center
  }
}

@media(max-width:390px) {
  .wbn-products-grid {
    grid-template-columns: repeat(var(--timtom-product-columns-mobile, 2), minmax(0, 1fr)) !important
  }

  .timtom-product-content .selo-product-name {
    font-size: 12px !important
  }

  .timtom-product-price .selo-product-current-price {
    font-size: 14px !important
  }

  .timtom-discount-chip {
    display: none
  }

  .timtom-cart-title-row {
    align-items: flex-start
  }

  .timtom-cart-item {
    grid-template-columns: 70px minmax(0, 1fr) !important
  }

  .timtom-cart-item .selo-cart-image-wrap {
    width: 70px !important;
    height: 84px !important
  }

  .timtom-footer-grid {
    grid-template-columns: 1fr 1fr
  }
}


/* =========================================================
   TimTom / BigMarket accuracy pass v1.1.0
   Default desktop canvas: 1200px, fully responsive below it.
   ========================================================= */

/* Three-row desktop header */
.timtom-topbar {
  height: 40px !important;
  background: #f5f5f6 !important
}

.timtom-topbar-inner {
  height: 40px;
  min-height: 40px !important;
  font-size: 12px !important;
  letter-spacing: .035em !important
}

.timtom-topbar-left {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #15171d;
  font-weight: 500
}

.timtom-topbar-deal-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: var(--color-primary);
  color: #fff
}

.timtom-topbar-deal-icon svg {
  width: 13px;
  height: 13px
}

.timtom-topbar-right {
  gap: 0 !important;
  color: #20222a !important
}

.timtom-topbar-right>* {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 18px;
  padding: 0 12px !important;
  white-space: nowrap
}

.timtom-topbar-right>*:first-child {
  padding-left: 0 !important
}

.timtom-topbar-right>*:last-child {
  padding-right: 0 !important
}

.timtom-topbar-right>*+*:before {
  content: none !important
}

.timtom-topbar-right>*+* {
  border-left: 1px solid #d7d8dd
}

.timtom-topbar-link svg {
  width: 14px;
  height: 14px
}

.timtom-topbar-link:hover {
  color: var(--color-primary) !important
}

.timtom-header-main {
  border-bottom: 1px solid #ececef !important
}

.timtom-header-row-one {
  min-height: 88px !important;
  gap: 30px !important
}

.timtom-brand {
  display: flex;
  align-items: center;
  min-width: 180px
}

.timtom-brand img {
  max-height: 48px !important
}

.timtom-main-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible !important
}

.timtom-nav-list {
  justify-content: center !important;
  gap: 32px !important;
  overflow: visible !important
}

.timtom-nav-list>li {
  position: relative
}

.timtom-nav-list .selo-menu-link {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  min-height: 44px;
  padding: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: .015em;
  color: #111318 !important;
  background: transparent !important;
  border: 0 !important
}

.timtom-nav-list .selo-menu-link svg {
  width: 14px;
  height: 14px
}

.timtom-more-button {
  cursor: pointer;
  font-family: inherit
}

.timtom-more-nav:hover>.timtom-more-dropdown,
.timtom-more-nav:focus-within>.timtom-more-dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto
}

.timtom-more-dropdown {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 80;
  top: calc(100% - 3px);
  right: 0;
  width: 240px;
  padding: 8px;
  border: 1px solid #e7e8ed;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 15px 35px rgba(17, 24, 39, .12);
  transform: translateY(8px);
  transition: .18s ease
}

.timtom-more-item>a {
  display: flex;
  padding: 10px 12px;
  border-radius: 6px;
  color: #252936;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none
}

.timtom-more-item>a:hover {
  background: #f5f4ff;
  color: var(--color-primary)
}

.timtom-more-children {
  display: grid;
  padding: 0 8px 6px 20px
}

.timtom-more-children a {
  padding: 6px 8px;
  color: #737987;
  font-size: 12px;
  text-decoration: none
}

.timtom-more-children a:hover {
  color: var(--color-primary)
}

.timtom-header-actions {
  gap: 22px !important
}

.timtom-account-link,
.timtom-cart-link {
  font-size: 14px !important;
  font-weight: 600 !important
}

.timtom-account-link svg,
.timtom-cart-link svg {
  width: 21px !important;
  height: 21px !important
}

.timtom-header-row-two-wrap {
  border-top: 0;
  background: #fff
}

.timtom-header-row-two {
  grid-template-columns: 228px minmax(0, 1fr) 210px !important;
  gap: 15px !important;
  padding: 0 0 14px !important
}

.timtom-category-nav {
  position: relative
}

.timtom-category-button {
  width: 100%;
  height: 54px !important;
  border-radius: 7px !important;
  padding: 0 17px !important;
  font-size: 14px !important;
  letter-spacing: .04em !important;
  cursor: pointer
}

.timtom-category-dropdown {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 90;
  left: 0;
  top: calc(100% + 7px);
  width: 280px;
  padding: 9px;
  border: 1px solid #e5e7ed;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 18px 38px rgba(17, 24, 39, .14);
  transform: translateY(8px);
  transition: .18s ease
}

.timtom-category-nav:hover .timtom-category-dropdown,
.timtom-category-nav:focus-within .timtom-category-dropdown,
.timtom-category-nav.is-open .timtom-category-dropdown {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0)
}

.timtom-category-all {
  display: block;
  margin-bottom: 5px;
  padding: 10px 11px;
  border-radius: 6px;
  background: #f7f6ff;
  color: var(--color-primary);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none
}

.timtom-category-dropdown-list {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none
}

.timtom-category-dropdown-list>li {
  position: relative !important
}

.timtom-category-dropdown-list>li>.selo-menu-link {
  display: flex !important;
  width: 100%;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 11px !important;
  border-radius: 6px;
  color: #242834 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none
}

.timtom-category-dropdown-list>li>.selo-menu-link:hover {
  background: #f6f6f8 !important;
  color: var(--color-primary) !important
}

.timtom-category-dropdown-list .wbn-dropdown-panel {
  border: 1px solid #e7e8ed !important;
  background: #fff !important;
  box-shadow: 0 15px 34px rgba(17, 24, 39, .12) !important
}

.timtom-search-form {
  height: 54px !important;
  grid-template-columns: minmax(0, 1fr) 176px 118px !important;
  border-color: #e2e3e8 !important;
  border-radius: 7px !important;
  background: #f7f7f8 !important
}

.timtom-search-form .selo-search-input {
  font-size: 13px !important
}

.timtom-search-category {
  height: 32px;
  width: 100%;
  border: 0;
  border-left: 1px solid #d9dbe1;
  background: transparent;
  padding: 0 34px 0 14px;
  color: #616673;
  font: inherit;
  font-size: 12px;
  outline: 0;
  cursor: pointer
}

.timtom-search-form .selo-search-button {
  height: 44px !important;
  margin-right: 5px !important;
  border-radius: 6px !important;
  font-size: 13px !important
}

.timtom-whatsapp-box {
  height: 54px !important;
  border-radius: 7px !important;
  padding: 0 13px !important;
  gap: 10px !important
}

.timtom-whatsapp-icon {
  display: flex !important;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  color: #111
}

.timtom-whatsapp-icon svg {
  width: 30px;
  height: 30px
}

.timtom-whatsapp-box small {
  font-size: 10px !important
}

.timtom-whatsapp-box strong {
  font-size: 14px !important;
  letter-spacing: .02em
}

/* Product cards - exact content stack */
.timtom-product-content .selo-product-name {
  -webkit-line-clamp: var(--timtom-product-title-lines, 2) !important;
  min-height: 43px !important
}

.timtom-product-excerpt {
  -webkit-line-clamp: var(--timtom-product-excerpt-lines, 2) !important;
  min-height: 36px !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important
}

.timtom-product-price .selo-product-current-price {
  font-size: 18px !important
}

.timtom-product-price .selo-product-old-price {
  text-decoration: line-through !important
}

.timtom-discount-chip {
  background: #ffb20b !important;
  color: #111 !important;
  border-radius: 4px !important;
  font-weight: 800 !important
}

.timtom-product-card .selo-product-button {
  height: 38px !important
}

/* Reference-matched single product */
.timtom-product-details-page {
  padding: 22px 0 74px !important
}

.timtom-product-breadcrumb {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  margin: 0 0 22px !important;
  color: #3e4655 !important;
  font-size: 12px !important
}

.timtom-product-breadcrumb a {
  display: inline-flex;
  align-items: center;
  color: #3d4657 !important;
  text-decoration: none
}

.timtom-product-breadcrumb a:hover {
  color: var(--color-primary) !important
}

.timtom-product-breadcrumb svg {
  width: 14px;
  height: 14px
}

.timtom-product-detail-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr) !important;
  gap: 32px !important
}

.timtom-product-left {
  min-width: 0
}

.timtom-product-left .selo-product-gallery {
  grid-template-columns: 68px minmax(0, 1fr) !important;
  gap: 12px !important
}

.timtom-product-left .wbn-product-main-image {
  aspect-ratio: 1.17/1 !important;
  border-radius: 8px !important;
  background: #f2f2f2 !important;
  overflow: hidden
}

.timtom-product-left .wbn-product-main-image .selo-product-gallery-image {
  object-fit: cover !important
}

.timtom-product-left .wbn-product-thumbnails {
  gap: 10px !important
}

.timtom-product-left .selo-product-thumbnail {
  width: 66px !important;
  height: 66px !important;
  border-radius: 7px !important;
  padding: 2px !important;
  background: #f3f3f4 !important
}

.timtom-product-info {
  padding: 0 0 0 0 !important
}

.timtom-product-info .selo-product-details-title {
  margin: 0 0 18px !important;
  color: #0f172a !important;
  font-size: 32px !important;
  line-height: 1.16 !important;
  font-weight: 750 !important;
  letter-spacing: -.035em !important
}

.timtom-product-detail-price {
  margin: 0 0 12px !important;
  gap: 11px !important
}

.timtom-product-detail-price .selo-product-details-current-price {
  order: 0;
  color: var(--color-primary) !important;
  font-size: 31px !important;
  line-height: 1;
  font-weight: 800 !important
}

.timtom-product-detail-price .selo-product-details-old-price {
  order: 1;
  color: #8f939e !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  text-decoration: line-through
}

.timtom-product-save-chip {
  order: 2;
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #fff0f0;
  color: #f12b36;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap
}

.timtom-product-status-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 17px;
  color: #6e7481;
  font-size: 10px
}

.timtom-product-sku strong {
  color: #48505e
}

.timtom-product-stock {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 9px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 800
}

.timtom-product-stock.is-in-stock {
  background: #dff8e7;
  color: #20a34a
}

.timtom-product-stock.is-out-stock {
  background: #fff0f0;
  color: #ef3340
}

.timtom-product-low-stock {
  color: #e57613;
  font-weight: 700
}

.timtom-product-short-description {
  margin: 0 0 16px !important;
  color: #5f6673 !important;
  font-size: 13px !important;
  line-height: 1.65 !important
}

.timtom-product-short-description p {
  margin: 0 0 7px
}

.timtom-product-purchase-panel {
  margin-top: 0 !important
}

.timtom-product-purchase-panel .selo-product-variant-group {
  margin-top: 16px !important
}

.timtom-variant-heading {
  justify-content: flex-start !important;
  gap: 8px !important
}

.timtom-product-purchase-panel .selo-product-variant-title {
  font-size: 12px !important;
  color: #303746 !important
}

.timtom-product-purchase-panel .selo-selected-variant {
  font-size: 10px !important;
  color: #7d8390 !important
}

.timtom-product-purchase-panel .selo-variant-option {
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 7px !important;
  font-size: 11px !important
}

.timtom-purchase-row {
  display: grid;
  grid-template-columns: 70px minmax(150px, 1fr) minmax(170px, 1.12fr);
  gap: 9px;
  align-items: stretch;
  margin-top: 20px
}

.timtom-product-quantity {
  display: flex;
  align-items: center;
  width: 200px !important;
  height: 43px !important;
  border-radius: 7px !important
}

.timtom-product-quantity .selo-quantity-button {
  width: 60px !important;
  height: 41px !important;
  font-size: 15px !important
}

.timtom-product-quantity .selo-quantity-input {
  width: 60px !important;
  height: 41px !important;
  font-size: 11px !important
}

.timtom-buy-now,
.timtom-add-cart {
  min-height: 43px !important;
  border-radius: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-size: 12px !important;
  font-weight: 700 !important
}

.timtom-buy-now {
  background: var(--color-primary) !important;
  border: 1px solid var(--color-primary) !important;
  color: #fff !important
}

.timtom-add-cart {
  background: #fff !important;
  border: 1px solid var(--color-primary) !important;
  color: var(--color-primary) !important
}

.timtom-buy-now svg,
.timtom-add-cart svg {
  width: 16px;
  height: 16px
}

.timtom-product-secondary-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 13px
}

.timtom-product-secondary-actions a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #344052;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none
}

.timtom-product-secondary-actions a:hover {
  color: var(--color-primary)
}

.timtom-product-secondary-actions svg {
  width: 16px;
  height: 16px
}

.timtom-product-benefits {
  margin-top: 18px !important;
  border-radius: 9px !important
}

.timtom-product-benefits .selo-product-benefit {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 116px;
  padding: 20px 10px !important;
  text-align: left !important
}

.timtom-product-benefits .wbn-product-benefit-icon {
  display: block !important;
  flex: none;
  width: 31px;
  height: 31px;
  margin: 0 !important;
  color: #1f2937 !important
}

.timtom-product-benefits .wbn-product-benefit-icon svg {
  width: 31px;
  height: 31px
}

.timtom-product-benefits .selo-product-benefit-title {
  display: block;
  font-size: 11px !important;
  line-height: 1.35 !important;
  color: #111827 !important
}

.timtom-product-benefits .selo-product-benefit-text {
  display: block;
  margin-top: 5px;
  font-size: 9px !important;
  line-height: 1.5 !important;
  color: #7c8290 !important
}

.timtom-product-left .wbn-product-information-section {
  margin-top: 14px !important;
  border-radius: 8px !important
}

.timtom-product-left .wbn-product-tabs {
  padding: 0 24px !important;
  background: #f5f3ff !important
}

.timtom-product-left .selo-product-tab-button {
  margin-right: 28px !important;
  padding: 16px 0 !important;
  font-size: 12px !important
}

.timtom-product-left .wbn-product-tab-content {
  padding: 22px 24px !important;
  min-height: 170px
}

.timtom-product-left .selo-product-description {
  font-size: 12px !important;
  line-height: 1.75 !important
}

.timtom-product-left .selo-product-reviews-layout {
  grid-template-columns: 1fr !important
}

.timtom-product-left .selo-product-shipping-methods {
  grid-template-columns: 1fr !important
}

.selo-related-products-section {
  padding-top: 56px !important;
  border-top: 1px solid #f0f1f3;
  margin-top: 56px !important
}

.timtom-related-header {
  margin-bottom: 24px !important
}

.timtom-related-header .selo-related-products-title {
  font-size: 24px !important;
  color: #111827 !important
}

/* Footer benefit icons */
.timtom-footer-benefit-icon {
  display: flex !important;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  flex: none;
  color: var(--color-primary) !important
}

.timtom-footer-benefit-icon svg {
  width: 40px;
  height: 40px
}

.timtom-footer-benefit-icon img {
  width: 42px;
  height: 42px;
  object-fit: contain
}

/* Tablet */
@media(max-width:1199px) and (min-width:1024px) {
  .timtom-header-row-one {
    gap: 20px !important
  }

  .timtom-nav-list {
    gap: 20px !important
  }

  .timtom-header-row-two {
    grid-template-columns: 205px minmax(0, 1fr) 188px !important
  }

  .timtom-search-form {
    grid-template-columns: minmax(0, 1fr) 145px 105px !important
  }

  .timtom-product-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr) !important;
    gap: 26px !important
  }

  .timtom-purchase-row {
    grid-template-columns: 66px 1fr 1fr
  }
}

/* Mobile product flow: gallery -> product info -> tabs */
@media(max-width:1023px) {
  .timtom-product-detail-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important
  }

  .timtom-product-left {
    display: contents
  }

  .timtom-product-left>.selo-product-gallery {
    order: 1
  }

  .timtom-product-info {
    order: 2
  }

  .timtom-product-left>.wbn-product-information-section {
    order: 3;
    margin-top: 4px !important
  }
}

@media(max-width:767px) {
  .timtom-product-details-page {
    padding-top: 14px !important
  }

  .timtom-product-breadcrumb {
    margin-bottom: 14px !important;
    overflow: hidden;
    white-space: nowrap
  }

  .timtom-product-breadcrumb span:last-child {
    overflow: hidden;
    text-overflow: ellipsis
  }

  .timtom-product-info .selo-product-details-title {
    font-size: 24px !important;
    margin-bottom: 13px !important
  }

  .timtom-product-detail-price .selo-product-details-current-price {
    font-size: 27px !important
  }

  .timtom-product-detail-price .selo-product-details-old-price {
    font-size: 16px !important
  }

  .timtom-purchase-row {
    grid-template-columns: 68px 1fr !important
  }

  .timtom-add-cart {
    grid-column: 1/-1
  }

  .timtom-product-benefits .selo-product-benefit {
    min-height: 94px;
    padding: 14px 6px !important;
    display: block !important;
    text-align: center !important
  }

  .timtom-product-benefits .wbn-product-benefit-icon {
    margin: 0 auto 6px !important
  }

  .timtom-product-benefits .selo-product-benefit-text {
    display: none !important
  }

  .timtom-product-left .wbn-product-tabs {
    padding: 0 16px !important
  }

  .timtom-product-left .selo-product-tab-button {
    margin-right: 22px !important
  }

  .timtom-product-left .wbn-product-tab-content {
    padding: 18px !important
  }

  .timtom-product-excerpt {
    display: -webkit-box !important;
    min-height: 34px !important;
    font-size: 11px !important
  }

  .timtom-product-content .selo-product-name {
    -webkit-line-clamp: var(--timtom-product-title-lines, 2) !important
  }
}

@media(max-width:480px) {
  .timtom-purchase-row {
    grid-template-columns: 64px minmax(0, 1fr) !important
  }

  .timtom-product-secondary-actions {
    gap: 16px
  }

  .timtom-product-left .selo-product-gallery {
    grid-template-columns: 1fr !important;
    grid-template-areas: "main" "thumbs" !important
  }

  .timtom-product-left .wbn-product-thumbnails {
    flex-direction: row !important;
    overflow-x: auto !important
  }

  .timtom-product-left .selo-product-thumbnail {
    width: 58px !important;
    height: 58px !important
  }
}


/* =========================================================
   v1.2.0 homepage controls, alignment and auth refinements
   ========================================================= */
/* Keep both desktop header rows on the exact same content line. */
.timtom-header-row-one,
.timtom-header-row-two {
  box-sizing: border-box !important;
  width: min(calc(100% - 40px), var(--container-width)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.timtom-header-row-two-wrap {
  width: 100%;
  overflow: visible
}

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

/* Fully configurable category grid/carousel. */
.timtom-category-carousel {
  position: relative
}

.timtom-category-carousel .timtom-collection-grid {
  gap: 20px !important
}

.timtom-category-carousel.is-grid .timtom-collection-grid {
  display: grid !important;
  grid-template-columns: repeat(var(--category-cols-desktop, 5), minmax(0, 1fr)) !important;
  overflow: visible !important;
}

.timtom-category-carousel.is-slider {
  padding-inline: 0
}

.timtom-category-carousel.is-slider .timtom-collection-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: var(--category-card-width-desktop) !important;
  grid-template-columns: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 2px 1px 8px;
}

.timtom-category-carousel.is-slider .timtom-collection-grid::-webkit-scrollbar {
  display: none
}

.timtom-category-carousel.is-slider .timtom-collection-card {
  scroll-snap-align: start;
  min-width: 0;
  flex: none !important
}

.timtom-category-arrow {
  position: absolute;
  z-index: 4;
  top: 42%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  background: #fff;
  color: var(--color-heading);
  box-shadow: 0 6px 20px rgba(15, 23, 42, .12);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%)
}

.timtom-category-arrow:hover {
  border-color: var(--color-primary);
  color: var(--color-primary)
}

.timtom-category-arrow.is-prev {
  left: -18px
}

.timtom-category-arrow.is-next {
  right: -18px
}

/* Instant popular-product category tabs. */
.timtom-category-tabs button {
  position: relative;
  border: 0;
  background: transparent;
  padding: 8px 0;
  color: #171a25;
  font: inherit;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer
}

.timtom-category-tabs button.is-active,
.timtom-category-tabs button:hover {
  color: var(--color-primary)
}

.timtom-category-tabs button.is-active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--color-primary)
}

.timtom-products-ajax-shell {
  position: relative;
  min-height: 160px
}

.timtom-products-ajax-shell.is-loading .wbn-products-grid {
  opacity: .42;
  pointer-events: none
}

.timtom-products-loading {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 700;
  pointer-events: none
}

.timtom-products-loading[hidden] {
  display: none !important
}

/* Three-banner desktop mosaic: 50% large left + two stacked 50% right. */
.timtom-promo-mosaic-section {
  padding: 8px 0 58px !important;
  background: #fff
}

.timtom-promo-mosaic {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 18px;
  height: clamp(360px, 36vw, 500px)
}

.timtom-promo-card {
  display: block;
  min-width: 0;
  min-height: 0;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: none !important;
  background: #f6f6f7
}

.timtom-promo-card.is-large {
  grid-row: 1 / span 2
}

.timtom-promo-card picture,
.timtom-promo-card img {
  display: block;
  width: 100%;
  height: 100%
}

.timtom-promo-card img {
  object-fit: cover;
  transition: transform .3s ease
}

.timtom-promo-card:hover img {
  transform: scale(1.015)
}

/* Progressive all-products feed. */
.timtom-all-products {
  padding: 46px 0 70px !important;
  background: #fff
}

.timtom-all-products-head {
  margin-bottom: 28px
}

.timtom-all-products-head .selo-products-description {
  margin-top: 8px
}

.timtom-load-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 32px
}

.timtom-load-more-button {
  border: 0;
  cursor: pointer;
  min-width: 150px
}

.timtom-load-more-button:disabled {
  opacity: .6;
  cursor: wait
}

/* Product gallery must never float above following product information while scrolling. */
@media(min-width:1024px) {
  .timtom-product-left .selo-product-gallery {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important
  }

  .timtom-product-left .wbn-product-information-section {
    position: relative;
    z-index: 2;
    background: #fff
  }

  .timtom-product-detail-grid {
    overflow: visible !important
  }
}

/* Login, register and forgot-password: single centered premium card. */
.selo-auth-page {
  display: flex;
  align-items: center;
  min-height: calc(100vh - 180px);
  padding: 42px 0 64px !important
}

.selo-auth-layout-single {
  display: block !important;
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .10) !important
}

.selo-auth-layout-single .selo-auth-form-panel {
  padding: 42px 46px 46px !important
}

.selo-auth-layout-single .selo-auth-heading {
  margin-top: 24px;
  text-align: center
}

.selo-auth-layout-single .selo-auth-back {
  margin-bottom: 2px
}

.selo-auth-layout-single .selo-auth-switch {
  margin-top: 22px
}

@media(max-width:1199px) and (min-width:768px) {
  .timtom-category-carousel.is-grid .timtom-collection-grid {
    grid-template-columns: repeat(var(--category-cols-tablet, 4), minmax(0, 1fr)) !important
  }

  .timtom-category-carousel.is-slider .timtom-collection-grid {
    grid-auto-columns: var(--category-card-width-tablet) !important;
    gap: 16px !important
  }
}

@media(max-width:767px) {

  .timtom-header-row-one,
  .timtom-header-row-two {
    width: min(calc(100% - 24px), var(--container-width)) !important;
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .timtom-category-carousel.is-grid .timtom-collection-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--category-cols-mobile, 2), minmax(0, 1fr)) !important;
    overflow: visible !important;
    gap: 12px !important
  }

  .timtom-category-carousel.is-slider .timtom-collection-grid {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: var(--category-card-width-mobile) !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    overflow-x: auto !important
  }

  .timtom-category-carousel .timtom-collection-card {
    flex: none !important
  }

  .timtom-category-arrow {
    display: none !important
  }

  .timtom-promo-mosaic {
    height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 12px
  }

  .timtom-promo-card.is-large {
    grid-row: auto
  }

  .timtom-promo-card {
    aspect-ratio: 16/7
  }

  .timtom-promo-card.is-large {
    aspect-ratio: 16/9
  }

  .timtom-all-products {
    padding: 34px 0 52px !important
  }

  .selo-auth-page {
    padding: 24px 0 44px !important;
    align-items: flex-start
  }

  .selo-auth-layout-single {
    width: 100% !important;
    border-radius: 14px !important
  }

  .selo-auth-layout-single .selo-auth-form-panel {
    padding: 28px 20px 32px !important
  }
}

/* TimTom Kids v1.3.0 — wishlist, compare, cart/checkout live controls and full-width product tabs */
.timtom-whatsapp-box {
  border-color: rgba(37, 211, 102, .28) !important;
  background: linear-gradient(180deg, #fff, #f7fff9) !important
}

.timtom-whatsapp-icon {
  color: #25D366 !important;
  background: rgba(37, 211, 102, .1);
  border-radius: 999px
}

.timtom-whatsapp-icon svg {
  stroke: #25D366 !important
}

.timtom-list-count {
  display: inline-flex;
  min-width: 17px;
  height: 17px;
  padding: 0 5px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, .18);
  font-size: 9px;
  line-height: 1;
  font-weight: 800;
  margin-left: 3px
}

.timtom-product-image-area {
  position: relative
}

.timtom-card-save-actions {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 7px
}

.timtom-card-save-button {
  width: 34px;
  height: 34px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #596273;
  cursor: pointer;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .08);
  transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease
}

.timtom-card-save-button:hover {
  transform: translateY(-1px);
  border-color: var(--color-primary);
  color: var(--color-primary)
}

.timtom-card-save-button.is-active {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff
}

.timtom-card-save-button:disabled {
  opacity: .6;
  cursor: wait
}

.timtom-card-save-button svg {
  width: 16px;
  height: 16px
}

.timtom-price-on-selection {
  font-size: 13px !important
}

.timtom-product-secondary-actions button {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #344052;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit
}

.timtom-product-secondary-actions button:hover,
.timtom-product-secondary-actions button.is-active {
  color: var(--color-primary)
}

.timtom-product-secondary-actions button:disabled {
  opacity: .55;
  cursor: wait
}

.timtom-full-product-information {
  width: 100% !important;
  margin-top: 34px !important;
  position: relative !important;
  z-index: 2 !important;
  background: #fff !important
}

.timtom-full-product-information .wbn-product-tabs {
  padding: 0 30px !important;
  background: #f8f7ff !important;
  overflow-x: auto;
  white-space: nowrap
}

.timtom-full-product-information .selo-product-tab-button {
  margin-right: 32px !important;
  padding: 18px 0 !important
}

.timtom-full-product-information .wbn-product-tab-content {
  padding: 30px !important;
  min-height: 190px
}

.timtom-full-product-information .selo-product-description {
  max-width: none !important;
  width: 100% !important;
  font-size: 13px !important;
  line-height: 1.8 !important
}

.timtom-full-product-information .selo-product-reviews-layout {
  width: 100% !important
}

.timtom-full-product-information .selo-product-shipping-methods {
  width: 100% !important
}

.timtom-cart-line-total {
  font-size: 12px;
  font-weight: 800;
  color: var(--color-primary);
  white-space: nowrap
}

.timtom-cart-auto-note {
  margin: 2px 0 0;
  color: #7b8190;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .02em
}

[data-selo-cart-page-quantity]:disabled {
  opacity: .55
}

.timtom-checkout-product-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: 8px !important
}

.timtom-checkout-qty {
  display: inline-grid;
  grid-template-columns: 28px 34px 28px;
  height: 30px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
  background: #fff
}

.timtom-checkout-qty button {
  border: 0;
  background: #f8fafc;
  color: #111827;
  font-size: 15px;
  cursor: pointer
}

.timtom-checkout-qty input {
  width: 34px;
  border: 0;
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  text-align: center;
  font-size: 11px;
  outline: 0;
  -moz-appearance: textfield
}

.timtom-checkout-qty input::-webkit-outer-spin-button,
.timtom-checkout-qty input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.timtom-checkout-remove {
  border: 0;
  background: transparent;
  color: #dc2626;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  padding: 4px
}

.timtom-checkout-add-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 22px 16px;
  border-bottom: 1px solid #eef0f4
}

.timtom-checkout-add-more a {
  color: var(--color-primary);
  font-size: 11px;
  font-weight: 750;
  text-decoration: none
}

.timtom-checkout-add-more span {
  color: #8a909c;
  font-size: 9px
}

.timtom-saved-page {
  padding: 44px 0 80px;
  background: #fff
}

.timtom-saved-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eceef3;
  margin-bottom: 32px
}

.timtom-saved-eyebrow {
  display: block;
  margin-bottom: 7px;
  color: var(--color-primary);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase
}

.timtom-saved-header h1 {
  margin: 0;
  color: #111827;
  font-size: 34px;
  line-height: 1.1;
  letter-spacing: -.04em
}

.timtom-saved-header p {
  margin: 8px 0 0;
  color: #6b7280;
  font-size: 12px
}

.timtom-saved-grid>div {
  min-width: 0
}

.timtom-saved-empty {
  padding: 58px 24px !important;
  text-align: center
}

.timtom-compare-scroll {
  overflow-x: auto;
  padding-bottom: 10px
}

.timtom-compare-table {
  min-width: max(780px, 100%);
  display: grid;
  grid-template-columns: 150px repeat(var(--compare-count), minmax(190px, 1fr));
  border: 1px solid #e7e9ef;
  border-radius: 10px;
  overflow: hidden;
  background: #fff
}

.timtom-compare-table>* {
  min-width: 0;
  border-right: 1px solid #eceef3;
  border-bottom: 1px solid #eceef3;
  padding: 18px
}

.timtom-compare-label {
  background: #f8f9fb;
  color: #4b5563;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em
}

.timtom-compare-product {
  position: relative;
  text-align: center;
  padding-top: 38px !important
}

.timtom-compare-product img {
  width: 100%;
  height: 170px;
  object-fit: contain;
  background: #f7f7f8;
  border-radius: 8px
}

.timtom-compare-name {
  display: block;
  margin-top: 12px;
  color: #111827;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
  line-height: 1.45
}

.timtom-compare-remove {
  position: absolute;
  right: 12px;
  top: 10px;
  border: 0;
  background: transparent;
  color: #dc2626;
  font-size: 9px;
  font-weight: 700;
  cursor: pointer
}

.timtom-compare-value {
  display: flex;
  align-items: center;
  color: #4b5563;
  font-size: 12px;
  line-height: 1.5
}

.timtom-compare-value strong {
  color: var(--color-primary)
}

.timtom-compare-view {
  width: 100%;
  text-align: center;
  justify-content: center;
  min-height: 38px !important;
  font-size: 11px !important
}

@media (max-width: 767px) {
  .timtom-card-save-actions {
    top: 8px;
    right: 8px;
    gap: 5px
  }

  .timtom-card-save-button {
    width: 29px;
    height: 29px
  }

  .timtom-card-save-button svg {
    width: 14px;
    height: 14px
  }

  .timtom-full-product-information {
    margin-top: 22px !important
  }

  .timtom-full-product-information .wbn-product-tabs {
    padding: 0 16px !important
  }

  .timtom-full-product-information .selo-product-tab-button {
    margin-right: 22px !important;
    padding: 15px 0 !important
  }

  .timtom-full-product-information .wbn-product-tab-content {
    padding: 18px !important;
    min-height: 0
  }

  .timtom-saved-page {
    padding: 28px 0 60px
  }

  .timtom-saved-header {
    display: block;
    margin-bottom: 22px
  }

  .timtom-saved-header h1 {
    font-size: 27px
  }

  .timtom-saved-header .selo-products-all-button {
    display: inline-flex;
    margin-top: 16px
  }

  .timtom-checkout-add-more {
    padding-left: 16px;
    padding-right: 16px
  }

  .timtom-checkout-add-more span {
    display: none
  }

  .timtom-checkout-product-controls {
    align-items: flex-start !important
  }
}