:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0c111b;color:#ecf2ff;font:16px/1.6 system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#afc6ff}.top{max-width:1200px;margin:auto;padding:25px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263148}.brand{font-weight:800;letter-spacing:.12em}.brand span{font-size:10px;display:block;color:#91a1be;font-weight:400;letter-spacing:.22em}main{max-width:1200px;margin:0 auto;padding:30px 24px 90px}.hero{padding:58px 35px;background:linear-gradient(115deg,#243957,#121a2c 70%);border:1px solid #32435c;border-radius:18px;margin-bottom:25px}.eyebrow{color:#93b6fa;letter-spacing:.2em;font-size:12px;font-weight:650}h1{font-size:clamp(30px,4vw,52px);line-height:1.16;margin:12px 0}.hero p:last-child{color:#afbdd1}.filters,.pages{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 30px}.pill{border:1px solid #35445f;background:#1c273b;border-radius:40px;padding:7px 17px;font-size:14px}.selected,.button{background:#456bd9;border-color:#456bd9;color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product{overflow:hidden;border-radius:15px;background:#171f2e;border:1px solid #2b3750}.cover{aspect-ratio:16/9;display:grid;place-items:center;color:#8f9eb9;background:#232f44}.cover img{width:100%;height:100%;object-fit:contain}.inner{padding:20px}.inner h2{font-size:20px;margin:0 0 10px}.inner p{color:#b6c3d7;font-size:14px;min-height:65px}.bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.button{border-radius:8px;padding:10px 16px;display:inline-block;font-weight:650;font-size:14px}.button:hover{background:#6489f7;color:white}.empty,.note,.notice{color:#abb8cf}.back{color:#9cbaff}.detail{display:grid;grid-template-columns:1.15fr 1fr;gap:42px;margin-top:24px}.large{aspect-ratio:4/3;background:#1a2535;border-radius:14px;overflow:hidden;display:grid;place-items:center}.large img{width:100%;height:100%;object-fit:contain}.thumbs{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px}.thumb{padding:0;border:2px solid #394763;border-radius:8px;overflow:hidden;width:90px;height:72px;cursor:pointer;background:#243148}.thumb img{width:100%;height:100%;object-fit:cover}.detailtext{padding-top:10px}.desc{color:#c1cce0;white-space:normal}.price{font-size:26px;font-weight:800}.buy{padding:14px 36px}.note{font-size:13px}footer{text-align:center;color:#8493aa;border-top:1px solid #27344a;padding:30px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{grid-template-columns:1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero{padding:35px 20px}.top{padding:15px}}
.brand-container {
    display: flex;
    flex-direction: column;
}

.brand-subtitle {
    display: block;
    font-size: 16px;
    letter-spacing: 2px;
    color: #9ba8ba;
    margin-top: 3px;
}

.brand {
    cursor: default;
    text-decoration: none;
    font-size: 20px;
}

/* Header-Trennlinie an Inhaltsbreite anpassen */
header.top {
    border-bottom: none !important;
    position: relative;
}

header.top::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 24px;
    right: 24px;
    height: 1px;
    background: #354158;
}



/* Footer-Trennlinie exakt an Shop-Inhalt anpassen */
footer {
    border-top: none !important;
    position: relative;
    text-align: center;
    color: #8493aa;
    padding: 30px 24px;
}

footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 48px);
    max-width: 1152px;
    height: 1px;
    background: #354158;
}

/* Back to Top – Product Page */
html {
    scroll-behavior: smooth;
}

.back-to-top {
    display: inline-block;
    margin-top: 22px;
    color: #9cbaff;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.back-to-top:hover {
    color: #ffffff;
    text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}