/* Keep product imagery complete instead of cropping it into fixed-height columns. */
.company-logo { display: block; width: 180px; height: auto; flex-shrink: 0; filter: grayscale(1) invert(1); mix-blend-mode: screen; }
.me-link .me-nav-logo { position: relative; display: block; width: 72px; aspect-ratio: 1908 / 931; }
.me-link .me-nav-logo img { display: block; width: 100%; height: auto; opacity: 1; filter: none; }
.me-link .me-nav-logo .me-nav-text { filter: brightness(0) invert(1); opacity: .7; clip-path: polygon(34% 0, 100% 0, 100% 100%, 0 100%, 0 62%, 34% 62%); }
.me-link.active .me-nav-logo .me-nav-text { opacity: 1; }
.me-link .me-nav-logo .me-nav-emblem { position: absolute; inset: 0; clip-path: polygon(0 0, 34% 0, 34% 62%, 0 62%); }
.me-header .me-logo { width: 160px; min-width: 160px; height: auto; }
main, section, header, nav, .section-inner, .feature-layout > *,
.contact-top > *, .jbl-feature-row > *, .dialog-product > * { min-width: 0; }
.brand-header { flex-wrap: wrap; }
.category-nav { min-width: 0; flex-wrap: wrap; gap: 12px 22px; }
.category-nav summary { overflow-wrap: anywhere; }
.dropdown { overscroll-behavior: contain; touch-action: pan-y; }
.samsung-hero, .samsung-lifestyle, .me-hero, .jbl-hero {
  height: auto;
  min-height: 0;
  max-height: none;
}
.samsung-hero > .hero-image, .samsung-lifestyle > img,
.me-hero > .hero-image, .jbl-hero > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.samsung-hero > .hero-image, .samsung-lifestyle > img,
.me-hero > .hero-image { aspect-ratio: 16 / 9; }
.jbl-hero > img { aspect-ratio: 7 / 3; }
.hero-copy { width: 37%; }
.hero-copy h1 { font-size: clamp(32px, 3.7vw, 60px); }
.samsung-lifestyle > div { max-width: 35%; top: 16%; }
.samsung-lifestyle h2 { font-size: clamp(30px, 3.4vw, 52px); }
.samsung-feature, .feature-layout { min-height: 0; }
.feature-layout { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
.feature-layout > img {
  height: auto;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}
.feature-text { padding: clamp(24px, 3vw, 44px); }
.feature-text h3 { font-size: clamp(26px, 2.8vw, 38px); overflow-wrap: break-word; }
.category-grid.samsung-all { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.series-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.series-card { min-width: 0; }
.series-card img { width: 100%; height: clamp(100px, 10vw, 150px); object-fit: contain; }
.me-hero-copy { top: 20%; }
.me-hero-copy h2 { font-size: clamp(30px, 3.3vw, 49px); }
.audience { position: relative; background: #333; }
.audience button { min-width: 0; overflow-wrap: break-word; }
.me-hero::after { z-index: 0; }
.solutions-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.solutions-grid button, .solutions-grid button > div { min-width: 0; }
.solutions-grid button h3 { overflow-wrap: break-word; }
.jbl-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.jbl-category-grid > button { min-width: 0; }
.jbl-category-grid > button img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
.jbl-category-grid > button:hover img { transform: none; }
.jbl-category-grid > button span { overflow-wrap: break-word; }
.jbl-feature-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 5vw, 80px); }
.jbl-feature-row img { width: 100%; height: auto; max-height: 420px; aspect-ratio: 4 / 3; object-fit: contain; }
.contact-top { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.store-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.contact p, .company-card, .store-grid article { overflow-wrap: break-word; }
.dialog-product { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dialog-product img { width: 100%; object-fit: contain; }
dialog { max-height: calc(100dvh - 32px); overflow: auto; }
.pill, .rect { max-width: 100%; white-space: normal; }

@media (max-width: 1100px) {
  .company-logo { width: 140px; }
  .dropdown { position: fixed; top: 140px; left: 16px !important; right: 16px !important; width: auto; max-height: calc(100dvh - 170px); }
  .series-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .brand-bar nav { gap: 24px; }
  .contact-top { gap: 32px; }
}

/* Give banners their own text row before the complete image on tablet and phone. */
@media (max-width: 1000px) {
  .samsung-hero, .samsung-lifestyle, .me-hero, .jbl-hero { display: flex; flex-direction: column; }
  .samsung-hero { background: #e6eff7; }
  .samsung-lifestyle { background: #e6eff7; }
  .hero-copy, .samsung-lifestyle > div, .me-hero-copy, .jbl-hero > div {
    position: relative;
    inset: auto;
    transform: none;
    order: -1;
    width: 100%;
    max-width: none;
    padding: 36px 28px;
    text-shadow: none;
  }
  .hero-copy h1 { font-size: clamp(32px, 5vw, 48px); }
  .samsung-lifestyle h2 { font-size: clamp(32px, 4.8vw, 44px); }
  .hero-bottom { position: static; padding: 20px 28px; gap: 16px; flex-wrap: wrap; }
  .me-hero { background: #242424; }
  .me-hero::after { display: none; }
  .me-hero-copy h2 { font-size: clamp(30px, 4.5vw, 42px); }
  .me-hero-copy p:not(.overline) { font-size: 16px; }
  .me-hero-copy .red-rule { margin-bottom: 0; }
  .audience { position: relative; inset: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .audience button { min-height: 130px; font-size: 12px; }
  .audience button > span { font-size: 40px; }
  .feature-layout { grid-template-columns: 1fr; }
  .feature-layout > img { max-height: none; }
  .feature-text { padding: 32px; }
  .jbl-hero > div { order: 0; padding: 32px 28px; }
  .jbl-hero h2 { font-size: clamp(38px, 6vw, 54px); }
  .jbl-hero p { font-size: 16px; }
  .jbl-hero .rect { font-size: 14px; padding: 15px 24px; }
  .jbl-feature-row { grid-template-columns: 1fr; gap: 28px; }
  .jbl-feature-row img { max-height: 380px; }
}

@media (max-width: 700px) {
  .brand-bar { padding: 5px 16px 0; gap: 0 12px; flex-wrap: wrap; }
  .company-logo { width: 112px; }
  .brand-bar nav { order: 3; width: 100%; height: 34px; min-width: 0; justify-content: center; gap: 28px; }
  .brand-link img { width: 76px; }
  .me-link .me-nav-logo { width: 56px; }
  .stores-link { flex-shrink: 0; max-width: none; font-size: 11px; }
  .brand-header { padding: 20px 18px 14px; }
  .category-nav { gap: 10px 18px; }
  .category-nav summary { font-size: 14px; }
  .me-header summary { max-width: 160px; font-size: 14px; }
  .jbl-header summary { font-size: 14px; }
  .dropdown { top: 140px; max-height: calc(100dvh - 170px); }
  .samsung-hero { margin: 0 8px; border-radius: 18px; }
  .hero-copy, .samsung-lifestyle > div, .me-hero-copy { padding: 30px 22px; }
  .hero-copy p:not(.overline), .samsung-lifestyle p { font-size: 16px; }
  .hero-bottom { padding: 18px 22px; font-size: 11px; letter-spacing: 1px; }
  .section-inner { padding: 44px 20px; }
  .tabs { flex-wrap: wrap; justify-content: center; overflow: visible; gap: 16px 22px; }
  .feature-text { padding: 26px; }
  .feature-text p { font-size: 16px; }
  .feature-wordmark { min-height: 260px; padding: 28px; }
  .category-grid.samsung-all { grid-template-columns: 1fr; }
  .category-grid > button { min-height: 100px; font-size: 17px; }
  .series-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; }
  .series-card img { height: 110px; }
  .series-card h3 { font-size: 15px; }
  .series-card:last-child { grid-column: 1 / -1; width: 100%; max-width: 240px; }
  .solutions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .solutions-grid button { padding: 20px 14px; }
  .solutions-grid button h3 { font-size: 16px; }
  .me-support p:not(.overline) { font-size: 16px; }
  .jbl-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .jbl-category-grid > button span { font-size: 16px; padding: 16px 14px; }
  .jbl-feature-row img { max-height: 300px; }
  .contact-top, .store-grid, .dialog-product { grid-template-columns: 1fr; }
  .contact-top { gap: 36px; }
  .company-card { padding-left: 22px; }
  .contact h2 { font-size: clamp(34px, 9vw, 42px); }
  .footer-bottom { flex-wrap: wrap; }
  .dialog-top { padding: 16px 20px; }
  .dialog-content { padding: 24px 20px; }
  .dialog-content h2 { font-size: 28px; overflow-wrap: break-word; }
  .dialog-list { grid-template-columns: 1fr; }
}

@media (max-width: 380px) {
  .brand-bar { gap: 0 10px; }
  .brand-bar nav { gap: 24px; }
  .brand-link img { width: 68px; }
  .me-link, .me-link span { font-size: 9px; }
  .stores-link { max-width: none; font-size: 11px; }
  .audience { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .solutions-grid, .jbl-category-grid { grid-template-columns: 1fr; }
}

.samsung-slider { overflow: hidden; border-radius: 0 0 22px 22px; background: #f4f4f4; touch-action: pan-y; }
.samsung-slide-track { display: flex; transition: transform .65s ease; }
.samsung-slide { flex: 0 0 100%; min-width: 0; }
.samsung-slide > img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; }
.slide-caption { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 6%; }
.slide-caption h1, .slide-caption h2 { font-size: clamp(24px, 2.5vw, 36px); line-height: 1.2; letter-spacing: -1px; }
.slider-controls { display: flex; justify-content: center; align-items: center; gap: 16px; padding: 12px 20px 22px; }
.slider-controls > button { font-size: 26px; min-width: 40px; min-height: 44px; }
.slider-tabs { display: flex; gap: 24px; }
.slider-tabs button { font-size: 14px; padding: 10px 0; border-bottom: 2px solid transparent; color: #666; }
.slider-tabs button[aria-current=true] { border-color: #111; color: #111; font-weight: 700; }
@media(max-width:700px) { .slide-caption { flex-direction: column; text-align:center; gap:14px; padding:22px 16px 8px; } .slider-controls { gap:4px; padding:8px 8px 16px; } .slider-tabs { gap:14px; } .slider-tabs button { font-size:13px; } .slider-controls > button { min-width:32px; } }
@media(prefers-reduced-motion:reduce) { .samsung-slide-track { transition:none; } }

.samsung-slider .slider-controls { position: absolute; inset: 0; padding: 0; display: block; pointer-events: none; }
.samsung-slider .slider-controls > button { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; min-width: 44px; padding: 0; border-radius: 50%; background: #fffD; color: #111; font-size: 36px; line-height: 1; pointer-events: auto; box-shadow: 0 2px 10px #0002; }
.samsung-slider [data-slide-prev] { left: 16px; }
.samsung-slider [data-slide-next] { right: 16px; }
@media (max-width:700px) { .samsung-slider .slider-controls > button { width: 36px; height:36px; min-width:36px; font-size:30px; } .samsung-slider [data-slide-prev] { left:8px; } .samsung-slider [data-slide-next] { right:8px; } }

/* Samsung content sits inside a centered, spacious page frame. */
#samsung { width: 84%; max-width: 1200px; margin-inline: auto; }
#samsung .samsung-hero { margin-inline: 0; }
@media (max-width: 1000px) { #samsung { width: 88%; } }
@media (max-width: 700px) { #samsung { width: calc(100% - 32px); } }

.samsung-discovery-cards { margin-top: 36px; gap: 24px; text-align: center; }
.category-grid.samsung-discovery-cards > button { position: relative; padding: 24px 20px 26px; text-align: center; border-radius: 20px; background: #f7f7f7; min-height: 0; overflow: hidden; }
.samsung-discovery-cards img { width: 100%; max-width: 240px; aspect-ratio: 1; height: auto; object-fit: contain; margin: 0 auto 18px; transition: transform .3s ease; }
.samsung-discovery-cards strong { display:block; font-size: 22px; }
.category-grid.samsung-discovery-cards .card-view-all { display: inline-block; background: #111; color: white; border-radius: 24px; padding: 10px 22px; font-size: 14px; font-weight: 700; margin-top: 18px; opacity: 0; transform: translateY(8px); transition: opacity .2s, transform .2s; }
.samsung-discovery-cards > button:hover img { transform: scale(1.04); }
.category-grid.samsung-discovery-cards > button:hover .card-view-all, .category-grid.samsung-discovery-cards > button:focus-visible .card-view-all { opacity: 1; transform: none; }
@media (hover:none) { .category-grid.samsung-discovery-cards .card-view-all { opacity:1; transform:none; } }
@media(max-width:700px) { .samsung-discovery-cards { gap:16px; margin-top:26px; } .samsung-discovery-cards img { max-width:200px; } }
@media(prefers-reduced-motion:reduce) { .samsung-discovery-cards img, .samsung-discovery-cards .card-view-all { transition:none; } }

.category-grid.samsung-discovery-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.samsung-discovery-cards strong { font-size: 20px; }
@media(max-width:1000px) { .category-grid.samsung-discovery-cards { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:500px) { .category-grid.samsung-discovery-cards { grid-template-columns: 1fr; } }

:root { --fixed-header-height: 104px; }
.distributor-bar { position: fixed; top: 68px; left:0; right:0; z-index:49; min-height:36px; padding:8px 34px; background:#e9e9e9; color:#444; display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:12px; line-height:20px; }
.distributor-bar > span:first-child { font-weight:700; letter-spacing:.25px; }
main { padding-top:var(--fixed-header-height); }
html { scroll-padding-top:var(--fixed-header-height); }
.brand-section { scroll-margin-top:var(--fixed-header-height); }
.dropdown { top:calc(var(--fixed-header-height) + 72px); }
@media(min-width:1101px) { .category-nav .dropdown { top:100%; } }
@media(max-width:700px) { :root { --fixed-header-height:132px; } .distributor-bar { min-height:64px; padding:8px 16px; flex-direction:column; align-items:flex-start; gap:2px; font-size:11px; line-height:22px; } .distributor-bar > span:last-child { align-self:flex-end; text-align:right; } .dropdown { top:calc(var(--fixed-header-height) + 72px); max-height:calc(100dvh - var(--fixed-header-height) - 100px); } }
@media(max-width:380px) { .distributor-bar { font-size:10px; } }

.samsung-recommended { padding-top: 20px; padding-bottom: 70px; }
.recommended-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:36px; }
.recommended-heading h2 { font-size:clamp(28px,3vw,40px); }
.recommended-navigation { display:flex; gap:8px; }
.recommended-navigation button { width:40px; height:40px; border:1px solid #ddd; border-radius:50%; font-size:30px; line-height:1; }
.recommended-navigation button:disabled { opacity:.3; cursor:default; }
.recommended-list { display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; padding-bottom:20px; }
.recommended-card { flex:0 0 calc((100% - 60px)/4); min-width:0; scroll-snap-align:start; }
.recommended-image { width:100%; aspect-ratio:1; display:flex; justify-content:center; align-items:center; border-radius:8px; background:#f7f7f7; padding:20px; overflow:hidden; }
.recommended-image img { width:100%; max-width:220px; height:auto; object-fit:contain; transition:transform .3s; }
.recommended-image:hover img, .recommended-image:focus-visible img { transform:scale(1.08); }
.recommended-card h3 { font-size:18px; margin-top:22px; margin-bottom:16px; }
.recommended-link { padding:0 0 4px; border-bottom:1px solid #111; font-size:14px; font-weight:700; }
@media(max-width:1000px) { .recommended-card { flex-basis:calc((100% - 40px)/3); } }
@media(max-width:700px) { .recommended-card { flex-basis:85%; } .samsung-recommended { padding-top:0; } .recommended-heading { gap:10px; margin-bottom:26px; } .recommended-heading h2 { font-size:28px; } .recommended-navigation button { width:32px; height:36px; } }
@media(prefers-reduced-motion:reduce) { .recommended-image img { transition:none; } }

.recommended-image .recommended-fridge-image { width:130%; max-width:none; flex-shrink:0; }
.recommended-image:hover .recommended-fridge-image, .recommended-image:focus-visible .recommended-fridge-image { transform:scale(1.04); }

/* Keep Mitsubishi categories grouped after the logo. */
.me-header .category-nav { justify-content: flex-start; gap: 12px 22px; }
.me-header summary { max-width: none; text-align: left; }
@media (max-width: 700px) {
  .me-header .category-nav { flex-basis: 100%; order: 3; gap: 10px 18px; }
  .me-header .search-button { order: 2; margin-left: auto; }
}

.brand-bar .jbl-link,.mw-fixed .mw-jbl{display:flex;align-items:center;justify-content:center}.jbl-nav-logo{display:block;width:80px;height:40px;position:relative;overflow:hidden;mix-blend-mode:screen}.brand-bar .jbl-link .jbl-nav-logo img,.mw-fixed .mw-jbl .jbl-nav-logo img{position:absolute;left:0;top:-20px;width:80px;height:80px;max-width:none;filter:invert(1);opacity:1;display:block}.brand-bar .jbl-link .jbl-nav-logo{opacity:.7}.brand-bar .jbl-link.active .jbl-nav-logo,.brand-bar .jbl-link:hover .jbl-nav-logo,.brand-bar .jbl-link:focus-visible .jbl-nav-logo{opacity:1}@media(max-width:700px){.jbl-nav-logo{width:60px;height:30px}.brand-bar .jbl-link .jbl-nav-logo img,.mw-fixed .mw-jbl .jbl-nav-logo img{width:60px;height:60px;top:-15px}}

.brand-bar .jbl-link .jbl-nav-logo,.mw-fixed .mw-jbl .jbl-nav-logo{width:60px;height:30px}.brand-bar .jbl-link .jbl-nav-logo img,.mw-fixed .mw-jbl .jbl-nav-logo img{width:60px;height:60px;top:-15px}.jbl-header .category-nav{justify-content:flex-start;gap:12px 24px;flex:1}.jbl-header .category-nav>.jbl-earbuds-category{font:inherit;font-size:13px;font-weight:700;color:inherit;white-space:nowrap;padding:0;background:none;border:0;cursor:pointer}.jbl-header .category-nav>.jbl-earbuds-category:hover{color:#ff4a00}.jbl-header .search-button{margin-left:auto}@media(max-width:700px){.brand-bar .jbl-link .jbl-nav-logo,.mw-fixed .mw-jbl .jbl-nav-logo{width:48px;height:24px}.brand-bar .jbl-link .jbl-nav-logo img,.mw-fixed .mw-jbl .jbl-nav-logo img{width:48px;height:48px;top:-12px}.jbl-header .category-nav{gap:10px 18px}.jbl-header .category-nav>.jbl-earbuds-category{font-size:12px}}

/* Keep all Samsung discovery categories together in one horizontal row. */
.category-grid.samsung-discovery-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.category-grid.samsung-discovery-cards>button{padding:20px 12px 22px;min-width:0}
.samsung-discovery-cards strong{font-size:18px}
@media(max-width:1000px){.category-grid.samsung-discovery-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(200px,26%);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:14px}.category-grid.samsung-discovery-cards>button{scroll-snap-align:start}}
@media(max-width:500px){.category-grid.samsung-discovery-cards{grid-auto-columns:74%;gap:14px}}