.iphone-heading { max-width: 800px; }
.iphone-showcase { padding-block: clamp(35px,6vw,76px); scroll-margin-top: 16px; }
.iphone-showcase h2,.iphone-section h2 { font-size: clamp(27px,4vw,46px); letter-spacing: -.055em; line-height: 1.1; }
.iphone-showcase h2 + p,.iphone-section h2 + p { color: var(--muted); margin-top: 12px; }
.iphone-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-top: 26px; }
.iphone-card { display: flex; flex-direction: column; border: 1px solid #38415b; background: #111522; border-radius: 18px; overflow: hidden; }
.iphone-card:hover,.iphone-card:focus-within { border-color: #92a5cf; }
.iphone-card > a { display: block; height: 100%; }
.iphone-card-photo,.iphone-photo { background: radial-gradient(ellipse at 50% 28%,#363f5a,#171e30 72%); }
.iphone-card-photo { display: grid; place-items: center; aspect-ratio: 1.32; padding: 12px; }
.iphone-card-photo img,.iphone-photo img { width: 100%; height: 100%; object-fit: contain; border-radius: 8px; }
.iphone-card-info { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 8px; padding: 14px 15px 16px; align-items: baseline; }
.iphone-card-info h3 { font-size: clamp(16px,2vw,22px); letter-spacing: -.035em; }
.iphone-card-info .card-price { color: #9ce5f5; font-weight: 700; white-space: nowrap; }
.iphone-card-info small { grid-column: 1/-1; color: var(--muted); font-size: 11px; line-height: 1.4; }
.iphone-hero { padding: clamp(28px,5vw,67px) 0; background: radial-gradient(ellipse at 10% 0%,#1e2442,transparent 64%),#0a0d16; }
.iphone-crumbs { margin-bottom: 22px; display: flex; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: 13px; }
.iphone-crumbs a,.iphone-credit a,.iphone-reference a { color: #ace9fb; text-underline-offset: .19em; text-decoration: underline; }
.iphone-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(20px,5vw,74px); align-items: center; }
.iphone-photo { aspect-ratio: 1.12; display: grid; place-items: center; padding: clamp(15px,3vw,32px); border: 1px solid #404a66; border-radius: 24px; overflow: hidden; }
.iphone-photo img { min-width: 0; min-height: 0; }
.iphone-credit { margin-top: 10px; font-size: 11px; line-height: 1.55; color: var(--muted); }
.iphone-hero h1 { font-size: clamp(45px,7vw,94px); letter-spacing: -.075em; line-height: .97; }
.iphone-summary { color: #d0d6ee; margin-top: 15px; max-width: 48ch; }
.iphone-hero-price { margin-top: 23px; display: flex; gap: 8px 13px; align-items: baseline; flex-wrap: wrap; }
.iphone-hero-price strong { font-size: clamp(42px,5vw,70px); letter-spacing: -.055em; color: #a1ecf9; line-height: 1; }
.iphone-hero-price span { color: var(--muted); font-size: 13px; }
.iphone-status,.iphone-reference { margin-top: 12px; color: var(--muted); font-size: 13px; }
.iphone-hero .actions { justify-content: flex-start; margin-top: 18px; }
.iphone-section { margin-block: clamp(34px,6vw,70px); }
.iphone-specs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 22px; }
.iphone-specs > div { padding: 14px; border: 1px solid #333e55; border-radius: 12px; background: #111726; }
.iphone-specs dt { font-size: 11px; color: #abc4ea; letter-spacing: .075em; text-transform: uppercase; }
.iphone-specs dd { margin: 4px 0 0; }
.iphone-section .table-scroll { margin-top: 18px; }
.iphone-section .fine-print { color: var(--muted); margin-top: 12px; }
.iphone-links { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 14px; color: #ace9fb; }
.iphone-links a:hover { text-decoration: underline; }
@media (max-width: 830px) { .iphone-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 640px) {
  .iphone-grid,.iphone-specs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .iphone-grid { gap: 10px; }
  .iphone-hero-grid { grid-template-columns: minmax(0,1fr); }
  .iphone-card-info { grid-template-columns: minmax(0,1fr); padding: 11px; }
}
.device-art img[data-model-photo] { object-fit: contain; object-position: center; padding: 14px; background: #171e30; }
.device-art figcaption a { color: #ace9fb; text-decoration: underline; text-underline-offset: .19em; }
