/* DIROX / Roger product descriptions, v1.0.0. All rules scoped to .dx-roger. */
.dx-roger.dx-roger{--rg-ink:#18252d;--rg-muted:#52636d;--rg-line:#dce4e8;--rg-blue:#087dc1;--rg-orange:#f47c20;box-sizing:border-box;max-width:1180px;margin:24px auto;color:var(--rg-ink);font:16px/1.7 Arial,sans-serif;text-align:left}
.dx-roger *, .dx-roger *::before,.dx-roger *::after{box-sizing:border-box}
#box_description .dx-roger h2,.dx-roger.dx-roger h2{font:700 clamp(23px,3vw,34px)/1.2 Arial,sans-serif;letter-spacing:-.6px;margin:0 0 20px;padding:0;color:var(--rg-ink);border:0;background:none}
#box_description .dx-roger h3,.dx-roger.dx-roger h3{font:700 20px/1.35 Arial,sans-serif;margin:0 0 12px;padding:0;color:var(--rg-ink);border:0}
#box_description .dx-roger h2::after,#box_description .dx-roger h2::before,#box_description .dx-roger h3::after,.dx-roger h2::after,.dx-roger h2::before{display:none!important;content:none!important}
.dx-roger p{margin:0 0 16px}.dx-roger a{color:#066ba8;text-decoration:underline}.dx-roger img{max-width:100%;height:auto;display:block}.dx-roger ul{padding-left:22px;margin:12px 0 20px}.dx-roger li{margin:7px 0}
.dx-roger .rg-brand{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--rg-line);padding:22px 0;margin-bottom:26px}.dx-roger .rg-brand img{width:225px;height:auto;max-width:55%}.dx-roger .rg-brand span{font-size:12px;font-weight:bold;letter-spacing:1.5px;text-transform:uppercase;color:var(--rg-muted)}
.dx-roger .rg-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;padding:32px;background:#f3f6f8;border-radius:20px}.dx-roger .rg-eyebrow{display:block;color:#ad4800;font-size:12px;font-weight:bold;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:14px}.dx-roger .rg-hero h2{font-size:clamp(27px,3.1vw,42px)!important}.dx-roger .rg-hero figure{background:#fff;border-radius:14px;margin:0;padding:18px}.dx-roger .rg-hero figure img{width:100%;height:340px;object-fit:contain}.dx-roger figcaption{color:var(--rg-muted);font-size:12px;line-height:1.5;padding:12px 4px 0}
.dx-roger .rg-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 42px}.dx-roger .rg-stat{border:1px solid var(--rg-line);border-radius:12px;padding:22px}.dx-roger .rg-stat b{font-size:27px;display:block;line-height:1.2;margin-bottom:8px}.dx-roger .rg-stat span{font-size:13px;color:var(--rg-muted)}
.dx-roger .rg-section{margin:48px 0}.dx-roger .rg-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.dx-roger .rg-panel{padding:28px;background:#f4f7f9;border-radius:16px}.dx-roger .rg-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.dx-roger .rg-gallery figure{border:1px solid var(--rg-line);border-radius:16px;padding:22px;margin:0}.dx-roger .rg-gallery img{width:100%;height:300px;object-fit:contain}.dx-roger .rg-gallery a:focus-visible,.dx-roger summary:focus-visible,.dx-roger .rg-video-link:focus-visible{outline:3px solid var(--rg-blue);outline-offset:4px}
.dx-roger .rg-speed{padding:32px;border-radius:18px;background:#182b36;color:#fff}.dx-roger .rg-speed h2{color:#fff!important}.dx-roger .rg-speed p{color:#e3edf2}.dx-roger .rg-speed-row{margin:22px 0}.dx-roger .rg-speed-label{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin-bottom:7px}.dx-roger .rg-track{height:12px;border-radius:12px;background:#42545f;overflow:hidden}.dx-roger .rg-bar{height:100%;background:#5bbcf1;border-radius:12px;width:100%}.dx-roger .rg-bar-fast{width:38%;background:#ff9a4c}.dx-roger .rg-note{font-size:13px;line-height:1.6;color:var(--rg-muted)}
.dx-roger .rg-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:24px}.dx-roger .rg-video{margin:0}.dx-roger .rg-video-frame{aspect-ratio:16/9;position:relative;background:#14232c;overflow:hidden;border-radius:14px}.dx-roger .rg-video-link{display:block;width:100%;height:100%;position:relative;color:white}.dx-roger .rg-video-link img{width:100%;height:100%;object-fit:cover}.dx-roger .rg-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#172832;border-radius:40px;padding:12px 22px;font-weight:bold;box-shadow:0 4px 30px #0005;white-space:nowrap}.dx-roger .rg-video iframe{display:block;width:100%;height:100%;border:0}.dx-roger .rg-video h3{margin-top:16px!important}.dx-roger .rg-video .rg-note a{display:inline-block;margin-top:7px}
.dx-roger .rg-faq{background:#f3f6f8;border-radius:18px;padding:30px}.dx-roger .rg-faq details{background:#fff;border:1px solid var(--rg-line);border-radius:10px;margin:12px 0;overflow:hidden}.dx-roger summary{cursor:pointer;list-style:none;position:relative;padding:20px 52px 20px 20px;font-weight:bold;line-height:1.5}.dx-roger summary::-webkit-details-marker{display:none}.dx-roger summary::after{content:'+';position:absolute;right:20px;top:17px;font-size:24px;color:var(--rg-blue)}.dx-roger details[open]>summary::after{content:'−'}.dx-roger .rg-answer{padding:0 20px 8px;color:#43555e}.dx-roger .rg-specs{border:1px solid var(--rg-line);border-radius:12px;overflow:hidden}.dx-roger .rg-specs table{width:100%;border-collapse:collapse;font-size:14px}.dx-roger .rg-specs td,.dx-roger .rg-specs th{padding:12px 18px;border-bottom:1px solid var(--rg-line);text-align:left;vertical-align:top;line-height:1.5}.dx-roger .rg-specs th{width:48%;font-weight:600}.dx-roger .rg-specs tr:nth-child(odd){background:#f3f6f8}
.dx-roger .rg-footer{border-top:1px solid var(--rg-line);padding-top:24px;margin-top:40px}.dx-roger .rg-cta{display:inline-block;padding:12px 20px;border-radius:8px;background:#087dc1;color:#fff!important;text-decoration:none;font-weight:bold;font-size:14px}
@media(max-width:700px){.dx-roger.dx-roger{font-size:15px}.dx-roger .rg-brand{gap:12px}.dx-roger .rg-brand span{font-size:10px;letter-spacing:1px}.dx-roger .rg-hero,.dx-roger .rg-columns,.dx-roger .rg-gallery{grid-template-columns:1fr}.dx-roger .rg-hero{padding:22px;gap:22px}.dx-roger .rg-hero figure img{height:260px}.dx-roger .rg-stats{gap:7px}.dx-roger .rg-stat{padding:14px 9px}.dx-roger .rg-stat b{font-size:20px}.dx-roger .rg-stat span{font-size:11px}.dx-roger .rg-section{margin:32px 0}.dx-roger .rg-gallery img{height:250px}.dx-roger .rg-faq,.dx-roger .rg-speed,.dx-roger .rg-panel{padding:20px}.dx-roger .rg-specs th,.dx-roger .rg-specs td{padding:10px}.dx-roger .rg-speed-label{font-size:12px}}