/* All advertising copy stays inside the full-bleed image at every breakpoint. */
.catalog-banner.category-campaign,.hero.editorial-hero{display:block!important;position:relative!important;isolation:isolate;overflow:hidden!important;background:#242424!important;width:100%;height:clamp(480px,43vw,680px)!important;min-height:480px!important;aspect-ratio:auto!important}
.catalog-banner.category-campaign>.category-campaign-visual,.hero.editorial-hero>.hero-product-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;transform:none!important;z-index:0!important;overflow:hidden!important;align-self:stretch!important}
.category-campaign-visual>img,.hero-product-wrap>picture,.hero-product-wrap>img,.hero-product-wrap>picture>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:65% 52%!important;transform:none!important;margin:0!important}
.catalog-banner.category-campaign::after,.hero.editorial-hero::after{content:"";position:absolute!important;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.32) 34%,rgba(0,0,0,.04) 62%,transparent 100%)}
.catalog-banner.category-campaign>.catalog-banner-copy,.hero.editorial-hero>.hero-copy{position:absolute!important;inset:auto!important;top:0!important;left:0!important;right:auto!important;z-index:2!important;display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;width:46%!important;max-width:760px!important;height:100%!important;padding:clamp(30px,5vw,80px)!important;margin:0!important;background:none!important;color:#fff!important;text-align:start!important;transform:none!important;box-sizing:border-box}
.category-campaign .catalog-banner-copy h1,.editorial-hero .hero-copy h1{font-size:clamp(32px,3.8vw,62px)!important;line-height:1.18!important;letter-spacing:-.025em!important;color:inherit!important;text-shadow:0 2px 20px #0002;max-width:100%!important;margin:16px 0!important;overflow-wrap:break-word}
.category-campaign .catalog-banner-copy>p,.editorial-hero .hero-copy>p{color:rgba(255,255,255,.92)!important;max-width:33em!important;font-size:17px!important;line-height:1.75!important;margin:0!important}
.category-campaign .catalog-banner-copy .campaign-label,.editorial-hero .hero-copy .hero-eyebrow{font-size:11px!important;letter-spacing:.1em;line-height:1.6!important;color:#fff!important}
.category-campaign-model{color:#fff!important;font-size:12px!important;margin-top:24px!important;opacity:.8}.editorial-hero .hero-copy .button-primary{margin-top:28px!important;align-self:flex-start;max-width:100%;white-space:normal;line-height:1.5;font-size:15px;padding:13px 24px;min-height:48px}.hero.editorial-hero .hero-caption{position:absolute!important;bottom:28px!important;right:32px!important;left:auto!important;z-index:3!important;color:#fff!important;background:none!important;text-shadow:0 1px 12px #0009}
.campaign-poster.has-scene{position:relative!important;overflow:hidden!important;isolation:isolate;background:#202020!important;min-height:520px!important}.campaign-poster.has-scene>.campaign-object{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;z-index:0!important;transform:none!important}.campaign-poster.has-scene>.campaign-object>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;max-width:none!important;transform:none!important}.campaign-poster.has-scene::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0008,transparent 70%)}.campaign-poster.has-scene>.campaign-copy{position:relative!important;inset:auto!important;z-index:2!important;padding:clamp(24px,3vw,48px)!important;margin:0!important;width:100%!important;max-width:100%!important;min-height:100%;background:none!important;color:white!important;pointer-events:none}.campaign-poster.has-scene .campaign-copy h2,.campaign-poster.has-scene .campaign-copy p,.campaign-poster.has-scene .campaign-copy button{color:inherit!important}.campaign-poster.has-scene .campaign-copy h2{font-size:clamp(28px,3vw,44px)!important;line-height:1.2!important;max-width:95%!important}.campaign-poster.has-scene .campaign-link{pointer-events:auto}.campaign-poster.has-scene .campaign-inline-model{color:#ffffffbd!important}
@media(min-width:1600px){.catalog-banner.category-campaign,.hero.editorial-hero{height:680px!important}.catalog-banner.category-campaign>.catalog-banner-copy,.hero.editorial-hero>.hero-copy{width:43%!important}}
@media(max-width:900px){.catalog-banner.category-campaign,.hero.editorial-hero{height:610px!important;min-height:610px!important}.catalog-banner.category-campaign>.catalog-banner-copy,.hero.editorial-hero>.hero-copy{width:56%!important;padding:36px!important}.category-campaign .catalog-banner-copy h1,.editorial-hero .hero-copy h1{font-size:clamp(32px,4.8vw,46px)!important}.category-campaign .catalog-banner-copy>p,.editorial-hero .hero-copy>p{font-size:16px!important}.campaign-poster.has-scene{min-height:560px!important}}
@media(max-width:600px){.catalog-banner.category-campaign,.hero.editorial-hero{height:620px!important;min-height:620px!important;margin:0!important}.catalog-banner.category-campaign>.catalog-banner-copy,.hero.editorial-hero>.hero-copy{width:100%!important;max-width:none!important;height:auto!important;padding:30px 24px!important;justify-content:flex-start!important;align-items:flex-start!important}.catalog-banner.category-campaign::after,.hero.editorial-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.3) 36%,transparent 69%)}.category-campaign .catalog-banner-copy h1,.editorial-hero .hero-copy h1{font-size:34px!important;line-height:1.2!important;margin:14px 0!important;max-width:100%!important}.category-campaign .catalog-banner-copy>p,.editorial-hero .hero-copy>p{font-size:16px!important;line-height:1.65!important;max-width:100%!important}.category-campaign-visual>img,.hero-product-wrap>picture>img,.hero-product-wrap>img{object-position:65% 56%!important}.category-campaign-model{margin-top:15px!important}.editorial-hero .hero-copy .button-primary{margin-top:20px!important;padding:11px 22px!important}.hero.editorial-hero .hero-caption{bottom:22px!important;right:24px!important;font-size:12px!important}.campaign-poster.has-scene{min-height:600px!important}.campaign-poster.has-scene>.campaign-copy{padding:28px 24px!important}.campaign-poster.has-scene .campaign-copy h2{font-size:32px!important}.campaign-poster.has-scene .campaign-object>img{object-position:60% 58%!important}}
@media(max-width:360px){.catalog-banner.category-campaign,.hero.editorial-hero{height:660px!important;min-height:660px!important}.category-campaign .catalog-banner-copy h1,.editorial-hero .hero-copy h1{font-size:30px!important}.catalog-banner.category-campaign>.catalog-banner-copy,.hero.editorial-hero>.hero-copy{padding:26px 20px!important}}
@media(prefers-reduced-motion:reduce){.catalog-banner.category-campaign *,.hero.editorial-hero *,.campaign-poster.has-scene *{transition:none!important;animation:none!important}}

.catalog-loading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.catalog-skeleton span{display:block;aspect-ratio:1;background:#f5f5f5;border-radius:2px}.catalog-skeleton i{display:block;height:14px;width:64%;background:#f1f1f1;margin:18px 0 8px;border-radius:2px}.app-start{min-height:0}@media(max-width:1000px){.catalog-loading{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}}

[data-ad-slot] picture.campaign-picture{display:block;width:100%;height:100%}.campaign-poster.has-scene>.campaign-object>picture.campaign-picture{display:block!important;width:100%!important;height:100%!important}.campaign-poster.has-scene>.campaign-object>picture.campaign-picture>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;max-width:none!important;transform:none!important}@media(max-width:600px){.campaign-poster.has-scene>.campaign-object>picture.campaign-picture>img{object-position:60% 58%!important}}

/* Existing lifestyle photographs: scene-specific focal points, never mirrored. */
.hero.editorial-hero[data-hero-artwork="operator"] .hero-caption{display:none!important}
.hero.editorial-hero[data-hero-artwork="default"]{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:14/5!important;background:#e8e5df!important}
.hero.editorial-hero[data-hero-artwork="default"]>.hero-copy{left:0!important;right:auto!important;width:38%!important;max-width:none!important;padding:clamp(24px,3.2vw,64px)!important;align-items:flex-start!important;text-align:start!important}
.hero.editorial-hero[data-hero-artwork="default"] .hero-copy h1{font-size:clamp(28px,3vw,54px)!important;line-height:1.14!important}
.hero.editorial-hero[data-hero-artwork="default"] .hero-description{display:none!important}
.hero.editorial-hero[data-hero-artwork="default"]::after{background:linear-gradient(90deg,#0006, #0002 35%,transparent 65%)}
.hero.editorial-hero[data-hero-scene="group-audio"][data-hero-artwork="default"] .hero-product-wrap img{object-position:50% 5%!important}
.hero.editorial-hero[data-hero-scene="wearables"][data-hero-artwork="default"] .hero-product-wrap img,.hero.editorial-hero[data-hero-scene="group-connectivity"][data-hero-artwork="default"] .hero-product-wrap img{object-position:50% 100%!important}
@media(min-width:601px) and (max-width:1000px){
 .hero.editorial-hero[data-hero-artwork="default"]{aspect-ratio:3/2!important}
 .hero.editorial-hero[data-hero-artwork="default"] .hero-product-wrap img{object-position:50% 50%!important}
 .hero.editorial-hero[data-hero-artwork="default"]>.hero-copy{width:38%!important;padding:24px!important}
 .hero.editorial-hero[data-hero-artwork="default"] .hero-copy h1{font-size:clamp(27px,3.4vw,36px)!important}
}
@media(max-width:600px){
 .hero.editorial-hero[data-hero-artwork="default"]{height:620px!important;min-height:620px!important;aspect-ratio:auto!important}
 .hero.editorial-hero[data-hero-artwork="default"]>.hero-copy{width:100%!important;max-width:none!important;height:auto!important;padding:0 24px!important}
 .hero.editorial-hero[data-hero-artwork="default"] .hero-copy h1{font-size:clamp(26px,7vw,34px)!important;line-height:1.12!important;margin:0 0 12px!important}
 .hero.editorial-hero[data-hero-artwork="default"] .hero-copy .button-primary{margin-top:0!important;min-height:44px!important;padding:10px 18px!important;font-size:14px!important;line-height:1.4!important}
 .hero.editorial-hero[data-hero-artwork="default"] .hero-eyebrow{display:none!important}
 .hero.editorial-hero[data-hero-scene="group-audio"][data-hero-artwork="default"] .hero-product-wrap img{object-position:71% 50%!important}
 .hero.editorial-hero[data-hero-scene="group-audio"][data-hero-artwork="default"]>.hero-copy{top:auto!important;bottom:52px!important}
 .hero.editorial-hero[data-hero-scene="group-audio"][data-hero-artwork="default"]::after{background:linear-gradient(180deg,transparent 45%,#0003 65%,#0008)}
 .hero.editorial-hero[data-hero-scene="wearables"][data-hero-artwork="default"] .hero-product-wrap img{object-position:67% 50%!important}
 .hero.editorial-hero[data-hero-scene="wearables"][data-hero-artwork="default"]>.hero-copy{top:44%!important;bottom:auto!important}
 .hero.editorial-hero[data-hero-scene="wearables"][data-hero-artwork="default"]::after{background:linear-gradient(180deg,transparent 36%,#0003 49%,transparent 70%)}
 /* A 344x660 cover window is narrower than the complete hub and lead. */
 .hero.editorial-hero[data-hero-scene="group-connectivity"][data-hero-artwork="default"]{height:auto!important;min-height:0!important;aspect-ratio:3/4!important}
 .hero.editorial-hero[data-hero-scene="group-connectivity"][data-hero-artwork="default"] .hero-product-wrap img{object-position:63% 50%!important}
 .hero.editorial-hero[data-hero-scene="group-connectivity"][data-hero-artwork="default"]>.hero-copy{top:35.5%!important;bottom:auto!important}
 .hero.editorial-hero[data-hero-scene="group-connectivity"][data-hero-artwork="default"] .hero-copy h1{font-size:clamp(24px,6.8vw,29px)!important;line-height:1.1!important;margin-bottom:8px!important}
 .hero.editorial-hero[data-hero-scene="group-connectivity"][data-hero-artwork="default"]::after{background:linear-gradient(180deg,transparent 28%,#0003 47%,transparent 65%)}
}
@media(max-width:360px){.hero.editorial-hero[data-hero-artwork="default"]{height:660px!important;min-height:660px!important}.hero.editorial-hero[data-hero-scene="group-audio"][data-hero-artwork="default"]{height:620px!important;min-height:620px!important}.hero.editorial-hero[data-hero-scene="group-connectivity"][data-hero-artwork="default"]{height:auto!important;min-height:0!important}}
@media(max-width:340px){.hero.editorial-hero[data-hero-scene="group-audio"][data-hero-artwork="default"]{height:600px!important;min-height:600px!important}}
[dir="rtl"] .hero.editorial-hero[data-hero-artwork="default"]>.hero-copy{left:0!important;right:auto!important;align-items:flex-start!important;text-align:start!important}

/* APF-04 art direction: keep the model and the fan fully in the frame. */
.editorial-hero[data-hero-scene="home-apf-04"][data-hero-artwork="default"]{background:#21201e!important}
.editorial-hero[data-hero-scene="home-apf-04"][data-hero-artwork="default"] .hero-product-wrap img{object-fit:cover!important;object-position:50% 7%!important}
.editorial-hero[data-hero-scene="home-apf-04"][data-hero-artwork="default"]::after{background:linear-gradient(90deg,#0006,transparent 60%)}
@media(max-width:600px){
.editorial-hero[data-hero-scene="home-apf-04"][data-hero-artwork="default"]{height:auto!important;min-height:0!important;aspect-ratio:3/4!important}
.editorial-hero[data-hero-scene="home-apf-04"][data-hero-artwork="default"] .hero-product-wrap img{object-position:center!important}
.editorial-hero[data-hero-scene="home-apf-04"][data-hero-artwork="default"]>.hero-copy{top:auto!important;bottom:42px!important}
.editorial-hero[data-hero-scene="home-apf-04"][data-hero-artwork="default"] .hero-copy h1{font-size:clamp(23px,6vw,35px)!important;text-shadow:0 2px 12px #0009}
.editorial-hero[data-hero-scene="home-apf-04"][data-hero-artwork="default"]::after{background:linear-gradient(180deg,transparent 45%,#0002 59%,#000c 100%)}
}

/* Headphones artwork: wide framing and a dedicated narrow crop. */
.catalog-banner.category-campaign[data-campaign="headphones"]{height:clamp(390px,36vw,610px)!important;min-height:0!important}
.catalog-banner.category-campaign[data-campaign="headphones"] .category-campaign-visual picture,
.catalog-banner.category-campaign[data-campaign="headphones"] .category-campaign-visual img{display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;aspect-ratio:auto;object-fit:cover!important;object-position:50% 4%!important}
.catalog-banner.category-campaign[data-campaign="headphones"]::after{background:linear-gradient(90deg,#160f09bf 0%,#160f0970 34%,transparent 61%)}
@media(max-width:600px){
 .catalog-banner.category-campaign[data-campaign="headphones"]{height:clamp(270px,76vw,390px)!important}
 .catalog-banner.category-campaign[data-campaign="headphones"]>.catalog-banner-copy{top:auto!important;bottom:0!important;width:100%!important;height:auto!important;padding:14px 20px!important}
 .catalog-banner.category-campaign[data-campaign="headphones"] .catalog-banner-copy h1{font-size:clamp(23px,6.3vw,35px)!important;margin:0 0 6px!important}
 .catalog-banner.category-campaign[data-campaign="headphones"] .catalog-banner-copy>p{font-size:14px!important;line-height:1.45!important}
 .catalog-banner.category-campaign[data-campaign="headphones"] .catalog-banner-copy .campaign-label{display:none}
 .catalog-banner.category-campaign[data-campaign="headphones"] .catalog-banner-copy .category-campaign-model{font-size:11px;margin-top:6px}
 .catalog-banner.category-campaign[data-campaign="headphones"]::after{background:linear-gradient(180deg,transparent 45%,#160f0935 62%,#160f09df 100%)}
}

/* Headphones artwork: wide framing and a dedicated narrow crop. */
.catalog-banner.category-campaign[data-campaign="wireless-chargers"]{height:clamp(460px,46vw,730px)!important;min-height:0!important}
.catalog-banner.category-campaign[data-campaign="wireless-chargers"] .category-campaign-visual picture,
.catalog-banner.category-campaign[data-campaign="wireless-chargers"] .category-campaign-visual img{display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;aspect-ratio:auto;object-fit:cover!important;object-position:50% 50%!important}
.catalog-banner.category-campaign[data-campaign="wireless-chargers"]::after{background:linear-gradient(90deg,#160f09bf 0%,#160f0970 34%,transparent 61%)}
@media(max-width:600px){
 .catalog-banner.category-campaign[data-campaign="wireless-chargers"]{height:clamp(336px,100vw,530px)!important}
 .catalog-banner.category-campaign[data-campaign="wireless-chargers"]>.catalog-banner-copy{top:auto!important;bottom:0!important;width:100%!important;height:auto!important;padding:14px 20px!important}
 .catalog-banner.category-campaign[data-campaign="wireless-chargers"] .catalog-banner-copy h1{font-size:clamp(23px,6.3vw,35px)!important;margin:0 0 6px!important}
 .catalog-banner.category-campaign[data-campaign="wireless-chargers"] .catalog-banner-copy>p{font-size:14px!important;line-height:1.45!important}
 .catalog-banner.category-campaign[data-campaign="wireless-chargers"] .catalog-banner-copy .campaign-label{display:none}
 .catalog-banner.category-campaign[data-campaign="wireless-chargers"] .catalog-banner-copy .category-campaign-model{font-size:11px;margin-top:6px}
 .catalog-banner.category-campaign[data-campaign="wireless-chargers"]::after{background:linear-gradient(180deg,transparent 45%,#160f0935 62%,#160f09df 100%)}
}

/* Headphones artwork: wide framing and a dedicated narrow crop. */
.catalog-banner.category-campaign[data-campaign="musical-glasses"]{height:clamp(390px,36vw,610px)!important;min-height:0!important}
.catalog-banner.category-campaign[data-campaign="musical-glasses"] .category-campaign-visual picture,
.catalog-banner.category-campaign[data-campaign="musical-glasses"] .category-campaign-visual img{display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;aspect-ratio:auto;object-fit:cover!important;object-position:50% 4%!important}
.catalog-banner.category-campaign[data-campaign="musical-glasses"]::after{background:linear-gradient(90deg,#101f2abf 0%,#101f2a70 34%,transparent 61%)}
@media(max-width:600px){
 .catalog-banner.category-campaign[data-campaign="musical-glasses"]{height:clamp(280px,81vw,410px)!important}
 .catalog-banner.category-campaign[data-campaign="musical-glasses"]>.catalog-banner-copy{top:auto!important;bottom:0!important;width:100%!important;height:auto!important;padding:14px 20px!important}
 .catalog-banner.category-campaign[data-campaign="musical-glasses"] .catalog-banner-copy h1{font-size:clamp(23px,6.3vw,35px)!important;margin:0 0 6px!important}
 .catalog-banner.category-campaign[data-campaign="musical-glasses"] .catalog-banner-copy>p{font-size:14px!important;line-height:1.45!important}
 .catalog-banner.category-campaign[data-campaign="musical-glasses"] .catalog-banner-copy .campaign-label{display:none}
 .catalog-banner.category-campaign[data-campaign="musical-glasses"] .catalog-banner-copy .category-campaign-model{font-size:11px;margin-top:6px}
 .catalog-banner.category-campaign[data-campaign="musical-glasses"]::after{background:linear-gradient(180deg,transparent 45%,#101f2a35 62%,#101f2adf 100%)}
}

.category-downloads { margin: .65rem 0; color: #292521; font-size: .9rem; }
.category-downloads summary { width: fit-content; cursor: pointer; padding: .6rem 0; font-weight: 600; }
.category-downloads summary:focus-visible, .category-downloads a:focus-visible { outline: 2px solid #ea6600; outline-offset: 3px; }
.category-downloads > div { display: flex; flex-wrap: wrap; gap: .5rem; padding: .3rem 0 .65rem; }
.category-downloads a { border: 1px solid #e7dfd5; color: inherit; border-radius: .45rem; padding: .55rem .8rem; }
.category-downloads a:hover { border-color: #e86500; }
.catalog-banner.category-campaign[data-campaign="tws"] { height: clamp(440px,53vw,760px)!important;min-height:0!important; }
.catalog-banner.category-campaign[data-campaign="tws"] .category-campaign-visual picture,
.catalog-banner.category-campaign[data-campaign="tws"] .category-campaign-visual img {
 display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;aspect-ratio:auto;object-fit:cover!important;object-position:72% 45%!important;
}
.catalog-banner[data-campaign="tws"]::after { background: linear-gradient(90deg,#110b08d9 0%,#110b0875 38%,transparent 65%); }
@media(max-width:600px) {
 .catalog-banner.category-campaign[data-campaign="tws"] { height:clamp(305px,91vw,460px)!important; }
 .catalog-banner.category-campaign[data-campaign="tws"] .category-campaign-visual img { object-position:77% 50%!important; }
 .catalog-banner[data-campaign="tws"] > .catalog-banner-copy h1 { font-size:clamp(24px,6.2vw,35px)!important; }
 .catalog-banner[data-campaign="tws"]::after { background: linear-gradient(90deg,#110b08cf 0%,#110b0844 55%,transparent 77%); }
}


/* Wired earphones: keep the wearer and cable visible at both banner shapes. */
.catalog-banner.category-campaign[data-campaign="wired-earphones"] {height:clamp(390px,36vw,610px)!important;min-height:0!important}
.catalog-banner.category-campaign[data-campaign="wired-earphones"] .category-campaign-visual img {object-position:67% 42%!important}
.catalog-banner.category-campaign[data-campaign="wired-earphones"]::after {background:linear-gradient(90deg,#100a07b3, #100a0744 43%,transparent 62%)}
[dir="rtl"] .catalog-banner.category-campaign[data-campaign="wired-earphones"]>.catalog-banner-copy {align-items:flex-end!important;text-align:right!important}
@media(max-width:600px){
 .catalog-banner.category-campaign[data-campaign="wired-earphones"]{height:clamp(275px,77vw,390px)!important}
 .catalog-banner.category-campaign[data-campaign="wired-earphones"]>.catalog-banner-copy{top:auto!important;bottom:0!important;width:100%!important;height:auto!important;padding:16px 20px!important}
 .catalog-banner.category-campaign[data-campaign="wired-earphones"] .catalog-banner-copy h1{font-size:clamp(24px,6.1vw,35px)!important;margin:0 0 6px!important}
 .catalog-banner.category-campaign[data-campaign="wired-earphones"] .catalog-banner-copy>p{font-size:14px!important;line-height:1.42!important}
 .catalog-banner.category-campaign[data-campaign="wired-earphones"] .campaign-label{display:none}
 .catalog-banner.category-campaign[data-campaign="wired-earphones"] .category-campaign-model{margin-top:6px!important}
 .catalog-banner.category-campaign[data-campaign="wired-earphones"]::after{background:linear-gradient(180deg,transparent 37%,#100a0740 61%,#100a07ec)}
}
