/* Compact category navigation on individual silver surfaces. */
.category-showcase { padding:clamp(36px,3.5vw,50px) 0; background:#fff; scroll-margin-top:28px; }
.category-showcase .container { max-width:1420px; margin-inline:auto; padding-inline:clamp(24px,4.8vw,68px); }
.category-showcase .category-layout { display:block; }
.category-showcase .store-section-head { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:32px; margin:0 0 22px; padding:0; }
.storefront-home .category-showcase .store-section-head h2 { max-width:900px; margin:0; color:#1d1d1f; font-family:var(--font-sans); font-size:clamp(34px,3.35vw,46px); font-weight:550; line-height:1.04; letter-spacing:-.055em; text-wrap:balance; }
.category-showcase .category-catalog-link { display:inline-flex; align-items:center; flex-shrink:0; min-height:44px; padding:0; color:#0071e3; font:450 14px/1.4 var(--font-sans); text-decoration:none; }
.category-showcase .category-catalog-link:hover { text-decoration:underline; text-underline-offset:4px; }
.category-showcase .store-categories-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin:0; padding:0; border:0; border-radius:0; background:transparent; }
.category-showcase .store-category-card { position:relative; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:14px; min-width:0; height:auto; margin:0; padding:19px 14px 17px; overflow:hidden; border:0; border-radius:15px; background:#f5f5f7; box-shadow:none; color:#1d1d1f; text-decoration:none; transform:none; transition:background-color 240ms ease,transform 300ms cubic-bezier(.2,.65,.3,1); }
.category-showcase .category-product-stage { position:relative; display:grid; place-items:center; flex:0 0 auto; width:100%; height:106px; margin:0; padding:0; overflow:visible; background:transparent; pointer-events:none; }
.category-showcase .store-category-card img { position:static; display:block; width:auto; height:auto; max-width:90%; max-height:102px; margin:0; padding:0; object-fit:contain; filter:none; mix-blend-mode:multiply; transform:none; transition:transform 400ms cubic-bezier(.2,.65,.3,1); }
.category-showcase [data-category="iphone"] img { max-height:102px; }
.category-showcase [data-category="mac"] img { width:100%; max-width:165px; max-height:98px; }
.category-showcase [data-category="ipad"] img { max-height:104px; }
.category-showcase [data-category="watch"] img { max-height:102px; }
.category-showcase [data-category="airpods"] img { max-height:98px; }
.category-showcase [data-category="accesorios"] img { width:91%; max-width:145px; max-height:92px; }
.category-showcase .category-caption { display:block; width:100%; min-height:23px; margin:0; padding:0; color:inherit; text-align:center; }
.category-showcase .category-caption strong { display:block; color:inherit; font-size:16px; font-weight:550; line-height:1.4; letter-spacing:-.025em; }
.category-showcase a:focus-visible { outline:2px solid #0071e3; outline-offset:5px; }
@media (hover:hover) and (pointer:fine) {
  .category-showcase .store-category-card:hover { background:#f0f1f3; transform:translateY(-2px); box-shadow:none; }
  .category-showcase .store-category-card:hover img { transform:scale(1.035); }
}
@media (max-width:1000px) {
  .category-showcase .store-section-head { gap:24px; margin-bottom:22px; }
  .category-showcase .store-categories-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .category-showcase .store-category-card { padding:18px 16px 16px; }
  .category-showcase .category-product-stage { height:110px; }
  .category-showcase .category-caption strong { font-size:16px; }
}
@media (max-width:680px) {
  .category-showcase { padding:32px 0 36px; }
  .category-showcase .container { padding-inline:20px; }
  .category-showcase .store-section-head { flex-direction:column; align-items:flex-start; gap:8px; margin-bottom:18px; }
  .storefront-home .category-showcase .store-section-head h2 { max-width:340px; font-size:clamp(30px,8.2vw,34px); line-height:1.06; letter-spacing:-.05em; }
  .category-showcase .category-catalog-link { min-height:34px; font-size:13px; }
  .category-showcase .store-categories-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .category-showcase .store-category-card { padding:14px 12px 13px; border-radius:14px; gap:10px; }
  .category-showcase .category-product-stage { height:88px; }
  .category-showcase .store-category-card img { max-height:86px; max-width:90%; }
  .category-showcase [data-category="mac"] img { width:100%; max-width:135px; max-height:80px; }
  .category-showcase [data-category="accesorios"] img { width:86%; max-width:120px; max-height:78px; }
  .category-showcase .category-caption { min-height:23px; }
  .category-showcase .category-caption strong { font-size:15px; letter-spacing:-.025em; line-height:23px; }
}
@media (prefers-reduced-motion:reduce) {
  .category-showcase .store-category-card,.category-showcase .store-category-card img { transition:none; }
  .category-showcase .store-category-card:hover,.category-showcase .store-category-card:hover img { transform:none; }
}

/* Product families share one stage; the source photographs remain intact. */
.category-showcase .category-family-stage { width:100%; max-width:166px; margin-inline:auto; isolation:isolate; mix-blend-mode:multiply; transition:transform 400ms cubic-bezier(.2,.65,.3,1); }
.category-showcase .category-family-stage .category-family-item { position:absolute; display:grid; place-items:center; left:var(--family-x); bottom:var(--family-bottom); width:var(--family-w); height:var(--family-h); z-index:var(--family-z); margin:0; padding:0; }
.category-showcase .category-family-stage .category-family-item img { display:block; position:absolute; inset:0; width:100%; height:100%; min-width:0; min-height:0; max-width:none; max-height:none; object-fit:contain; margin:0; padding:0; mix-blend-mode:normal; transform:none; transition:none; }
@media (hover:hover) and (pointer:fine) {
  .category-showcase .store-category-card:hover .category-family-stage { transform:scale(1.035); }
  .category-showcase .store-category-card:hover .category-family-item img { transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  .category-showcase .category-family-stage { transition:none; }
  .category-showcase .store-category-card:hover .category-family-stage { transform:none; }
}