/* Isolated local preview only. No production stylesheet is modified. */
.sf-home #live:has(.sf-poster-section) { padding-top:0!important; }
.sf-poster-section { --poster-ink:#10273e; color:var(--poster-ink); width:100%; margin:0 0 22px; scroll-margin-top:140px; }
.sf-poster-section * { box-sizing:border-box; }
.sf-poster-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px clamp(20px,3.5vw,42px) 22px; }
.sf-poster-intro { display:flex; align-items:center; gap:20px; min-width:0; }
.sf-home .sf-poster-heading h2 { margin:0; font-size:clamp(22px,1.6vw,30px); line-height:1.35; letter-spacing:.02em; color:var(--poster-ink); font-weight:800; white-space:nowrap; }
.sf-poster-rule { width:30px; height:1px; background:#879b9e; flex:none; }
.sf-home .sf-poster-heading p { margin:0; font-size:12px; line-height:1.7; color:#73808d; letter-spacing:.05em; }
.sf-poster-search { display:flex; width:300px; height:42px; border:1px solid #cbd2d8; border-radius:24px; background:#fff; overflow:hidden; flex:none; }
.sf-poster-search input { flex:1; width:0; min-width:0; border:0; background:none; padding:0 16px; font:inherit; font-size:12px; color:#10273e; outline-offset:-3px; }
.sf-poster-search input::placeholder { color:#8795a3; }
.sf-poster-search button { width:42px; border:0; border-radius:50%; background:#283b49; color:#fff; cursor:pointer; display:grid; place-items:center; flex:none; }
.sf-poster-search svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
.sf-poster-wall { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); width:100%; isolation:isolate; }
.sf-poster-card { position:relative; display:block; height:clamp(400px,28vw,540px); overflow:hidden; text-decoration:none!important; color:var(--poster-ink)!important; background:#f0efec; border-radius:0!important; box-shadow:none!important; }
.sf-poster-card * { color:inherit!important; }
.sf-poster-search button svg,.sf-poster-search button svg * { color:#fff!important; stroke:#fff!important; }
.sf-poster-laptop { background:#e3e6e8; }
.sf-poster-desktop { background:#f6f6f5; }
.sf-poster-peripherals { background:#303537; color:#f8f8f5!important; }
.sf-poster-accessories { background:#d9dfd8; }
.sf-poster-copy { position:relative; z-index:2; padding:30px clamp(14px,1.55vw,32px) 0; }
.sf-poster-index { display:flex; align-items:center; gap:13px; height:36px; font-size:13px; font-weight:600; letter-spacing:.12em; }
.sf-poster-index i { display:block; height:1px; background:currentColor; width:28%; opacity:.5; }
.sf-poster-arrow { display:grid; place-items:center; width:36px; height:36px; border:1px solid currentColor; border-radius:50%; margin-left:auto; font-family:Arial,sans-serif; font-size:23px; font-weight:400; line-height:1; letter-spacing:0; transition:background .2s,color .2s,transform .2s; }
.sf-home .sf-poster-card h3 { font-family:"Noto Sans TC",sans-serif; margin:18px 0 10px; font-size:clamp(23px,2.25vw,43px); font-weight:800; letter-spacing:.025em; line-height:1.3; color:inherit; white-space:nowrap; }
.sf-home .sf-poster-card p { margin:0; font-size:clamp(10px,.77vw,14px); line-height:1.6; letter-spacing:.08em; color:inherit; opacity:.73; }
.sf-poster-art { position:absolute; z-index:0; width:100%; height:57%; bottom:44px; left:0; display:block; object-fit:contain; object-position:center bottom; mix-blend-mode:normal; transition:transform .55s cubic-bezier(.2,.7,.2,1); }
.sf-poster-art-portrait { width:100%; height:80%; bottom:25px; object-fit:contain; object-position:center bottom; mix-blend-mode:normal; mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent),linear-gradient(to right,transparent,#000 7%,#000 93%,transparent); mask-composite:intersect; }
.sf-poster-caption { position:absolute; left:clamp(14px,1.55vw,32px); bottom:24px; z-index:2; font:500 8px/1.6 "Noto Sans TC",sans-serif; letter-spacing:.22em; opacity:.8; }
.sf-poster-caption>span { display:inline-block; width:28px; height:1px; margin:0 0 3px 12px; background:currentColor; opacity:.65; }
.sf-poster-card:hover .sf-poster-art { transform:scale(1.025); }
.sf-poster-card:hover .sf-poster-arrow { background:#10273e; color:#fff; transform:translateX(2px); }
.sf-poster-peripherals:hover .sf-poster-arrow { background:#f8f8f5; color:#303537; }
.sf-poster-card:focus-visible { outline:3px solid #765d3f; outline-offset:-5px; z-index:4; }
.sf-home .sf-poster-disclaimer { text-align:right; color:#7a838d; font-size:10px; line-height:1.5; margin:7px 0 0; padding-inline:20px; }
.sf-preview-notice { position:fixed; bottom:12px; left:12px; z-index:2147483000; display:flex; gap:12px; align-items:center; max-width:calc(100vw - 24px); padding:9px 14px; background:#fffef8f2; color:#37464c; border:1px solid #d5d4c9; border-radius:8px; font:500 11px/1.5 "Noto Sans TC",sans-serif; box-shadow:0 3px 20px #142c3710; backdrop-filter:blur(8px); }
.sf-preview-notice a { color:inherit; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
.sf-preview-notice button { cursor:pointer; border:0; background:none; color:inherit; font:inherit; padding:2px; }
@media(min-width:1600px) { .sf-poster-section { margin-left:calc((100vw - 100%)/-2); width:100vw; } .sf-poster-heading { padding-left:42px; padding-right:42px; } .sf-poster-disclaimer { padding-right:42px; } }
@media(max-width:1150px) and (min-width:761px) { .sf-home .sf-poster-card h3 { font-size:21px; letter-spacing:0; } .sf-poster-copy { padding-left:14px; padding-right:14px; } .sf-poster-index { gap:8px; } .sf-poster-arrow { width:30px; height:30px; font-size:20px; } .sf-poster-intro p,.sf-poster-rule { display:none; } .sf-poster-card { height:380px; } .sf-home .sf-poster-card p { font-size:10px; letter-spacing:0; } }
@media(max-width:760px) {
  .sf-poster-section { scroll-margin-top:116px; }
  .sf-poster-heading { display:grid; gap:15px; padding:22px 20px 18px; }
  .sf-poster-intro { flex-wrap:wrap; gap:10px 14px; }
  .sf-home .sf-poster-heading h2 { font-size:23px; }
  .sf-poster-rule { width:22px; }
  .sf-home .sf-poster-heading p { width:100%; font-size:11px; }
  .sf-poster-search { width:100%; height:42px; }
  .sf-poster-wall { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sf-poster-card { height:300px; }
  .sf-poster-copy { padding:18px 13px 0; }
  .sf-poster-index { height:28px; font-size:10px; gap:8px; }
  .sf-poster-arrow { width:28px; height:28px; font-size:19px; }
  .sf-home .sf-poster-card h3 { font-size:clamp(17px,5vw,25px); margin:11px 0 7px; letter-spacing:0; }
  .sf-home .sf-poster-card p { font-size:10px; letter-spacing:0; max-width:15em; }
  .sf-poster-art { height:57%; bottom:40px; }
  .sf-poster-art-portrait { height:80%; bottom:22px; object-position:center bottom; }
  .sf-poster-caption { font-size:6px; letter-spacing:.12em; bottom:16px; left:13px; }
  .sf-poster-caption>span { width:17px; margin-left:7px; }
  .sf-poster-accessories { grid-column:1/-1; height:260px; }
  .sf-poster-accessories .sf-poster-copy { width:43%; }
  .sf-poster-accessories .sf-poster-copy p { max-width:12em; }
  .sf-poster-accessories .sf-poster-copy p>span { display:block; }
  .sf-poster-accessories .sf-poster-copy p>.sf-poster-divider { display:none; }
  .sf-poster-accessories .sf-poster-art { width:60%; left:auto; right:0; height:83%; bottom:23px; object-position:center; }
  .sf-poster-accessories .sf-poster-caption { left:13px; bottom:22px; }
  .sf-home .sf-poster-disclaimer { text-align:left; font-size:9px; }
  .sf-preview-notice { font-size:10px; gap:8px; padding:7px 10px; }
}

/* V4 interactive single-scene hero: one visual, five category-driven states. */
.sf-home #live .sf-collection {
  background:#fff;
}
.sf-home #live .sf-stage {
  display:grid;
  grid-template-columns:minmax(440px,.84fr) minmax(560px,1.16fr);
  min-height:440px;
  padding:38px clamp(28px,5vw,96px) 0;
  overflow:hidden;
  background:#fff;
  color:#102d44;
}
.sf-stage-copy {
  position:relative;
  z-index:3;
  align-self:center;
  padding:22px 28px 68px 0;
}
.sf-home #live .sf-stage-kicker {
  margin:0 0 22px;
  color:#718397!important;
  font-size:10px!important;
  font-weight:700;
  letter-spacing:.24em;
}
.sf-home #live .sf-stage h1 {
  margin:0!important;
  max-width:12.5em;
  color:#102d44!important;
  font-family:"Noto Sans TC",sans-serif;
  font-size:clamp(38px,3.2vw,58px)!important;
  font-weight:760!important;
  line-height:1.34!important;
  letter-spacing:.015em!important;
}
.sf-home #live .sf-stage-lead {
  margin:22px 0 0;
  color:#64766e!important;
  font-size:clamp(13px,1vw,17px)!important;
  line-height:1.8!important;
  letter-spacing:.025em;
}
.sf-stage-actions {
  display:flex;
  align-items:center;
  gap:30px;
  margin-top:28px;
}
.sf-home #live .sf-stage-actions a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  letter-spacing:.04em;
}
.sf-home #live .sf-stage-primary {
  min-width:164px;
  padding:0 24px;
  background:#102d4f;
  color:#fff!important;
}
.sf-home #live .sf-stage-secondary {
  min-width:auto;
  color:#183653!important;
  border-bottom:1px solid #183653;
}
.sf-home #live .sf-stage-actions a:hover {
  opacity:.82;
}
.sf-home #live .sf-stage-actions a:focus-visible {
  outline:3px solid #806a45;
  outline-offset:4px;
}
.sf-stage-visual {
  position:relative;
  min-width:0;
  height:402px;
  align-self:end;
  overflow:hidden;
  border-bottom:1px solid #d7dedd;
}
.sf-stage-visual::after {
  content:"";
  position:absolute;
  z-index:0;
  right:0;
  bottom:0;
  width:92%;
  height:20px;
  background:#f4f5f3;
  border-top:1px solid #e2e6e4;
}
.sf-stage-visual-label {
  position:absolute;
  z-index:2;
  top:17px;
  right:2px;
  max-width:140px;
  color:#9da9a5;
  font:700 9px/1.7 "Noto Sans TC",sans-serif;
  letter-spacing:.2em;
  text-align:right;
}
.sf-stage-product {
  position:absolute;
  z-index:1;
  right:1%;
  bottom:7px;
  display:block;
  width:88%;
  height:94%;
  object-fit:contain;
  object-position:right bottom;
  opacity:0;
  transform:translate3d(22px,0,0) scale(.985);
  filter:drop-shadow(0 16px 18px rgba(25,39,48,.12));
  transition:opacity .32s ease,transform .55s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.sf-stage-product[data-stage-image="apple"] { width:82%; }
.sf-stage-product[data-stage-image="laptop"] { width:78%; right:4%; }
.sf-stage-product[data-stage-image="desktop"] { width:92%; }
.sf-stage-product[data-stage-image="peripherals"] { width:66%; right:9%; }
.sf-stage-product[data-stage-image="accessories"] { width:58%; right:10%; }
.sf-stage-product.is-active {
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
.sf-home #live .sf-poster-wall {
  position:relative;
  z-index:4;
  margin-top:0;
}
.sf-poster-card.is-stage-active .sf-poster-art {
  transform:scale(1.025);
}
.sf-poster-card.is-stage-active .sf-poster-arrow {
  background:#10273e;
  color:#fff!important;
}
.sf-poster-peripherals.is-stage-active .sf-poster-arrow {
  background:#f8f8f5;
  color:#303537!important;
}
.sf-home #live .sf-poster-disclaimer {
  margin:0;
  padding:10px 20px;
  background:#fff;
}
@media(max-width:1100px) {
  .sf-home #live .sf-stage {
    grid-template-columns:minmax(330px,.82fr) minmax(430px,1.18fr);
    min-height:390px;
    padding-top:28px;
  }
  .sf-stage-copy { padding-bottom:48px; }
  .sf-home #live .sf-stage h1 { font-size:39px!important; }
  .sf-stage-visual { height:350px; }
  .sf-stage-actions { gap:20px; }
}
@media(max-width:760px) {
  .sf-home #live .sf-stage {
    grid-template-columns:minmax(0,1fr);
    min-height:0;
    padding:52px 20px 0;
  }
  .sf-stage-copy {
    padding:0 0 22px;
  }
  .sf-home #live .sf-stage-kicker {
    margin-bottom:14px;
    font-size:8px!important;
  }
  .sf-home #live .sf-stage h1 {
    max-width:11em;
    font-size:30px!important;
    line-height:1.38!important;
  }
  .sf-home #live .sf-stage-lead {
    margin-top:14px;
    max-width:30em;
    font-size:12px!important;
    line-height:1.7!important;
  }
  .sf-stage-actions {
    gap:22px;
    margin-top:20px;
  }
  .sf-home #live .sf-stage-actions a {
    min-height:44px;
    font-size:12px;
  }
  .sf-home #live .sf-stage-primary {
    min-width:138px;
    padding-inline:18px;
  }
  .sf-stage-visual {
    height:224px;
    margin-inline:-20px;
  }
  .sf-stage-visual-label {
    top:10px;
    right:20px;
    max-width:110px;
    font-size:7px;
  }
  .sf-stage-product {
    right:4%;
    width:93%;
    height:94%;
  }
  .sf-stage-product[data-stage-image="desktop"] { width:99%; }
  .sf-stage-product[data-stage-image="peripherals"] { width:76%; }
  .sf-stage-product[data-stage-image="accessories"] { width:69%; }
}
@media(prefers-reduced-motion:reduce) {
  .sf-stage-product { transition:none; }
}
@media(prefers-reduced-motion:reduce) { .sf-poster-art,.sf-poster-arrow { transition:none; } }

/* V2: a single editorial introduction that continues into the poster wall. */
.sf-home .hero-banner-controls { width:100%!important; max-width:none!important; margin-inline:0!important; padding-inline:clamp(20px,5vw,96px)!important; background:linear-gradient(#fff,#f0efec)!important; border-bottom:0!important; }
.sf-home .hero-banner-meta.shopping-center-link>span:first-child { font-size:15px!important; letter-spacing:.06em!important; }
.sf-home .hero-banner-meta.shopping-center-link .hero-banner-meta-en { font-size:9px!important; }
.sf-home #live .sf-collection { background:#f0efec; }
.sf-collection-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,390px); align-items:center; gap:64px; padding:42px clamp(20px,5vw,96px) 30px; }
.sf-collection-intro * { color:inherit; }
.sf-home #live .sf-collection-kicker { display:flex; align-items:center; gap:12px; margin:0 0 18px; color:#66746f!important; font-size:9px; font-weight:600; letter-spacing:.19em; }
.sf-home #live .sf-collection-kicker span { color:#30473e!important; font-size:12px; font-weight:650; letter-spacing:.13em; }
.sf-collection-kicker i { display:block; width:26px; height:1px; background:#9ca69d; }
.sf-home #live .sf-collection h1 { display:block; margin:0!important; font-family:"Noto Sans TC",sans-serif; font-size:clamp(29px,3.25vw,48px)!important; font-weight:650!important; line-height:1.48!important; letter-spacing:.015em!important; color:#172e3a!important; }
.sf-home #live .sf-collection h1>span { color:#55645d!important; }
.sf-home #live .sf-collection-description { margin:18px 0 0; font-size:13px!important; line-height:1.95!important; letter-spacing:.025em; color:#66736e!important; }
.sf-collection-tools { display:grid; gap:25px; padding-top:18px; }
.sf-home #live .sf-collection-tools .sf-poster-search { width:100%; height:50px; border-color:#c9cfc7; background:#fafaf7; border-radius:28px; }
.sf-home #live .sf-collection-tools .sf-poster-search input { font-size:12px; padding-inline:20px 8px; }
.sf-home #live .sf-collection-tools .sf-poster-search button { width:48px; border:4px solid #fafaf7; background:#34463f; }
.sf-home #live .sf-collection-stores p { margin:0 0 6px; color:#52625a!important; font-size:12px; line-height:1.7; }
.sf-home #live .sf-collection-stores p>span { margin-left:4px; color:#7a847e!important; }
.sf-collection-stores>div { display:flex; gap:32px; }
.sf-home #live .sf-collection-stores a { display:inline-flex; align-items:center; gap:25px; min-height:44px; border:0; background:none; color:#34483d!important; font-size:13px; text-decoration:none; }
.sf-home #live .sf-collection-stores a>span { color:#758477!important; font-size:15px; }
.sf-home #live .sf-poster-heading { padding:18px clamp(20px,5vw,96px) 22px; gap:20px; }
.sf-home #live .sf-poster-heading h2 { font-size:16px!important; letter-spacing:.04em; color:#273d39!important; }
.sf-home #live .sf-collection-count { font-size:9px; letter-spacing:.16em; color:#7a857d!important; }
.sf-collection-shortcuts { display:flex; align-items:center; gap:28px; margin-left:auto; }
.sf-home #live .sf-collection-shortcuts a { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:12px; color:#4b5e50!important; text-decoration:none; white-space:nowrap; }
.sf-home #live .sf-collection-shortcuts a>span { color:#6e7f70!important; }
.sf-collection-stores a:hover,.sf-collection-shortcuts a:hover { text-decoration:underline!important; text-underline-offset:5px; }
.sf-collection a:focus-visible { outline:2px solid #7b6849; outline-offset:4px; }
.sf-home #live .sf-poster-disclaimer { margin:0; padding:10px 20px; background:linear-gradient(#f0efec,#fff); }
@media(max-width:1050px) {
  .sf-collection-intro { grid-template-columns:minmax(0,1fr) 300px; gap:30px; }
  .sf-home #live .sf-collection h1 { font-size:32px!important; }
  .sf-home #live .sf-collection-description { font-size:12px!important; }
  .sf-collection-desktop-break { display:none; }
  .sf-collection-tools { gap:20px; }
}
@media(max-width:760px) {
  .sf-collection-intro { grid-template-columns:minmax(0,1fr); gap:24px; padding:28px 20px 12px; }
  .sf-home #live .sf-collection-kicker { margin-bottom:14px; font-size:8px; gap:10px; }
  .sf-home #live .sf-collection h1 { font-size:29px!important; line-height:1.5!important; }
  .sf-home #live .sf-collection-description { margin-top:14px; font-size:12px!important; line-height:1.9!important; max-width:34em; }
  .sf-collection-tools { gap:15px; padding-top:0; }
  .sf-home #live .sf-collection-tools .sf-poster-search { height:46px; }
  .sf-home #live .sf-collection-tools .sf-poster-search button { width:44px; }
  .sf-collection-stores { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0 16px; }
  .sf-home #live .sf-collection-stores p { margin:0; font-size:10px; }
  .sf-home #live .sf-collection-stores p>span { display:none; }
  .sf-collection-stores>div { gap:20px; }
  .sf-home #live .sf-collection-stores a { font-size:11px; gap:6px; }
  .sf-home #live .sf-poster-heading { display:flex; padding:6px 20px 12px; gap:8px; }
  .sf-poster-intro { gap:9px; }
  .sf-home #live .sf-poster-heading h2 { font-size:14px!important; }
  .sf-home #live .sf-collection-count { display:none; }
  .sf-collection-shortcuts { gap:18px; }
  .sf-home #live .sf-collection-shortcuts a { font-size:10px; gap:5px; }
}

/* V3 selected layout: compact horizontal shopping command strip. */
.sf-home .hero-banner-controls {
  background:#fff!important;
}
.sf-home #live .sf-collection {
  background:#fff;
}
.sf-home #live .sf-collection-intro {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  gap:20px;
  padding:40px clamp(20px,5vw,96px) 18px;
}
.sf-collection-primary-row,
.sf-collection-secondary-row {
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(360px,.95fr);
  align-items:center;
  gap:clamp(36px,5vw,92px);
}
.sf-home #live .sf-collection h1 {
  margin:0!important;
  color:#102d44!important;
  font-family:"Noto Sans TC",sans-serif;
  font-size:clamp(36px,3.1vw,60px)!important;
  font-weight:720!important;
  line-height:1.18!important;
  letter-spacing:.012em!important;
  white-space:nowrap;
}
.sf-home #live .sf-collection-description {
  margin:0;
  color:#60736b!important;
  font-size:clamp(13px,1vw,18px)!important;
  line-height:1.8!important;
  letter-spacing:.015em;
}
.sf-home #live .sf-collection-kicker {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  margin:0;
  color:#66746f!important;
  font-size:10px;
  font-weight:600;
  letter-spacing:.19em;
  white-space:nowrap;
}
.sf-home #live .sf-collection-kicker span {
  color:#30473e!important;
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
}
.sf-home #live .sf-collection-tools {
  display:block;
  min-width:0;
  padding:0;
}
.sf-home #live .sf-collection-tools .sf-poster-search {
  width:100%;
  height:50px;
  border-color:#c9cfc7;
  background:#fafaf7;
  border-radius:28px;
}
.sf-home #live .sf-collection-tools .sf-poster-search input {
  padding-inline:22px 8px;
  font-size:13px;
}
.sf-home #live .sf-collection-tools .sf-poster-search button {
  width:48px;
  border:4px solid #fafaf7;
  background:#34463f;
}
.sf-home #live .sf-poster-heading {
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  gap:0;
  margin:0 clamp(20px,5vw,96px);
  padding:0 0 18px;
  border-top:1px solid #cad2ce;
}
.sf-home #live .sf-collection-stores,
.sf-home #live .sf-collection-stores>div,
.sf-home #live .sf-collection-shortcuts {
  display:flex;
  align-items:stretch;
  gap:0;
  margin:0;
}
.sf-home #live .sf-poster-heading a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:54px;
  padding:0 clamp(18px,2vw,34px);
  border:0;
  border-left:1px solid #cad2ce;
  background:none;
  color:#324b40!important;
  font-size:clamp(12px,.95vw,16px);
  text-decoration:none;
  white-space:nowrap;
}
.sf-home #live .sf-poster-heading a>span {
  color:#5e7568!important;
  font-size:15px;
}
.sf-home #live .sf-poster-disclaimer {
  background:#fff;
}
@media(max-width:1050px) {
  .sf-collection-primary-row,
  .sf-collection-secondary-row {
    grid-template-columns:minmax(0,1fr) 310px;
    gap:30px;
  }
  .sf-home #live .sf-collection h1 {
    font-size:36px!important;
    white-space:normal;
  }
  .sf-home #live .sf-collection-description {
    font-size:13px!important;
  }
  .sf-home #live .sf-poster-heading a {
    padding-inline:18px;
  }
}
@media(max-width:760px) {
  .sf-home #live .sf-collection-intro {
    gap:17px;
    padding:26px 20px 16px;
  }
  .sf-collection-primary-row,
  .sf-collection-secondary-row {
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
  .sf-home #live .sf-collection h1 {
    font-size:30px!important;
    line-height:1.35!important;
  }
  .sf-home #live .sf-collection-description {
    font-size:12px!important;
    line-height:1.85!important;
  }
  .sf-home #live .sf-collection-kicker {
    justify-content:flex-start;
    gap:9px;
    font-size:8px;
    order:-1;
  }
  .sf-home #live .sf-collection-kicker span {
    font-size:11px;
  }
  .sf-home #live .sf-collection-tools .sf-poster-search {
    height:46px;
  }
  .sf-home #live .sf-collection-tools .sf-poster-search button {
    width:44px;
  }
  .sf-home #live .sf-poster-heading {
    display:block;
    margin-inline:20px;
    padding-bottom:14px;
  }
  .sf-home #live .sf-collection-stores>div,
  .sf-home #live .sf-collection-shortcuts {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }
  .sf-home #live .sf-poster-heading a {
    min-height:42px;
    justify-content:space-between;
    padding-inline:10px;
    border-left:0;
    border-bottom:1px solid #e1e5e2;
    font-size:10px;
  }
  .sf-home #live .sf-poster-heading a:nth-child(even) {
    border-left:1px solid #e1e5e2;
  }
}

/* Keep the selected V4 hero typography after legacy preview overrides. */
.sf-home #live .sf-collection .sf-stage h1 {
  margin:0!important;
  max-width:12.5em;
  color:#102d44!important;
  font-size:clamp(38px,2.8vw,52px)!important;
  font-weight:760!important;
  line-height:1.34!important;
  letter-spacing:.015em!important;
  white-space:normal;
}
@media(max-width:1100px) {
  .sf-home #live .sf-collection .sf-stage h1 { font-size:37px!important; }
}
@media(max-width:760px) {
  .sf-home #live .sf-collection .sf-stage h1 {
    max-width:11em;
    font-size:30px!important;
    line-height:1.38!important;
  }
}

/* V5 annotation pass: remove the detached banner and make the brand stage one grid with the category wall. */
.sf-home #live {
  margin-top:0!important;
  padding-top:0!important;
}
.sf-home #live .sf-collection {
  background:#fff;
}
.sf-home #live .sf-collection .sf-stage {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  min-height:430px;
  padding:0;
  overflow:hidden;
  background:#fff;
}
.sf-home #live .sf-stage-copy {
  grid-column:1/3;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px clamp(30px,4vw,76px) 48px clamp(30px,5vw,96px);
  border-right:1px solid #dfe4e3;
}
.sf-home #live .sf-stage-kicker {
  margin:0 0 20px;
  color:#5f746d!important;
  font-size:10px!important;
  font-weight:700;
  letter-spacing:.22em;
}
.sf-home #live .sf-collection .sf-stage h1 {
  max-width:none;
  color:#102d44!important;
  font-size:clamp(40px,3.25vw,62px)!important;
  font-weight:780!important;
  line-height:1.22!important;
  letter-spacing:.01em!important;
}
.sf-home #live .sf-stage-lead {
  margin:20px 0 0;
  max-width:34em;
  color:#60716b!important;
  font-size:clamp(12px,.9vw,15px)!important;
  line-height:1.9!important;
}
.sf-home #live .sf-stage-principles {
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  margin:18px 0 0;
  color:#344c45!important;
  font-size:11px!important;
  font-weight:650;
  letter-spacing:.08em;
}
.sf-stage-principles span {
  padding-left:12px;
  border-left:2px solid #8fa09a;
}
.sf-home #live .sf-stage-actions {
  gap:26px;
  margin-top:24px;
}
.sf-home #live .sf-stage-actions a {
  min-height:46px;
  font-size:12px;
}
.sf-home #live .sf-stage-primary {
  min-width:150px;
}
.sf-home #live .sf-stage-visual {
  grid-column:3/6;
  align-self:stretch;
  height:auto;
  min-height:430px;
  margin:0;
  overflow:hidden;
  border:0;
  background:#f6f6f5;
  color:#102d44;
  transition:background-color .24s ease,color .24s ease;
}
.sf-stage[data-active="apple"] .sf-stage-visual { background:#f0efec; }
.sf-stage[data-active="laptop"] .sf-stage-visual { background:#e3e6e8; }
.sf-stage[data-active="desktop"] .sf-stage-visual { background:#f6f6f5; }
.sf-stage[data-active="peripherals"] .sf-stage-visual { background:#303537; color:#f8f8f5; }
.sf-stage[data-active="accessories"] .sf-stage-visual { background:#d9dfd8; }
.sf-home #live .sf-stage-visual::after {
  display:none;
}
.sf-stage-category {
  position:absolute;
  z-index:3;
  top:34px;
  left:38px;
  display:flex;
  align-items:baseline;
  gap:14px;
  margin:0;
  color:inherit!important;
}
.sf-stage-category b {
  font-size:12px;
  letter-spacing:.16em;
}
.sf-stage-category span {
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
}
.sf-home #live .sf-stage-visual-label {
  top:33px;
  right:36px;
  color:inherit;
  opacity:.48;
}
.sf-home #live .sf-stage-product {
  right:4%;
  bottom:-2%;
  width:88%;
  height:91%;
  filter:drop-shadow(0 18px 20px rgba(25,39,48,.12));
}
.sf-home #live .sf-stage-product[data-stage-image="apple"] { width:80%; }
.sf-home #live .sf-stage-product[data-stage-image="laptop"] { width:76%; right:7%; }
.sf-home #live .sf-stage-product[data-stage-image="desktop"] { width:88%; }
.sf-home #live .sf-stage-product[data-stage-image="peripherals"] { width:58%; right:13%; }
.sf-home #live .sf-stage-product[data-stage-image="accessories"] { width:54%; right:15%; }
.sf-home #live .sf-poster-wall {
  border-top:1px solid #dfe4e3;
}
@media(max-width:1100px) and (min-width:761px) {
  .sf-home #live .sf-collection .sf-stage {
    grid-template-columns:repeat(5,minmax(0,1fr));
    min-height:390px;
    padding:0;
  }
  .sf-home #live .sf-stage-copy {
    grid-column:1/3;
    padding:36px 30px 36px 34px;
  }
  .sf-home #live .sf-collection .sf-stage h1 {
    font-size:40px!important;
  }
  .sf-home #live .sf-stage-lead br { display:none; }
  .sf-home #live .sf-stage-principles { gap:7px 12px; }
  .sf-home #live .sf-stage-actions { align-items:flex-start; flex-direction:column; gap:12px; }
  .sf-home #live .sf-stage-visual {
    grid-column:3/6;
    min-height:390px;
  }
}
@media(max-width:760px) {
  .sf-home #live .sf-poster-section { scroll-margin-top:190px!important; }
  .sf-home #live .sf-collection .sf-stage {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    min-height:0;
    padding:0;
  }
  .sf-home #live .sf-stage-copy {
    grid-column:1;
    padding:52px 20px 28px;
    border-right:0;
  }
  .sf-home #live .sf-stage-kicker { margin-bottom:14px; }
  .sf-home #live .sf-collection .sf-stage h1 {
    max-width:none;
    font-size:38px!important;
    line-height:1.22!important;
  }
  .sf-home #live .sf-stage-lead {
    margin-top:15px;
    font-size:12px!important;
  }
  .sf-home #live .sf-stage-lead br { display:none; }
  .sf-home #live .sf-stage-principles { margin-top:14px; }
  .sf-home #live .sf-stage-actions { flex-direction:row; gap:20px; margin-top:20px; }
  .sf-home #live .sf-stage-visual {
    grid-column:1;
    min-height:235px;
    height:235px;
    margin:0;
    border-top:1px solid #dfe4e3;
  }
  .sf-stage-category { top:18px; left:20px; }
  .sf-home #live .sf-stage-visual-label { top:17px; right:20px; }
  .sf-home #live .sf-stage-product { bottom:-5%; height:92%; }
  .sf-home #live .sf-stage-product[data-stage-image="desktop"] { width:96%; right:0; }
}
.sf-home #fulfillment .sf-arena-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;max-width:100%;min-height:48px;margin-top:26px;padding:13px 22px;border:1px solid #193350;border-radius:6px;background:#193350;color:#fff;text-decoration:none;font-size:14px;font-weight:650;line-height:1.6;letter-spacing:.035em;white-space:normal;vertical-align:top}.sf-home #fulfillment .sf-arena-button span{font-size:20px;line-height:1;flex-shrink:0}.sf-home #fulfillment .sf-arena-button:hover{background:#274f77;border-color:#274f77}.sf-home #fulfillment .sf-arena-button:focus-visible{outline:2px solid #b3913f;outline-offset:4px}@media(max-width:480px){.sf-home #fulfillment .sf-arena-button{gap:16px;padding:12px 17px;font-size:13px;margin-top:22px}}