/* Premium Apple family discovery. Scoped to collection landings only. */
[data-apple-journey] .page-hero { padding-block: clamp(24px, 4vw, 52px) clamp(10px, 2vw, 20px); }
[data-apple-journey] .page-hero h1 { font-size: clamp(2.25rem, 6vw, 3.8rem); letter-spacing: -.055em; max-width: none; margin-bottom: 12px; }
[data-apple-journey] .page-hero__lede { font-size: clamp(.9rem, 1.6vw, 1.04rem); max-width: 65ch; }
[data-apple-journey] .seo-collection { padding-top: 24px; }
[data-apple-journey] .seo-collection > .shell > .section-heading { display: none; }
.apple-paths { background: #fff; border-bottom: 1px solid #ebebef; }
.apple-paths__scroll {
  display:flex; align-items:stretch; gap:clamp(2px, 1vw, 12px);
  padding:12px 0 15px; overflow-x:auto; overscroll-behavior-x:contain;
  scroll-snap-type:x proximity; scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
.apple-paths__scroll::-webkit-scrollbar { display:none; }
.apple-paths__item {
  display:flex; flex:0 0 104px; min-width:0; flex-direction:column; align-items:center;
  justify-content:end; gap:5px; text-align:center; padding:5px 3px 9px;
  border-radius:12px; scroll-snap-align:start; text-decoration:none;
  color:#1d1d1f; font-size:11px; font-weight:600; line-height:1.2;
  transition:background .15s ease;
}
.apple-paths__item:hover, .apple-paths__item[aria-current="page"] { background:#f5f5f7; }
.apple-paths__item[aria-current="page"] .apple-paths__label { color:#0066cc; }
.apple-paths__item:focus-visible, .mac-shortcuts__card:focus-visible {
  outline:2px solid #0071e3; outline-offset:2px;
}
.apple-paths__media { display:grid; place-items:center; width:82px; height:67px; }
.apple-paths__media img { width:100%; height:100%; object-fit:contain; }
.apple-paths__label { display:block; max-width:100%; overflow-wrap:break-word; }
.apple-paths__type {
  display:grid; place-items:center; width:66px; height:46px; border-radius:12px;
  background:linear-gradient(140deg,#ececf0,#e3e7ed); color:#1d1d1f;
  font-size:16px; font-weight:700; letter-spacing:-.035em;
}
.mac-shortcuts { margin:0 0 24px; }
.mac-shortcuts h2 { margin:0 0 5px; font-size:clamp(1.7rem,4vw,2.25rem); letter-spacing:-.045em; }
.mac-shortcuts>p { margin:0 0 17px; color:#6e6e73; font-size:clamp(.92rem,1.4vw,1.02rem); }
.mac-shortcuts__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.mac-shortcuts__card {
  display:flex; min-width:0; flex-direction:column; align-items:flex-start;
  gap:8px; padding:clamp(18px,3vw,30px); min-height:190px;
  border-radius:22px; background:#f5f5f7; color:#1d1d1f; text-decoration:none;
  border:1px solid #eeeeef; transition:background .15s ease;
}
.mac-shortcuts__card--pro { background:#1d1d1f; color:#fff; border-color:#1d1d1f; }
.mac-shortcuts__card:hover { background:#eaebee; }
.mac-shortcuts__card--pro:hover { background:#2c2c30; }
.mac-shortcuts__eyebrow { font-size:12px; font-weight:700; }
.mac-shortcuts__card strong { font-size:clamp(1.4rem,2.8vw,2.2rem); font-weight:650; letter-spacing:-.045em; line-height:1.12; }
.mac-shortcuts__details { font-size:13px; line-height:1.4; color:#6e6e73; }
.mac-shortcuts__card--pro .mac-shortcuts__details { color:#c9c9cf; }
.mac-shortcuts__link { display:inline-flex; align-items:center; gap:6px; font-size:13px; color:#0066cc; font-weight:650; margin-top:auto; }
.mac-shortcuts__card--pro .mac-shortcuts__link { color:#8bc4ff; }
@media (max-width:620px) {
 [data-apple-journey] .page-hero { padding-block:20px 9px; }
 [data-apple-journey] .breadcrumbs { display:none; }
 [data-apple-journey] .page-hero .eyebrow { display:none; }
 [data-apple-journey] .seo-collection { padding-top:18px; }
 .apple-paths__scroll { gap:3px; padding:8px 0 10px; }
 .apple-paths__item { flex-basis:83px; padding:4px 2px 8px; gap:3px; min-height:100px; font-size:10.5px; }
 .apple-paths__media { width:66px; height:57px; }
 .apple-paths__type { width:53px; height:42px; font-size:14px; }
 .mac-shortcuts__grid { gap:9px; }
 .mac-shortcuts__card { padding:17px 13px; min-height:202px; border-radius:17px; }
 .mac-shortcuts__card strong { font-size:clamp(1.28rem,4.3vw,1.6rem); }
 .mac-shortcuts__details, .mac-shortcuts__link { font-size:12px; }
}
@media (max-width:359px) {
 .mac-shortcuts__grid { grid-template-columns:1fr; }
 .mac-shortcuts__card { min-height:0; }
}
@media (prefers-reduced-motion:reduce) {
 .apple-paths__item, .mac-shortcuts__card { transition:none; }
}


/* Focused iPad family shortcuts. A typographic device cue avoids mismatched phone photos. */
.apple-paths--ipad .apple-paths__scroll {justify-content:center;gap:clamp(12px,2vw,32px);}
.apple-paths--ipad .apple-paths__item {flex-basis:150px;gap:6px;padding-block:10px 14px;}
.apple-paths--ipad .apple-paths__item small {display:block;font-size:11px;line-height:1.2;font-weight:400;color:#6e6e73;white-space:nowrap;}
.apple-paths__tablet {
 display:block;width:47px;height:59px;position:relative;box-sizing:border-box;
 border:3px solid #414551;border-radius:8px;
 background:linear-gradient(135deg,#5557a9 12%,#be8fd8 45%,#f2c1a6 65%,#6e9fdb);
 box-shadow:0 6px 13px #00000015;transform:rotate(-5deg);
}
.apple-paths__tablet:after {content:"";width:3px;height:3px;border-radius:50%;background:#232735;position:absolute;top:2px;left:calc(50% - 1.5px);}
@media(max-width:620px){
 .apple-paths--ipad .apple-paths__scroll {justify-content:flex-start;gap:4px;}
 .apple-paths--ipad .apple-paths__item {flex-basis:98px;min-height:113px;padding-block:8px 10px;}
 .apple-paths--ipad .apple-paths__item small {font-size:9px;white-space:normal;}
 .apple-paths__tablet {width:40px;height:50px;}
}