/* Scoped ClipRoute partner promotion styles; no existing site components replaced. */
.cr-promo{padding:12px 0 6px;position:relative;isolation:isolate}
.cr-promo-inner{max-width:1240px;margin-inline:auto;padding-inline:clamp(12px,3vw,24px)}
.cr-promo-kicker{font:700 10px/1.5 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#bfd5e3;margin-bottom:6px}
.cr-promo-image{display:block;overflow:hidden;border:1px solid #5b2ba6;border-bottom:0;border-radius:16px 16px 0 0;background:#090719;box-shadow:0 10px 32px #0008,0 0 19px #8526e84a;transition:transform .2s,border-color .2s}
.cr-promo-image:hover,.cr-promo-image:focus-visible{transform:translateY(-2px);border-color:#a9fc54;outline-offset:4px}
.cr-promo-image img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}
.cr-promo-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 2px 0;color:#d2e2f1;font:600 13px/1.5 system-ui,sans-serif}
.cr-promo-footer strong{color:#b6ff67}
.cr-promo-footer a{color:#bceeff;text-decoration:underline;text-underline-offset:3px}
.cr-affiliate-note{font:400 12px/1.6 system-ui,sans-serif;color:#aabecb}
.cr-content{max-width:1120px;margin:20px auto 70px;padding:0 20px;font:400 16px/1.75 system-ui,sans-serif;color:#d8e4ef}
.cr-content h1{font:800 clamp(30px,4vw,53px)/1.14 system-ui,sans-serif;letter-spacing:-.025em;color:#fff;margin:12px 0 20px}
.cr-content h2{font:750 clamp(23px,3vw,31px)/1.23 system-ui,sans-serif;color:#f8fbff;margin:37px 0 16px}
.cr-content h3{font:750 19px/1.3 system-ui,sans-serif;color:#f9f9ff;margin:5px 0 10px}
.cr-content p{margin:0 0 15px}.cr-content a{color:#95ecff}.cr-content a:hover{color:#b9faff}
.cr-content .cr-kicker{font:700 11px/1.5 system-ui,sans-serif;letter-spacing:.13em;color:#acf872;text-transform:uppercase}
.cr-content .cr-lead{font-size:clamp(17px,2vw,21px);line-height:1.65;max-width:900px}
.cr-content .cr-hero-banner{display:block;border:1px solid #6d2da0;overflow:hidden;border-radius:20px;box-shadow:0 14px 44px #0007;margin:22px 0 15px}
.cr-content .cr-hero-banner img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}
.cr-content .cr-offer{background:linear-gradient(120deg,#17172c,#102321);border:1px solid #80e55d;border-radius:18px;padding:19px 22px;margin:23px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.cr-content .cr-offer-code{font:900 clamp(26px,4vw,42px)/1.15 system-ui,sans-serif;color:#b6ff67;letter-spacing:.025em}
.cr-content .cr-offer small{display:block;color:#bfd1ce;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.cr-content .cr-btn{display:inline-block;background:linear-gradient(110deg,#a7fc4e,#62d758);color:#061415;text-decoration:none;padding:12px 19px;border-radius:11px;font-weight:850;box-shadow:0 3px 17px #5cd7583b}
.cr-content .cr-btn:hover{color:#061415;filter:brightness(1.06)}
.cr-content .cr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0 22px}
.cr-content .cr-card{border:1px solid #344859;background:#0e1a27;border-radius:15px;padding:18px 19px}
.cr-content .cr-card p{margin:0}.cr-content .cr-steps{counter-reset:step;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cr-content .cr-steps li{background:#0e1a27;border:1px solid #344859;padding:17px;border-radius:13px}
.cr-content .cr-steps li::before{counter-increment:step;content:'0' counter(step);display:block;color:#a4ff59;font-weight:850;font-size:23px;margin-bottom:7px}
.cr-content .cr-faq details{border-top:1px solid #2d4456;padding:16px 0}.cr-content .cr-faq summary{color:#fff;font-weight:750;cursor:pointer}
.cr-breadcrumb{font-size:13px;margin:8px 0 12px;color:#adc2d3}
@media(max-width:690px){.cr-promo-inner{padding-inline:10px}.cr-promo-image{border-radius:11px}.cr-promo-footer{font-size:12px}.cr-content{padding:0 15px;margin:12px auto 48px}.cr-content .cr-grid,.cr-content .cr-steps{grid-template-columns:1fr}.cr-content .cr-offer{padding:15px}.cr-content .cr-hero-banner{border-radius:12px}}

/* ClipRoute SEO guide enhancements; confined to the partner page only. */
.cr-jump{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 22px}
.cr-jump a{padding:7px 11px;border:1px solid #355467;border-radius:30px;color:#d9effd;text-decoration:none;font:650 13px/1.35 system-ui,sans-serif;background:#10202d}
.cr-jump a:hover,.cr-jump a:focus-visible{border-color:#adfd64;color:#fff;outline-offset:3px}
.cr-added-section{scroll-margin-top:84px}
.cr-checklist{padding-left:1.5rem;margin:14px 0 19px}.cr-checklist li{padding:0 0 10px 4px}
.cr-facts{padding-left:1.5rem;margin:12px 0 18px}.cr-facts li{padding:0 0 10px 4px}
.cr-tip{border-left:3px solid #a8ef6a;padding:13px 15px;margin:12px 0 24px!important;background:#142222;border-radius:0 10px 10px 0}
.cr-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #304858;border-radius:13px;margin:16px 0 22px}
.cr-comparison{width:100%;border-collapse:collapse;min-width:545px;font-size:14px;line-height:1.55}
.cr-comparison caption{text-align:left;padding:12px 15px;color:#d9f0ff;font-weight:700;background:#101c29}
.cr-comparison th,.cr-comparison td{text-align:left;padding:13px 15px;border-bottom:1px solid #304858;vertical-align:top}
.cr-comparison thead th{background:#192e38;color:#caff9c;font-weight:750}
.cr-comparison tbody th{color:#fff;width:23%}
.cr-comparison tbody tr:last-child th,.cr-comparison tbody tr:last-child td{border-bottom:0}
.cr-content .cr-source-date{font:500 13px/1.5 system-ui,sans-serif;color:#a7bac9;margin:10px 0 13px}
@media(max-width:690px){.cr-jump{gap:6px}.cr-jump a{padding:7px 9px;font-size:12px}.cr-comparison{font-size:13px}}

/* Code bar under the banner (same as TheHardwareGuru.cz) */
.cr-codebar{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding:12px 16px;border:1px solid #5b2ba6;border-top:0;border-radius:0 0 14px 14px;
  background:linear-gradient(90deg,#140b2a,#0e1a12);font:500 14px/1.4 Inter,system-ui,sans-serif;color:#dfe8f3}
.cr-ad{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a6b4c6}
.cr-code{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cr-code b{font:900 20px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;color:#0b0f06;background:#b4ff4d;padding:5px 10px;border-radius:7px}
.cr-code em{font-style:normal;font-weight:800;color:#b4ff4d}
.cr-code button{font:700 13px/1 Inter,system-ui,sans-serif;cursor:pointer;color:#e9e2ff;background:transparent;border:1px solid #8b5cf6;border-radius:8px;padding:8px 12px}
.cr-code button:hover,.cr-code button.cr-copied{background:#8b5cf6;color:#fff}
.cr-cta{margin-left:auto;font-weight:800;color:#0b0f06!important;background:linear-gradient(90deg,#b4ff4d,#5ee0a0);padding:10px 16px;border-radius:9px;text-decoration:none!important;white-space:nowrap}
.cr-cta:hover{filter:brightness(1.08)}
.cr-more{color:#c7b6ff!important;font-weight:600;font-size:13px}
@media(max-width:720px){.cr-codebar{padding:10px 12px}.cr-cta{margin-left:0;flex:1;text-align:center}.cr-more{width:100%}}
.cr-codebar{border-radius:0 0 16px 16px}
.cr-affiliate-note{margin-top:8px}
.cr-copy-btn{font:700 14px/1 system-ui,sans-serif;cursor:pointer;color:#e9e2ff;background:transparent;border:1px solid #8b5cf6;border-radius:9px;padding:10px 14px;margin-left:12px;vertical-align:middle}.cr-copy-btn:hover,.cr-copy-btn.cr-copied{background:#8b5cf6;color:#fff}