/* METEORBET88 light polish
   Keep original live structure exactly, fix only visual defects. */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

:root {
  --mb88-shell-padding: clamp(16px, 3.8vw, 56px);
  --mb88-bg-top: #0c0908;
  --mb88-bg-mid: #14110f;
  --mb88-bg-deep: #070605;
  --mb88-gold: #cf9f45;
  --mb88-gold-soft: #f2d9aa;
  --mb88-text-dark: #14110f;
  --mb88-text-light: #eee2c8;
  --mb88-text-soft: #ccb993;
}

/* premium background continuity: header -> main -> footer */
html,
body {
  background:
    radial-gradient(1000px 320px at 50% -120px, rgba(207, 159, 69, 0.2), transparent 70%),
    linear-gradient(180deg, var(--mb88-bg-top) 0%, var(--mb88-bg-mid) 44%, var(--mb88-bg-deep) 100%) !important;
  color: var(--mb88-text-light);
}

.section-header,
.header-wrapper,
#shopify-section-navigation_stripe {
  background: rgba(18, 14, 12, 0.9) !important;
  backdrop-filter: blur(8px) saturate(120%) !important;
  border-bottom: 1px solid rgba(207, 159, 69, 0.26) !important;
}

.header__menu-item > p > a,
.header__inline-menu .header__menu-item > p > a,
.my-store-locator__btn,
.my-store-locator__info {
  color: var(--mb88-text-light) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}

.header__icon,
.header__icon .icon,
.header__active-menu-item {
  color: var(--mb88-text-light) !important;
}

.search-container input,
.search-container .field__input,
.search-container .search__input {
  background: rgba(15, 12, 10, 0.92) !important;
  color: var(--mb88-text-light) !important;
  border-color: rgba(207, 159, 69, 0.35) !important;
}

.search-container input::placeholder,
.search-container .field__input::placeholder {
  color: var(--mb88-text-soft) !important;
}

/* contrast rescue: legacy text + icon colors from original theme */
#right_menu_items li a,
#right_menu_mobile_items li a,
.header .list-menu__item,
.header .link,
.header .customer a,
.header .header__menu-item a {
  color: var(--mb88-text-light) !important;
}

#MainContent a:not(.auth-btn):not(.button):not(.btn):not(.shopify-payment-button__button) {
  color: var(--mb88-gold-soft) !important;
}

#MainContent a:not(.auth-btn):not(.button):not(.btn):not(.shopify-payment-button__button):hover {
  color: #fff4db !important;
}

#MainContent .accordion__title,
#MainContent .accordion__content,
#MainContent .accordion__content p,
#MainContent .h1,
#MainContent .h2,
#MainContent .h3,
#MainContent .h4,
#MainContent .inline-richtext,
#MainContent .pickup-availability-info,
#MainContent .caption,
#MainContent .small-text {
  color: var(--mb88-text-light) !important;
}

.my-store-locator__icon svg path,
.my-store-locator__icon svg rect {
  fill: var(--mb88-text-light) !important;
  stroke: var(--mb88-text-light) !important;
}

.header svg.icon,
.header .icon,
#MainContent svg.icon,
#MainContent .icon,
.footer svg.icon,
.footer .icon,
.footer_mail_arrow.icon.icon-arrow {
  color: var(--mb88-text-light) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

svg path[fill="#1D1D1F"],
svg path[fill="#121212"],
svg rect[stroke="black"] {
  fill: var(--mb88-text-light) !important;
  stroke: var(--mb88-text-light) !important;
}

.my-store-locator__btn[disabled] {
  opacity: 1 !important;
}

.my-store-locator__btn[disabled] .my-store-locator__info,
.my-store-locator__btn[disabled] .my-store-locator__icon {
  opacity: 1 !important;
}

.product__info-container .title-tip,
.product__info-container .title-tip-color-swatch,
.product__info-container .radio-label {
  color: var(--mb88-text-light) !important;
  background: rgba(21, 17, 14, 0.95) !important;
  border-color: rgba(242, 217, 170, 0.42) !important;
}

.product__info-container input[type="radio"] + label.title-tip,
.product__info-container input[type="radio"] + label.title-tip-color-swatch {
  color: var(--mb88-text-light) !important;
}

.product__info-container input[type="radio"]:checked + label.title-tip,
.product__info-container input[type="radio"]:checked + label.title-tip-color-swatch {
  border-color: #4fa3ff !important;
  box-shadow: 0 0 0 1px rgba(79, 163, 255, 0.5), 0 6px 16px rgba(0, 0, 0, 0.35) !important;
}

.product__info-container input[type="radio"]:disabled + label,
.product__info-container input[disabled] + label {
  color: var(--mb88-text-soft) !important;
  opacity: 0.92 !important;
}

.product__info-container .disabled_img {
  filter: brightness(1.18) contrast(1.08) !important;
}

.product__pickup-availabilities,
.pickup-availability-preview,
.pickup-availability-info,
.js-pickup-availability-info,
.pickup-availability-info * {
  color: var(--mb88-text-light) !important;
}

.pickup-availability-info a,
.js-pickup-availability-info a {
  color: #7cb8ff !important;
}

.footer_logos img,
.footer_logosMobile img {
  filter: brightness(0) invert(1) opacity(0.78) !important;
}

#MainContent,
main.content-for-layout,
.shopify-section.section {
  background:
    radial-gradient(900px 240px at 50% -80px, rgba(207, 159, 69, 0.14), transparent 75%),
    linear-gradient(180deg, rgba(11, 9, 8, 0.92) 0%, rgba(16, 13, 11, 0.96) 100%) !important;
}

.product-page-width.page-width,
.product__info-wrapper .product__info-container,
.apl-section-product-marketing-content,
.cyber-faq-section .faq-container {
  background: linear-gradient(165deg, rgba(27, 22, 19, 0.95), rgba(14, 12, 10, 0.94)) !important;
  border: 1px solid rgba(207, 159, 69, 0.28) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 243, 216, 0.08) !important;
}

.product__title h1,
.product__info-container h1,
.product__info-container h2,
.product__info-container h3,
.product__info-container h4,
.product__info-container .price-item,
.product__info-container .price,
.product__info-container p,
.product__info-container span,
.product__info-container label,
.product__info-container legend,
.product__info-container .caption-with-letter-spacing,
.product__info-container .product__tax {
  color: var(--mb88-text-light) !important;
}

.product-form__input input,
.product-form__input select,
.product-form__input .select__select,
.product-form__input .select {
  background: rgba(15, 12, 10, 0.9) !important;
  color: var(--mb88-text-light) !important;
  border-color: rgba(207, 159, 69, 0.45) !important;
}

.product-form__input input::placeholder,
.product-form__input select::placeholder {
  color: var(--mb88-text-soft) !important;
}

.product-title-style h1,
.productcomparediv p,
.productcomparediv span,
.apl-section-product-marketing-content p,
.apl-section-product-marketing-content .td2,
.cyber-faq-section .title-main,
.cyber-faq-section .title-sub,
.cyber-faq-section .faq-text,
.cyber-faq-section .faq-body p {
  color: var(--mb88-text-light) !important;
}

.cyber-faq-section .faq-card,
.cyber-faq-section .faq-trigger {
  background: rgba(20, 16, 13, 0.82) !important;
  border-color: rgba(207, 159, 69, 0.22) !important;
}

.footer,
#shopify-section-footer,
.footer__content-top,
.footer__content-bottom,
.footer__content-bottom-wrapper,
.footer__column--info {
  background:
    radial-gradient(900px 280px at 50% -120px, rgba(207, 159, 69, 0.22), transparent 68%),
    linear-gradient(180deg, #120f0d 0%, #070605 100%) !important;
  color: var(--mb88-text-light) !important;
  border-top: 1px solid rgba(207, 159, 69, 0.35) !important;
}

.footer a,
.footer .list-menu__item,
.footer .footer-block__heading,
.footer .copyrightCss {
  color: var(--mb88-gold-soft) !important;
}

.footer a:hover,
.footer .list-menu__item:hover {
  color: #fff7e8 !important;
}

.footer .list-social__link,
.footer .payment-icons-wrapper {
  filter: drop-shadow(0 2px 7px rgba(0, 0, 0, 0.35));
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

video,
canvas {
  height: auto;
}

/* logo and media transparency */
.header__heading-logo,
.brand--logo img,
.company_logo,
.trade-in img {
  background: transparent !important;
  object-fit: contain !important;
}

.brand--logo .ratio {
  background: transparent !important;
}

.apple_logo {
  display: none !important;
}

.brand--logo {
  max-width: 220px !important;
}

.brand--logo img {
  max-height: 52px !important;
  width: auto !important;
  height: auto !important;
  filter: none !important;
  opacity: 1 !important;
  image-rendering: auto;
}

.header__heading-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 8px !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: 0 !important;
  backdrop-filter: none !important;
}

.header__heading-logo {
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.55)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.25)) !important;
}

/* keep section separators neat */
.section-header,
.header-wrapper--border-bottom,
#shopify-section-navigation_stripe {
  box-shadow: inset 0 -0.5px rgba(207, 159, 69, 0.28) !important;
}

/* layout proportions close to reference */
.header {
  width: 100% !important;
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 24px var(--mb88-shell-padding) 16px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

.search-container {
  width: min(440px, 42vw) !important;
  max-width: min(440px, 42vw) !important;
  height: 36px !important;
}

.header_nav {
  width: 100% !important;
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 0 var(--mb88-shell-padding) !important;
  box-sizing: border-box !important;
}

.header_nav .header__inline-menu,
.header_nav .list-menu--inline {
  width: 100% !important;
}

div#shopify-section-navigation_stripe {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.auth-grid-container {
  padding-left: var(--mb88-shell-padding) !important;
  padding-right: var(--mb88-shell-padding) !important;
  box-sizing: border-box !important;
}

.product-page-width.page-width {
  padding-left: var(--mb88-shell-padding) !important;
  padding-right: var(--mb88-shell-padding) !important;
}

/* subtle premium touch, no layout shift */
.header__inline-menu .header__menu-item > p > a,
.header__menu-item > p > a {
  transition: color 160ms ease;
}

.header__inline-menu .header__menu-item > p > a:hover,
.header__menu-item > p > a:hover {
  color: #a97624 !important;
}

.auth-grid-container .auth-btn {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(247, 215, 116, 0.24);
}

.product__media-wrapper .media,
.product-custom-media .product__media,
.trade-in {
  border-radius: 10px;
  overflow: hidden;
}

/* keep main hero image exactly like requested figure/a/img format */
.product__media.media.media--transparent {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: visible !important;
}

.product__media.media.media--transparent::before {
  content: none !important;
  display: none !important;
}

.product__media.media.media--transparent > .mb88-main-figure {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  height: auto !important;
  max-height: none !important;
}

.product__media.media.media--transparent .mb88-main-figure {
  margin: 0 !important;
  width: 100% !important;
}

.product__media.media.media--transparent .mb88-main-figure > a {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  text-decoration: none !important;
}

.product__media.media.media--transparent .mb88-main-figure > a > img {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 1024px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  overflow: clip !important;
}

.product__media.media.media--transparent + .product__media-toggle {
  display: none !important;
}

.product__media-icon,
.product__media-icon--lightbox,
.product__media-toggle,
.product__media-zoom-lightbox {
  display: none !important;
}

.product-custom-media .slider-mobile-gutter,
.product-custom-media .product__media-list,
.product-custom-media .product__media-item,
.product-custom-media .product-media-container {
  margin: 0 !important;
  padding: 0 !important;
}

.product-custom-media .product-media-container {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.product-custom-media .product-media-container::before {
  content: none !important;
  display: none !important;
}

.product__media.media.media--transparent .mb88-main-figure > a::after {
  content: attr(data-title);
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.3;
  color: #fff;
  background: rgba(0, 0, 0, 0.78);
  border-radius: 6px;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
  z-index: 4;
  max-width: calc(100% - 24px);
  box-sizing: border-box;
}

.product__media.media.media--transparent .mb88-main-figure > a:hover::after,
.product__media.media.media--transparent .mb88-main-figure > a:focus-visible::after,
.product__media.media.media--transparent .mb88-main-figure > a.mb88-show-title::after {
  opacity: 1;
  transform: translateY(0);
}

/* store selector parity:
   use drawer flow, disable floating detail popover */
.my-store-locator__details {
  display: none !important;
}

.my-store-locator__btn {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.my-store-locator__info {
  max-width: 170px !important;
}

@media screen and (min-width: 750px) {
  .my-store-locator-drawer {
    width: 360px !important;
  }
}

/* payment icon size fix (prevents giant grab badge) */
.footer .list-payment img {
  height: 24px !important;
  width: auto !important;
  max-width: 120px !important;
  object-fit: contain !important;
}

/* responsive safety */
@media screen and (max-width: 1023px) {
  .product.product--large.grid--2-col-tablet,
  .product.grid--2-col-tablet {
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 16px !important;
  }

  .product.grid--2-col-tablet > .grid__item,
  .product.product--large.grid--2-col-tablet > .grid__item,
  .product .product__media-wrapper,
  .product .product__info-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  div#shopify-section-navigation_stripe {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding-top: 10px !important;
    padding-bottom: 12px !important;
  }

  .header {
    padding-top: 14px !important;
    padding-bottom: 12px !important;
    gap: 12px !important;
  }

  .search-container {
    width: min(48vw, 340px) !important;
    max-width: min(48vw, 340px) !important;
  }

  .header_nav .list-menu--inline {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px 14px !important;
  }

  .header__menu-item {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .auth-grid-container {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-bottom: 2px !important;
  }

  .auth-btn {
    min-height: 52px !important;
  }
}

@media screen and (max-width: 749px) {
  .section-header,
  .header-wrapper,
  #shopify-section-navigation_stripe {
    background: rgba(18, 14, 12, 0.94) !important;
    backdrop-filter: blur(5px) !important;
  }

  #MainContent,
  main.content-for-layout {
    background: linear-gradient(180deg, #0f0c0a 0%, #090806 100%) !important;
  }

  .header {
    padding: 12px var(--mb88-shell-padding) 10px !important;
    gap: 8px !important;
    justify-content: flex-start !important;
  }

  .brand--logo {
    max-width: 176px !important;
  }

  .brand--logo img {
    max-height: 44px !important;
  }

  .header__heading-link {
    padding: 3px 6px !important;
    background: transparent !important;
  }

  .search-container {
    display: none !important;
  }

  .header__menu-item {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  .header_nav {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .header_nav .list-menu--inline {
    gap: 6px 10px !important;
  }

  .header__icons {
    margin-left: auto !important;
  }

  .my-store-locator-drawer {
    width: 100% !important;
  }

  /* avoid duplicate title block crushing hero on mobile */
  .mobile-view_product-title {
    display: none !important;
  }

  /* remove duplicate floating sticky bar on mobile — keep main ATC buttons */
  .sticky-atc-bar,
  .js-sticky-atc,
  .page-width-sticky,
  .four-buynow .net-monthly-pricing__modal-trigger--only-cta {
    display: none !important;
  }

  /* footer mobile cleanup */
  #footerAccordion .accordion2:last-of-type,
  #footerAccordion .accordion2:last-of-type + .panel2,
  .footer_logosMobile {
    display: none !important;
  }

  .footer .footer__list-social {
    justify-content: center !important;
  }

  .footer .footerPayment {
    justify-content: center !important;
  }

  .footer .copyrightCss {
    text-align: center !important;
  }

  .footer_newsletter_icon_section,
  .footer__content-bottom,
  .footer__content-bottom-wrapper,
  .footer__column--info {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .footer .list-payment {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
}

/* ===== Final Noir readability + polish pass ===== */
div#shopify-section-navigation_stripe {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.header_nav .list-menu--inline {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px 18px !important;
}

.header_nav .list-menu--inline > li {
  display: inline-flex !important;
  align-items: center !important;
}

.header_nav .header__menu-item,
.header_nav summary.header__menu-item,
.header_nav .rightMenuUpdate {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media screen and (min-width: 750px) {
  .header_nav .list-menu--inline {
    gap: 10px 14px !important;
  }

  .header_nav .list-menu--inline > li {
    margin: 2px 4px !important;
  }

  .header_nav .header__menu-item,
  .header_nav summary.header__menu-item,
  .header_nav .rightMenuUpdate {
    min-height: 48px !important;
    min-width: 48px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
  }

  .header_nav .header__menu-item > p {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
  }

  .header_nav .header__menu-item > p > a,
  .header_nav .list-menu--inline > li > a.rightMenuUpdate {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    min-width: 48px !important;
    padding: 8px 6px !important;
    box-sizing: border-box !important;
  }
}

.header_nav .header__menu-item .icon-caret {
  margin-left: 5px !important;
  transform: translateY(0) !important;
}

.header_nav .header__menu-item > p > a,
.header_nav .header__menu-item > p > a:visited,
.header_nav .header__menu-item a {
  color: #f2e5c7 !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

.header_nav .rightMenuUpdate,
.header_nav .rightMenuUpdate span {
  color: #f2e5c7 !important;
  opacity: 1 !important;
  display: inline-block !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}

.header_nav .list-menu--inline > li .header__menu-item,
.header_nav .list-menu--inline > li .header__menu-item > p,
.header_nav .list-menu--inline > li .header__menu-item > p > a,
.header_nav .list-menu--inline > li > a.rightMenuUpdate,
.header_nav .list-menu--inline > li > a.rightMenuUpdate > span {
  font-size: 15px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

.search-container,
.container_search.container_search_port {
  background: transparent !important;
}

.search-container .nosubmit,
.search-container input.nosubmit,
.search-container .search__input {
  background: rgba(9, 8, 7, 0.95) !important;
  border: 1px solid rgba(207, 159, 69, 0.38) !important;
  color: #f2e5c7 !important;
  border-radius: 10px !important;
}

.search-container .nosubmit::placeholder,
.search-container input.nosubmit::placeholder {
  color: #d2bd92 !important;
}

/* BEST SELLER label clean up */
.priceAndLabelTag,
.product_tag_display_container {
  border: 0 !important;
  box-shadow: none !important;
}

.priceAndLabelTag::before,
.priceAndLabelTag::after,
.product_tag_display_container::before,
.product_tag_display_container::after {
  content: none !important;
  display: none !important;
}

.product_tag_display {
  letter-spacing: 0.08em !important;
  color: #e8be72 !important;
}

.desktop-view_Product-title .priceAndLabelTag,
.desktop-view_Product-title .product_tag_display_container,
.desktop-view_Product-title .product_tag_display {
  border: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.apl-section-product-marketing-content::after {
  content: none !important;
  display: none !important;
}

/* remove residual vertical divider near BEST SELLER/info column */
.product__info-wrapper,
.product__info-container,
.desktop-view_Product-title,
.priceAndLabelTag,
.product_tag_display_container {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.product__info-wrapper .product__info-container {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

@media screen and (max-width: 749px) {
  .header_nav .list-menu--inline > li .header__menu-item,
  .header_nav .list-menu--inline > li .header__menu-item > p,
  .header_nav .list-menu--inline > li .header__menu-item > p > a,
  .header_nav .list-menu--inline > li > a.rightMenuUpdate,
  .header_nav .list-menu--inline > li > a.rightMenuUpdate > span {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
}

.product__info-wrapper::before,
.product__info-wrapper::after,
.product__info-container::before,
.product__info-container::after,
.desktop-view_Product-title::before,
.desktop-view_Product-title::after,
.priceAndLabelTag::before,
.priceAndLabelTag::after,
.product_tag_display_container::before,
.product_tag_display_container::after {
  content: none !important;
  display: none !important;
}

/* Deposit / care card readability */
.add-on-product-style-applecare .add-on-product-container1 {
  background: linear-gradient(165deg, rgba(26, 21, 17, 0.98), rgba(15, 12, 10, 0.96)) !important;
  border: 1px solid rgba(207, 159, 69, 0.35) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35) !important;
}

.add-on-product-style-applecare h2,
.add-on-product-style-applecare h3,
.add-on-product-style-applecare .add-on-product-heading {
  margin: 0 0 8px !important;
  font-size: inherit !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.add-on-product-style-applecare h2,
.add-on-product-style-applecare h3,
.add-on-product-style-applecare .care-info,
.add-on-product-style-applecare .care-info span,
.add-on-product-style-applecare .care-info .underlined-text {
  color: #f0e1c2 !important;
}

.add-on-product-style-applecare .ac-modal-trigger i,
.add-on-product-style-applecare .billboard_icon {
  color: #f0e1c2 !important;
}

/* Shipping / pickup icon readability */
.pickup-availability-info svg,
.pickup-availability-preview svg,
.product__pickup-availabilities svg {
  color: #f0e1c2 !important;
}

.pickup-availability-info svg path,
.pickup-availability-info svg rect,
.pickup-availability-preview svg path,
.pickup-availability-preview svg rect {
  fill: currentColor !important;
  stroke: currentColor !important;
}

.free_shipping_msg_2,
.free_shipping_msg_2 span,
.free_shipping_msg_2 b,
.free_shipping_msg_2 svg {
  color: #f0e1c2 !important;
  opacity: 1 !important;
}

.free_shipping_msg_2 svg path,
.free_shipping_msg_2 svg rect {
  fill: #f0e1c2 !important;
  stroke: #f0e1c2 !important;
}

.free_shipping_msg_2 svg {
  opacity: 1 !important;
  filter: brightness(0) invert(0.94) !important;
}

/* Footer social polish */
.footer .ulClassSocialIcon,
.footer .footer__list-social {
  gap: 10px !important;
}

.footer .list-social__item-f .list-social__link,
.footer .list-social__link {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(207, 159, 69, 0.45) !important;
  background: rgba(20, 15, 11, 0.92) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #f2e5c7 !important;
  transition: all 0.2s ease !important;
}

.footer .list-social__item-f .list-social__link:hover,
.footer .list-social__link:hover {
  background: rgba(45, 33, 22, 0.95) !important;
  border-color: rgba(242, 217, 170, 0.75) !important;
  transform: translateY(-1px);
}

.footer__content-bottom,
.footer__content-bottom-wrapper,
.footer__column--info,
.footer__payment,
.footerPayment {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.footer .borderTop,
.footer .borderTop::before,
.footer .borderTop::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.footer__content-bottom::before,
.footer__content-bottom::after,
.footer__content-bottom-wrapper::before,
.footer__content-bottom-wrapper::after,
.footer__column--info::before,
.footer__column--info::after {
  content: none !important;
  display: none !important;
}

/* FAQ: softer rounded premium cards */
.cyber-faq-section .faq-container {
  border-radius: 22px !important;
  padding: 28px 20px !important;
}

.cyber-faq-section .faq-card {
  border-radius: 16px !important;
  border: 1px solid rgba(207, 159, 69, 0.2) !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
}

.cyber-faq-section .faq-trigger {
  border-radius: 16px !important;
  padding: 18px 16px !important;
  background: linear-gradient(180deg, rgba(26, 21, 17, 0.95), rgba(16, 13, 11, 0.94)) !important;
}

.cyber-faq-section .faq-toggle:checked + .faq-trigger {
  background: linear-gradient(180deg, rgba(40, 30, 20, 0.96), rgba(21, 16, 12, 0.95)) !important;
}

.cyber-faq-section .faq-body {
  border-top: 1px solid rgba(207, 159, 69, 0.15) !important;
  padding: 0 16px !important;
}

.cyber-faq-section .faq-toggle:checked ~ .faq-body {
  padding: 0 16px 16px !important;
}

/* ===== layout stability patch (zoom safe) ===== */
.header_nav .list-menu--inline {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  white-space: normal !important;
  gap: 8px 14px !important;
}

.header_nav .list-menu--inline > li {
  flex: 0 0 auto !important;
}

.header_nav .list-menu--inline > li .header__menu-item,
.header_nav .list-menu--inline > li .header__menu-item > p,
.header_nav .list-menu--inline > li .header__menu-item > p > a,
.header_nav .list-menu--inline > li > a.rightMenuUpdate,
.header_nav .list-menu--inline > li > a.rightMenuUpdate > span {
  font-size: 14px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.header_nav .rightMenuUpdate,
.header_nav .rightMenuUpdate span {
  display: inline-flex !important;
  align-items: center !important;
}

.container_search.container_search_port {
  position: relative !important;
}

.container_search.container_search_port::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  border: 1.8px solid #d9c08e;
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
}

.container_search.container_search_port::after {
  content: "";
  position: absolute;
  left: 21px;
  top: 56%;
  width: 6px;
  height: 1.8px;
  background: #d9c08e;
  transform: rotate(40deg);
  transform-origin: left center;
  pointer-events: none;
  z-index: 2;
}

.search-container .nosubmit,
.search-container input.nosubmit,
.search-container .search__input {
  padding-left: 32px !important;
}

/* remove persistent vertical divider on product info */
.product .product__info-wrapper,
.product .product__info-container,
.product .product__info-wrapper::before,
.product .product__info-wrapper::after,
.product .product__info-container::before,
.product .product__info-container::after {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

@media screen and (min-width: 1200px) {
  .header_nav .list-menu--inline {
    flex-wrap: nowrap !important;
    gap: 8px 12px !important;
  }
}

@media screen and (max-width: 1199px) {
  .header_nav .list-menu--inline {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
}

/* ===== mobile stabilization ===== */
@media screen and (max-width: 749px) {
  .header {
    flex-wrap: wrap !important;
    align-items: center !important;
  }

  .search-container {
    display: block !important;
    order: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-top: 8px !important;
  }

  .container_search.container_search_port,
  .nosubmit_form.search.search-modal__form {
    width: 100% !important;
    max-width: 100% !important;
  }

  .search-container .nosubmit,
  .search-container input.nosubmit,
  #Search-In-Modal {
    width: 100% !important;
    min-height: 36px !important;
  }

  .header_nav .list-menu--inline {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    gap: 6px 10px !important;
    padding-bottom: 4px !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .header_nav .list-menu--inline::-webkit-scrollbar {
    display: none;
  }

  .header_nav .list-menu--inline > li {
    flex: 0 0 auto !important;
  }
}

/* ===== final fix: search contrast only ===== */
.search-container,
.container_search.container_search_port,
.search-modal__form,
.nosubmit_form.search.search-modal__form {
  background: transparent !important;
}

.search-container .nosubmit,
.search-container input.nosubmit,
#Search-In-Modal {
  position: relative !important;
  z-index: 1 !important;
  background: #16120f !important;
  color: #fff4dc !important;
  border: 1px solid #caa15a !important;
  box-shadow: inset 0 0 0 1px rgba(255, 235, 197, 0.08) !important;
  border-radius: 10px !important;
  padding-left: 34px !important;
}

.search-container .nosubmit::placeholder,
.search-container input.nosubmit::placeholder,
#Search-In-Modal::placeholder {
  color: #e2c793 !important;
  opacity: 1 !important;
}

.container_search.container_search_port::before,
.container_search.container_search_port::after {
  z-index: 12 !important;
}

/* ===== repair pass from latest mobile screenshots ===== */
@media screen and (max-width: 749px) {
  .section-header,
  .header-wrapper,
  sticky-header,
  .header-menu-wrapper {
    overflow: visible !important;
  }

  .header {
    min-height: 68px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    align-items: center !important;
  }

  /* ensure search input is visible (not icon-only) */
  .search-container,
  .search-container predictive-search,
  .container_search.container_search_port,
  .nosubmit_form.search.search-modal__form {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .search-container .nosubmit,
  .search-container input.nosubmit,
  #Search-In-Modal {
    display: block !important;
    width: 100% !important;
    min-height: 38px !important;
    padding-left: 36px !important;
    background: #16120f !important;
    border: 1px solid #caa15a !important;
    color: #fff4dc !important;
  }

  .search-container .btn_close {
    display: none !important;
  }

  .product.product--large.grid--2-col-tablet,
  .product.grid--2-col-tablet {
    display: block !important;
  }

  .product .grid__item,
  .product__media-wrapper.grid__item,
  .product__info-wrapper.grid__item,
  .product__info-container,
  .product-page-width.page-width {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    background-image: none !important;
  }

  .product__info-wrapper::before,
  .product__info-wrapper::after,
  .product__info-container::before,
  .product__info-container::after,
  .product-page-width.page-width::before,
  .product-page-width.page-width::after {
    content: none !important;
    display: none !important;
  }
}

/* ===== mobile final tune (from latest screenshots) ===== */
@media screen and (max-width: 749px) {
  body .search-container,
  body .search-container predictive-search,
  body .search-container .container_search.container_search_port,
  body .search-container .nosubmit_form.search.search-modal__form {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body .search-container .nosubmit,
  body .search-container input.nosubmit,
  body #Search-In-Modal {
    display: block !important;
    width: 100% !important;
    min-height: 38px !important;
    background: #16120f !important;
    border: 1px solid #caa15a !important;
    color: #fff4dc !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding-left: 36px !important;
  }

  body .search-container .btn_close {
    display: none !important;
  }

  body .product-page-width.page-width,
  body .product__info-wrapper,
  body .product__info-container,
  body .product__info-wrapper.grid__item,
  body .product__media-wrapper.grid__item {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    background-image: none !important;
  }

  body .product__info-wrapper::before,
  body .product__info-wrapper::after,
  body .product__info-container::before,
  body .product__info-container::after,
  body .product-page-width.page-width::before,
  body .product-page-width.page-width::after {
    content: none !important;
    display: none !important;
  }
}

/* ===== desktop reset after aggressive mobile patches ===== */
@media screen and (min-width: 750px) {
  .header {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 14px !important;
  }

  .search-container {
    display: block !important;
    order: initial !important;
    width: min(420px, 36vw) !important;
    max-width: min(420px, 36vw) !important;
    height: 36px !important;
    margin-top: 0 !important;
  }

  .container_search.container_search_port::before,
  .container_search.container_search_port::after {
    display: none !important;
    content: none !important;
  }

  .search-container .nosubmit,
  .search-container input.nosubmit,
  #Search-In-Modal {
    padding-left: 12px !important;
  }

  .header_nav .list-menu--inline {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    white-space: normal !important;
    gap: 8px 12px !important;
  }

  .header_nav .list-menu--inline > li {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }

  .header_nav .list-menu--inline > li .header__menu-item > p > a,
  .header_nav .list-menu--inline > li > a.rightMenuUpdate > span {
    font-size: 15px !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
  }

  /* neutralize residual vertical divider visuals on desktop */
  .product-page-width.page-width,
  .product__media-wrapper,
  .product__info-wrapper,
  .product__info-container {
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  .product__info-wrapper::before,
  .product__info-wrapper::after,
  .product__info-container::before,
  .product__info-container::after,
  .product-page-width.page-width::before,
  .product-page-width.page-width::after {
    content: none !important;
    display: none !important;
  }
}

/* ===== FINAL NORMALIZATION (desktop + mobile) ===== */
@media screen and (min-width: 990px) {
  .search-container {
    width: min(300px, 28vw) !important;
    max-width: min(300px, 28vw) !important;
  }

  .header_nav .list-menu--inline {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    gap: 6px 10px !important;
  }

  .header_nav .list-menu--inline > li {
    flex: 0 0 auto !important;
  }

  .header_nav .header__menu-item > p > a,
  .header_nav .rightMenuUpdate,
  .header_nav .rightMenuUpdate > span {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }
}

@media screen and (max-width: 749px) {
  .header {
    min-height: auto !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    gap: 6px !important;
  }

  .header__heading {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  .header__icons {
    margin-left: 0 !important;
    position: absolute !important;
    right: 12px !important;
    top: 12px !important;
  }

  /* hide mobile search bar/icon block: this was causing broken header flow */
  .search-container,
  .container_search.container_search_port,
  .search-modal__form,
  .nosubmit_form.search.search-modal__form {
    display: none !important;
  }

  .header_nav .list-menu--inline {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    gap: 6px 9px !important;
    padding-bottom: 2px !important;
  }

  .header_nav .list-menu--inline > li .header__menu-item > p > a,
  .header_nav .list-menu--inline > li > a.rightMenuUpdate > span {
    font-size: 12.5px !important;
    line-height: 1.15 !important;
  }

  .product-page-width.page-width,
  .product .grid__item,
  .product__media-wrapper,
  .product__info-wrapper,
  .product__info-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }
}

/* ===== absolute final mobile header/menu override ===== */
@media screen and (max-width: 749px) {
  .header {
    --mb88-mobile-side-slot: 48px;
    display: grid !important;
    grid-template-columns: var(--mb88-mobile-side-slot) minmax(0, 1fr) var(--mb88-mobile-side-slot) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 0 !important;
    row-gap: 8px !important;
    min-height: 64px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .header-drawer-lazyload {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    width: var(--mb88-mobile-side-slot) !important;
    min-width: var(--mb88-mobile-side-slot) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header__heading {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
  }

  .header__icons {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    position: static !important;
    margin: 0 !important;
    width: var(--mb88-mobile-side-slot) !important;
    min-width: var(--mb88-mobile-side-slot) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    top: auto !important;
    right: auto !important;
  }

  .header__heading-link,
  .brand--logo,
  .brand--logo .ratio,
  .brand--logo img {
    margin: 0 auto !important;
    text-align: center !important;
  }

  .header__heading-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: inline-flex !important;
    justify-content: center !important;
  }

  .header__icon--menu,
  .header__icon--cart {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header_nav,
  .header > my-store-locator {
    display: none !important;
  }

  .search-container {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
  }

  .search-container predictive-search,
  .container_search.container_search_port,
  .search-modal__form,
  .nosubmit_form.search.search-modal__form {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .search-container .nosubmit,
  .search-container input.nosubmit,
  #Search-In-Modal {
    display: block !important;
    width: 100% !important;
    min-height: 40px !important;
    border-radius: 10px !important;
    padding-left: 38px !important;
    padding-right: 12px !important;
    margin: 0 !important;
    background: #16120f !important;
    border: 1px solid #caa15a !important;
    color: #fff4dc !important;
  }

  .search-container .nosubmit::placeholder,
  .search-container input.nosubmit::placeholder,
  #Search-In-Modal::placeholder {
    color: #e2c793 !important;
    opacity: 1 !important;
  }

  .search-container .btn_close {
    display: none !important;
  }

  .container_search.container_search_port {
    position: relative !important;
  }

  .container_search.container_search_port::before,
  .container_search.container_search_port::after {
    display: block !important;
    z-index: 3 !important;
  }

  #menu-drawer {
    background: #120f0d !important;
    border-right: 1px solid rgba(202, 161, 90, 0.35) !important;
  }

  #menu-drawer .mb88-mobile-drawer-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 14px !important;
  }

  #menu-drawer .mb88-mobile-drawer-link {
    display: block !important;
    color: #f2e5c7 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    padding: 7px 2px !important;
    border-bottom: 1px solid rgba(242, 217, 170, 0.14) !important;
  }
}

/* ===== final desktop header anti-overlap ===== */
@media screen and (min-width: 750px) {
  .header {
    display: grid !important;
    grid-template-columns: auto minmax(240px, 1fr) minmax(180px, 230px) auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    row-gap: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 12px !important;
  }

  .header-drawer-lazyload,
  my-store-locator-mobile.my-store-locator--mobile {
    display: none !important;
  }

  .header__heading {
    grid-column: 1 !important;
    min-width: 0 !important;
  }

  .brand--logo {
    margin-right: 0 !important;
    max-width: 210px !important;
  }

  .search-container {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 240px !important;
    margin: 0 !important;
    display: block !important;
  }

  .header > my-store-locator {
    grid-column: 3 !important;
    display: block !important;
    width: 100% !important;
    min-width: 180px !important;
    margin: 0 !important;
  }

  .header > my-store-locator .my-store-locator__btn {
    width: 100% !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 8px 10px !important;
  }

  .header > my-store-locator .my-store-locator__info {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .header__icons {
    grid-column: 4 !important;
    margin: 0 !important;
    position: static !important;
    justify-self: end !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 1023px) {
  .header {
    grid-template-columns: auto minmax(210px, 1fr) minmax(160px, 200px) auto !important;
    column-gap: 10px !important;
  }
}

/* ===== METEORBET88 polish pass (2026-06-18) ===== */
.brand--logo,
.brand--logo .ratio,
.header__heading-link {
  background: transparent !important;
}

.apple_logo {
  display: none !important;
}

.auth-grid-container .auth-btn:active {
  transform: translateY(-1px) scale(0.98) !important;
}

.product-form__submit:active,
.shopify-payment-button__button:active,
.button:active {
  transform: translateY(1px);
}

.product-form__submit:focus-visible,
.shopify-payment-button__button:focus-visible,
.button:focus-visible {
  outline: 2px solid var(--mb88-gold);
  outline-offset: 2px;
}

.auth-grid-container .auth-btn:focus-visible {
  outline: 2px solid #f7d774 !important;
  outline-offset: 3px !important;
}

.auth-grid-container .auth-btn.is-loading,
.product-form__submit.is-loading,
.shopify-payment-button__button.is-loading {
  pointer-events: none !important;
  opacity: 0.72 !important;
}

.my-store-locator__btn.mb88-store-ready.is-active {
  box-shadow: 0 0 0 2px rgba(207, 159, 69, 0.55) !important;
}

.product-title-lead {
  color: var(--mb88-text-light) !important;
  font-size: clamp(0.95rem, 2.6vw, 1.1rem) !important;
  line-height: 1.55 !important;
  margin: 0 0 12px !important;
}

.h1-style,
.product__title-main {
  color: var(--mb88-gold-soft) !important;
}

html.mb88-ready body {
  visibility: visible;
}

/* ===== SEO content section ===== */
.mb88-seo-content {
  margin: 28px auto 40px;
  max-width: 1280px;
  width: min(100% - 32px, 1280px);
  padding: 32px 36px 36px;
  background: linear-gradient(165deg, rgba(27, 22, 19, 0.95), rgba(14, 12, 10, 0.94));
  border: 1px solid rgba(207, 159, 69, 0.28);
  border-radius: 16px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45);
  color: var(--mb88-text-light);
  overflow: hidden;
  box-sizing: border-box;
}

.mb88-seo-content * {
  box-sizing: border-box;
  max-width: 100%;
}

.mb88-seo-title {
  margin: 0 0 14px;
  padding: 0;
  font-size: clamp(1.15rem, 2.8vw, 1.65rem);
  line-height: 1.4;
  color: var(--mb88-gold-soft);
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

.mb88-seo-lead {
  margin: 0 0 20px;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--mb88-text-light);
}

.mb88-seo-updated {
  margin: 0 0 10px;
  font-size: 0.82rem;
  color: rgba(242, 229, 199, 0.62);
  letter-spacing: 0.02em;
}

.mb88-seo-updated time {
  color: inherit;
}

.mb88-seo-h3 {
  margin: 22px 0 10px;
  padding: 0;
  font-size: clamp(1.02rem, 2.2vw, 1.2rem);
  line-height: 1.45;
  color: #f7d774;
}

.mb88-seo-content p {
  margin: 0 0 14px;
  line-height: 1.75;
  color: var(--mb88-text-light);
}

.mb88-seo-content a {
  color: var(--mb88-gold-soft);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mb88-seo-content a:hover {
  color: #fff4db;
}

.mb88-seo-table-wrap {
  width: 100%;
  margin: 8px 0 22px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border: 1px solid rgba(207, 159, 69, 0.22);
  border-radius: 12px;
  background: rgba(10, 8, 7, 0.55);
  padding: 2px;
}

.mb88-seo-table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 1rem;
}

.mb88-seo-table thead th {
  padding: 14px 20px;
  text-align: left;
  color: #f7d774;
  background: rgba(207, 159, 69, 0.12);
  border-bottom: 1px solid rgba(207, 159, 69, 0.28);
  font-weight: 700;
  white-space: nowrap;
}

.mb88-seo-table thead th:first-child {
  width: 34%;
  min-width: 140px;
}

.mb88-seo-table tbody td {
  padding: 14px 20px;
  color: #f2e5c7 !important;
  background: rgba(15, 12, 10, 0.9) !important;
  border-bottom: 1px solid rgba(207, 159, 69, 0.14);
  vertical-align: top;
  line-height: 1.65;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

.mb88-seo-table tbody tr:last-child td {
  border-bottom: none;
}

.mb88-seo-table tbody tr:nth-child(even) td {
  background: rgba(24, 19, 16, 0.96) !important;
  color: #f2e5c7 !important;
}

.mb88-seo-steps {
  margin: 0 0 16px 20px;
  padding: 0;
  line-height: 1.75;
  color: var(--mb88-text-soft);
}

.mb88-seo-steps li {
  margin-bottom: 8px;
  padding-right: 8px;
}

.mb88-seo-cta {
  margin-top: 24px;
  padding: 20px 16px 8px;
  border-top: 1px solid rgba(207, 159, 69, 0.22);
  text-align: center;
  overflow: hidden;
}

.mb88-seo-cta-text {
  margin: 0 0 14px !important;
  padding: 0 8px;
  line-height: 1.6 !important;
}

.mb88-seo-cta-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 0 4px 12px;
}

.mb88-seo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 0.88rem;
  letter-spacing: 0.03em;
  text-align: center;
  white-space: normal;
  line-height: 1.25;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}

.mb88-seo-btn-login {
  background: linear-gradient(145deg, #3b0000, #000);
  border: 1px solid rgba(212, 175, 55, 0.45);
  color: #f7d774 !important;
}

.mb88-seo-btn-register {
  background: linear-gradient(145deg, #4a2800, #1a1000);
  border: 1px solid rgba(255, 215, 116, 0.5);
  color: #fff4db !important;
}

.mb88-seo-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
}

.mb88-seo-btn:active {
  transform: translateY(0);
}

.mb88-seo-btn:focus-visible {
  outline: 2px solid #f7d774;
  outline-offset: 2px;
}

@media screen and (max-width: 749px) {
  .mb88-seo-content {
    margin: 20px auto 28px;
    width: calc(100% - 20px);
    padding: 22px 18px 26px;
  }

  .mb88-seo-title {
    margin-bottom: 14px;
    line-height: 1.45;
  }

  .mb88-seo-lead,
  .mb88-seo-content p {
    line-height: 1.75;
  }

  .mb88-seo-table-wrap {
    margin: 10px -2px 20px;
    border-radius: 10px;
  }

  .mb88-seo-table {
    min-width: 100%;
    font-size: 0.94rem;
  }

  .mb88-seo-table thead th,
  .mb88-seo-table tbody td {
    padding: 13px 16px;
    font-size: 0.92rem;
    line-height: 1.6;
  }

  .mb88-seo-table thead th:first-child {
    min-width: 120px;
  }

  .mb88-seo-cta-links {
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .mb88-seo-btn {
    min-height: 46px;
    font-size: 0.86rem;
  }
}

@media screen and (min-width: 990px) {
  .mb88-seo-content {
    padding: 36px 44px 40px;
  }

  .mb88-seo-table thead th,
  .mb88-seo-table tbody td {
    padding: 16px 24px;
  }
}

/* ===== header logo — proporsi rapi, tidak bentrok search ===== */
.header__heading {
  min-width: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.brand--logo {
  max-width: 200px !important;
  width: auto !important;
  flex-shrink: 0 !important;
}

.brand--logo .ratio {
  width: auto !important;
  max-width: 100% !important;
  --ratio-percent: 0 !important;
  padding-bottom: 0 !important;
  height: auto !important;
}

.brand--logo .ratio::before {
  display: none !important;
}

.brand--logo img,
.header__heading-logo.company_logo,
.header__heading-link .header__heading-logo {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 48px !important;
  object-fit: contain !important;
  background: transparent !important;
}

@media screen and (min-width: 750px) {
  .header__heading {
    max-width: 200px !important;
  }

  .brand--logo {
    max-width: 200px !important;
  }

  .brand--logo img,
  .header__heading-logo.company_logo {
    max-height: 50px !important;
  }

  .search-container {
    min-width: 0 !important;
  }
}

@media screen and (max-width: 749px) {
  .header__heading {
    max-width: 100% !important;
    padding: 0 4px !important;
  }

  .brand--logo {
    max-width: min(180px, calc(100vw - 120px)) !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  .brand--logo img,
  .header__heading-logo.company_logo {
    max-height: 40px !important;
    margin: 0 auto !important;
  }
}

/* ===== variant pills — cegah tombol macet setelah diklik ===== */
variant-radios1.var_radio_point_none,
variant-radios1.var_radio_point_none * {
  pointer-events: auto !important;
}

.product-form__input input[type="radio"].smart_radio {
  pointer-events: auto !important;
}

/* ===== FAQ & SEO section spacing ===== */
.cyber-faq-section {
  margin-bottom: 32px !important;
}

.mb88-seo-content {
  margin-top: 36px !important;
}

.cyber-faq-section + .mb88-seo-content {
  margin-top: 36px !important;
}

@media screen and (max-width: 749px) {
  .cyber-faq-section {
    margin-bottom: 24px !important;
  }

  .cyber-faq-section + .mb88-seo-content,
  .mb88-seo-content {
    margin-top: 28px !important;
  }
}

/* ===== hide Shopify/iPad promo remnants ===== */
.mb88-shopify-hide,
.skuAndBarcode,
variant-radios1,
#pdp_monthly_price_taxfree_false,
#pdp_monthly_price_taxfree_true,
#pdp_monthly_price_taxfree_true_2,
#pdp_monthly_price_taxfree_false_2,
.product-form-installment,
#Quantity-Form-template--17605519376564__main,
.one-pickup,
pickup-availability,
.free_shipping_msg,
.free_shipping_msg_2,
#Details-popup_custom_pptnJ9-template--17605519376564__main,
.product-popup-modal,
.modal-net-monthly-pricing-modal,
.ac-modal,
.infoicon-tooltip,
.care-info-learn-more,
#add-apple-care,
#apple-care-add {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

button#apple-care-add {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.pdp-care-btn,
.add-on-product-checkbox,
.share-button,
.collapsible-content,
#shopify-section-template--17605519376564__conversion-module,
.robotic-premium-section,
.mb88-legacy-shopify,
.product-popup-modal__opener,
.product-popup-modal__button,
.unavailableOptionTxt,
.trade-in,
#tradeIn,
.apple-care-modal__content,
.secWarranty-replace,
.js-gwp-replace,
.product__accordion .product-popup-modal__button,
.net-monthly-pricing--pdp,
.net-monthly-pricing__conditional--pdp {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

.mb88-deposit-note {
  color: var(--mb88-text-soft) !important;
  margin: 8px 0 14px !important;
  line-height: 1.55 !important;
}

.mb88-promo-features {
  margin: 0 0 20px;
  padding: 18px 16px;
  border: 1px solid rgba(207, 159, 69, 0.28);
  border-radius: 14px;
  background: linear-gradient(165deg, rgba(27, 22, 19, 0.95), rgba(14, 12, 10, 0.94));
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

.mb88-promo-features__title {
  margin: 0 0 12px;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #f7d774;
}

.mb88-promo-features__list {
  margin: 0;
  padding: 0 0 0 18px;
  color: var(--mb88-text-light);
  line-height: 1.7;
}

.mb88-promo-features__list li {
  margin-bottom: 8px;
}

.mb88-promo-features__list li:last-child {
  margin-bottom: 0;
}

.mb88-promo-features__list strong {
  color: #fff4db;
}

.mb88-price-caption {
  display: block;
  margin-bottom: 4px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: rgba(242, 229, 199, 0.72);
}

.actual_price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.mb88-price-caption + .actual_price_bold,
.mb88-price-caption + .js-product-price-with-care-warranty {
  line-height: 1.1;
}

/* ===== hero banner — WAJIB tampil ===== */
.product__media-wrapper,
.product-custom-media,
.product-custom-media .product__media-list,
.product-custom-media .product__media-item,
.product-custom-media .common_medias,
.product-custom-media .product-media-container,
.product-custom-media .product__media,
.mb88-main-figure,
.mb88-main-figure > a,
.mb88-main-figure img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.product-custom-media .product__media-item.is-active,
.product-custom-media .common_medias.is-active {
  display: block !important;
}

.mb88-main-figure img {
  width: 100% !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
}

@media screen and (max-width: 749px) {
  .mb88-promo-features {
    margin-bottom: 16px;
    padding: 14px 12px;
  }
}

/* Lighthouse desktop: media overflow + store locator thumb ratio */
img,
video,
canvas {
  overflow: clip !important;
}

/* ===== hero LOCK — override Shopify custom-style (load theme.css last) ===== */
.product-custom-media slider-component {
  display: block !important;
  width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.product-custom-media .mobile_media_slider,
.product-custom-media .mobile_media_slider .slider_media,
.product-custom-media .mobile_media_slider .slick-list,
.product-custom-media .mobile_media_slider .slick-track,
.product-custom-media .mobile_media_slider .slick-slide {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.product-custom-media .product__media-list,
.product-custom-media .product__media-item.is-active,
.product-custom-media .common_medias.is-active,
.product-custom-media .mb88-main-figure,
.product-custom-media .mb88-main-figure > a,
.product-custom-media .mb88-main-figure img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
}

.product-custom-media .product__media-list {
  opacity: 1 !important;
}

.product-custom-media .mb88-main-figure img {
  width: 100% !important;
  max-width: 1024px !important;
  aspect-ratio: 16 / 9;
  height: auto !important;
  margin: 0 auto !important;
}

.my-store-locator-drawer__product-image img {
  width: 88px;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

/* ===== Desktop PC: font nyaman — TANPA ubah warna konten emas ===== */
@media screen and (min-width: 750px) {
  html {
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
    text-rendering: auto !important;
  }

  body {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    letter-spacing: 0.01em !important;
    line-height: 1.55 !important;
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
  }

  .header__menu-item > p > a,
  .header__inline-menu .header__menu-item > p > a,
  .header_nav .header__menu-item > p > a,
  .header_nav .rightMenuUpdate,
  .header_nav .rightMenuUpdate > span,
  .my-store-locator__btn,
  .my-store-locator__info {
    font-size: 15px !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
  }
}