@import url('../../product-detail/bluetooth-earphones/true-wireless-earbuds.css');

/* iPhone 17 related-model module */
.product-range { background: #ffffff; }
.product-range .section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 34px; }
.product-range .section-heading h2 { margin: 0; }
.product-range .section-heading .eyebrow { margin-bottom: 9px; }
.product-range__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.range-card { display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid var(--color-line); border-radius: var(--radius-medium); color: var(--color-text); background: #fff; box-shadow: 0 8px 22px rgba(35, 74, 145, .08); transition: transform .25s ease, box-shadow .25s ease; }
.range-card:hover { box-shadow: 0 16px 30px rgba(35, 74, 145, .16); transform: translateY(-5px); }
.range-card:focus-visible { outline: 3px solid rgba(35, 74, 145, .5); outline-offset: 4px; }
.range-card img { width: 100%; height: 220px; object-fit: cover; }
.range-card div { display: flex; flex: 1; flex-direction: column; padding: 20px; }
.range-card h3 { margin: 0 0 10px; font-size: 1.22rem; }
.range-card p { margin: 0; color: var(--color-muted); font-size: .9rem; line-height: 1.55; }
@media (max-width: 1020px) { .product-range__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .product-range__grid { grid-template-columns: 1fr; } .range-card img { height: 250px; } }

/* Keep every product module visible when the preview loads without its reveal script. */
#main-content .section-reveal {
  opacity: 1 !important;
  transform: none !important;
}