/** Shopify CDN: Minification failed

Line 446:16 Unexpected "rgb("

**/
/* OSAT — Homepage section gap nuclear fix — v20260602live4 */

/* ── Unified homepage horizontal alignment ── */
.section-osat-claude-hero .hero__inner.hero__grid.page-width,
.section-osat-home-featured-iphones .product-grid.page-width,
.section-osat-home-why .trust-features.page-width,
.section-osat-home-spare-promo .osat-home-spare-promo__inner.page-width {
  max-width: var(--osat-rs-container, 1320px) !important;
  margin-inline: auto !important;
  padding-inline: var(--osat-rs-gutter, clamp(16px, 4.2vw, 24px)) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.section-osat-home-featured-iphones .product-grid__items {
  align-items: stretch !important;
}

.section-osat-home-featured-iphones .product-grid__title,
.section-osat-home-featured-iphones .product-grid__footer {
  text-align: center !important;
}

.section-osat-home-featured-iphones .product-card__body,
.section-osat-home-featured-iphones .product-card__title,
.section-osat-home-featured-iphones .product-card__prices {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Homepage + product cards — kill grey image wells */
html body .osat-home-featured .product-card,
html body .osat-home-featured .product-grid__card,
html body .osat-home-featured .product-card__media,
html body .osat-home-featured .product-card__body,
html body .osat-home-featured .product-card__img,
html body .osat-related-products .product-card,
html body .osat-related-products .product-card__media,
html body .osat-related-products .product-card__body,
html body .osat-related-products .product-card__img,
html body .section-upsell-bundle .product-card,
html body .section-upsell-bundle .product-card__media,
html body .section-upsell-bundle .product-card__body,
html body .section-upsell-bundle .product-card__img {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.section-osat-home-spare-promo .pro-banner {
  max-width: 100% !important;
  margin-inline: 0 !important;
}

html body .osat-home-featured {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

html body .osat-home-spare-promo,
html body .osat-home-pro {
  padding-bottom: 40px !important;
}

.shopify-section {
  margin: 0 !important;
  padding: 0 !important;
}

.section-osat-claude-hero {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.section-osat-home-featured-iphones {
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 40px !important;
}

.section-osat-home-why,
.section-osat-home-spare-promo {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  padding-block: 40px !important;
}

/* Kill stacked inner spacing from legacy CSS */
.section-osat-claude-hero .hero,
.section-osat-claude-hero .shopify-section.section-osat-claude-hero {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.section-osat-home-featured-iphones .osat-home-featured,
.section-osat-home-featured .osat-home-featured {
  margin: 0 !important;
}

.section-osat-home-why .trust-features {
  margin-inline: auto !important;
}

.section-osat-home-spare-promo .osat-home-spare-promo {
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Collection page — hide duplicate default headers ── */
.collection__header,
.collection__title,
.collection__description,
.collection-hero,
.osat-iphone-plate,
.osat-cat__hero {
  display: none !important;
}

/* ── Collection page — grid gaps + image contain ── */
.collection .grid {
  gap: 20px !important;
  row-gap: 20px !important;
}

.collection .grid__item {
  margin: 0 !important;
}

.collection .product-grid {
  row-gap: 20px !important;
}

.osat-cat__grid {
  gap: 20px !important;
  row-gap: 20px !important;
}

.osat-cat__grid > * {
  margin: 0 !important;
}

.osat-cat-card__media,
.osat-cat .osat-cat-card__media,
.osat-cat .card__media,
.collection .card__media {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  display: block !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.collection .card__media,
.osat-cat .card__media {
  background: transparent !important;
  background-color: transparent !important;
}

/* Collection card title links — brand navy, not teal */
.osat-cat .card__heading,
.osat-cat .card__heading a,
.osat-cat .card__information a,
.osat-cat .card__information .card__heading a,
.osat-cat-card__title,
.osat-cat .osat-cat-card__title,
.osat-cat .osat-cat-card__link,
.osat-cat .osat-cat-card__link .osat-cat-card__title,
.collection .card__heading a,
.collection .card__information a {
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
}

.osat-cat .osat-cat-card__link,
.osat-cat .osat-cat-card__title,
.osat-cat .osat-cat-card__specs,
.osat-cat .osat-cat-card__footer,
.osat-cat .osat-cat-card__price {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
}

.osat-cat .osat-cat-card__specs {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  width: 100% !important;
}

.osat-cat-card__media img,
.osat-cat-card__img,
.osat-cat-card__img--primary,
.osat-cat-card__img--secondary,
.osat-cat .card__media img,
.osat-cat .card__media .media img,
.collection .card__media img,
.collection .card__media .media img {
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  aspect-ratio: auto !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.osat-cat-card__img--secondary {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* PDP gallery — full phone visible, white wells */
.osat-pdp__gallery-main,
.osat-pdp__gallery-track,
.osat-pdp__slide {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.osat-pdp__slide-img {
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  background: #ffffff !important;
}

.osat-pdp__gallery-thumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.osat-pdp__gallery-thumb {
  width: 72px !important;
  height: 72px !important;
  flex: 0 0 72px !important;
  padding: 6px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.osat-pdp__gallery-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* ── Footer — light (#f8f9fa), site footer only ── */
.footer,
footer.os-footer.os-footer--premium,
.os-footer.os-footer--premium,
.shopify-section.section-osat-claude-footer,
.shopify-section.section-osat-claude-footer .os-footer.os-footer--premium,
.shopify-section.section-footer .os-footer.os-footer--premium {
  background-color: #f8f9fa !important;
  background: #f8f9fa !important;
  border-top: 0.5px solid rgba(8, 58, 74, 0.12) !important;
}

.breadcrumbs,
nav.breadcrumbs,
.collection .page-width > .collection__header,
.collection__title,
.collection__description {
  display: none !important;
}

.card__heading a,
.card__information a {
  color: #0D4F6B !important;
}

/* ── Footer logo — original asset on light background ── */
.os-footer.os-footer--premium .os-footer__logo-link {
  display: inline-block !important;
  line-height: 0 !important;
}

.os-footer.os-footer--premium .os-footer__logo-img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 160px !important;
  max-height: 72px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

/* ============================================
   IMAGE FIX — secondary img was in flex flow,
   causing both 216px imgs to be centered in
   216px container → 108px clip on each side
   ============================================ */

/* Position secondary absolutely so only primary is a flex item */
.osat-cat-card__media {
  position: relative !important;
  overflow: hidden !important;
}
.osat-cat-card__img--secondary {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* Remove grey background showing around contained phone image */
.osat-cat-card__img--primary,
.osat-cat-card__img--secondary {
  background: transparent !important;
}
.osat-cat-card__media {
  background: #ffffff !important;
}

/* Secondary image — show on card hover (overrides opacity:0 !important above) */
.osat-cat-card__img--primary {
  z-index: 1 !important;
}

.osat-cat-card__img--secondary {
  z-index: 2 !important;
}

@media (hover: hover) {
  .osat-cat-card:hover .osat-cat-card__img--secondary {
    opacity: 1 !important;
  }

  .osat-cat-card:hover .osat-cat-card__img--primary {
    opacity: 0 !important;
  }
}

@media (hover: none) {
  .osat-cat-card__link:active .osat-cat-card__img--secondary,
  .osat-cat-card__link:focus-within .osat-cat-card__img--secondary {
    opacity: 1 !important;
  }

  .osat-cat-card__link:active .osat-cat-card__img--primary,
  .osat-cat-card__link:focus-within .osat-cat-card__img--primary {
    opacity: 0 !important;
  }
}

/* === COLLECTION PAGE FIXES === */
nav.osat-breadcrumbs {
  display: block !important;
  margin: 0.75rem 0 1rem;
  font-size: 0.875rem;
}

.osat-cat-card--soldout { opacity: 1 !important; }
.osat-cat-card--soldout .osat-cat-card__media { opacity: 0.5; filter: grayscale(15%); }
.osat-cat-card--soldout .osat-cat-card__title { color: #0D4F6B !important; }

.osat-cat-card__media { position: relative !important; overflow: hidden !important; }
.osat-cat-card__img--secondary {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
}
.osat-cat-card__img--primary,
.osat-cat-card__img--secondary { background: transparent !important; }
.osat-col-hero { padding-bottom: 0 !important; }

/* === ABOUT PAGE FIXES === */
.osat-about__hero .page-width,
.osat-about__hero-inner { background: transparent !important; }

/* FIX CLS — reserve card image space before load */
.osat-cat-card__media {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
}
.osat-cat-card__img--primary {
  width: 100% !important;
  height: 100% !important;
}
.osat-cat-card--profile-spare-parts .osat-cat-card__media {
  aspect-ratio: 1 / 1 !important;
}

.osat-cat-card__media {
  min-height: 240px !important;
  background: #f8fafb !important;
}

/* Policy pages — win over global rgb(29,29,31) overrides */
html body .osat-policy,
html body .osat-policy__body,
html body .osat-policy__body p,
html body .osat-policy__body li {
  color: #374151 !important;
}

html body .osat-policy__title,
html body .osat-policy__body h2,
html body .osat-policy__body h3,
html body .osat-policy__body strong,
html body .osat-policy__body b,
html body .osat-policy__company-name {
  color: #0d4f6b !important;
}

html body .osat-policy__eyebrow,
html body .osat-policy__nav-label {
  color: #5cc8b4 !important;
}

html body .osat-policy__body a,
html body .osat-policy__contact-card a {
  color: #5cc8b4 !important;
}

html body .osat-policy__body a:hover,
html body .osat-policy__contact-card a:hover {
  color: #0d4f6b !important;
}

   Global theme rgb(29,29,31) overrides everything.
   All fixes use !important to win specificity.
   ============================================ */

/* HERO — white text on navy background */
.osat-about__hero-title {
  color: #ffffff !important;
}
.osat-about__hero-title em {
  color: #5CC8B4 !important;
  font-style: normal !important;
}
.osat-about__hero-sub {
  color: rgba(255, 255, 255, 0.78) !important;
}
.osat-about__eyebrow {
  color: #5CC8B4 !important;
  border-color: rgba(92, 200, 180, 0.35) !important;
}
.osat-about__badge {
  color: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ============================================
   SPARE PARTS HERO — readable text on navy
   Global rgb(29,29,31) inherits via !important
   ============================================ */

.section-osat-spare-parts-hero-section {
  background: #0D4F6B !important;
  background-color: #0D4F6B !important;
  color: #ffffff !important;
}

.osat-sp-hero {
  background: #0D4F6B !important;
}

.osat-sp-hero__eyebrow-primary {
  color: #5CC8B4 !important;
  -webkit-text-fill-color: #5CC8B4 !important;
}

.osat-sp-hero__eyebrow-muted {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

.osat-sp-hero__eyebrow-dot {
  color: rgba(255, 255, 255, 0.45) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.45) !important;
}

.osat-sp-hero__headline-white {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.osat-sp-hero__headline-teal {
  color: #5CC8B4 !important;
  -webkit-text-fill-color: #5CC8B4 !important;
}

.osat-sp-hero__body {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

.osat-sp-hero__stat-num {
  color: #5CC8B4 !important;
  -webkit-text-fill-color: #5CC8B4 !important;
}

.osat-sp-hero__stat-label {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

.osat-sp-hero__catalog-label {
  color: rgba(255, 255, 255, 0.65) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.65) !important;
}

.osat-sp-hero__cat-name {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.osat-sp-hero__cat-count {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

.osat-sp-hero__cat-icon {
  color: #5CC8B4 !important;
}

.osat-sp-hero__brands-label {
  color: rgba(255, 255, 255, 0.62) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
}

.osat-sp-hero__brands-pills span {
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
}

.osat-sp-hero__cta-secondary {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
}

/* ============================================
   IPHONE COLLECTION HERO — readable on navy
   (matches spare parts hero treatment)
   ============================================ */

.section-osat-collection-hero-section {
  background: #0D4F6B !important;
  background-color: #0D4F6B !important;
  color: #ffffff !important;
}

.osat-col-hero {
  background: #0D4F6B !important;
  border-bottom: none !important;
}

.osat-col-hero__eyebrow-primary {
  color: #5CC8B4 !important;
  -webkit-text-fill-color: #5CC8B4 !important;
}

.osat-col-hero__eyebrow-muted {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

.osat-col-hero__eyebrow-dot {
  color: rgba(255, 255, 255, 0.45) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.45) !important;
}

.osat-col-hero__headline-white {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.osat-col-hero__headline-teal {
  color: #5CC8B4 !important;
  -webkit-text-fill-color: #5CC8B4 !important;
}

.osat-col-hero__body {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

.osat-col-hero__stat-num {
  color: #5CC8B4 !important;
  -webkit-text-fill-color: #5CC8B4 !important;
}

.osat-col-hero__stat-label {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

.osat-col-hero__catalog-label,
.osat-col-hero__trust-label {
  color: rgba(255, 255, 255, 0.65) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.65) !important;
}

.osat-col-hero__model-name {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.osat-col-hero__model-meta {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

.osat-col-hero__model-icon {
  color: #5CC8B4 !important;
}

.osat-col-hero__trust-pills span {
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
}

.osat-col-hero__cta-secondary {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
}

/* STATS BAR */
.osat-about__stat-num {
  color: #0D4F6B !important;
}
.osat-about__stat-label {
  color: #6b7280 !important;
}

/* STORY SECTION */
.osat-about__section-label {
  color: #5CC8B4 !important;
}
.osat-about__section-title {
  color: #0D4F6B !important;
}
.osat-about__story-text p {
  color: #374151 !important;
}
.osat-about__tl-year {
  color: #5CC8B4 !important;
}
.osat-about__tl-text {
  color: #374151 !important;
}

/* PILLARS */
.osat-about__pillar h3 {
  color: #0D4F6B !important;
}
.osat-about__pillar p {
  color: #6b7280 !important;
}

/* B2C CARD — dark navy background needs white text */
.osat-about__split-card--b2c h2 {
  color: #ffffff !important;
}
.osat-about__split-card--b2c p {
  color: rgba(255, 255, 255, 0.75) !important;
}
.osat-about__split-card--b2c .osat-about__split-tag {
  color: #5CC8B4 !important;
}
.osat-about__btn--teal {
  color: #0D4F6B !important;
  background: #5CC8B4 !important;
}

/* B2B CARD — white background */
.osat-about__split-card--b2b h2 {
  color: #0D4F6B !important;
}
.osat-about__split-card--b2b p {
  color: #6b7280 !important;
}
.osat-about__split-card--b2b .osat-about__split-tag {
  color: #5CC8B4 !important;
}
.osat-about__btn--outline {
  color: #0D4F6B !important;
  border-color: #0D4F6B !important;
}

/* LEGAL BAR */
.osat-about__legal-text {
  color: #9ca3af !important;
}
.osat-about__btn--ghost {
  color: #374151 !important;
}

/* ============================================
   IPHONE COLLECTION — PREMIUM REDESIGN PASS
   BackMarket / Swappie tier · append-only overrides
   Brand: #0D4F6B navy · #5CC8B4 mint · #f8fafb
   ============================================ */

/* ── iPhone hero model cards (navy panel) ── */
.osat-col-hero__model {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── PROBLEM 4 + Hero polish: eyebrow on navy ── */
.osat-col-hero__eyebrow-primary {
  color: #5CC8B4 !important;
  -webkit-text-fill-color: #5CC8B4 !important;
}

/* ── PROBLEM 7: Sidebar filter titles — balanced scale ── */
.osat-cat .filter-group__title,
.osat-cat__facets .filter-group__title,
.osat-cat .osat-cat__facet-summary,
.osat-cat__facets .osat-cat__facet-summary {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #0D4F6B !important;
  line-height: 1.3 !important;
  margin: 20px 0 12px !important;
}
.osat-cat .filter-group:first-child .filter-group__title,
.osat-cat__facets .filter-group:first-child .filter-group__title {
  margin-top: 0 !important;
}
.osat-cat .filter-option .osat-cat__check-label,
.osat-cat .osat-cat__check-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #374151 !important;
}
.osat-cat .filter-option .count,
.osat-cat .osat-cat__check-count {
  font-size: 11px !important;
  color: #6b7280 !important;
  background: #f3f4f6 !important;
  padding: 2px 8px !important;
  border-radius: 980px !important;
  line-height: 1.4 !important;
}
.osat-cat .filter-option:has(input[type="checkbox"]:checked),
.osat-cat .osat-cat__check:has(input[type="checkbox"]:checked) {
  border-left: 3px solid #5CC8B4 !important;
  padding-left: 10px !important;
  margin-left: -2px !important;
}
.osat-cat .filter-option:has(input[type="checkbox"]:checked) .osat-cat__check-label,
.osat-cat .osat-cat__check:has(input[type="checkbox"]:checked) .osat-cat__check-label {
  color: #0D4F6B !important;
  font-weight: 600 !important;
}

/* ── PROBLEM 6: Skeleton shimmer while images load ── */
@keyframes osat-iphone-card-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__media {
  background: linear-gradient(90deg, #f0f0f0 0%, #e8e8e8 45%, #f0f0f0 90%) !important;
  background-size: 200% 100% !important;
  animation: osat-iphone-card-shimmer 1.5s ease-in-out infinite !important;
}
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__media:has(.osat-cat-card__img--primary),
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__media:has(img) {
  animation: none !important;
  background: #f8fafb !important;
}

/* ── PROBLEM 8 + Premium card elevation ── */
.osat-cat .osat-cat-card--profile-iphone {
  border: 1px solid rgba(13, 79, 107, 0.08) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(13, 79, 107, 0.04) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
.osat-cat .osat-cat-card--profile-iphone:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 32px rgba(13, 79, 107, 0.12) !important;
  border-color: rgba(92, 200, 180, 0.35) !important;
}
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__link {
  transition: color 0.2s ease !important;
}

/* GRADO A+ badge — navy pill, white text */
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__grade-badge,
.osat-cat-card--profile-iphone .osat-cat-card__grade-badge {
  background: #0D4F6B !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 980px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 5px 12px !important;
  box-shadow: 0 2px 8px rgba(13, 79, 107, 0.2) !important;
}
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__grade-badge::before,
.osat-cat-card--profile-iphone .osat-cat-card__grade-badge::before {
  background: #5CC8B4 !important;
}

/* Card title */
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__title {
  font-family: 'Space Grotesk', sans-serif !important;
  color: #0D4F6B !important;
  font-weight: 600 !important;
}

/* ── PROBLEM 5: Spec tags — lighter, not heavy navy ── */
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__specs,
.osat-cat-card--profile-iphone .osat-cat-card__specs {
  color: #6b7280 !important;
}
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__chip,
.osat-cat-card--profile-iphone .osat-cat-card__chip {
  color: #374151 !important;
  background: #f8fafb !important;
  border: 1px solid rgba(13, 79, 107, 0.1) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
}

/* Price — Space Grotesk, larger, navy */
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__price-current,
.osat-cat-card--profile-iphone .osat-cat-card__price-current {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 1.375rem !important;
  font-weight: 700 !important;
  color: #0D4F6B !important;
  letter-spacing: -0.02em !important;
}
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__price-was,
.osat-cat-card--profile-iphone .osat-cat-card__price-was {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.8125rem !important;
  color: #9ca3af !important;
  font-weight: 400 !important;
}

/* ── iPhone card CTA — navy + white (no mint/navy clash) ── */
.osat-cat .osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out),
.osat-cat a.osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out),
.osat-cat-card--profile-iphone .osat-cat-card__cta:not(.osat-cat-card__cta--sold-out) {
  background: #0D4F6B !important;
  background-color: #0D4F6B !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid #0D4F6B !important;
  border-radius: 980px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}
.osat-cat .osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out):hover,
.osat-cat a.osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out):hover {
  background: #0a3f55 !important;
  background-color: #0a3f55 !important;
  border-color: #0a3f55 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(13, 79, 107, 0.28) !important;
}
.osat-cat .osat-cat-card__cta--iphone .osat-cat-card__cta-label,
.osat-cat-card--profile-iphone .osat-cat-card__cta-label,
.osat-cat .osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out) span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (prefers-reduced-motion: reduce) {
  .osat-cat .osat-cat-card--profile-iphone,
  .osat-col-hero__model,
  .osat-cat .osat-cat-card__cta--iphone {
    transition: none !important;
  }
  .osat-cat .osat-cat-card--profile-iphone .osat-cat-card__media {
    animation: none !important;
  }
  .osat-cat .osat-cat-card--profile-iphone:hover {
    transform: none !important;
  }
}

/* === IPHONE COLLECTION — PREMIUM DESIGN UPGRADE === */

/* Card — hover elevation */
.osat-cat-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  border-radius: 16px !important;
}
.osat-cat-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(13,79,107,0.12) !important;
}

/* Card title — navy, Space Grotesk feel */
.osat-cat-card__title {
  color: #0D4F6B !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

/* Card specs (256GB, Batería 100%) — grey not navy */
.osat-cat-card__specs,
.osat-cat-card__spec {
  color: #6b7280 !important;
  font-size: 12px !important;
}

/* Price — bold navy */
.osat-cat-card__price-current,
[class*="price-current"] {
  color: #0D4F6B !important;
  font-weight: 700 !important;
  font-family: 'Space Grotesk', sans-serif !important;
}

/* Original price strikethrough — lighter */
.osat-cat-card__price-original,
[class*="price-original"] {
  color: #9ca3af !important;
  font-size: 13px !important;
}

/* CTA button — navy primary (iPhone cards only) */
.osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out),
.osat-cat a.osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out) {
  background: #0D4F6B !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #0D4F6B !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  transition: all 0.2s ease !important;
}
.osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out):hover,
.osat-cat a.osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out):hover {
  background: #0a3f55 !important;
  border-color: #0a3f55 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* Soldout — clean neutral grey */
.osat-cat-card__cta--sold-out,
.osat-cat-card__cta--iphone.osat-cat-card__cta--sold-out {
  background: #f4f6f7 !important;
  color: #6B7280 !important;
  -webkit-text-fill-color: #6B7280 !important;
  border: 1.5px solid #e5e7eb !important;
}

/* Sidebar filter titles */
.osat-cat__facet-title,
.osat-cat__facets h3,
.osat-cat__facets strong,
.osat-cat__facets [class*="title"] {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #0D4F6B !important;
}

/* Sidebar labels */
.osat-cat__facets label {
  font-size: 14px !important;
  color: #374151 !important;
}

/* Card skeleton while loading */
.osat-cat-card__media:not(:has(img[src])),
.osat-cat-card__media:has(img[src=""]) {
  background: linear-gradient(90deg, #f0f2f4 25%, #e8eaec 50%, #f0f2f4 75%) !important;
  background-size: 200% 100% !important;
  animation: osat-shimmer 1.5s infinite !important;
}
@keyframes osat-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ============================================
   LIVE COLOR MATCH FIX — beats rgb(29,29,31) globals
   ============================================ */

/* PROBLEM 1: Hero model cards — readable on navy panel */
.shopify-section .osat-col-hero a.osat-col-hero__model,
.osat-col-hero__models a.osat-col-hero__model {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
}
.shopify-section .osat-col-hero a.osat-col-hero__model.active,
.shopify-section .osat-col-hero a.osat-col-hero__model:hover,
.osat-col-hero__models a.osat-col-hero__model.active,
.osat-col-hero__models a.osat-col-hero__model:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* PROBLEM 4: Hero eyebrow — brand teal */
.osat-col-hero__eyebrow-primary {
  color: #5CC8B4 !important;
  -webkit-text-fill-color: #5CC8B4 !important;
}

/* PROBLEM 5: Spec tags — soft grey, not navy */
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__chip,
.osat-cat-card--profile-iphone .osat-cat-card__chip,
.osat-cat-card__specs,
.osat-cat-card__spec {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  background: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
  font-size: 12px !important;
}

/* Card price — navy Space Grotesk (not JetBrains Mono black) */
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__price-current,
.osat-cat-card--profile-iphone .osat-cat-card__price-current,
.osat-cat-card__price-current {
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.35rem !important;
}
.osat-cat .osat-cat-card--profile-iphone .osat-cat-card__price-was,
.osat-cat-card__price-was,
.osat-cat-card__price-original {
  color: #9ca3af !important;
  -webkit-text-fill-color: #9ca3af !important;
  font-size: 13px !important;
}

/* PROBLEM 2: iPhone CTA — navy + white */
.osat-cat a.osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out),
.osat-cat .osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out) {
  background: #0D4F6B !important;
  background-color: #0D4F6B !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #0D4F6B !important;
}
.osat-cat a.osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out) .osat-cat-card__cta-label,
.osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out) .osat-cat-card__cta-label,
.osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out) span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.osat-cat a.osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out):hover,
.osat-cat-card__cta--iphone:not(.osat-cat-card__cta--sold-out):hover {
  background: #0a3f55 !important;
  background-color: #0a3f55 !important;
  border-color: #0a3f55 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.osat-cat-card__title {
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
}

/* Spare parts catalog cards — premium B2B layout */
.osat-cat-card--profile-spare-parts {
  padding: 14px 14px 16px !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__link {
  gap: 10px !important;
}

.osat-cat-card--profile-spare-parts .service-pack-badge {
  align-self: center;
  margin: 0 auto 4px !important;
  padding: 4px 10px !important;
  background: #E8F8F4 !important;
  border: 1px solid rgba(92, 200, 180, 0.35) !important;
  box-shadow: none !important;
}

.osat-cat-card--profile-spare-parts .service-pack-badge__primary {
  font-size: 9px !important;
  letter-spacing: 0.14em !important;
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
}

.osat-cat-card--profile-spare-parts .service-pack-badge__secondary {
  font-size: 10px !important;
  color: #0a7c65 !important;
  -webkit-text-fill-color: #0a7c65 !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__title {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  min-height: 2.7em;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__footer {
  padding-top: 8px !important;
  gap: 12px !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__price {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__price-contact {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
  letter-spacing: 0.01em !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__actions--spare {
  margin-top: 0 !important;
  gap: 8px !important;
}

.osat-cat-card--profile-spare-parts .btn-b2b,
.osat-cat-card--profile-spare-parts .osat-cat-card__cta {
  height: auto !important;
  min-height: 40px !important;
  padding: 9px 10px !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__cta-label {
  white-space: nowrap !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__cta--spare-inquiry {
  background: #0D4F6B !important;
  background-color: #0D4F6B !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid #0D4F6B !important;
  text-transform: none !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__cta--spare-inquiry .osat-cat-card__cta-label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__cta--spare-inquiry:hover:not(.is-added) {
  background: #5CC8B4 !important;
  background-color: #5CC8B4 !important;
  border-color: #5CC8B4 !important;
  color: #0D4F6B !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__cta--spare-inquiry:hover:not(.is-added) .osat-cat-card__cta-label {
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__cta--spare {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
  border: 1.5px solid rgba(13, 79, 107, 0.35) !important;
  text-transform: none !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__cta--spare .osat-cat-card__cta-label {
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__cta--spare:hover {
  background: #f8fafb !important;
  border-color: #0D4F6B !important;
  color: #0D4F6B !important;
  transform: none !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__cta--spare-inquiry.is-added {
  background: #E8F8F4 !important;
  background-color: #E8F8F4 !important;
  border-color: #5CC8B4 !important;
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__cta--spare-inquiry.is-added .osat-cat-card__cta-label,
.osat-cat-card--profile-spare-parts button.osat-cat-card__cta--spare-inquiry.is-added .osat-cat-card__cta-label,
.osat-cat .osat-cat-card__cta--spare-inquiry.is-added .osat-cat-card__cta-label,
.osat-cat-card__quickadd--add.is-added .osat-cat-card__cta-label {
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
}

.osat-cat-card--profile-spare-parts .osat-cat-card__cta--spare-inquiry.is-added:hover {
  background: #D4F3EC !important;
  border-color: #0D4F6B !important;
  color: #0D4F6B !important;
}

/* FOOTER: WhatsApp CTA — icon only, no text line */
.os-footer.os-footer--premium .os-footer__whatsapp-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #5CC8B4 !important;
  background-color: #5CC8B4 !important;
  color: #000000 !important;
  gap: 0 !important;
  overflow: hidden !important;
}
.os-footer.os-footer--premium .os-footer__whatsapp-cta span {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  clip: rect(0, 0, 0, 0) !important;
}
.os-footer.os-footer--premium .os-footer__whatsapp-icon {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
}
.os-footer.os-footer--premium .os-footer__secure {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* FLOATING WhatsApp — fixed icon button (not full-width line) */
a.osat-floating-whatsapp,
.osat-floating-whatsapp {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  left: auto !important;
  top: auto !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #25D366 !important;
  background-color: #25D366 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.45) !important;
  z-index: 9999 !important;
  text-decoration: none !important;
  overflow: hidden !important;
  border: none !important;
}
.osat-floating-whatsapp__icon,
.osat-floating-whatsapp svg {
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  flex-shrink: 0 !important;
  display: block !important;
}

/* === IPHONE COLLECTION — REMAINING FIXES === */

/* Card specs (256GB, Batería 100%) — grey not navy */
.osat-cat-card__specs span,
.osat-cat-card__spec,
.osat-cat-card__specs {
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

/* First row image gap — reserve space with bg color
   so blank white area doesn't show while lazy loading */
.osat-cat-card__media {
  background: #f8fafb !important;
  min-height: 220px !important;
}

/* Shimmer animation for loading cards */
@keyframes osat-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.osat-cat-card__img--primary[src=""],
.osat-cat-card__img--primary:not([src]) {
  background: linear-gradient(
    90deg,
    #f0f2f4 25%,
    #e8eaec 50%,
    #f0f2f4 75%
  ) !important;
  background-size: 200% 100% !important;
  animation: osat-shimmer 1.4s ease infinite !important;
}

/* === FOOTER — light premium, navy text, icon-only WhatsApp === */
.shopify-section.section-osat-claude-footer,
.section-osat-claude-footer {
  background: #f8f9fa !important;
  background-color: #f8f9fa !important;
  padding: 0 !important;
  margin: 0 !important;
}
.os-footer.os-footer--premium {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
.os-footer.os-footer--premium .os-footer__tagline {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
.os-footer.os-footer--premium .os-footer__meta {
  border-top: 1px solid rgba(8, 58, 74, 0.10) !important;
}
.os-footer.os-footer--premium .os-footer__copy,
.os-footer.os-footer--premium .osat-footer__copyright,
.os-footer.os-footer--premium .os-footer__legal a {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
.os-footer.os-footer--premium .os-footer__legal a:hover {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
.os-footer.os-footer--premium .os-footer__link,
.os-footer.os-footer--premium .os-footer__links a,
.os-footer.os-footer--premium nav.os-footer__links a {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
.os-footer.os-footer--premium .os-footer__col-title,
.os-footer.os-footer--premium h3.os-footer__col-title {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
.os-footer.os-footer--premium .os-footer__contact-phone a {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
.os-footer.os-footer--premium .os-footer__contact-item a {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
.os-footer.os-footer--premium .os-footer__payments-wrap {
  text-align: center !important;
  border-top: 1px solid rgba(8, 58, 74, 0.08) !important;
  padding-top: 16px !important;
  margin-top: 16px !important;
}
.os-footer.os-footer--premium .os-footer__secure {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
.os-footer.os-footer--premium .os-footer__payments {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.os-footer.os-footer--premium .os-footer__payment-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border: 0.5px solid rgba(8, 58, 74, 0.15) !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  min-height: 30px !important;
}
.os-footer.os-footer--premium .os-footer__payment-item svg,
.os-footer.os-footer--premium .os-footer__payment-item .icon {
  height: 18px !important;
  width: auto !important;
  max-width: 48px !important;
  display: block !important;
}
.os-footer.os-footer--premium .os-footer__social-link {
  border-color: #000000 !important;
  color: #000000 !important;
}
.os-footer.os-footer--premium .os-footer__social-link:hover {
  color: #000000 !important;
  border-color: #000000 !important;
}
.os-footer.os-footer--premium a.os-footer__whatsapp-cta {
  display: inline-flex !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  flex: 0 0 auto !important;
}
body > a.osat-floating-whatsapp,
body > .osat-floating-whatsapp {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  left: auto !important;
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  z-index: 9999 !important;
}
body > a.osat-floating-whatsapp svg,
body > .osat-floating-whatsapp svg {
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
}

/* ============================================================
   SAVINGS BADGE – nuclear pill fix (must stay at end of file)
   osat-collection-premium.css sets width:100% twice (loads after
   this file). !important on width beats it regardless of order.
   ============================================================ */
.osat-savings-badge,
.osat-cat-card__savings,
[class*="savings"] {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: fit-content !important;
  flex: 0 0 auto !important;
  background: rgba(92, 200, 180, 0.12) !important;
  background-color: rgba(92, 200, 180, 0.12) !important;
  color: #0a7c65 !important;
  border: 1px solid rgba(92, 200, 180, 0.3) !important;
  padding: 2px 10px !important;
  border-radius: 100px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  line-height: 1.5 !important;
}

/* Spare parts list bar — high contrast on navy (catalog "Añadir a lista") */
.osat-sp-inquiry-bar__inner {
  background: #0D4F6B !important;
  background-color: #0D4F6B !important;
  color: #ffffff !important;
}
.osat-sp-inquiry-bar__count,
.osat-sp-inquiry-bar__count-text,
.osat-sp-inquiry-bar__count-label,
.osat-sp-inquiry-bar__count-hint {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.osat-sp-inquiry-bar__count-num {
  color: #5CC8B4 !important;
  -webkit-text-fill-color: #5CC8B4 !important;
}
.osat-sp-inquiry-bar__icon {
  color: #5CC8B4 !important;
}
.osat-sp-inquiry-bar__clear {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
}
.osat-sp-inquiry-bar__contact {
  background: #ffffff !important;
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
}
.osat-sp-inquiry-bar__contact:hover {
  background: #5CC8B4 !important;
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
}

/* Spare parts PDP — organized layout panels */
.osat-sp-pdp .osat-sp-pdp__buy-box {
  margin-top: 22px !important;
  padding: 20px !important;
  background: #ffffff !important;
  border: 1px solid rgba(13, 79, 107, 0.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 24px rgba(13, 79, 107, 0.06) !important;
}
.osat-sp-pdp .osat-sp-pdp__meta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 14px !important;
  margin-top: 14px !important;
  padding: 12px 14px !important;
  background: #f8fafb !important;
  border: 1px solid rgba(13, 79, 107, 0.1) !important;
  border-radius: 12px !important;
}
.osat-sp-pdp .osat-sp-pdp__condition-chip {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(92, 200, 180, 0.12) !important;
  border: 1px solid rgba(92, 200, 180, 0.35) !important;
  border-radius: 100px !important;
  padding: 8px 14px !important;
}
.osat-sp-pdp .osat-sp-pdp__condition-chip-title {
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
}
.osat-sp-pdp .osat-sp-pdp__condition-chip-sub {
  color: #0a7c65 !important;
  -webkit-text-fill-color: #0a7c65 !important;
}
.osat-sp-pdp .osat-sp-pdp__cta:not(.osat-sp-pdp__cta--secondary) {
  background: #0D4F6B !important;
  background-color: #0D4F6B !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: none !important;
}
.osat-sp-pdp .osat-sp-pdp__cta:not(.osat-sp-pdp__cta--secondary) .osat-sp-pdp__cta-label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
}
.osat-sp-pdp .osat-sp-pdp__cta--secondary {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 2px solid #0D4F6B !important;
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
}
.osat-sp-pdp .osat-sp-pdp__cta--secondary .osat-sp-pdp__cta-label {
  color: #0D4F6B !important;
  -webkit-text-fill-color: #0D4F6B !important;
  background: transparent !important;
}
.osat-sp-pdp .osat-sp-pdp__accordions {
  margin-top: 20px !important;
  padding: 4px 20px !important;
  background: #ffffff !important;
  border: 1px solid rgba(13, 79, 107, 0.12) !important;
  border-radius: 16px !important;
}
@media screen and (min-width: 600px) {
  .osat-sp-pdp .osat-sp-pdp__cta-wrap,
  .osat-sp-pdp .osat-sp-pdp__cta-row {
    flex-direction: row !important;
  }
}

/* ── Design system v2 — header chrome (64px) ── */
:root {
  --osat-header-h: 64px !important;
  --os-chrome-h: 64px !important;
  --header-h: 64px !important;
  --header-height: 64px !important;
}
.os-header,
.os-header__inner {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
}
.os-header__logo img,
.os-header__logo-img {
  height: 32px !important;
  max-height: 32px !important;
}
.section-osat-claude-hero {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ── Homepage hero — text placement v20260611 ── */
.section-osat-claude-hero .hero__content {
  text-align: left !important;
  align-items: flex-start !important;
  max-width: 34rem !important;
}
.section-osat-claude-hero .hero h1.hero__heading {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  max-width: 100% !important;
}
.section-osat-claude-hero .hero__heading-line--accent {
  color: #5CC8B4 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
.section-osat-claude-hero .hero__heading-line--accent .hero__heading-accent,
.section-osat-claude-hero .hero__heading-line--accent {
  white-space: normal !important;
}
.section-osat-claude-hero .hero__subtext {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
}
.section-osat-claude-hero .hero__stats {
  text-align: left !important;
  width: 100% !important;
}
.section-osat-claude-hero .hero__stat {
  min-width: 0 !important;
}
.section-osat-claude-hero .hero__cta-block,
.section-osat-claude-hero .hero__ctas {
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
}
@media screen and (max-width: 768px) {
  .section-osat-claude-hero .hero__inner,
  .section-osat-claude-hero .hero__grid {
    gap: 1.25rem !important;
    padding-bottom: 1rem !important;
  }
  .section-osat-claude-hero .hero__stat-label {
    font-size: 0.625rem !important;
    line-height: 1.3 !important;
  }
  .section-osat-claude-hero .hero .btn-primary,
  .section-osat-claude-hero .hero .btn-secondary {
    width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.25 !important;
    min-height: 48px !important;
    height: auto !important;
    padding-block: 0.75rem !important;
  }
}

/* ============================================
   IPHONE COLLECTION HERO — final color lock
   Beats rgb(29,29,31) globals + legacy markup
   ============================================ */

.section-osat-collection-hero-section,
.section-osat-collection-hero-section .osat-col-hero {
  background: #0D4F6B !important;
  background-color: #0D4F6B !important;
  color: #ffffff !important;
}

.section-osat-collection-hero-section .osat-col-hero__headline-white,
.section-osat-collection-hero-section .osat-col-hero__title,
.section-osat-collection-hero-section .osat-col-hero__title span:first-child {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.section-osat-collection-hero-section .osat-col-hero__headline-teal,
.section-osat-collection-hero-section .osat-col-hero__title span,
.section-osat-collection-hero-section .osat-col-hero__title-accent {
  color: #5CC8B4 !important;
  -webkit-text-fill-color: #5CC8B4 !important;
}

.section-osat-collection-hero-section .osat-col-hero__body,
.section-osat-collection-hero-section .osat-col-hero__sub,
.section-osat-collection-hero-section .osat-col-hero p {
  color: rgba(255, 255, 255, 0.88) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important;
}

.section-osat-collection-hero-section .osat-col-hero__eyebrow,
.section-osat-collection-hero-section .osat-col-hero__eyebrow span,
.section-osat-collection-hero-section .osat-col-hero__eyebrow-primary {
  color: #5CC8B4 !important;
  -webkit-text-fill-color: #5CC8B4 !important;
}

.section-osat-collection-hero-section .osat-col-hero__eyebrow-muted {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

.section-osat-collection-hero-section .osat-col-hero__trust-item,
.section-osat-collection-hero-section .osat-col-hero__trust-pills span {
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
}

.section-osat-collection-hero-section .osat-col-hero__model-name {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.section-osat-collection-hero-section .osat-col-hero__model-meta,
.section-osat-collection-hero-section .osat-col-hero__stat-label,
.section-osat-collection-hero-section .osat-col-hero__catalog-label,
.section-osat-collection-hero-section .osat-col-hero__trust-label {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

.section-osat-collection-hero-section .osat-col-hero__stat-num {
  color: #5CC8B4 !important;
  -webkit-text-fill-color: #5CC8B4 !important;
}

.section-osat-collection-hero-section .osat-col-hero__cta-secondary {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}

.section-osat-collection-hero-section .osat-col-hero a.osat-col-hero__model,
.section-osat-collection-hero-section .osat-col-hero a.osat-col-hero__mbtn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
}

/* ============================================
   ORIGINALSAT — FULL MOBILE RESPONSIVE SYSTEM
   Breakpoints: 768px tablet (Shopify 750px family), 480px mobile
   BackMarket ref: 2-col grid, 16px body, compact nav
   ============================================ */

@media screen and (max-width: 768px) {
  html,
  body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
  }

  body *,
  body *::before,
  body *::after {
    box-sizing: border-box;
  }

  img,
  video,
  svg,
  picture {
    max-width: 100%;
    height: auto;
  }

  .page-width,
  .os-container,
  .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
    max-width: 100% !important;
  }
}

/* ---- HEADER / NAV (osat-claude-header) ---- */
@media screen and (max-width: 768px) {
  .section-osat-claude-header .os-header,
  .section-osat-claude-header .os-header__inner {
    padding-inline: 16px !important;
    min-height: 56px !important;
    height: 56px !important;
    max-height: 56px !important;
  }

  .section-osat-claude-header .os-header__logo-img,
  .section-osat-claude-header .os-header__logo img {
    max-width: 120px !important;
    height: auto !important;
    max-height: 32px !important;
  }

  .section-osat-claude-header .os-nav,
  .section-osat-claude-header .os-nav__indicator {
    display: none !important;
  }

  .section-osat-claude-header .os-header__menu-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }

  .osat-mobile-nav {
    width: min(100vw, 360px) !important;
  }
}

/* ---- HOMEPAGE HERO (osat-claude-hero) ---- */
@media screen and (max-width: 768px) {
  .section-osat-claude-hero .hero,
  .section-osat-claude-hero .hero__inner,
  .section-osat-claude-hero .hero__grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px !important;
    padding: 32px 16px 24px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .section-osat-claude-hero .hero__content {
    order: 1 !important;
    text-align: center !important;
    align-items: center !important;
    max-width: 100% !important;
  }

  .section-osat-claude-hero .hero h1.hero__heading {
    font-size: clamp(1.75rem, 6vw, 2.25rem) !important;
    line-height: 1.2 !important;
    text-align: center !important;
    align-items: center !important;
  }

  .section-osat-claude-hero .hero__heading-line--primary,
  .section-osat-claude-hero .hero__heading-line--accent {
    text-align: center !important;
  }

  .section-osat-claude-hero .hero__subtext {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    text-align: center !important;
    max-width: 100% !important;
  }

  .section-osat-claude-hero .hero__stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    justify-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  .section-osat-claude-hero .hero__cta-block,
  .section-osat-claude-hero .hero__ctas {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  .section-osat-claude-hero .hero .btn-primary,
  .section-osat-claude-hero .hero .btn-secondary {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* ---- COLLECTION HEROES ---- */
@media screen and (max-width: 768px) {
  .osat-col-hero,
  .osat-sp-hero {
    padding: 24px 16px !important;
  }

  .osat-col-hero__inner,
  .osat-sp-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    min-width: 0 !important;
  }

  .osat-col-hero__headline-white,
  .osat-col-hero__headline-teal,
  .osat-sp-hero__headline-white,
  .osat-sp-hero__headline-teal {
    font-size: clamp(1.75rem, 6vw, 2.25rem) !important;
    text-align: center !important;
  }

  .osat-col-hero__body,
  .osat-sp-hero__body {
    max-width: 100% !important;
    text-align: center !important;
    margin-inline: auto !important;
  }

  .osat-col-hero__eyebrow,
  .osat-sp-hero__eyebrow {
    justify-content: center !important;
  }

  .osat-col-hero__ctas,
  .osat-sp-hero__ctas {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  .osat-col-hero__cta-primary,
  .osat-col-hero__cta-secondary,
  .osat-sp-hero__cta-primary,
  .osat-sp-hero__cta-secondary {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }

  .osat-col-hero__stats,
  .osat-sp-hero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  .osat-sp-hero__categories {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .osat-col-hero__trust-pills,
  .osat-sp-hero__brands-pills {
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: center !important;
  }

  .osat-col-hero__catalog-card,
  .osat-sp-hero__catalog-card {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* ---- PRODUCT GRIDS ---- */
@media screen and (max-width: 768px) {
  .section-osat-home-featured-iphones .product-grid__items,
  .osat-cat__grid,
  [data-osat-grid],
  [data-osat-catalog-grid],
  .product-grid__items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding-inline: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .product-card__title,
  .osat-cat-card__title {
    font-size: 0.85rem !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }

  .product-card__price,
  .osat-cat-card__price {
    font-size: 0.9rem !important;
  }

  .product-card__price--compare,
  .osat-cat-card__compare {
    font-size: 0.75rem !important;
  }

  .osat-cat-card__savings,
  .product-card__savings,
  [class*="savings"],
  [class*="ahorras"] {
    font-size: 0.7rem !important;
    padding: 2px 6px !important;
  }

  .product-card__btn,
  .osat-cat-card__cta,
  .btn-b2b {
    width: 100% !important;
    font-size: 0.8rem !important;
    padding: 10px 8px !important;
    min-height: 44px !important;
  }
}

/* ---- TRUST COLUMNS ---- */
@media screen and (max-width: 768px) {
  .section-osat-home-why .trust-features,
  .osat-home-trust-stats .trust-features {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding-inline: 16px !important;
    text-align: center !important;
  }

  .trust-features__item {
    align-items: center !important;
    text-align: center !important;
  }
}

/* ---- B2B / TALLERES ---- */
@media screen and (max-width: 768px) {
  .section-osat-home-b2b .osat-home-b2b__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
    padding: 24px 16px !important;
    text-align: center !important;
    gap: 20px !important;
  }

  .osat-home-b2b__actions {
    flex-direction: column !important;
    width: 100% !important;
  }

  .osat-home-b2b__btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .osat-home-spare-promo .pro-banner__stats,
  .osat-home-spare-promo [class*="stats"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

/* ---- FOOTER (mobile light) ---- */
@media screen and (max-width: 768px) {
  .shopify-section.section-osat-claude-footer,
  .section-osat-claude-footer,
  .os-footer.os-footer--premium,
  footer.os-footer.os-footer--premium {
    background: #f8f9fa !important;
    background-color: #f8f9fa !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    padding: 28px 0 20px !important;
  }

  .os-footer.os-footer--premium .os-footer__container {
    padding-inline: 16px !important;
  }

  .os-footer.os-footer--premium .os-footer__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 12px !important;
  }

  .os-footer.os-footer--premium .os-footer__brand {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  .os-footer.os-footer--premium .os-footer__col,
  .os-footer.os-footer--premium .os-footer__brand {
    width: auto !important;
  }

  .os-footer.os-footer--premium .os-footer__col:nth-child(4) {
    grid-column: 1 / -1 !important;
  }

  .os-footer.os-footer--premium .os-footer__logo-img {
    max-width: 140px !important;
    max-height: 56px !important;
    filter: none !important;
  }

  .os-footer.os-footer--premium .os-footer__tagline {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin: 0 0 10px !important;
    max-width: none !important;
  }

  .os-footer.os-footer--premium .os-footer__whatsapp-cta {
    margin-bottom: 8px !important;
  }

  .os-footer.os-footer--premium .os-footer__col-title {
    margin: 0 0 6px !important;
    font-size: 10px !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
  }

  .os-footer.os-footer--premium .os-footer__links {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  .os-footer.os-footer--premium .os-footer__link,
  .os-footer.os-footer--premium .os-footer__links a,
  .os-footer.os-footer--premium nav.os-footer__links a {
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-block: 2px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
  }

  .os-footer.os-footer--premium .os-footer__contact-phone,
  .os-footer.os-footer--premium .os-footer__contact-item {
    margin: 0 0 4px !important;
  }

  .os-footer.os-footer--premium .os-footer__contact-phone a,
  .os-footer.os-footer--premium .os-footer__contact-item a {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .os-footer.os-footer--premium .os-footer__contact-phone a {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
  }

  .os-footer.os-footer--premium .os-footer__contact-item a {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
  }

  .os-footer.os-footer--premium .os-footer__meta {
    margin-top: 16px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(8, 58, 74, 0.10) !important;
  }

  .os-footer.os-footer--premium .os-footer__payments-wrap,
  .os-footer.os-footer--premium .os-footer__payments {
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  .os-footer.os-footer--premium .os-footer__legal,
  .os-footer.os-footer--premium .os-footer__meta-row {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
  }

  .os-footer.os-footer--premium .os-footer__legal {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2px 10px !important;
    width: 100% !important;
    margin-top: 6px !important;
  }

  .os-footer.os-footer--premium .os-footer__legal a {
    min-height: 0 !important;
    width: auto !important;
    display: block !important;
    padding: 3px 0 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    text-align: left !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
  }

  .osat-footer__copyright,
  .os-footer.os-footer--premium .os-footer__copy {
    font-size: 11px !important;
    line-height: 1.4 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
  }

  .os-footer.os-footer--premium .os-footer__secure {
    font-size: 11px !important;
    margin-bottom: 4px !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
  }
}

/* ---- TYPOGRAPHY SCALE ---- */
@media screen and (max-width: 480px) {
  body.osat-claude-theme h1 {
    font-size: clamp(1.6rem, 7vw, 2rem) !important;
  }

  body.osat-claude-theme h2 {
    font-size: clamp(1.2rem, 5vw, 1.5rem) !important;
  }

  body.osat-claude-theme h3 {
    font-size: clamp(1rem, 4vw, 1.25rem) !important;
  }

  body.osat-claude-theme p {
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
  }
}

/* ---- UTILITIES ---- */
@media screen and (max-width: 768px) {
  .osat-floating-whatsapp,
  [class*="whatsapp-float"] {
    bottom: 16px !important;
    right: 16px !important;
    width: 48px !important;
    height: 48px !important;
  }

  .osat-inquiry-modal,
  .osat-sp-inquiry-modal,
  [class*="inquiry-modal"] {
    width: 95vw !important;
    max-width: 95vw !important;
    padding: 20px 16px !important;
    margin-inline: auto !important;
  }

  .osat-cat__layout,
  .osat-cat__toolbar,
  .osat-cat__filters {
    min-width: 0 !important;
    overflow-x: hidden !important;
  }
}

/* ============================================
   ORIGINALSAT — PREMIUM CART ICON
   ============================================ */

.os-header__icon-btn--cart,
#cart-icon-bubble.header__icon--cart {
  padding: 0 !important;
  position: relative !important;
}

.osat-cart-icon-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.osat-cart-icon-wrapper:hover {
  background-color: rgba(92, 200, 180, 0.1);
  transform: translateY(-1px);
}

.osat-cart-icon-wrapper:active {
  transform: translateY(0px) scale(0.96);
}

.osat-cart-svg {
  width: 22px;
  height: 22px;
  color: #0D4F6B !important;
  transition: color 0.2s ease;
  display: block;
}

.osat-cart-icon-wrapper:hover .osat-cart-svg {
  color: #000000 !important;
}

.osat-cart-count {
  position: absolute;
  top: 2px;
  right: 2px;
  min-width: 17px;
  height: 17px;
  background: #5CC8B4;
  color: #fff;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 10px;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0 3px;
  border: 2px solid #fff;
  transition: transform 0.2s ease, opacity 0.2s ease;
  pointer-events: none;
  z-index: 10;
}

.osat-cart-count[data-cart-count="0"],
.osat-cart-count:empty,
.osat-cart-count.is-empty {
  opacity: 0;
  transform: scale(0);
}

.osat-cart-count.has-items {
  opacity: 1;
  transform: scale(1);
  animation: osat-badge-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes osat-badge-pop {
  0%   { transform: scale(0); }
  60%  { transform: scale(1.2); }
  100% { transform: scale(1); }
}

.cart-count-bubble {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .osat-cart-icon-wrapper {
    width: 36px;
    height: 36px;
  }

  .osat-cart-svg {
    width: 20px;
    height: 20px;
  }

  .osat-cart-count {
    top: 1px;
    right: 1px;
    min-width: 15px;
    height: 15px;
    font-size: 9px;
  }
}

/* ============================================
   ORIGINALSAT — MOBILE CART (drawer + page)
   Fix product image clip + cramped text
   ============================================ */

@media screen and (max-width: 768px) {
  cart-items .cart-item,
  cart-items .cart-item__media,
  cart-drawer .cart-item,
  cart-drawer .cart-item__media {
    overflow: visible !important;
  }

  cart-items .cart-items thead,
  cart-drawer .cart-items thead {
    display: none !important;
  }

  cart-items .cart-item,
  cart-drawer .cart-item {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    gap: 12px 14px !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    align-items: start !important;
    border-bottom: 1px solid rgba(13, 79, 107, 0.1) !important;
  }

  cart-items .cart-item__media,
  cart-drawer .cart-item__media {
    grid-row: 1 / 3 !important;
    grid-column: 1 !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    padding-top: 0 !important;
  }

  cart-items .cart-item__image-container,
  cart-drawer .cart-item__image-container {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #f4f7f8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  cart-items .cart-item__image,
  cart-drawer .cart-item__image {
    width: 72px !important;
    height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    display: block !important;
  }

  cart-items .cart-item__details,
  cart-drawer .cart-item__details {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
  }

  cart-items .cart-item__details > *,
  cart-drawer .cart-item__details > * {
    max-width: none !important;
  }

  cart-items .cart-item__name,
  cart-drawer .cart-item__name {
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    margin-bottom: 4px !important;
  }

  cart-items .cart-item__details > .product-option,
  cart-items .cart-item__details > .cart-item__discounted-prices,
  cart-drawer .cart-item__details > .product-option,
  cart-drawer .cart-item__details > .cart-item__discounted-prices {
    display: none !important;
  }

  cart-items .cart-item__details dl,
  cart-drawer .cart-item__details dl {
    margin: 0 !important;
  }

  cart-items .cart-item__details .product-option,
  cart-drawer .cart-item__details .product-option {
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: #5a6b73 !important;
    margin-top: 2px !important;
  }

  cart-items .cart-item__details .product-option dt,
  cart-items .cart-item__details .product-option dd,
  cart-drawer .cart-item__details .product-option dt,
  cart-drawer .cart-item__details .product-option dd {
    display: inline !important;
    margin: 0 !important;
  }

  cart-items .cart-item__totals,
  cart-drawer .cart-item__totals {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: start !important;
    padding-top: 0 !important;
    padding-left: 8px !important;
    white-space: nowrap !important;
  }

  cart-items .cart-item__totals .price,
  cart-drawer .cart-item__totals .price {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0D4F6B !important;
  }

  cart-items .cart-item__quantity,
  cart-drawer .cart-item__quantity {
    grid-column: 2 / -1 !important;
    grid-row: 2 !important;
    padding-top: 8px !important;
    padding-left: 0 !important;
  }

  cart-items .cart-item__quantity-wrapper,
  cart-drawer .cart-item__quantity-wrapper {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
  }

  cart-items .cart-item > td + td,
  cart-drawer .cart-item > td + td {
    padding-left: 0 !important;
  }

  cart-items .cart-item cart-remove-button,
  cart-drawer .cart-item cart-remove-button {
    margin-left: 8px !important;
  }

  cart-items .quantity,
  cart-drawer .quantity {
    min-height: 36px !important;
  }

  cart-items .quantity__input,
  cart-drawer .quantity__input {
    font-size: 14px !important;
  }
}

/* ============================================
   HOMEPAGE — kill white gap hero → featured
   ============================================ */

.shopify-section.section-osat-claude-hero,
.shopify-section:has(.hero) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.shopify-section.section-osat-home-featured-iphones,
.shopify-section:has(.osat-home-featured),
.shopify-section:has(.featured-collection) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.section-osat-claude-hero + .shopify-section.section-osat-home-featured-iphones {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ============================================
   NAV — Contacto same color when inactive
   ============================================ */

.os-nav__link--accent:not(.active):not([aria-current="page"]) {
  color: var(--text-secondary) !important;
  font-weight: 500 !important;
  background: transparent !important;
}

.os-nav__link--accent:not(.active):not([aria-current="page"]):hover {
  color: var(--text-primary) !important;
  background: var(--bg-elevated) !important;
}

header a[href="/pages/contact"]:not(.header__active-link):not([aria-current="page"]),
header a[href*="contact"]:not(.header__active-link):not([aria-current="page"]):not(.active),
.header__inline-menu a[href*="contact"]:not(.header__active-link),
.os-nav__link[href*="contact"]:not(.active):not([aria-current="page"]),
.os-mobile-nav__link[href*="contact"]:not(.active):not([aria-current="page"]) {
  color: var(--text-secondary) !important;
  opacity: 1 !important;
}

.os-nav__link.active,
.os-nav__link[aria-current="page"] {
  color: #0D4F6B !important;
}

.os-mobile-nav__link.active,
.os-mobile-nav__link[aria-current="page"] {
  color: #0D4F6B !important;
  background: rgba(92, 200, 180, 0.12) !important;
}

/* ============================================
   TRUST COLUMNS — bigger branded icons
   ============================================ */

.trust-features__icon svg,
[class*="trust"] svg,
[class*="trust"] .icon,
[class*="trust"] img,
[class*="feature"] svg,
[class*="feature"] .icon {
  width: 40px !important;
  height: 40px !important;
  color: #5CC8B4 !important;
  stroke: #5CC8B4 !important;
  opacity: 1 !important;
}

.trust-features__icon,
[class*="trust"] [class*="icon-wrap"],
[class*="trust"] [class*="icon-container"],
[class*="feature"] [class*="icon-wrap"] {
  width: 64px !important;
  height: 64px !important;
  background: rgba(92, 200, 180, 0.1) !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 16px !important;
  color: #5CC8B4 !important;
  opacity: 1 !important;
}

/* ============================================
   COLLECTION FILTERS — label weight
   ============================================ */

.facets__summary,
[class*="facet"] summary,
[class*="filter"] summary,
.mobile-facets__summary,
.osat-cat__filters summary {
  font-weight: 500 !important;
  font-family: 'Inter', sans-serif !important;
  color: var(--color-foreground, #0D4F6B) !important;
  font-size: 0.9rem !important;
}

/* =====================================================
   MOBILE HERO — Nuclear ID Override (max specificity)
   ===================================================== */
@media screen and (max-width: 768px) {

  /* BACKGROUND — teal → white gradient */
  #shopify-section-template--30213266407749__hero,
  .shopify-section.section-osat-claude-hero {
    background: linear-gradient(180deg, #0D4F6B 0%, #3d8fa3 52%, #b8d5df 88%, #ffffff 100%) !important;
    background-color: #0D4F6B !important;
    padding-top: clamp(18px, 2.8vw, 32px) !important;
    padding-bottom: clamp(22px, 3.2vw, 38px) !important;
  }

  #shopify-section-template--30213266407749__hero section.hero,
  .section-osat-claude-hero section.hero,
  #shopify-section-template--30213266407749__hero .hero__inner,
  .section-osat-claude-hero .hero__inner {
    background: transparent !important;
    background-color: transparent !important;
  }

  /* PHONE — transparent bg, move above content */
  #shopify-section-template--30213266407749__hero .hero__media,
  #shopify-section-template--30213266407749__hero .hero__media--live {
    background: transparent !important;
    background-color: transparent !important;
  }

  /* HEADLINE WHITE */
  #shopify-section-template--30213266407749__hero .hero__heading-line--primary {
    color: #FFFFFF !important;
    font-size: clamp(22px, 7vw, 32px) !important;
    line-height: 1.2;
  }

  #shopify-section-template--30213266407749__hero .osat-hero__headline--emphasis,
  #shopify-section-template--30213266407749__hero .osat-hero__headline-line2 {
    color: #FFFFFF !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: clamp(20px, 6.2vw, 30px) !important;
    line-height: 1.25;
  }

  .section-osat-claude-hero .hero__heading-line--primary {
    color: #FFFFFF !important;
    text-shadow: 0 1px 2px rgba(8, 58, 74, 0.45), 0 2px 14px rgba(8, 58, 74, 0.28) !important;
  }

  .section-osat-claude-hero .osat-hero__headline--emphasis,
  .section-osat-claude-hero .osat-hero__headline-line2 {
    color: #FFFFFF !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #FFFFFF !important;
    text-shadow: 0 1px 2px rgba(8, 58, 74, 0.42), 0 2px 12px rgba(8, 58, 74, 0.24) !important;
  }

  #shopify-section-template--30213266407749__hero .hero__heading-line--accent {
    color: #6ed9c6 !important;
    font-size: clamp(18px, 5.5vw, 26px) !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 3px rgba(8, 58, 74, 0.5), 0 2px 8px rgba(8, 58, 74, 0.3) !important;
  }

  .section-osat-claude-hero .hero__heading-line--accent {
    color: #6ed9c6 !important;
    text-shadow: 0 1px 3px rgba(8, 58, 74, 0.5), 0 2px 8px rgba(8, 58, 74, 0.3) !important;
  }

  .section-osat-claude-hero .hero__subtext {
    color: rgba(255, 255, 255, 0.92) !important;
    text-shadow: 0 1px 3px rgba(8, 58, 74, 0.4), 0 2px 10px rgba(8, 58, 74, 0.22) !important;
  }

  #shopify-section-template--30213266407749__hero .hero__subtext {
    color: rgba(255, 255, 255, 0.92) !important;
    text-shadow: 0 1px 3px rgba(8, 58, 74, 0.4), 0 2px 10px rgba(8, 58, 74, 0.22) !important;
  }

  /* STATS */
  #shopify-section-template--30213266407749__hero .hero__stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: rgba(8, 58, 74, 0.48) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  #shopify-section-template--30213266407749__hero .hero__stat {
    padding: 12px 10px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-left: none !important;
  }

  #shopify-section-template--30213266407749__hero .hero__stat + .hero__stat {
    border-left: none !important;
  }

  #shopify-section-template--30213266407749__hero .hero__stat-number {
    color: #6ed9c6 !important;
    -webkit-text-fill-color: #6ed9c6 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
  }

  #shopify-section-template--30213266407749__hero .hero__stat-label {
    color: rgba(255, 255, 255, 0.85) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) !important;
  }

  /* BUTTONS */
  #shopify-section-template--30213266407749__hero .btn-primary {
    background: #5CC8B4 !important;
    color: #0D4F6B !important;
    min-height: 52px !important;
    font-size: 16px !important;
    box-shadow: 0 4px 24px rgba(92,200,180,0.40) !important;
  }

  #shopify-section-template--30213266407749__hero .btn-secondary {
    border: 1.5px solid rgba(255,255,255,0.35) !important;
    color: #FFFFFF !important;
    background: transparent !important;
    min-height: 50px !important;
    font-size: 16px !important;
  }

}

@keyframes osat-float {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-10px); }
}

@keyframes osat-ring-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

/* =====================================================
   MOBILE HERO — CSS Cinematic (Option C)
   ===================================================== */

/* Shimmer sweep across the phone screen */
@keyframes osat-shimmer {
  0%   { transform: translateX(-120%) skewX(-15deg); }
  100% { transform: translateX(220%) skewX(-15deg); }
}

/* Badge pulse */
@keyframes osat-badge-pulse {
  0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 0 0 0 rgba(92,200,180,0.4); }
  50%       { transform: translateY(-4px) scale(1.04); box-shadow: 0 0 0 8px rgba(92,200,180,0); }
}

/* Glow breathe */
@keyframes osat-glow-breathe {
  0%, 100% { opacity: 0.35; transform: translate(-50%,-50%) scale(1); }
  50%       { opacity: 0.60; transform: translate(-50%,-50%) scale(1.15); }
}

@media screen and (max-width: 768px) {

  #shopify-section-template--30213266407749__hero section.hero,
  #shopify-section-template--30213266407749__hero .hero__inner.hero__grid {
    overflow: visible !important;
  }

  #shopify-section-template--30213266407749__hero .hero__inner.hero__grid {
    flex-direction: column !important;
    align-items: center !important;
    padding-top: 16px !important;
  }

  /* Kill legacy HTML glow/ring + duplicate badge */
  #shopify-section-template--30213266407749__hero .hero__phone-stage,
  #shopify-section-template--30213266407749__hero .hero__phone-glow,
  #shopify-section-template--30213266407749__hero .hero__phone-ring,
  #shopify-section-template--30213266407749__hero .hero__badge-condition {
    display: none !important;
  }

  /* FIX — Constrain wrap width so phone doesn't fill full screen */
  #shopify-section-template--30213266407749__hero .hero__image-wrap {
    order: -1 !important;
    padding: 12px 0 0 !important;
    margin: 0 auto 8px !important;
    width: 320px !important;
    max-width: 320px !important;
    min-height: 330px !important;
    overflow: visible !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  #shopify-section-template--30213266407749__hero .hero__media,
  #shopify-section-template--30213266407749__hero .hero__media--live {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* FIX — Cap phone rotator height */
  #shopify-section-template--30213266407749__hero .hero__phone-rotator,
  #shopify-section-template--30213266407749__hero .hero__phone--animated {
    display: block !important;
    width: 250px !important;
    max-width: 250px !important;
    height: 304px !important;
    max-height: 304px !important;
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
    filter: none !important;
    animation: osat-float 5s ease-in-out infinite !important;
    will-change: transform !important;
  }

  #shopify-section-template--30213266407749__hero .hero__phone-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    background: transparent !important;
  }

  /* Shimmer — behind phone, not on top */
  #shopify-section-template--30213266407749__hero .hero__image-wrap::after {
    content: '' !important;
    position: absolute !important;
    top: 12px !important;
    left: 50% !important;
    width: 160px !important;
    height: calc(100% - 12px) !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.07), transparent) !important;
    animation: osat-shimmer 4s ease-in-out 2s infinite !important;
    z-index: 1 !important;
    pointer-events: none !important;
    border-radius: 20px !important;
  }

  /* Grade A+ badge — solid bg, no backdrop blur */
  #shopify-section-template--30213266407749__hero .hero__image-wrap::before {
    content: '✓ Grado A+' !important;
    position: absolute !important;
    top: 12px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(72px) !important;
    background: rgba(13, 79, 107, 0.92) !important;
    border: 1px solid rgba(92,200,180,0.55) !important;
    color: #5CC8B4 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 5px 10px !important;
    border-radius: 20px !important;
    animation: osat-badge-pulse 3s ease-in-out infinite !important;
    z-index: 3 !important;
    white-space: nowrap !important;
    letter-spacing: 0.04em !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Glow breathe — behind phone only */
  #shopify-section-template--30213266407749__hero .hero__media::before {
    content: '' !important;
    position: absolute !important;
    width: 200px !important;
    height: 200px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(92,200,180,0.35) 0%, transparent 70%) !important;
    top: 55% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    animation: osat-glow-breathe 3.5s ease-in-out infinite !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }

}

/* =====================================================
   PDP DESCRIPTION — clean readable prose (mobile-first)
   ===================================================== */

.osat-pdp__rte h2 {
  font-size: 1.05rem !important;
  color: #0D4F6B !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  padding-bottom: 0 !important;
  margin: 0 0 10px !important;
  border-bottom: none !important;
}

.osat-pdp__rte h2::after {
  display: none !important;
  content: none !important;
}

.osat-pdp__rte p {
  color: #4b5563 !important;
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
  margin-bottom: 10px !important;
}

.osat-pdp__rte h3 {
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin: 14px 0 6px !important;
  padding-left: 0 !important;
  border-left: none !important;
  border-radius: 0 !important;
}

.osat-pdp__rte ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.osat-pdp__rte ul li {
  color: #374151 !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  padding-left: 1.1rem !important;
  position: relative !important;
}

.osat-pdp__rte ul li::before {
  content: '•' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #000000 !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
}

.osat-pdp__rte .originalsat-copy-note {
  display: none !important;
}

/* Description accordion — contained card */
.osat-pdp__accordions {
  margin-top: 20px !important;
  border-top: none !important;
  border: 1px solid rgba(13, 79, 107, 0.1) !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.osat-pdp__accordion {
  border-bottom: none !important;
}

.osat-pdp__accordion-summary {
  padding: 14px 16px !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  color: #0D4F6B !important;
}

.osat-pdp__accordion-body {
  padding: 0 16px 16px !important;
  border-top: 1px solid rgba(13, 79, 107, 0.08) !important;
}

.osat-pdp__accordion[open] .osat-pdp__accordion-body {
  padding-top: 12px !important;
}

/* Specs grid — compact on mobile */
@media screen and (max-width: 749px) {
  .osat-pdp-specs {
    margin-top: 16px !important;
    padding: 14px !important;
  }

  .osat-pdp-specs__title {
    font-size: 1rem !important;
    margin-bottom: 12px !important;
  }

  .osat-pdp-specs__grid {
    gap: 10px !important;
  }

  .osat-pdp-specs__item {
    padding: 12px 14px !important;
  }

  .osat-pdp__faq {
    margin-top: 1.25rem !important;
    padding-top: 1rem !important;
  }

  .osat-pdp__faq-eyebrow {
    font-size: 0.625rem !important;
  }

  .osat-pdp__faq-title {
    font-size: 1.05rem !important;
  }
}

/* ---- SPECS ACCORDION ---- */

.osat-pdp-specs {
  background: #F7F9FB !important;
  border: 1px solid rgba(13,79,107,0.10) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  margin-top: 8px !important;
}

.osat-pdp-specs__title {
  color: #0D4F6B !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.osat-pdp-specs__grid li,
.osat-pdp-specs__grid > * {
  color: #333 !important;
  font-size: 13px !important;
  border-bottom: 1px solid rgba(13,79,107,0.07) !important;
  padding: 8px 0 !important;
}

.osat-pdp-specs__grid strong,
.osat-pdp-specs__grid b {
  color: #0D4F6B !important;
  font-weight: 600 !important;
}

/* OSAT cart RFQ guard + iPhone OOS restock CTA — 2026-06-02 */
.osat-cart-rfq-banner {
  margin: 0 0 1.25rem;
  padding: 1rem 1.1rem;
  border-radius: 10px;
  border: 1px solid rgba(92, 200, 180, 0.45);
  background: rgba(92, 200, 180, 0.12);
  color: #0a192f;
}
.osat-cart-rfq-banner__text {
  margin: 0 0 0.5rem;
  font-size: 0.95rem;
  line-height: 1.45;
}
.osat-cart-rfq-banner__link {
  font-weight: 600;
  color: #0D4F6B;
  text-decoration: underline;
}
.cart__checkout-button.osat-cart-rfq-blocked {
  opacity: 0.45;
  cursor: not-allowed;
}
.osat-pdp__restock {
  margin-top: 0.85rem;
  padding: 0.9rem 1rem;
  border-radius: 10px;
  background: rgba(13, 79, 107, 0.06);
  border: 1px solid rgba(13, 79, 107, 0.12);
}
.osat-pdp__restock-note {
  margin: 0 0 0.65rem;
  font-size: 0.92rem;
  line-height: 1.45;
  color: #334155;
}
.osat-pdp__restock-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.65rem 1rem;
  border-radius: 8px;
  background: #25d366;
  color: #fff !important;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
}
.osat-spare-desc-auto__rfq {
  font-size: 0.92rem;
  color: #475569;
}

/* PDP header trust bar — compact chips (distinct from post-CTA block) */
.osat-pdp__trust-bar--header {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 10px 0 6px;
  padding: 0;
  list-style: none;
}
.osat-pdp__trust-bar--header .osat-pdp__trust-bar-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #475569;
  background: transparent;
  border: none;
}
.osat-pdp__trust-bar--header .osat-pdp__trust-bar-icon {
  display: inline-flex;
  color: #0D4F6B;
  flex-shrink: 0;
}
.osat-pdp__trust-bar--header .osat-pdp__trust-bar-label {
  white-space: nowrap;
}
.osat-pdp__trust-post-cta {
  margin-top: 12px;
}

/* Spare combo LCD+battery badge + SKU search hint */
.osat-cat-card__combo-badge {
  display: inline-block;
  margin: 4px 0 2px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #0D4F6B;
  background: rgba(92, 200, 180, 0.22);
  border: 1px solid rgba(92, 200, 180, 0.45);
}
.osat-cat__search-hint {
  margin: 4px 0 0;
  font-size: 11px;
  line-height: 1.35;
  color: #64748b;
}

/* =====================================================
   HEADER LANGUAGE DROPDOWN — above hero (z-index fix)
   ===================================================== */
.os-chrome-shell,
#os-chrome-shell,
.shopify-section-group-header-group,
.section-osat-claude-header,
.section-osat-claude-header.shopify-section,
.os-header,
.os-header .os-container,
.os-header__inner,
.os-header__actions,
.osat-header-lang,
.osat-header-lang__disclosure {
  overflow: visible !important;
}

.os-chrome-shell,
#os-chrome-shell {
  z-index: 10000 !important;
}

.os-header .osat-header-lang,
.osat-header-lang {
  position: relative !important;
  z-index: 10001 !important;
}

.os-header .osat-header-lang__panel,
.osat-header-lang__panel.disclosure__list-wrapper,
.osat-header-lang__panel {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  bottom: auto !important;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
  z-index: 10002 !important;
  isolation: isolate !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14) !important;
}

.osat-header-lang__panel .disclosure__list {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.osat-header-lang__panel .disclosure__link {
  background-color: #ffffff !important;
}

.osat-header-lang__panel .disclosure__link:hover,
.osat-header-lang__panel .disclosure__link:focus-visible {
  background-color: #f5f5f7 !important;
}

.osat-header-lang__panel .disclosure__link--active,
.osat-header-lang__panel .disclosure__link[aria-current='true'] {
  background-color: #e6f7f2 !important;
}

#MainContent > .shopify-section.section-osat-claude-hero,
.shopify-section.section-osat-claude-hero,
.shopify-section:has(.hero) {
  z-index: 0 !important;
  isolation: auto !important;
}

/* =====================================================
   MOBILE MENU — clean drawer (white, compact)
   ===================================================== */
@media screen and (max-width: 989px) {
  .os-mobile-nav {
    display: none;
    position: fixed !important;
    inset: 0 !important;
    z-index: 10050 !important;
    background: #ffffff !important;
    padding: calc(var(--os-chrome-h, 64px) + 8px) 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    flex-direction: column !important;
    gap: 4px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .os-mobile-nav.open {
    display: flex !important;
  }

  .os-mobile-nav__close {
    position: fixed !important;
    top: calc(var(--os-chrome-h, 64px) - 52px) !important;
    right: 12px !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f5f5f7 !important;
    color: #1d1d1f !important;
    border: 1px solid #e8e8ed !important;
    border-radius: 10px !important;
    z-index: 10051 !important;
  }

  .os-mobile-nav__link {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1d1d1f !important;
    -webkit-text-fill-color: #1d1d1f !important;
    padding: 11px 12px !important;
    min-height: 44px !important;
    border: 0 !important;
    border-bottom: none !important;
    border-radius: 10px !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    animation: none !important;
    transform: none !important;
  }

  .os-mobile-nav__link::before {
    display: none !important;
  }

  .os-mobile-nav__link:hover,
  .os-mobile-nav__link:focus-visible {
    color: #0D4F6B !important;
    background: #f5f5f7 !important;
  }

  .os-mobile-nav__link.active,
  .os-mobile-nav__link[aria-current="page"] {
    color: #0D4F6B !important;
    -webkit-text-fill-color: #0D4F6B !important;
    background: rgba(92, 200, 180, 0.14) !important;
    box-shadow: inset 0 0 0 1px rgba(92, 200, 180, 0.35) !important;
    padding-left: 12px !important;
  }

  .os-mobile-nav .btn-wa,
  .os-mobile-nav .btn-hero,
  .os-mobile-nav .btn-full {
    margin-top: 12px !important;
    min-height: 46px !important;
    height: auto !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-align: center !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: #25D366 !important;
    border: none !important;
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.28) !important;
  }
}

/* =====================================================
   FLOATING WHATSAPP — bottom-right only (never left)
   ===================================================== */
a.osat-floating-whatsapp,
.osat-floating-whatsapp,
body > a.osat-floating-whatsapp,
body.osat-claude-theme a.osat-floating-whatsapp {
  position: fixed !important;
  inset: auto 24px 24px auto !important;
  top: auto !important;
  right: 24px !important;
  bottom: 24px !important;
  left: auto !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  transform: none !important;
  z-index: 9999 !important;
}

@media screen and (max-width: 768px) {
  a.osat-floating-whatsapp,
  .osat-floating-whatsapp,
  body > a.osat-floating-whatsapp {
    inset: auto 16px calc(16px + env(safe-area-inset-bottom, 0px)) auto !important;
    right: 16px !important;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    left: auto !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
  }
}

/* Footer brand WhatsApp — hide duplicate (floating button handles contact) */
.os-footer.os-footer--premium .os-footer__brand .os-footer__whatsapp-cta {
  display: none !important;
}

/* PDP payment options — BNPL logos + card/PayPal row */
.osat-pdp-payment-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 4px 0 0;
  padding: 0;
  max-width: 100%;
  font-size: 15px;
  line-height: 1.45;
  color: var(--osat-text, #1a1a1a);
}

.osat-pdp-payment-options__lead {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  color: inherit;
  opacity: 0.9;
}

.osat-pdp-payment-options__amount {
  font-weight: 600;
  color: inherit;
}

.osat-pdp-payment-options__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}

.osat-pdp-payment-options__label {
  font-size: 13px;
  line-height: 1.35;
  color: inherit;
  opacity: 0.72;
  flex: 0 0 auto;
}

.osat-pdp-payment-options__logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.osat-pdp-payment-options__logo {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.osat-payment-logo__svg,
.osat-pdp-payment-options__logo .icon {
  display: block;
  width: auto;
  height: 22px;
  max-width: 52px;
}

.osat-payment-logo--sequra {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 2px 8px;
  border-radius: 4px;
  background: #00a19a;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
}

.osat-pdp-payment-options__note {
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 1.4;
  color: inherit;
  opacity: 0.58;
}

@media screen and (max-width: 480px) {
  .osat-pdp-payment-options__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}

/* Homepage reviews — auto marquee (wins over legacy bundle rules) */
.osat-home-reviews__grid {
  display: none !important;
}

.osat-home-reviews__marquee {
  display: block !important;
  overflow: hidden !important;
}

.osat-home-reviews__track {
  display: flex !important;
  width: max-content !important;
  animation: osat-reviews-marquee 42s linear infinite !important;
}

.osat-home-reviews__group {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 20px !important;
}

.osat-home-reviews__card {
  flex: 0 0 auto !important;
  width: min(360px, 78vw) !important;
  max-width: none !important;
  scroll-snap-align: unset !important;
}

@keyframes osat-reviews-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

.osat-home-reviews__marquee:hover .osat-home-reviews__track,
.osat-home-reviews__marquee:focus-within .osat-home-reviews__track {
  animation-play-state: paused !important;
}

/* OriginalSAT — Concept A hero: La Promesa Inversa */

.osat-hero__headline {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.osat-hero__headline-line1 {
  display: block;
}

.osat-hero__headline--emphasis {
  display: block;
  font-weight: 400;
  color: #5CC8B4 !important;
  -webkit-text-fill-color: #5CC8B4 !important;
}

.osat-hero__cta-wrap,
[class*="hero__buttons"],
[class*="hero__cta"] {
  justify-content: flex-start;
}

.osat-hero__cta-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  flex-shrink: 0;
  position: relative;
  top: -1px;
}

.section-osat-claude-hero .hero__subheadline {
  margin: 0 0 0.75rem;
}

@media (max-width: 749px) {
  .osat-hero__headline-line1,
  .osat-hero__headline--emphasis {
    display: block;
    text-align: center;
  }
}

/* HERO COLOR LOCK — teal → white gradient (collection blue at top) */
.shopify-section.section-osat-claude-hero,
#shopify-section-template--30213266407749__hero,
.section-osat-claude-hero {
  background: linear-gradient(180deg, #0D4F6B 0%, #3d8fa3 52%, #b8d5df 88%, #ffffff 100%) !important;
  background-color: #0D4F6B !important;
}

.section-osat-claude-hero section.hero,
.section-osat-claude-hero .hero,
.section-osat-claude-hero .hero__inner,
.section-osat-claude-hero .hero__grid {
  background: transparent !important;
  background-color: transparent !important;
}

.section-osat-claude-hero .hero__heading-line--primary,
.section-osat-claude-hero .osat-hero__headline-line1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  text-shadow: 0 1px 2px rgba(8, 58, 74, 0.45), 0 2px 14px rgba(8, 58, 74, 0.28) !important;
}

.section-osat-claude-hero .osat-hero__headline--emphasis,
.section-osat-claude-hero .osat-hero__headline-line2,
.section-osat-claude-hero .hero h1 .hero__heading-accent {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-style: italic !important;
  opacity: 0.96 !important;
  text-shadow: 0 1px 2px rgba(8, 58, 74, 0.42), 0 2px 12px rgba(8, 58, 74, 0.24) !important;
}

.section-osat-claude-hero .hero__heading-line--accent,
.section-osat-claude-hero .hero__subheadline {
  color: #6ed9c6 !important;
  -webkit-text-fill-color: #6ed9c6 !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 3px rgba(8, 58, 74, 0.5), 0 2px 8px rgba(8, 58, 74, 0.3) !important;
}

.section-osat-claude-hero .hero__subtext {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  text-shadow: 0 1px 3px rgba(8, 58, 74, 0.4), 0 2px 10px rgba(8, 58, 74, 0.22) !important;
}

.section-osat-claude-hero .hero__stat-number {
  color: #6ed9c6 !important;
  -webkit-text-fill-color: #6ed9c6 !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
}

.section-osat-claude-hero .hero__stat-label {
  color: rgba(255, 255, 255, 0.85) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) !important;
}
.shopify-section-group-header-group,
.section-osat-claude-header.shopify-section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.template-index .section-osat-claude-header .os-header {
  border-bottom: none !important;
}

main#MainContent.content-for-layout {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

#MainContent > .shopify-section.section-osat-claude-hero:first-child {
  margin-top: 0 !important;
}

/* FOOTER MOBILE — final override (beats global-critical bundle specificity) */
@media screen and (max-width: 768px) {
  .shopify-section.section-osat-claude-footer .os-footer.os-footer--premium .osat-footer__copyright,
  .shopify-section.section-osat-claude-footer .os-footer.os-footer--premium .os-footer__copy,
  .shopify-section.section-osat-claude-footer .os-footer.os-footer--premium .os-footer__legal a,
  .shopify-section.section-osat-claude-footer .os-footer.os-footer--premium .os-footer__secure,
  .shopify-section.section-osat-claude-footer .os-footer.os-footer--premium .os-footer__payment-text,
  #osat-footer-inline-force ~ .os-footer.os-footer--premium .osat-footer__copyright,
  #osat-footer-inline-force ~ .os-footer.os-footer--premium .os-footer__legal a,
  #osat-footer-inline-force ~ .os-footer.os-footer--premium .os-footer__secure {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
  }
}

/* ============================================================
   MOBILE HERO FIX — headline first, rotating phone below.
   Appended last so it overrides the earlier stacked hero
   blocks in this file (e.g. the order:-1 rule ~line 2890).
   ID-scoped so it also wins over base.css.
   ============================================================ */
@media screen and (max-width: 768px) {
  #shopify-section-template--30213266407749__hero .hero__inner.hero__grid,
  #shopify-section-template--30213266407749__hero .hero__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 18px !important;
    padding-top: 20px !important;
  }

  /* 1) Text block first — headline immediately visible */
  #shopify-section-template--30213266407749__hero .hero__content {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    align-items: flex-start !important;
  }

  /* 2) Rotating phone below the text, constrained + centered */
  #shopify-section-template--30213266407749__hero .hero__image-wrap {
    order: 2 !important;
    width: min(260px, 72vw) !important;
    max-width: 260px !important;
    min-height: 0 !important;
    margin: 4px auto 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  #shopify-section-template--30213266407749__hero .hero__media,
  #shopify-section-template--30213266407749__hero .hero__media--live {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 600 / 730 !important;
    height: auto !important;
    min-height: 0 !important;
    margin-inline: auto !important;
  }

  #shopify-section-template--30213266407749__hero .hero__phone-rotator,
  #shopify-section-template--30213266407749__hero .hero__phone--animated {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    aspect-ratio: 600 / 730 !important;
  }
}

/* ============================================================
   DESKTOP / LAPTOP HERO POLISH (>=1024px)
   - Slightly larger phone
   - "Condición A+" badge moved down to the lower body,
     clear of the camera, properly aligned.
   Appended last + ID-scoped so it wins over base.css and the
   osat-home-hero / osat-bundle-home badge defaults.
   ============================================================ */
@media screen and (min-width: 1024px) {
  #shopify-section-template--30213266407749__hero .hero__media,
  #shopify-section-template--30213266407749__hero .hero__media--live {
    width: min(580px, 100%) !important;
    max-width: 580px !important;
    aspect-ratio: 600 / 730 !important;
    transform: translateY(-32px) !important;
  }

  #shopify-section-template--30213266407749__hero .hero__phone-rotator {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 600 / 730 !important;
  }

  /* Badge: overlapping the phone's lower-left body, no -100% shift */
  #shopify-section-template--30213266407749__hero .hero__badge-condition,
  #shopify-section-template--30213266407749__hero .hero__badge--floating.hero__badge-condition {
    top: auto !important;
    bottom: 18% !important;
    left: 10% !important;
    right: auto !important;
    font-size: 13px !important;
    transform: none !important;
    animation: osat-badge-floaty 5s ease-in-out infinite !important;
  }
}

@keyframes osat-badge-floaty {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}