/* Shared page language for the home and watch galleries. */
.home-index,.watch-family,.collection-index{--bg:#1a1e22;--surface:#242a30;--text:#e8ece8;--muted:#b7bdb7;--accent:#d4e0d0;--line:#525b63;--maxw:1180px;background:var(--bg);color-scheme:dark;font-family:var(--sans);font-size:16px}
.home-index .topbar,.watch-family .topbar{padding:16px 0;margin-bottom:16px;border-bottom:1px solid #393f45;z-index:40}
.home-index .platform-menu nav,.watch-family .platform-menu nav{background:var(--surface);max-height:calc(100dvh - 100px);overflow-y:auto}
.home-index .platform-menu nav a:hover,.watch-family .platform-menu nav a:hover{background:#343e46}
.watch-family .brand{font-size:15px;color:var(--muted)}
.watch-family .surface-hero{text-align:left;padding:20px 0 24px}
.watch-family .surface-hero h1{font:650 clamp(30px,4vw,40px)/1.2 var(--sans);letter-spacing:-.035em;text-transform:none}
.watch-family .surface-hero p{font-size:16px;max-width:68ch;margin:8px 0 0}
.watch-family h2,.watch-family .apple-section h2{font:600 24px/1.3 var(--sans);letter-spacing:-.02em;margin:0}
.watch-family .collection-link{font-size:15px;color:var(--accent)}
.home-index .button,.watch-family .button,.watch-family .segmented span{min-height:44px;font-size:14px}
.home-index .button,.watch-family .button,.watch-family .segmented,.watch-family .pebble-filters input,.watch-family .pebble-filters select{border-color:#7a848e}
.watch-family .pebble-filters input,.watch-family .pebble-filters select{background:#20262c}
.watch-family .segmented input:checked+span{background:#37434c;box-shadow:inset 0 -2px var(--accent)}
.watch-family .pebble-filters label,.watch-family .pebble-filters p{font-size:14px}
.watch-directory{display:flex;flex-wrap:wrap;gap:4px 24px;width:min(var(--maxw),calc(100% - 40px));margin:0 auto}
.watch-directory a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 0;border-bottom:2px solid transparent;color:var(--muted);font-size:15px}
.watch-directory a[aria-current]{color:var(--text);border-bottom-color:var(--accent)}
.watch-directory a:hover{color:var(--text);text-decoration:none;border-bottom-color:var(--muted)}
.watch-family .pebble-sections,.watch-family .apple-jumps{justify-content:flex-start;gap:8px 24px;margin-top:8px}
.watch-family .pebble-sections a{padding:0;border:0;border-radius:0;text-decoration:underline;text-underline-offset:4px}
.watch-family .pebble-group-heading{margin-top:16px;padding-top:20px}
.watch-family .pebble-group-heading p{margin-top:6px}
.watch-family .apple-section-intro{margin:8px 0 16px;font-size:15px}
.watch-family .accessory-specimens{border-color:var(--line);box-shadow:none}
.watch-family .accessory-specimen figcaption{display:none}
.watch-family .accessory-copy ul{border-color:var(--line)}
.home-index a:focus-visible,.watch-family a:focus-visible,.home-index button:focus-visible,.watch-family button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.fire-tv-art{width:min(1000px,calc(100% - 40px));margin:0 auto 32px}
.fire-tv-art img{display:block;width:100%;height:auto;border-radius:8px}
@media(max-width:520px){.watch-directory{width:calc(100% - 28px);gap:4px 18px}.watch-directory a{font-size:14px}.watch-family .surface-hero{padding-top:16px}.watch-family h2,.watch-family .apple-section h2{font-size:22px}}
/* Native images retain their geometry. Case forms derive from Luke Steuber's
   MIT-licensed watch-chassis.css. */
.watch-case{position:relative;display:block;flex:none;width:calc(100% - 12px);max-width:196px;padding:5px;border-radius:31%;background:linear-gradient(150deg,#73767c,#303239 44%,#16191e);box-shadow:0 12px 24px #0005,inset 0 0 0 1px #b6bac155}
.watch-display{display:block;width:100%;overflow:hidden;border-radius:29%;background:#000;line-height:0}
.watch-display img{display:block;width:100%;height:auto;object-fit:contain}
.watch-case::after{content:"";position:absolute;right:-5px;top:30%;width:6px;height:26px;border-radius:3px;background:repeating-linear-gradient(#aaa 0 1px,#464b50 1px 3px);box-shadow:0 42px 0 -1px #73787d}
.watch-case[data-case-platform="garmin"]{padding:10px;border-radius:50%;background:linear-gradient(135deg,#7a7d81,#24282b 45%,#101316);box-shadow:0 12px 24px #0005,inset 0 0 0 2px #82868b,inset 0 0 0 5px #30363b}
.watch-case[data-case-platform="garmin"] .watch-display{border-radius:50%}
.watch-case[data-case-platform="garmin"]::after{height:9%;width:6px;top:24%;right:-3px;border-radius:2px;background:linear-gradient(90deg,#3d4448,#a7aaac);box-shadow:none}
.watch-case[data-case-platform="garmin"]::before{content:"";position:absolute;left:-3px;top:23%;height:9%;width:5px;background:#656c71;border-radius:2px}
.watch-case[data-case-platform="pebble"]{padding:8px 6px 12px;border-radius:14px;background:linear-gradient(150deg,#9b9e9c,#3a3e3c 45%,#141a18)}
.watch-case[data-case-platform="pebble"] .watch-display{border-radius:3px}
.watch-case[data-case-platform="pebble"]::after{height:12%;top:22%;right:-4px;width:5px;border-radius:2px;background:#7b8580;box-shadow:none}
/* app.js changes data-frame when color/mono previews use different models. */
[data-frame="round"] .watch-case,[data-frame="round2"] .watch-case,
.watch-case[data-case-platform="pebble"][data-screen-shape="round"]{padding:9px;border-radius:50%}
[data-frame="round"] .watch-case .watch-display,[data-frame="round2"] .watch-case .watch-display,
.watch-case[data-case-platform="pebble"][data-screen-shape="round"] .watch-display{border-radius:50%}
.watch-case[data-case-platform="garmin"][data-screen-shape="uncropped"],
.watch-case[data-case-platform="garmin"][data-screen-shape="uncropped"] .watch-display{border-radius:4px}
@media(max-width:520px){.watch-case{width:calc(100% - 10px)}}
.collection-index .surface-hero{text-align:left;padding:20px 0 24px}
.collection-index .surface-hero h1{font:650 clamp(30px,4vw,40px)/1.2 var(--sans);letter-spacing:-.035em;text-transform:none}
.collection-index .surface-hero p{font-size:16px;margin-top:8px}
.collection-index .collection-link{font-size:15px;color:var(--accent)}
.collection-index .topbar{padding:16px 0;margin-bottom:16px;border-bottom:1px solid #393f45;z-index:40}
.collection-index .brand{font-size:15px}
.collection-index .platform-menu nav{background:var(--surface)}
.app-screens{width:min(var(--maxw),calc(100% - 40px));display:flex;align-items:center;justify-content:center;gap:32px;margin:0 auto 32px;padding:24px;background:var(--surface);border-radius:10px}
.app-screens img{display:block;max-height:500px;max-width:48%;width:auto;height:auto;object-fit:contain;border:4px solid #61696c;border-radius:12px}
@media(max-width:560px){.app-screens{width:calc(100% - 28px);padding:16px;gap:16px}.app-screens img{max-height:340px;min-width:0}}
.pebble-index .surface-hero,.garmin-index .surface-hero{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}
.pebble-index .surface-hero .pebble-sections{flex-basis:100%;margin-top:0}
.collection-index .tv-card-copy strong{font:600 18px/1.4 var(--sans);letter-spacing:0}