:root{--navy:#020914;--navy2:#061524;--blue:#0798ff;--blue2:#38bdf8;--ink:#08111e;--muted:#5d6d7e;--soft:#eef6fb;--line:#dfeaf2;--white:#fff;--shadow:0 18px 50px rgba(6,33,58,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}body.nav-open{overflow:hidden}a{color:inherit}img{max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,.topbar nav a,.top-cta{font-family:Poppins,Inter,Arial,sans-serif}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:999;background:#fff;padding:10px 14px;border-radius:8px}
.sale-banner{display:none;background:linear-gradient(90deg,#0879d6,#04a7ff);color:#fff;padding:10px 18px;text-align:center;font-size:13px;font-weight:800;letter-spacing:.02em}.sale-banner.show{display:block}.sale-banner b{font-size:15px}.sale-banner a{margin-left:12px;text-decoration:underline;font-weight:700}
.topbar{position:sticky;top:0;z-index:80;min-height:86px;background:rgba(2,9,20,.97);display:flex;align-items:center;padding:10px clamp(18px,3vw,46px);gap:26px;border-bottom:1px solid rgba(24,148,238,.28);backdrop-filter:blur(12px)}.brand{display:block;flex:0 0 auto}.brand img{display:block;width:78px;height:78px;max-height:78px;object-fit:contain;border-radius:50%}.topbar nav{display:flex;align-items:center;justify-content:center;gap:clamp(13px,1.45vw,24px);flex:1;min-width:0}.topbar nav a{position:relative;color:#fff;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;padding:17px 0;opacity:.92}.topbar nav a:hover,.topbar nav a.active{color:#33b9ff;opacity:1}.topbar nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:7px;height:2px;background:#22adff;border-radius:2px}.top-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 21px;text-decoration:none;font-weight:700;white-space:nowrap;cursor:pointer}.top-cta{background:#078ff1;color:#fff;box-shadow:0 8px 28px rgba(0,141,255,.17)}.primary{background:#0798ff;color:#fff;box-shadow:0 10px 28px rgba(0,141,255,.2)}.light{background:#fff;color:#08111e;border:1px solid #dce8f0}.dark-btn{background:#071421;color:#fff}.btn:hover,.top-cta:hover{transform:translateY(-1px)}.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid #244257;background:#061421;border-radius:12px;color:#fff;font-size:24px;cursor:pointer}
.hero{min-height:650px;background:#020914;display:grid;grid-template-columns:minmax(0,47%) minmax(0,53%);overflow:hidden;color:#fff}.hero-copy{padding:78px clamp(28px,5vw,90px) 60px}.eyebrow{font-size:12px;letter-spacing:.22em;color:#16b6ff;font-weight:800;margin-bottom:16px}.dark-eyebrow{color:#078ee9}.hero h1{font-size:clamp(46px,4.55vw,76px);line-height:1.01;margin:0 0 20px;letter-spacing:-.045em}.hero h1 span,h2 span{color:#0798ff}.hero p{font-size:clamp(17px,1.45vw,21px);line-height:1.55;max-width:640px;color:#e7f0f7;margin:0}.hero-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;margin:34px 0}.hero-features div{display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:start}.hero-features b{grid-row:span 2;color:#0798ff;font-size:26px}.hero-features strong{font-size:13px;line-height:1.3}.hero-features small{font-size:11px;color:#b7c9d9;line-height:1.35}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}.hero-art{min-height:650px;background-image:url('assets/hero-devices-clean.jpg');background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020914 0%,rgba(2,9,20,.16) 28%,rgba(2,9,20,0) 58%);pointer-events:none}.repair-chips{position:absolute;z-index:2;right:22px;bottom:22px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.repair-chips span{background:rgba(2,9,20,.8);border:1px solid rgba(69,190,255,.36);color:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;backdrop-filter:blur(8px)}
.section{padding:78px clamp(18px,4vw,70px)}.section-head{text-align:center;max-width:900px;margin:0 auto 36px}.section h1,.section h2,.reviews h2{font-size:clamp(32px,3.25vw,46px);letter-spacing:-.035em;margin:0 0 9px}.lead{font-size:15px;color:#536579;margin:0;line-height:1.65}.section-actions{display:flex;justify-content:center;gap:12px;margin-top:22px;flex-wrap:wrap}
.services{background:#fff}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1320px;margin:auto}.service-card{position:relative;overflow:hidden;border:0;background:linear-gradient(145deg,#fff,#f6fbff);border-radius:22px;padding:0;text-align:left;box-shadow:0 14px 40px rgba(7,39,68,.09);min-height:240px;text-decoration:none;display:flex;flex-direction:column;cursor:pointer;transition:transform .24s,box-shadow .24s}.service-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(7,39,68,.15)}.service-visual{height:128px;position:relative;background:radial-gradient(circle at 75% 30%,#33baff 0,#078fd5 28%,#07365a 70%,#071824 100%);display:grid;place-items:center;overflow:hidden}.service-visual:after{content:"";width:130px;height:130px;border-radius:50%;position:absolute;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 24px rgba(255,255,255,.045),0 0 0 48px rgba(255,255,255,.025)}.service-visual i{position:relative;z-index:2;color:#fff;font-size:48px;font-style:normal;text-shadow:0 6px 20px rgba(0,0,0,.25)}.service-body{padding:18px 19px 20px}.service-card h3{font-size:17px;margin:0 0 6px}.service-card p{font-size:12px;color:#5b6c7d;margin:0;line-height:1.5}.service-card .arrow{margin-top:auto;color:#078fe9;font-size:19px;font-weight:800;position:absolute;right:18px;bottom:17px}.service-card.request .service-visual{background:radial-gradient(circle at 75% 30%,#7dd3fc 0,#2b7ca9 30%,#0f3148 72%,#071824 100%)}
.device-section{background:linear-gradient(180deg,#f7fbfe 0,#edf6fb 100%)}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1250px;margin:auto}.device-card{background:#fff;border:0;border-radius:20px;padding:22px;min-height:154px;text-decoration:none;display:grid;grid-template-columns:86px 1fr 22px;gap:17px;align-items:center;box-shadow:0 12px 32px rgba(8,40,70,.08);transition:transform .22s,box-shadow .22s}.device-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,40,70,.14)}.device-logo{width:82px;height:82px;border-radius:19px;background:#f1f7fb;display:grid;place-items:center;overflow:hidden}.device-logo img{width:66px;height:66px;object-fit:contain}.device-card h3{margin:0 0 6px;font-size:18px}.device-card p{margin:0;color:#617284;font-size:12px;line-height:1.45}.device-card>b{color:#078fe9;font-size:23px}.brand-wall{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;max-width:1240px;margin:30px auto 0}.brand-chip{background:#fff;border-radius:18px;min-height:126px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-decoration:none;box-shadow:0 8px 26px rgba(8,40,70,.06);transition:transform .2s}.brand-chip:hover{transform:translateY(-3px)}.brand-chip img{height:58px;width:112px;object-fit:contain}.brand-chip span{font-size:13px;font-weight:700;text-align:center;color:#314355}
.split{display:grid;grid-template-columns:1fr 1fr}.feature{position:relative;min-height:350px;overflow:hidden}.feature img{position:absolute;width:100%;height:100%;object-fit:cover}.feature .overlay{position:relative;padding:46px;color:#fff;background:linear-gradient(90deg,#001426e8,#0014263b);height:100%}.wert-feature .overlay{color:#08111e;background:linear-gradient(90deg,#ffffffef,#ffffff68)}.feature h2{text-align:left;margin:0 0 10px;font-size:36px}.feature h3{color:#0798ff;font-size:21px;margin:14px 0 7px}.feature p{max-width:500px;line-height:1.6}.feature li{margin:7px 0}.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;max-width:1200px;margin:auto;align-items:center}.about-copy h2{font-size:clamp(32px,3vw,44px);margin:0 0 16px}.about-copy p{color:#526576;line-height:1.8}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-point{background:#f3f8fc;border-radius:18px;padding:18px}.about-point b{color:#078fe9}.about-point strong{display:block;margin:8px 0 4px}.about-point p{font-size:12px;margin:0}.trust{display:grid;grid-template-columns:repeat(4,1fr);padding:34px clamp(20px,5vw,70px);border-bottom:1px solid #e1e7ec;background:#fff}.trust>div{padding:0 25px;border-right:1px solid #dce5eb}.trust>div:last-child{border:0}.trust b{color:#0798ff;font-size:28px;float:left;margin-right:12px}.trust strong{font-size:14px}.trust p{font-size:11px;color:#566575;line-height:1.5}
.reviews{padding:72px clamp(20px,7vw,110px);display:grid;grid-template-columns:1fr 360px;align-items:center;gap:50px;background:#f7fafc}.review-copy{max-width:700px}.review-copy p{color:#5d6d7d;line-height:1.6}.google-rating{background:#fff;border-radius:22px;padding:26px;box-shadow:0 12px 34px rgba(11,39,64,.08)}.google-rating .rating-number{font-size:45px;font-weight:800;letter-spacing:-.04em}.google-rating .stars{color:#f5b400;letter-spacing:4px;font-size:20px}.google-rating small{display:block;color:#637485;margin:8px 0 18px}.map-card{margin-top:14px;background:linear-gradient(135deg,#eaf6ff,#fff);border-radius:18px;padding:18px}.map-card strong{display:block}.map-card p{font-size:12px;color:#566879;line-height:1.55}.map-actions{display:flex;gap:8px;flex-wrap:wrap}.map-frame{display:none;margin-top:14px;border-radius:16px;overflow:hidden;min-height:260px}.map-frame.show{display:block}.map-frame iframe{width:100%;height:300px;border:0}
.request-section{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:54px clamp(20px,6vw,90px);background:#03101f;color:#fff}.request-section h2{font-size:36px;margin:0 0 8px}.request-section p{color:#b8cad9;margin:0}.request-actions{display:flex;gap:12px;flex-wrap:wrap}
.footer-main{background:#020c17;color:#fff;padding:50px clamp(20px,5vw,75px);display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:35px}.footer-logo{display:block;width:250px;max-width:100%;height:auto}.footer-main p{color:#d7e2eb;line-height:1.65;font-size:13px}.footer-main a{color:#d7e2eb;text-decoration:none}.footer-main a:hover{color:#fff}.footer-bottom{background:#01070d;color:#aebdca;padding:17px clamp(20px,5vw,75px);display:flex;justify-content:space-between;gap:20px;font-size:11px}.footer-bottom a{color:#aebdca;text-decoration:none;margin-right:14px}.footer-bottom a:hover{color:#fff}
.page-hero{background:linear-gradient(135deg,#03101f,#082844);color:#fff;padding:70px clamp(20px,6vw,90px)}.page-hero .inner{max-width:1150px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.page-hero h1{font-size:clamp(38px,4vw,58px);margin:0 0 10px}.page-hero p{color:#cbdbe6;line-height:1.6;max-width:700px}.page-brand-logo{background:#fff;border-radius:24px;padding:20px;width:200px;height:132px;display:grid;place-items:center}.page-brand-logo img{max-width:158px;max-height:92px}
.family-wrap{max-width:1180px;margin:auto}.family-block{background:#fff;border-radius:22px;box-shadow:0 12px 36px rgba(8,40,70,.08);margin-bottom:20px;overflow:hidden}.family-title{padding:18px 22px;background:#f4f9fc;display:flex;align-items:center;justify-content:space-between}.family-title h2{font-size:20px;margin:0}.model-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.model-link{padding:15px 20px;border-top:1px solid #edf2f6;border-right:1px solid #edf2f6;text-decoration:none;font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:10px}.model-link:hover{background:#f8fcff;color:#057fd1}.model-link span:last-child{color:#0998ee}
.model-page{max-width:1180px;margin:auto;padding:68px 20px}.model-top{display:grid;grid-template-columns:360px 1fr;gap:46px;align-items:center}.device-visual{height:390px;border-radius:30px;background:radial-gradient(circle at 50% 30%,#1b82c0,#082945 46%,#03101f 100%);display:grid;place-items:center;position:relative;overflow:hidden}.phone-render{width:185px;height:320px;border:9px solid #cfd8df;border-radius:35px;background:linear-gradient(155deg,#08131d,#1c4664);box-shadow:0 24px 50px rgba(0,0,0,.33);position:relative}.phone-render:before{content:"";position:absolute;width:68px;height:12px;border-radius:20px;background:#01070b;left:50%;top:9px;transform:translateX(-50%)}.phone-render:after{content:"";position:absolute;inset:34px 13px 18px;border-radius:22px;background:radial-gradient(circle at 60% 30%,#1fa7f1,#0b304f 44%,#061421 75%)}.device-visual .model-label{position:absolute;left:22px;right:22px;bottom:20px;color:#fff;text-align:center;font-size:14px;font-weight:800;z-index:2}.model-info h1{font-size:clamp(34px,4vw,52px);margin:0 0 8px}.model-info p{color:#56697a;line-height:1.75}.repair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}.repair-option{background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(8,40,70,.08);text-decoration:none;position:relative}.repair-option .repair-icon{font-size:30px;color:#078fe9}.repair-option h3{font-size:16px;margin:10px 0 6px}.repair-option p{font-size:12px;color:#607284;line-height:1.55;margin:0}.repair-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.repair-meta span{background:#eef7fd;color:#296078;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.price-line{margin-top:12px;font-weight:800;color:#071421}.price-line .old-price{text-decoration:line-through;color:#7c8994;margin-right:6px}.price-line .sale-price{color:#078fe9}.repair-option .mini-cta{display:inline-flex;margin-top:14px;color:#078fe9;font-size:12px;font-weight:800}.quality-note{margin-top:32px;background:#eef7fd;border-radius:18px;padding:18px 20px;color:#36556a;font-size:13px;line-height:1.6}
.form-wrap{max-width:900px;margin:auto;padding:68px 20px}.form-card{background:#fff;border-radius:24px;box-shadow:0 16px 48px rgba(8,40,70,.1);padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#304659}.field input,.field select,.field textarea{width:100%;border:1px solid #dbe7ef;border-radius:12px;padding:13px 14px;background:#fbfdff;color:#101b25}.field textarea{min-height:150px;resize:vertical}.field small{color:#6b7b89;font-size:10px}.check-row{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#4f6273;line-height:1.5}.check-row input{margin-top:3px}.form-note{background:#f2f8fc;border-radius:14px;padding:13px 15px;color:#466175;font-size:12px;line-height:1.55}.status-box{display:none;border-radius:14px;padding:14px 16px;margin-bottom:16px;font-size:13px;font-weight:700}.status-box.show{display:block}.status-box.success{background:#eafaf2;color:#1f6f49}.status-box.error{background:#fff1f1;color:#9a3232}.honeypot{position:absolute;left:-9999px;opacity:0}
.legal{max-width:980px;margin:58px auto;padding:0 22px}.legal-card{background:#fff;border-radius:22px;box-shadow:0 14px 40px rgba(8,40,70,.08);padding:34px}.legal-card h1{font-size:40px;margin-top:0}.legal-card h2{font-size:21px;margin-top:28px}.legal-card p,.legal-card li{line-height:1.75;color:#4f6273}.legal-notice{background:#fff7dd;border-radius:14px;padding:14px 16px;color:#6c5520;font-size:12px}
@media(max-width:1250px){.brand img{width:72px;height:72px}.topbar nav{gap:13px}.topbar nav a{font-size:12px}.cards{grid-template-columns:repeat(3,1fr)}.brand-wall{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1000px){.topbar{min-height:76px}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:100%;left:0;right:0;height:calc(100vh - 76px);background:#020914;padding:24px;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;overflow:auto}.topbar nav.open{display:flex}.topbar nav a{font-size:17px;padding:16px 4px;border-bottom:1px solid #12283a}.topbar nav a.active:after{display:none}.top-cta{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:480px;order:1}.hero-copy{order:2;padding-top:52px}.split{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.trust{grid-template-columns:repeat(2,1fr);gap:25px}.trust>div:nth-child(2){border:0}.footer-main{grid-template-columns:repeat(2,1fr)}.reviews{grid-template-columns:1fr}.model-top{grid-template-columns:300px 1fr}.device-visual{height:350px}.repair-grid{grid-template-columns:repeat(2,1fr)}.model-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.brand img{width:64px;height:64px}.hero-art{min-height:360px;background-position:58% center}.hero-copy{padding:42px 20px}.hero-features{grid-template-columns:1fr 1fr}.hero-buttons,.request-actions{flex-direction:column;align-items:stretch}.cards{grid-template-columns:1fr 1fr}.device-grid{grid-template-columns:1fr}.brand-wall{grid-template-columns:repeat(3,1fr)}.trust{grid-template-columns:1fr}.trust>div{border:0;border-bottom:1px solid #dce5eb;padding:0 0 18px}.request-section{flex-direction:column;align-items:flex-start}.footer-main{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}.section{padding:56px 16px}.page-hero .inner{align-items:flex-start;flex-direction:column}.page-brand-logo{width:120px;height:82px}.model-top{grid-template-columns:1fr}.device-visual{height:330px}.repair-grid,.model-list{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.about-points{grid-template-columns:1fr}}
@media(max-width:470px){.cards{grid-template-columns:1fr}.brand-wall{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:42px}.hero-art{min-height:330px}.hero-features{grid-template-columns:1fr}.service-card{min-height:220px}.footer-bottom a{display:inline-block;margin-bottom:6px}}
.tablet-render{width:245px;height:325px;border:8px solid #cfd8df;border-radius:26px;background:linear-gradient(155deg,#08131d,#1c4664);box-shadow:0 24px 50px rgba(0,0,0,.33);position:relative}.tablet-render:after{content:"";position:absolute;inset:16px;border-radius:15px;background:radial-gradient(circle at 60% 30%,#1fa7f1,#0b304f 44%,#061421 75%)}.watch-render{width:175px;height:205px;border:12px solid #cfd8df;border-radius:48px;background:linear-gradient(155deg,#08131d,#1c4664);box-shadow:0 24px 50px rgba(0,0,0,.33);position:relative}.watch-render:before,.watch-render:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:74px;height:115px;background:#222;border-radius:18px;z-index:-1}.watch-render:before{top:-110px}.watch-render:after{bottom:-110px}.audio-render{width:210px;height:205px;border-radius:40% 40% 28% 28%;background:linear-gradient(160deg,#f7fbfd,#cddbe4);box-shadow:0 24px 50px rgba(0,0,0,.24);position:relative}.audio-render:before,.audio-render:after{content:"";position:absolute;top:30px;width:56px;height:105px;border-radius:28px;background:#fff;box-shadow:0 8px 20px #0002}.audio-render:before{left:38px}.audio-render:after{right:38px}.laptop-render{width:280px;height:185px;border:8px solid #cfd8df;border-radius:16px;background:radial-gradient(circle at 60% 30%,#1fa7f1,#0b304f 44%,#061421 75%);box-shadow:0 24px 50px rgba(0,0,0,.33);position:relative}.laptop-render:after{content:"";position:absolute;left:-35px;right:-35px;bottom:-20px;height:18px;border-radius:4px 4px 14px 14px;background:#bcc8d0}

/* refinements: larger brand marks + iPhone quality choice */
.footer-logo{width:150px;height:150px;object-fit:contain;border-radius:50%}
.quality-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.quality-option{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border:1px solid #d8e7f0;border-radius:13px;background:#f8fcff;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;cursor:pointer;text-align:left;font:inherit;width:100%}
.quality-option:hover{transform:translateY(-2px);border-color:#0b9df2;box-shadow:0 8px 20px rgba(7,143,225,.10)}
.quality-option strong{font-size:12px;color:#10202d}
.quality-option small{font-size:10px;color:#627587}
.quality-option .price-line{margin-top:2px;font-size:14px}
.repair-option>.mini-cta{margin-top:16px}
.price-line.empty{display:none}
@media(max-width:1250px){.brand img{width:72px;height:72px}}
@media(max-width:720px){.brand img{width:64px;height:64px}.page-brand-logo{width:160px;height:106px}.page-brand-logo img{max-width:128px;max-height:76px}.brand-chip{min-height:116px}.brand-chip img{height:52px;width:102px}.quality-options{grid-template-columns:1fr}}

/* V4 refinement: 4K repair hero, clean mobile composition, stronger sale and WERTGARANTIE */
body{font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif}
h1,h2,h3,.topbar nav a,.top-cta{font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-weight:700}

.sale-banner{position:relative;z-index:95;padding:15px 22px;background:linear-gradient(90deg,#005da8 0%,#0798ff 48%,#056ab8 100%);font-size:16px;line-height:1.25;box-shadow:0 8px 28px rgba(2,68,119,.24);border-bottom:1px solid rgba(255,255,255,.2)}
.sale-banner.show{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.sale-banner.show:before{content:"AKTION";font-size:11px;letter-spacing:.15em;font-weight:900;padding:6px 10px;border-radius:999px;background:#fff;color:#067dcc;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.sale-banner b{font-size:20px;letter-spacing:.01em}.sale-banner a{margin-left:0;padding:7px 13px;border:1px solid rgba(255,255,255,.38);border-radius:999px;text-decoration:none;background:rgba(0,19,38,.14)}

.hero{min-height:690px;grid-template-columns:minmax(0,44%) minmax(0,56%);background:linear-gradient(135deg,#020914,#041525);position:relative}
.hero-copy{padding:78px clamp(30px,4.6vw,82px) 58px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:3}
.hero h1{font-size:clamp(50px,4.6vw,78px);max-width:720px}
.hero p{max-width:690px;color:#dbe9f3}
.hero-art{min-height:690px;background-image:url('assets/hero-repair-v5-4k.webp');background-size:cover;background-position:46% center;position:relative}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020914 0%,rgba(2,9,20,.56) 8%,rgba(2,9,20,.08) 34%,rgba(2,9,20,0) 62%);pointer-events:none}
.hero-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:30px 0 22px;max-width:660px}
.hero-service-links a{display:flex;flex-direction:column;gap:3px;text-decoration:none;background:rgba(8,35,57,.72);border:1px solid rgba(54,176,243,.28);border-radius:15px;padding:12px 14px;color:#fff;backdrop-filter:blur(8px);transition:.2s transform,.2s border-color,.2s background}
.hero-service-links a:hover{transform:translateY(-2px);border-color:#34b7ff;background:rgba(8,46,75,.9)}
.hero-service-links strong{font-size:13px}.hero-service-links small{font-size:10px;color:#a9c7dc}
.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;color:#9fc0d6;font-size:11px;font-weight:700}
.repair-chips{display:none}

.device-logo{width:92px;height:92px}.device-logo img{width:78px;height:78px}.device-card{grid-template-columns:96px 1fr 22px;min-height:166px}.brand-wall{gap:14px}.brand-chip{min-height:148px;padding:18px 14px}.brand-chip img{height:76px;width:142px}.brand-chip span{font-size:13px}

.wert-feature{background:linear-gradient(135deg,#f7fbff 0%,#e8f4fc 50%,#dceef9 100%);isolation:isolate}
.wert-feature:before{content:"";position:absolute;right:6%;top:50%;width:210px;height:245px;transform:translateY(-50%);border:7px solid rgba(7,152,255,.12);border-radius:48% 48% 58% 58%/38% 38% 62% 62%;z-index:0}
.wert-feature:after{content:"✓";position:absolute;right:calc(6% + 64px);top:50%;transform:translateY(-52%);font-size:86px;font-weight:900;color:rgba(7,152,255,.15);z-index:0}
.wert-feature .overlay{position:relative;z-index:1;color:#08111e;background:linear-gradient(90deg,#fffffffa 0%,rgba(255,255,255,.9) 58%,rgba(255,255,255,.2) 100%);height:100%}
.wert-feature h2{letter-spacing:-.035em}.wert-feature p{max-width:540px;color:#40596d}.wert-feature .dark-btn{box-shadow:0 10px 26px rgba(5,35,56,.14)}

@media(max-width:1000px){
  .topbar{min-height:70px;padding:7px 16px;gap:10px}.brand img{width:54px;height:54px}.menu-toggle{display:block;width:42px;height:42px}.topbar nav{top:100%;height:calc(100vh - 70px)}.top-cta{display:none}
  .hero{grid-template-columns:1fr;min-height:0}.hero-copy{order:1;padding:48px 28px 34px}.hero-art{order:2;min-height:420px;background-image:url('assets/hero-repair-v5-mobile-4k.webp');background-position:50% 58%}.hero-art:after{background:linear-gradient(180deg,#020914 0%,rgba(2,9,20,.18) 16%,rgba(2,9,20,0) 52%)}
}
@media(max-width:720px){
  .sale-banner{padding:12px 14px;font-size:13px}.sale-banner.show{gap:9px}.sale-banner b{font-size:16px}.sale-banner a{font-size:11px;padding:6px 10px}
  .hero-copy{padding:40px 18px 30px}.hero h1{font-size:44px;line-height:1.03}.hero p{font-size:16px;line-height:1.55}.hero-service-links{grid-template-columns:1fr 1fr;gap:9px;margin:24px 0 18px}.hero-service-links a{padding:11px 12px}.hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-buttons .btn{padding:12px 10px;font-size:12px}.hero-trust{display:grid;gap:7px;margin-top:17px}.hero-art{min-height:360px;background-position:52% 60%}
  .brand-chip{min-height:132px}.brand-chip img{height:66px;width:126px}.device-logo{width:82px;height:82px}.device-logo img{width:70px;height:70px}.device-card{grid-template-columns:86px 1fr 22px}
  .wert-feature:before{right:-42px;width:180px;height:210px}.wert-feature:after{right:14px;font-size:70px}.wert-feature .overlay{padding:38px 24px;background:linear-gradient(90deg,#fffffff5,#ffffffd9)}
}
@media(max-width:470px){
  .hero h1{font-size:38px}.hero-service-links{grid-template-columns:1fr}.hero-buttons{grid-template-columns:1fr}.hero-art{min-height:330px}.brand-chip img{height:62px;width:118px}
}

/* V5 approved homepage hero */
.hero{grid-template-columns:minmax(0,48%) minmax(0,52%);min-height:660px;background:#020914}
.hero-copy{padding:64px clamp(34px,5vw,88px) 52px}
.hero h1{font-size:clamp(48px,4.4vw,74px);line-height:1.02;margin-bottom:18px;max-width:760px}
.hero p{max-width:650px}
.hero-art{min-height:660px;background-image:url('assets/hero-repair-v5-4k.webp');background-position:48% center;background-size:cover}
.hero-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0 24px;max-width:690px}
.hero-badge{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;min-height:66px;padding:11px 14px;border:1px solid rgba(22,182,255,.38);border-radius:16px;background:linear-gradient(180deg,rgba(8,38,62,.88),rgba(5,24,40,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.12);backdrop-filter:blur(8px)}
.hero-badge .badge-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(7,152,255,.14);border:1px solid rgba(38,183,255,.28);color:#2dbdff;font-size:18px;font-weight:900;line-height:1}
.hero-badge strong{font-size:13px;line-height:1.25;color:#fff;font-weight:750}
.hero-badge:nth-child(2){border-color:rgba(22,182,255,.38);background:linear-gradient(180deg,rgba(8,38,62,.88),rgba(5,24,40,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.12)}
.hero-badge:nth-child(2) .badge-icon{background:rgba(7,152,255,.14);border-color:rgba(38,183,255,.28);color:#2dbdff}
@media(max-width:1000px){
  .hero{grid-template-columns:1fr}.hero-copy{order:1;padding:44px 26px 32px}.hero-art{order:2;min-height:420px;background-image:url('assets/hero-repair-v5-mobile-4k.webp');background-position:50% 56%}
  .hero-badges{max-width:none}
}
@media(max-width:720px){
  .hero-copy{padding:34px 18px 28px}.hero h1{font-size:42px}.hero-badges{grid-template-columns:1fr 1fr;gap:9px;margin:24px 0 20px}.hero-badge{grid-template-columns:34px 1fr;gap:8px;min-height:60px;padding:9px 10px;border-radius:14px}.hero-badge .badge-icon{width:32px;height:32px;border-radius:10px;font-size:15px}.hero-badge strong{font-size:11px}.hero-art{min-height:350px}
}
@media(max-width:470px){
  .hero h1{font-size:36px}.hero-badges{grid-template-columns:1fr}.hero-badge{min-height:56px}.hero-art{min-height:320px}
}

/* V6: prominent repair request CTA */
.request-section{position:relative;overflow:hidden;padding:64px clamp(22px,6vw,90px);background:linear-gradient(135deg,#020914 0%,#061d31 56%,#073e66 100%);border-top:1px solid rgba(49,185,255,.22);border-bottom:1px solid rgba(49,185,255,.18)}
.request-section:after{content:"";position:absolute;right:-90px;top:-110px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(7,152,255,.22),rgba(7,152,255,0) 66%);pointer-events:none}
.request-copy,.request-actions{position:relative;z-index:1}.request-section .eyebrow{color:#3cc0ff}.request-section h2{font-size:clamp(32px,3vw,46px);line-height:1.05}.request-section p{font-size:16px;max-width:620px}
.request-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.request-main-cta{font-size:16px;padding:15px 22px;box-shadow:0 12px 30px rgba(7,152,255,.28)}.request-whatsapp{font-size:14px;padding:14px 18px;background:#fff;color:#0a2132;border-color:#fff}
@media(max-width:720px){.request-section{padding:48px 18px}.request-actions{width:100%}.request-actions .btn{width:100%;text-align:center;justify-content:center}.request-section h2{font-size:34px}}

/* V7: action visibility + cache-safe state UI */
.request-main-cta{min-width:230px;min-height:54px;font-size:16px;font-weight:900;box-shadow:0 12px 30px rgba(7,152,255,.30)}
.request-whatsapp{min-height:54px;font-size:15px;font-weight:800}
.request-actions{display:flex!important;visibility:visible!important;opacity:1!important}
.sale-banner.show{min-height:58px}
.sale-banner.show b{font-size:21px}
@media(max-width:720px){.request-main-cta,.request-whatsapp{width:100%}.request-actions{width:100%}.sale-banner.show b{font-size:18px}}

.quality-option.selected{border-color:#0798ff;background:#eaf7ff;box-shadow:0 0 0 2px rgba(7,152,255,.12)}
.quality-option.selected small{color:#0798ff;font-weight:800}
.iphone-request.disabled{opacity:.45;pointer-events:none;cursor:not-allowed}


/* SMART REPAIR V10 – standalone About, clearer WERTGARANTIE, real model photos */
.wert-visual-feature{min-height:420px;background:#eef7fc;display:flex;flex-direction:column;position:relative;overflow:hidden}
.wert-visual-feature>img{position:relative;width:100%;height:100%;min-height:350px;object-fit:cover;object-position:center;flex:1}
.wert-visual-actions{position:absolute;left:22px;right:22px;bottom:22px;display:flex;gap:10px;flex-wrap:wrap;z-index:2;padding:14px;border-radius:18px;background:rgba(2,15,27,.78);backdrop-filter:blur(8px)}
.wert-visual-actions .btn{margin:0}.wert-visual-actions .btn.light{background:#fff;color:#0b2a3f}
.wert-page-hero .page-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.wert-showcase{padding-top:34px;padding-bottom:28px;background:#f5fbff}
.wert-showcase>img{display:block;width:min(1400px,100%);height:auto;margin:0 auto;border-radius:28px;box-shadow:0 20px 60px rgba(8,40,70,.13)}
.wert-note{max-width:1120px;margin:16px auto 0;color:#5c7082;font-size:12px;line-height:1.55;text-align:center}
.wert-options{padding-top:28px}.option-glyph{font-size:34px;font-weight:900;color:#078fe9}
.about-standalone{background:#fff}

.device-photo-visual{padding:26px;background:radial-gradient(circle at 50% 30%,#eaf8ff,#d8eefb 46%,#b9d8e9 100%)}
.device-model-photo{display:block;width:100%;height:100%;max-width:300px;max-height:320px;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(3,25,42,.2));z-index:1}
.device-photo-status{display:none}
.model-link{padding:10px 14px;display:grid;grid-template-columns:54px minmax(0,1fr) 20px;align-items:center;justify-content:initial;gap:11px;min-height:76px}
.model-thumb{width:50px;height:58px;object-fit:contain;border-radius:10px;background:linear-gradient(145deg,#f7fbfe,#e8f4fb);box-shadow:0 4px 14px rgba(8,40,70,.06)}
.model-link-name{line-height:1.3}.model-link-arrow{color:#0998ee;font-size:18px;text-align:right}

@media(max-width:1000px){.wert-visual-feature{min-height:380px}.wert-visual-feature>img{min-height:330px}.model-link{grid-template-columns:50px minmax(0,1fr) 18px}}
@media(max-width:720px){.wert-visual-feature{min-height:330px}.wert-visual-feature>img{min-height:300px;object-position:center}.wert-visual-actions{left:12px;right:12px;bottom:12px;flex-direction:column;padding:10px}.wert-visual-actions .btn{width:100%;text-align:center;justify-content:center}.wert-page-hero .page-hero-actions{flex-direction:column;align-items:stretch}.wert-showcase{padding:22px 12px}.wert-showcase>img{border-radius:18px}.device-photo-visual{height:360px}.device-model-photo{max-width:270px;max-height:290px}.model-link{min-height:72px;padding:8px 12px}}

/* V11: model-specific photos; honest, non-misleading empty states */
.model-thumb-frame{width:54px;height:60px;display:grid;place-items:center;flex-shrink:0}
.model-thumb{max-width:50px;max-height:56px;width:auto;height:auto;object-fit:contain;background:transparent}
.model-thumb[hidden],.model-thumb-empty[hidden]{display:none!important}
.model-thumb-empty{display:grid;place-items:center;width:54px;min-height:54px;border-radius:10px;background:#f0f5f8;color:#718394;font-size:10px;text-align:center;line-height:1.3;padding:4px}
.device-photo-status{display:none;align-items:center;justify-content:center;text-align:center;position:absolute;inset:20px 30px 60px;color:#315778;font-size:19px;font-weight:700;background:rgba(255,255,255,.55);border:1px dashed #a3cadd;border-radius:18px}
.device-credit{position:absolute;right:12px;top:12px;z-index:3;max-width:92%;text-align:right;color:#154666;font-size:10px;background:#f8fdffeb;border-radius:8px;padding:5px 8px}
.device-model-photo[hidden]{display:none!important}

/* V12: Text-only device catalog. Model photos intentionally disabled. */
.model-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.model-link{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:16px 22px}
.model-link-name{font-size:14px;font-weight:750;line-height:1.4}
.model-top{display:block;max-width:940px;padding:34px 36px;border-radius:24px;background:linear-gradient(125deg,#fff,#f1f9ff);box-shadow:0 14px 38px rgba(8,40,70,.075)}
.model-info{width:100%}.model-info h1{margin:10px 0 12px}.model-info p{max-width:760px}
@media(max-width:1000px){.model-top{display:block}}
@media(max-width:720px){.model-list{grid-template-columns:1fr}.model-top{padding:26px 20px}.model-link{min-height:58px;padding:14px 18px}}

/* V13 — used phones & spare parts catalog; isolated from repair model listings */
.shop-intro{background:radial-gradient(circle at 78% 20%,#105280 0%,#051a32 45%,#020914 88%);color:#fff;padding:78px clamp(24px,7vw,112px) 88px}
.shop-intro h1{font-size:clamp(34px,5vw,70px);line-height:1.1;letter-spacing:-.04em;max-width:960px;margin:0 0 20px}.shop-intro h1 span{color:#32b7ff}.shop-intro p{font-size:clamp(16px,1.5vw,20px);line-height:1.7;color:#d4e3f1;max-width:790px}.shop-intro-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.shop-listing{background:#f1f7fc;min-height:520px}.shop-filters{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.shop-filters button{border:1px solid #b3d6ec;background:white;color:#154264;font:700 15px inherit;font-family:inherit;font-weight:750;cursor:pointer;border-radius:999px;padding:13px 20px}.shop-filters button.active,.shop-filters button:hover{background:#078fe9;color:#fff;border-color:#078fe9}
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.shop-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 36px rgba(3,36,69,.08);display:flex;flex-direction:column}.shop-card-photo{background:linear-gradient(135deg,#dceffb,#f0f7fc);height:250px;position:relative;display:flex;align-items:center;justify-content:center}.shop-card-photo>img{width:100%;height:100%;object-fit:contain;padding:10px}.shop-category{position:absolute;left:15px;top:15px;background:#082944;color:white;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800}.no-product-photo{font-size:13px;color:#56788f}.shop-card-content{padding:22px;flex:1;display:flex;flex-direction:column}.shop-card-content h3{font-size:22px;line-height:1.25;margin:0 0 10px;color:#071827}.shop-meta{color:#3b6b84;font-size:13px;line-height:1.5;margin:0 0 10px}.shop-description{color:#647989;font-size:13px;line-height:1.65;margin:0 0 16px}.shop-price{font-size:29px;color:#057dc4;margin-top:auto}.shop-on-request{font-weight:800;color:#1a6697;margin-top:auto}.shop-availability{font-size:11px;color:#526a78;margin-top:5px}.shop-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.shop-actions .btn{font-size:12px;text-decoration:none}.shop-secondary{background:#e9f2f8!important;color:#1a4b68!important}.shop-empty{padding:30px;border-radius:20px;background:#e2f1f9;color:#194a67;font-size:16px;line-height:1.6}.shop-footnote{margin-top:30px;color:#496d86;font-size:13px}
.shop-home{background:#071b30;color:white;padding:62px clamp(24px,6vw,90px)}.shop-home h2{font-size:clamp(30px,3.1vw,48px);line-height:1.16;letter-spacing:-.03em;margin:8px 0 12px}.shop-home p{color:#c2d9ec;max-width:700px;line-height:1.7}.shop-home-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.shop-home-item{border:1px solid #22638b;border-radius:20px;padding:26px;background:linear-gradient(145deg,#123c60,#082038)}.shop-home-item h3{font-size:24px;margin:0 0 9px}.shop-home-item p{margin:0 0 19px}.shop-home-item .btn{font-size:13px}
@media(max-width:980px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.shop-intro{padding:55px 23px}.shop-home{padding:52px 24px}.shop-grid,.shop-home-items{grid-template-columns:1fr}.shop-card-photo{height:230px}.shop-actions .btn{width:100%;justify-content:center}.shop-filters button{font-size:13px;padding:11px 13px}}

/* V14: keep targeted Sale banner precise on small and large screens */
.sale-target{font-size:13px;font-weight:700;background:rgba(2,34,63,.26);padding:7px 12px;border-radius:999px;line-height:1.35}


/* SMART REPAIR V15 — premium, self-contained SVG icons for all 12 repair services.
   No external icon library, network request or photo attribution required here. */
.services .cards {gap:20px;}
.services .service-card {
  min-height:239px;
  border:1px solid #e2edf7;
  border-radius:23px;
  background:linear-gradient(155deg,#fff 60%,#f5faff 100%);
  box-shadow:0 12px 30px rgba(11,48,92,.07);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.services .service-card:hover {
  border-color:#9ad8fa;
  transform:translateY(-5px);
  box-shadow:0 20px 39px rgba(10,71,135,.14);
}
.services .service-card .service-visual,
.services .service-card.request .service-visual {
  display:grid;
  place-items:center;
  width:94px;
  height:94px;
  margin:20px 0 0 20px;
  border:1px solid #c7e8fb;
  border-radius:25px;
  background:linear-gradient(145deg,#f0faff 4%,#d6f2ff 100%);
  box-shadow:inset 0 1px 0 #fff,0 9px 20px rgba(19,126,202,.08);
  overflow:visible;
  color:#087acc;
  transition:background .22s,color .22s,transform .22s;
}
.services .service-card .service-visual::after {display:none;}
.services .service-icon {
  display:block;
  width:55px;
  height:55px;
  max-width:none;
  filter:drop-shadow(0 2px 2px rgba(6,82,162,.09));
  transition:transform .22s;
}
.services .service-icon .accent {stroke:#26bbed;}
.services .service-card:hover .service-visual {
  background:linear-gradient(145deg,#078bdc,#074eaa);
  border-color:#0b82d5;
  color:#fff;
  transform:rotate(-2deg);
}
.services .service-card:hover .service-icon {transform:scale(1.06);}
.services .service-card:hover .service-icon .accent {stroke:#a3eeff;}
.services .service-body {padding:15px 20px 31px;}
.services .service-card h3 {font-size:17px;line-height:1.3;margin-bottom:6px;color:#133450;}
.services .service-card p {font-size:12px;line-height:1.5;}
.services .service-card .arrow {right:18px;bottom:15px;}
.services .service-card:focus-visible {
  outline:3px solid #0d91e3;outline-offset:4px;
}
@media(max-width:720px) {
  .services .cards {gap:13px;}
  .services .service-card {min-height:211px;}
  .services .service-card .service-visual,
  .services .service-card.request .service-visual {
    width:79px;height:79px;border-radius:21px;margin:16px 0 0 16px;
  }
  .services .service-icon {width:48px;height:48px;}
  .services .service-body {padding:14px 15px 29px;}
  .services .service-card h3 {font-size:15px;}
}