/* Cable labels: the control-panel page's image-led layout. */
.cable-label-page .qr-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.cable-label-page .qr-hero-grid>*,.cable-label-page .qr-intro-grid>*,.cable-label-page .section-head>*,.cable-label-page .contact-grid>*{min-width:0}
.cable-label-page :is(h1,h2,h3,figcaption,.button){overflow-wrap:anywhere;hyphens:auto}
.cable-label-page .breadcrumb{flex-wrap:wrap;overflow-wrap:anywhere}
html[lang="de"] .cable-label-page h1{font-size:clamp(38px,5.6vw,70px)}
@media(max-width:760px){.cable-label-page .qr-hero-grid{grid-template-columns:minmax(0,1fr)}}
.cable-label-page .cable-hero-media{width:100%;max-width:440px;margin:0 auto;border-radius:22px;overflow:hidden}
.cable-hero-media img{width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:22px}
.cable-hero-media figcaption{padding-top:.6rem;color:#c9c9c9;font-size:.85rem;text-align:center}
.cable-label-page .hero-actions{flex-wrap:wrap}
.cable-media-stage{padding-block:clamp(1rem,2.4vw,2rem)}
.cable-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.8rem,2vw,1.5rem);align-items:start;max-width:960px;margin:0 auto}
.cable-media-card{width:100%;min-width:0;margin:0;padding:.65rem;background:#fff;border:1px solid rgba(20,20,20,.14);border-radius:22px;cursor:zoom-in}
.cable-media-card img{display:block;width:100%;height:clamp(128px,13vw,164px);object-fit:cover;object-position:center;border-radius:16px;background:#f4f4f4}
.cable-media-card figcaption{margin:.75rem -.15rem -.15rem;padding:.5rem .45rem;background:#868686;color:#fff;border-radius:999px;font-size:clamp(.61rem,.86vw,.76rem);font-weight:700;letter-spacing:.02em;line-height:1.3;text-align:center}
.cable-media-card:focus-visible{outline:3px solid #171717;outline-offset:5px}
.cable-lower-showcase{padding-top:clamp(1rem,3vw,2.5rem)}
.cable-lower-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,2.5rem);max-width:960px;margin:0 auto clamp(1.5rem,3vw,2.75rem)}
.cable-lower-copy h2{margin-top:20px;font-size:clamp(32px,4vw,52px);letter-spacing:-.05em}
.cable-lower-copy p{color:var(--muted)}
.cable-media-grid--pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px}
.cable-media-grid--pair img{height:220px}
.cable-image-viewer{max-width:94vw;max-height:94vh;padding:48px 16px 16px;border:0;border-radius:18px;background:#171717;color:#fff}
.cable-image-viewer::backdrop{background:rgba(0,0,0,.86)}
.cable-image-viewer img{max-width:85vw;max-height:75vh;width:auto;height:auto;object-fit:contain;margin:auto}
.cable-image-viewer button{position:absolute;right:8px;top:4px;width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:32px;cursor:pointer}
@media(max-width:760px){.cable-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:540px;gap:1.25rem .85rem}.cable-media-card img{height:150px}.cable-lower-copy{grid-template-columns:1fr;max-width:540px}.cable-label-page .cable-hero-media{margin-top:1rem}}
@media(max-width:420px){.cable-media-grid{grid-template-columns:1fr;max-width:290px}.cable-media-card img{height:175px}}