:root{--drxair-bg:#07090c;--drxair-panel:#101318;--drxair-panel2:#171b21;--drxair-card:#fff;--drxair-line:#e4e7ec;--drxair-red:#e31e24;--drxair-red2:#ff4550;--drxair-green:#16a665;--drxair-muted:#8e97a5;--drxair-text:#f6f7f9;--drxair-ink:#16191f;--drxair-shadow:0 28px 90px rgba(0,0,0,.28)} .drxair-shell{max-width:1220px;margin:0 auto;padding:46px 20px 70px;color:var(--drxair-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.drxair-shell *{box-sizing:border-box}.drxair-hero{text-align:center;max-width:930px;margin:0 auto 34px}.drxair-kicker{font-size:12px;font-weight:900;letter-spacing:.13em;color:var(--drxair-red);text-transform:uppercase}.drxair-hero h1{font-size:clamp(38px,6vw,70px);line-height:.98;letter-spacing:-.055em;margin:12px auto 18px;color:#fff}.drxair-hero h1 em{font-style:normal;color:var(--drxair-red)}.drxair-hero p{max-width:820px;margin:0 auto;color:#b7bec8;line-height:1.7;font-size:16px}.drxair-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}.drxair-trust span{font-size:11px;font-weight:800;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#d6dae0} .drxair-grid{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:680px;border-radius:26px;overflow:hidden;box-shadow:var(--drxair-shadow);border:1px solid rgba(255,255,255,.08);background:#fff}.drxair-side{background:linear-gradient(180deg,#111419,#090b0e);padding:24px;color:#fff}.drxair-brand{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}.drxair-brand strong,.drxair-brand small{display:block}.drxair-brand small{color:#858e9a;margin-top:3px;font-size:11px}.drxair-orb{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--drxair-red2),#a70712);font-weight:1000;box-shadow:0 12px 30px rgba(227,30,36,.25)}.drxair-steps{list-style:none;padding:24px 0;margin:0;display:grid;gap:13px}.drxair-steps li{display:grid;grid-template-columns:29px 1fr;gap:10px;align-items:center;color:#747d8b;font-size:12px;font-weight:800}.drxair-steps b{width:29px;height:29px;border-radius:999px;background:#22272f;display:grid;place-items:center;font-size:11px}.drxair-steps li.active{color:#fff}.drxair-steps li.active b{background:var(--drxair-red)}.drxair-steps li.done{color:#aeb5bf}.drxair-steps li.done b{background:#164c35;color:#72dfa9}.drxair-side-actions{display:grid;gap:8px;margin-top:12px}.drxair-side-btn{width:100%;border:1px solid #272c35;background:#171a20;color:#d9dde3;border-radius:11px;padding:11px 12px;text-align:left;font-size:11px;font-weight:800;cursor:pointer}.drxair-side-btn:hover{border-color:#454c58;background:#1d2128} .drxair-chat{display:flex;flex-direction:column;min-width:0;background:#f5f6f8;color:var(--drxair-ink)}.drxair-topline{height:70px;padding:0 22px;background:#fff;border-bottom:1px solid #e6e8ec;display:flex;align-items:center;justify-content:space-between}.drxair-topline strong,.drxair-topline span{display:block}.drxair-topline strong{font-size:14px}.drxair-topline span{font-size:10px;color:#8d949f;margin-top:2px}.drxair-link{border:0;background:transparent;color:var(--drxair-red);font-size:11px;font-weight:900;cursor:pointer}.drxair-stream{flex:1;min-height:460px;max-height:610px;overflow:auto;padding:24px}.drxair-bubble{max-width:min(720px,86%);margin:0 0 12px;padding:13px 15px;border-radius:16px;font-size:13px;line-height:1.58;box-shadow:0 2px 9px rgba(17,24,39,.03)}.drxair-bubble.ai{background:#fff;border:1px solid #e3e6eb;border-radius:16px 16px 16px 5px}.drxair-bubble.user{margin-left:auto;background:#171a20;color:#fff;border-radius:16px 16px 5px 16px}.drxair-bubble.success{background:#effbf5;border-color:#bdebd3;color:#155f3d}.drxair-bubble.warn{background:#fff8ec;border-color:#f7d9a7;color:#7c5312}.drxair-bubble.error{background:#fff1f2;border-color:#ffc8cd;color:#8f2730}.drxair-bubble a{color:var(--drxair-red);font-weight:800;text-decoration:underline}.drxair-composer{background:#fff;border-top:1px solid #e4e7eb;padding:16px 20px}.drxair-quick{display:flex;gap:8px;flex-wrap:wrap}.drxair-quick button,.drxair-btn{border:1px solid #d8dce2;background:#fff;color:#22262c;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:850;cursor:pointer}.drxair-quick button:hover,.drxair-btn:hover{border-color:var(--drxair-red);color:var(--drxair-red)}.drxair-btn.primary{border-color:var(--drxair-red);background:var(--drxair-red);color:#fff}.drxair-btn.dark{border-color:#171a20;background:#171a20;color:#fff}.drxair-btn.green{border-color:var(--drxair-green);background:var(--drxair-green);color:#fff}.drxair-btn.full{width:100%;border-radius:12px;padding:13px}.drxair-btn[disabled]{opacity:.5;cursor:not-allowed}.drxair-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drxair-form .full{grid-column:1/-1}.drxair-field{display:grid;gap:5px}.drxair-field label{font-size:10px;color:#69717d;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.drxair-field input,.drxair-field select,.drxair-field textarea{width:100%;border:1px solid #d8dce3;border-radius:11px;padding:11px 12px;background:#fff;color:#171a20;font:inherit;font-size:13px;outline:none}.drxair-field textarea{min-height:88px;resize:vertical}.drxair-field input:focus,.drxair-field select:focus,.drxair-field textarea:focus{border-color:var(--drxair-red);box-shadow:0 0 0 3px rgba(227,30,36,.08)}.drxair-check{display:flex;gap:8px;align-items:flex-start;color:#555e6a;font-size:11px;line-height:1.5}.drxair-check input{margin-top:2px}.drxair-check a{color:var(--drxair-red);font-weight:800}.drxair-hint{font-size:10px;color:#8c949f;line-height:1.45}.drxair-policy{padding:10px 12px;background:#f4f7fa;border:1px solid #e1e5ea;border-radius:11px;font-size:10px;line-height:1.5;color:#66707b}.drxair-policy.manual{background:#fff7e8;border-color:#f2d8aa;color:#77531c} .drxair-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.drxair-provider{appearance:none;-webkit-appearance:none;display:flex !important;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;min-height:168px;height:auto;margin:0;background:#fff !important;background-image:none !important;color:#171a20 !important;border:1px solid #dde1e7 !important;border-radius:20px !important;padding:14px !important;text-align:left !important;cursor:pointer;box-shadow:0 12px 28px rgba(17,24,39,.06) !important;text-transform:none !important;letter-spacing:0 !important;line-height:1.35 !important;font:inherit !important}.drxair-provider:hover,.drxair-provider:focus{border-color:var(--drxair-red) !important;box-shadow:0 16px 34px rgba(227,30,36,.12) !important;transform:translateY(-2px)}.drxair-provider:focus{outline:none}.drxair-provider strong{display:block;font-size:15px !important;font-weight:900;margin:8px 0 6px;color:#171a20 !important;text-transform:none !important;letter-spacing:0 !important}.drxair-provider small{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;background:#f4f6f8 !important;color:#68717d !important;font-size:10px !important;font-weight:800;letter-spacing:.03em;text-transform:uppercase;margin-top:auto}.drxair-provider img{display:block;width:100%;height:70px;object-fit:contain;margin:0 0 6px;background:#fff;border:1px solid #edf0f3;border-radius:12px;padding:6px;box-sizing:border-box}.drxair-provider-grid .drxair-provider:nth-child(-n+4){margin-top:0}.drxair-image-box{border:1px dashed #c6ccd5;border-radius:14px;padding:14px;background:#fafbfc}.drxair-camera{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.drxair-camera input[type=file]{font-size:11px;max-width:100%}.drxair-preview{margin-top:10px;max-width:220px;max-height:160px;border-radius:10px;display:none}.drxair-progress{height:6px;border-radius:999px;background:#e9ecf0;overflow:hidden;margin-top:9px}.drxair-progress i{display:block;height:100%;width:35%;background:var(--drxair-red);animation:drxairLoad 1.05s ease-in-out infinite}@keyframes drxairLoad{0%{transform:translateX(-100%)}100%{transform:translateX(320%)}} .drxair-choice-list{display:grid;gap:8px}.drxair-choice-card{border:1px solid #dde1e6;border-radius:13px;padding:12px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px}.drxair-choice-card b{display:block;font-size:12px}.drxair-choice-card span{display:block;color:#7a838f;font-size:10px;margin-top:3px}.drxair-date-grid,.drxair-slot-grid{display:flex;flex-wrap:wrap;gap:8px}.drxair-date-grid button,.drxair-slot-grid button{border:1px solid #d8dce3;background:#fff;border-radius:11px;padding:10px 12px;font-weight:850;font-size:11px;cursor:pointer}.drxair-date-grid button:hover,.drxair-slot-grid button:hover{border-color:var(--drxair-red);color:var(--drxair-red)} .drxair-vv-picker{display:grid;gap:10px}.drxair-vv-row{display:grid;grid-template-columns:1fr 1fr 1.15fr auto;gap:7px}.drxair-vv-row select{border:1px solid #d8dce3;border-radius:9px;padding:9px;min-width:0}.drxair-vv-items{display:grid;gap:6px}.drxair-vv-item{border:1px solid #d9ebdf;background:#f3fbf6;border-radius:10px;padding:9px 10px;font-size:11px;display:flex;justify-content:space-between;gap:10px}.drxair-vv-summary{font-size:11px;padding:10px;border-radius:10px;background:#f5f6f8;color:#4f5965}.drxair-vv-summary.over{background:#fff0f0;border:2px solid #e31e24;color:#991b1f;font-weight:800}.drxair-vv-over-warning{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;padding:15px;border:2px solid #e31e24;border-radius:14px;background:#fff1f1;color:#7f1117;box-shadow:0 10px 26px rgba(227,30,36,.14)}.drxair-vv-over-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e31e24;color:#fff;font-size:25px;font-weight:950;line-height:1}.drxair-vv-over-warning strong{display:block;font-size:13px;line-height:1.35;color:#a10f16;margin-bottom:5px}.drxair-vv-over-warning p{margin:0 0 10px;font-size:12px;line-height:1.55;color:#6f2227}.drxair-vv-over-confirm{display:flex;gap:9px;align-items:flex-start;padding:10px 11px;border-radius:10px;background:#fff;border:1px solid #efb9bc;font-size:11px;font-weight:700;line-height:1.45;color:#5f2024}.drxair-vv-over-confirm input{margin-top:2px;accent-color:#e31e24}.drxair-vv-item button{border:0;background:transparent;color:#b2232c;font-weight:900;cursor:pointer} .drxair-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.drxair-extra{position:relative;border:1px solid #dde1e6;background:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:62px 1fr;gap:10px;cursor:pointer}.drxair-extra input{position:absolute;right:9px;top:9px}.drxair-extra img{width:62px;height:62px;object-fit:cover;border-radius:10px;background:#f1f3f5}.drxair-extra h4{margin:0 22px 4px 0;font-size:12px}.drxair-extra p{margin:0;color:#777f8b;font-size:10px;line-height:1.4}.drxair-extra strong{display:block;margin-top:6px;font-size:11px;color:#111}.drxair-help-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.drxair-help-row article{background:#101318;border:1px solid #20252d;border-radius:15px;padding:15px}.drxair-help-row b,.drxair-help-row span{display:block}.drxair-help-row b{font-size:12px;color:#fff;margin-bottom:5px}.drxair-help-row span{font-size:10px;color:#8f98a4;line-height:1.5} @media(max-width:900px){.drxair-grid{grid-template-columns:1fr}.drxair-side{display:none}.drxair-provider-grid{grid-template-columns:1fr 1fr;gap:12px}.drxair-help-row{grid-template-columns:1fr}.drxair-stream{max-height:none;min-height:520px}} @media(max-width:620px){.drxair-vv-over-warning{grid-template-columns:36px 1fr;padding:12px;gap:9px}.drxair-vv-over-icon{width:34px;height:34px;font-size:20px} .drxair-provider{min-height:150px;padding:12px !important}.drxair-provider strong{font-size:14px !important}.drxair-provider img{height:60px}.drxair-provider small{font-size:9px !important} .drxair-shell{padding:28px 10px 50px}.drxair-hero{text-align:left}.drxair-hero h1{font-size:42px}.drxair-grid{border-radius:18px}.drxair-stream{padding:16px}.drxair-composer{padding:13px}.drxair-form{grid-template-columns:1fr}.drxair-form .full{grid-column:auto}.drxair-provider-grid{grid-template-columns:1fr 1fr;gap:12px}.drxair-vv-row{grid-template-columns:1fr}.drxair-extra-grid{grid-template-columns:1fr}.drxair-bubble{max-width:94%}.drxair-camera{grid-template-columns:1fr}.drxair-topline{padding:0 15px}} /* 1.0.16 – szolgáltatói thumbnail visszaállítás + pontosabb normál/értékutalvány minták */ .drxair-provider-brand{height:70px;border:1px solid #edf0f3;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px;box-sizing:border-box;font-size:17px;font-weight:950;letter-spacing:.04em;background:linear-gradient(135deg,#111827,#202936);color:#fff}.drxair-provider-brand.drxsport{background:linear-gradient(135deg,#080b11 0%,#20252f 63%,#5a1116 100%)}.drxair-provider-brand.drive-x{background:linear-gradient(135deg,#07131c 0%,#123247 58%,#0d5a6b 100%)} .drxair-code-guide{grid-column:1/-1;display:grid;grid-template-columns:minmax(360px,1.25fr) minmax(210px,.75fr);gap:14px;align-items:stretch;margin-bottom:4px}.drxair-voucher-examples{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drxair-sample-voucher{position:relative;overflow:hidden;min-height:172px;border-radius:16px;padding:14px 14px 12px;border:1px solid #26323a;box-shadow:0 12px 28px rgba(0,0,0,.13);color:#fff}.drxair-sample-voucher.drxsport{background:linear-gradient(135deg,#090c12 0%,#20252e 58%,#8a171e 100%)}.drxair-sample-voucher.drive-x{background:linear-gradient(135deg,#06121b 0%,#123247 58%,#0e6a74 100%)}.drxair-sample-voucher:after{content:"";position:absolute;width:180px;height:58px;right:-45px;bottom:-18px;border-radius:50%;background:rgba(255,255,255,.08);transform:rotate(-11deg)}.drxair-sample-badge{position:absolute;right:9px;top:9px;border:1px solid rgba(255,255,255,.32);background:rgba(0,0,0,.18);border-radius:999px;padding:4px 7px;font-size:7px;font-weight:950;letter-spacing:.1em}.drxair-sample-brand{font-size:14px;font-weight:950;letter-spacing:.05em;padding-right:74px}.drxair-sample-kind{font-size:9px;line-height:1.25;font-weight:950;letter-spacing:.07em;color:#fff;margin:17px 0 10px;max-width:150px}.drxair-sample-value-card .drxair-sample-kind{margin-bottom:3px}.drxair-sample-value{font-family:Georgia,serif;color:#ff464d;font-size:27px;line-height:1;margin:2px 0 7px}.drxair-sample-voucher.drive-x .drxair-sample-value{color:#7be4ea}.drxair-sample-label{font-size:7px;color:#c5ccd4;font-weight:900;letter-spacing:.08em}.drxair-sample-code{display:inline-block;margin-top:4px;padding:5px 7px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.31);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:900;letter-spacing:.03em}.drxair-sample-foot{position:relative;z-index:2;margin-top:8px;font-size:8px;line-height:1.3;color:#e7ebef;font-weight:750}.drxair-code-guide-text{display:flex;flex-direction:column;justify-content:center;padding:14px 15px;border-radius:14px;background:#fff7e8;border:1px solid #f0d49c;color:#5f4819}.drxair-code-guide-text strong{display:block;font-size:13px;margin-bottom:6px;color:#4b350a}.drxair-code-guide-text span{font-size:11px;line-height:1.55}.drxair-code-guide-text b{color:#4b350a}.drxair-field input[readonly]{background:#f4f6f8;color:#626b76}.drxair-form>.drxair-code-guide{grid-column:1/-1}.drxair-bubble .drxair-code-guide{margin-top:10px;grid-template-columns:1fr}.drxair-bubble .drxair-voucher-examples{max-width:520px} @media(max-width:760px){.drxair-code-guide{grid-template-columns:1fr}.drxair-voucher-examples{grid-template-columns:1fr 1fr}.drxair-sample-voucher{min-height:158px}} @media(max-width:520px){.drxair-voucher-examples{grid-template-columns:1fr}.drxair-sample-voucher{min-height:150px}.drxair-provider-brand{height:60px;font-size:14px}} /* 1.0.16 sample finomítás – a DRX normál minta a kétkódos voucher felépítését szemlélteti */ .drxair-drx-normal{padding:0 !important;background:#fff !important;color:#111827 !important;border-color:#d8dde5 !important}.drxair-drx-normal:after{display:none}.drxair-drx-normal-head{min-height:49px;padding:11px 13px;display:flex;align-items:center;gap:10px;background:linear-gradient(100deg,#ef4658 0%,#ef5e6b 100%);color:#fff;font-weight:950;letter-spacing:.02em}.drxair-drx-normal-head b{font-size:13px;color:#fff}.drxair-drx-normal-head span{font-size:19px;line-height:1;font-weight:900;border-left:1px solid rgba(255,255,255,.65);padding-left:10px}.drxair-drx-normal-carline{height:23px;background:linear-gradient(165deg,#ef5262 0 56%,#fff 57%)}.drxair-drx-normal-body{padding:8px 12px 11px}.drxair-drx-normal .drxair-sample-kind{margin:0 0 5px;max-width:none;font-size:8px}.drxair-sample-kind.dark-text{color:#5a6570}.drxair-sample-label.dark-label{color:#d34b56;font-size:6px;margin-top:3px}.drxair-sample-label.second{margin-top:5px}.drxair-sample-label em{font-style:normal;display:inline-block;margin-left:4px;padding:2px 4px;border-radius:999px;background:#ffe4e7;color:#a61f2c;font-size:6px;font-weight:950;vertical-align:1px}.drxair-sample-value-card .drxair-sample-label em,.drxair-drive-normal .drxair-sample-label em{background:rgba(255,255,255,.16);color:#fff}.drxair-sample-code.navy{display:block;background:#0b1228;border:1px solid #26304d;color:#fff;margin-top:2px;padding:5px 7px;font-family:Georgia,serif;font-size:15px;line-height:1;letter-spacing:.02em}.drxair-sample-code.muted-code{font-size:13px}.drxair-sample-foot.dark-foot{color:#59636f;font-size:7px;margin-top:6px}.drxair-sample-badge.dark{background:rgba(8,15,31,.82);color:#fff;border-color:rgba(255,255,255,.35);z-index:5}.drxair-drive-normal{background:linear-gradient(145deg,#06131f 0%,#0b2b42 56%,#0f7881 100%) !important}.drxair-drive-ribbon{display:inline-block;margin-top:13px;padding:3px 7px;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:rgba(255,255,255,.08);font-size:9px;font-weight:950;letter-spacing:.12em} /* 1.0.17 – Drive-X minta a valós PDF vizuális felépítését követi, minden adat fiktív */ .drxair-drive-guide .drxair-voucher-examples{gap:12px} .drxair-drive-pdf{padding:0 !important;min-height:188px !important;background:#fff !important;color:#181818 !important;border:1px solid #bfc4ca !important;border-radius:15px !important;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.13) !important} .drxair-drive-pdf:after{display:none !important} .drxair-drive-pdf-head{position:relative;min-height:82px;padding:12px 12px 10px;background:linear-gradient(155deg,#050505 0%,#0a0a0a 61%,#1b0709 100%);overflow:hidden} .drxair-drive-pdf-head:before{content:"";position:absolute;right:-16px;top:-6px;width:130px;height:70px;opacity:.72;background:repeating-linear-gradient(167deg,transparent 0 8px,rgba(226,0,28,.26) 9px 10px,transparent 11px 17px)} .drxair-drive-pdf-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#e0001c} .drxair-drive-logo{position:relative;z-index:2;display:grid;grid-template-columns:21px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;width:max-content;color:#fff} .drxair-drive-logo i{grid-row:1/3;width:21px;height:21px;border-radius:5px;background:#e0001c;display:block} .drxair-drive-logo b{font-size:19px;line-height:1;font-weight:950;letter-spacing:-.035em;color:#fff} .drxair-drive-logo span{font-size:8px;line-height:1.1;color:#f2f2f2;margin-top:3px} .drxair-drive-serial{position:absolute;z-index:3;right:11px;bottom:9px;display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:center;padding:5px 7px 4px;border:1px solid #6a6a6a;background:#171717;box-shadow:0 0 0 2px rgba(255,255,255,.08)} .drxair-drive-serial small{font-size:6px;line-height:1;color:#e7e7e7;font-weight:900;letter-spacing:.03em} .drxair-drive-serial strong{font-size:13px;line-height:1;color:#fff;font-weight:950;letter-spacing:.03em} .drxair-drive-serial em{grid-column:1/3;justify-self:end;font-style:normal;font-size:6px;line-height:1;background:#e0001c;color:#fff;padding:2px 5px;border-radius:999px;font-weight:950;letter-spacing:.05em} .drxair-drive-pdf-body{padding:10px 12px 11px;background:#fff;color:#202020;font-family:Georgia,"Times New Roman",serif;min-height:102px} .drxair-drive-title{display:block;margin:0 0 7px;font-size:10px;line-height:1.15;color:#222;font-weight:900} .drxair-drive-pdf-body p{margin:0 0 8px;font-size:8px;line-height:1.35;color:#222} .drxair-drive-pdf-body p b{font-weight:900} .drxair-drive-webshop{font-size:7px;line-height:1.25;color:#242424;border-top:1px solid #ededed;padding-top:6px} .drxair-drive-webshop b{font-weight:900}.drxair-drive-webshop span{display:block;margin-top:2px;color:#9a4a4a;font-family:Arial,sans-serif;font-size:6px;font-style:italic} .drxair-drive-pdf .drive-badge{z-index:7;right:8px;top:7px;background:rgba(0,0,0,.78);border-color:rgba(255,255,255,.45);color:#fff} .drxair-drive-value .drxair-drive-pdf-body{background:linear-gradient(180deg,#fff 0%,#fff 75%,#fff7f7 100%)} .drxair-drive-value .drxair-drive-title{color:#bb0017}.drxair-drive-value .drxair-drive-pdf-body p b:first-child{color:#bb0017} @media(max-width:760px){.drxair-drive-pdf{min-height:180px !important}.drxair-drive-logo b{font-size:17px}.drxair-drive-serial{right:8px}} /* 1.0.21 – teljes mobil/reszponzív UI finomítás */ .drxair-mobile-nav{display:none} /* A téma globális button !important szabályait a chat saját komponensei felülírják. */ #drxair-app button{font-family:inherit !important;text-transform:none !important;letter-spacing:0 !important;transform:none !important} #drxair-app .drxair-link{background:transparent !important;color:var(--drxair-red) !important;border:0 !important;border-radius:10px !important;padding:7px 9px !important;box-shadow:none !important;font-size:11px !important;font-weight:900 !important} #drxair-app .drxair-side-btn{background:#171a20 !important;color:#d9dde3 !important;border:1px solid #272c35 !important;border-radius:11px !important;padding:11px 12px !important;box-shadow:none !important;font-size:11px !important;text-align:left !important} #drxair-app .drxair-quick button,#drxair-app .drxair-date-grid button,#drxair-app .drxair-slot-grid button{background:#fff !important;color:#22262c !important;border:1px solid #d8dce2 !important;box-shadow:none !important} #drxair-app .drxair-btn{background:#fff !important;color:#22262c !important;border:1px solid #d8dce2 !important;box-shadow:none !important} #drxair-app .drxair-btn.primary{background:var(--drxair-red) !important;color:#fff !important;border-color:var(--drxair-red) !important;box-shadow:0 8px 18px rgba(227,30,36,.18) !important} #drxair-app .drxair-btn.dark{background:#171a20 !important;color:#fff !important;border-color:#171a20 !important} #drxair-app .drxair-btn.green{background:var(--drxair-green) !important;color:#fff !important;border-color:var(--drxair-green) !important} #drxair-app .drxair-vv-item button{background:transparent !important;color:#b2232c !important;border:0 !important;padding:4px 6px !important;border-radius:7px !important;box-shadow:none !important} @media(max-width:900px){ .drxair-shell{width:100%;max-width:100%;padding:24px 14px 34px;margin:0 auto;overflow:visible} .drxair-hero{max-width:none;margin:0 0 18px;text-align:left} .drxair-kicker{font-size:10px;line-height:1.35;letter-spacing:.09em} .drxair-hero h1{font-size:clamp(30px,9vw,42px);line-height:1.02;letter-spacing:-.04em;margin:8px 0 11px;max-width:680px} .drxair-hero p{font-size:13px;line-height:1.55;color:#c0c6cf;margin:0} .drxair-trust{display:grid;grid-template-columns:1fr;gap:6px;margin-top:12px} .drxair-trust span{display:block;width:100%;font-size:10px;line-height:1.35;padding:8px 10px;border-radius:11px} .drxair-grid{display:block;min-height:0;border-radius:20px;overflow:hidden;box-shadow:0 18px 52px rgba(0,0,0,.30)} .drxair-side{display:none !important} .drxair-chat{display:block;min-width:0;min-height:0;width:100%;overflow:hidden;background:#f5f6f8} .drxair-topline{height:auto;min-height:58px;padding:10px 12px;gap:10px} .drxair-topline strong{font-size:14px;line-height:1.2} .drxair-topline span{font-size:10px;line-height:1.25;margin-top:3px} #drxair-app .drxair-link{flex:0 0 auto;background:#f6f7f9 !important;border:1px solid #e6e8ec !important;color:#a61b22 !important;padding:8px 10px !important;font-size:10px !important} .drxair-mobile-nav{display:block;background:#fff;border-bottom:1px solid #e5e7eb;padding:8px 10px 10px} .drxair-mobile-steps{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:0 !important;margin:0 0 8px !important} .drxair-mobile-steps li{display:flex !important;min-width:0;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;color:#9aa1aa;font-size:8px !important;font-weight:800;text-align:center;line-height:1.1} .drxair-mobile-steps li b{width:24px;height:24px;min-width:24px;border-radius:50%;font-size:9px;background:#e8ebef;color:#7d8793} .drxair-mobile-steps li span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .drxair-mobile-steps li.active{color:#8e161c}.drxair-mobile-steps li.active b{background:var(--drxair-red);color:#fff} .drxair-mobile-steps li.done{color:#32745a}.drxair-mobile-steps li.done b{background:#def4e8;color:#176642} .drxair-mobile-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:6px} #drxair-app .drxair-mobile-tools button{min-width:0;min-height:36px;padding:7px 5px !important;border:1px solid #e1e4e8 !important;border-radius:9px !important;background:#f7f8fa !important;color:#38404a !important;box-shadow:none !important;font-size:9px !important;font-weight:850 !important;line-height:1.15} .drxair-stream{display:block;min-height:0 !important;max-height:none !important;overflow:visible !important;padding:13px 12px 7px;scroll-behavior:smooth} .drxair-bubble{width:100%;max-width:100%;margin:0 0 8px;padding:11px 12px;border-radius:13px;font-size:12.5px;line-height:1.5;overflow-wrap:anywhere;word-break:normal} .drxair-bubble.user{width:auto;max-width:92%;margin-left:auto;padding:10px 12px} .drxair-bubble.ai{border-radius:13px 13px 13px 4px} .drxair-bubble.user{border-radius:13px 13px 4px 13px} .drxair-composer{padding:10px 12px 13px;background:#fff} .drxair-quick{display:grid;grid-template-columns:1fr;gap:7px;width:100%} #drxair-app .drxair-quick button{width:100%;min-height:44px;padding:10px 12px !important;border-radius:11px !important;font-size:11px !important;font-weight:850 !important;text-align:center !important} #drxair-app .drxair-quick button:first-child{border-color:#efc4c7 !important} .drxair-form{grid-template-columns:1fr;gap:9px;width:100%} .drxair-form .full{grid-column:auto} .drxair-field{min-width:0} .drxair-field label{font-size:9px;line-height:1.2} .drxair-field input,.drxair-field select,.drxair-field textarea{min-width:0;min-height:45px;padding:10px 11px;border-radius:10px;font-size:16px;line-height:1.3} .drxair-field textarea{min-height:92px} #drxair-app .drxair-btn{width:100%;min-height:44px;padding:10px 12px !important;border-radius:11px !important;font-size:11px !important;font-weight:850 !important} .drxair-policy,.drxair-hint{font-size:10px;line-height:1.45} .drxair-provider-grid{grid-template-columns:1fr !important;gap:8px} .drxair-provider{display:grid !important;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center;min-height:0 !important;padding:10px !important;border-radius:13px !important} .drxair-provider img,.drxair-provider-brand{grid-column:1;grid-row:1 / span 2;width:76px;height:50px !important;min-height:50px;margin:0 !important;border-radius:9px !important;object-fit:contain;padding:4px;box-sizing:border-box} .drxair-provider-brand{font-size:10px;line-height:1.15;text-align:center} .drxair-provider strong{grid-column:2;grid-row:1;margin:0 !important;font-size:13px !important;align-self:end} .drxair-provider small{grid-column:2;grid-row:2;margin:2px 0 0 !important;align-self:start;font-size:8px !important;padding:4px 7px} .drxair-code-guide{grid-template-columns:1fr !important;gap:9px;margin:6px 0 2px} .drxair-voucher-examples{grid-template-columns:1fr !important;gap:9px} .drxair-sample-voucher,.drxair-drive-pdf{width:100%;min-height:148px !important;border-radius:13px !important} .drxair-code-guide-text{padding:11px 12px;border-radius:11px} .drxair-code-guide-text strong{font-size:12px}.drxair-code-guide-text span{font-size:10px;line-height:1.45} .drxair-choice-card{align-items:flex-start;flex-direction:column;padding:10px;border-radius:11px} .drxair-date-grid,.drxair-slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%} #drxair-app .drxair-date-grid button,#drxair-app .drxair-slot-grid button{width:100%;min-height:42px;padding:8px !important;border-radius:10px !important;font-size:10px !important;line-height:1.25} .drxair-vv-row{grid-template-columns:1fr !important;gap:7px} .drxair-vv-row select{min-height:45px;font-size:16px} .drxair-vv-item{align-items:flex-start;flex-direction:column;gap:7px} .drxair-vv-item button{align-self:flex-end} .drxair-vv-over-warning{grid-template-columns:34px minmax(0,1fr);padding:11px;gap:9px} .drxair-vv-over-warning strong{font-size:12px}.drxair-vv-over-warning p{font-size:11px} .drxair-extra-grid{grid-template-columns:1fr !important;gap:8px} .drxair-extra{grid-template-columns:54px minmax(0,1fr);padding:10px;border-radius:11px}.drxair-extra img{width:54px;height:54px} .drxair-camera{grid-template-columns:1fr;gap:8px}.drxair-camera input[type=file]{width:100%;font-size:10px} .drxair-preview{max-width:100%;height:auto} .drxair-progress{margin-top:7px} .drxair-help-row{grid-template-columns:1fr;gap:8px;margin-top:10px} .drxair-help-row article{padding:12px;border-radius:12px}.drxair-help-row b{font-size:11px;margin-bottom:3px}.drxair-help-row span{font-size:9.5px;line-height:1.4} } @media(max-width:420px){ .drxair-shell{padding:18px 8px 26px} .drxair-hero h1{font-size:30px} .drxair-hero p{font-size:12px} .drxair-grid{border-radius:15px} .drxair-topline{padding:9px 10px} #drxair-app .drxair-link{padding:7px 8px !important;font-size:9px !important} .drxair-mobile-nav{padding:7px 8px 9px} .drxair-mobile-steps li span{font-size:7px} .drxair-mobile-tools{gap:4px} #drxair-app .drxair-mobile-tools button{font-size:8px !important;padding:6px 3px !important} .drxair-stream{padding:10px 9px 5px}.drxair-composer{padding:8px 9px 11px} .drxair-bubble{font-size:12px;padding:10px} .drxair-date-grid,.drxair-slot-grid{grid-template-columns:1fr} .drxair-provider{grid-template-columns:64px minmax(0,1fr);padding:8px !important}.drxair-provider img,.drxair-provider-brand{width:64px;height:46px !important;min-height:46px} .drxair-sample-value{font-size:23px} .drxair-help-row{margin-top:8px} } /* ============================================================ v1.0.22 - APP / WIZARD UI A mobil es desktop nezet ugyanarra az egyszeru, sotet DRX kartyara epul. ============================================================ */ #drxair-app.drxair-shell-v2{ --drxair-v2-bg:#080a0d; --drxair-v2-panel:#111419; --drxair-v2-panel2:#171b20; --drxair-v2-line:#2a3038; --drxair-v2-soft:#20252c; --drxair-v2-copy:#f5f7f9; --drxair-v2-muted:#9da5af; width:100%;max-width:1080px;margin:0 auto;padding:34px 20px 52px;color:var(--drxair-v2-copy);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif } #drxair-app.drxair-shell-v2 *{box-sizing:border-box} #drxair-app .drxair-appcard{overflow:hidden;background:linear-gradient(180deg,#101318 0%,#0b0e12 100%);border:1px solid #252a31;border-radius:28px;box-shadow:0 28px 80px rgba(0,0,0,.34)} #drxair-app .drxair-apphead{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px 16px;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)} #drxair-app .drxair-app-title{display:flex;align-items:center;gap:12px;min-width:0} #drxair-app .drxair-ai-mark{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:linear-gradient(145deg,#ff323b,#bd0d16);color:#fff;font-size:13px;font-weight:950;letter-spacing:.04em;box-shadow:0 10px 28px rgba(227,30,36,.28)} #drxair-app .drxair-app-title strong{display:block;color:#fff;font-size:15px;font-weight:950;letter-spacing:.035em;line-height:1.15} #drxair-app .drxair-app-title span:not(.drxair-ai-mark){display:block;margin-top:4px;color:#8d96a2;font-size:10px;font-weight:700} #drxair-app .drxair-link{appearance:none!important;border:1px solid #323842!important;background:#181c22!important;color:#f0f2f5!important;border-radius:999px!important;padding:9px 13px!important;font-size:10px!important;font-weight:900!important;line-height:1!important;box-shadow:none!important;text-transform:none!important;letter-spacing:.02em!important;white-space:nowrap;cursor:pointer} #drxair-app .drxair-link:hover{border-color:#e31e24!important;color:#fff!important;background:#23171a!important} #drxair-app .drxair-top-steps{position:relative;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;margin:0!important;padding:20px 24px 22px!important;list-style:none!important;background:#0d1014;border-bottom:1px solid rgba(255,255,255,.055)} #drxair-app .drxair-top-steps li{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px!important;min-width:0;color:#737d89!important;font-size:10px!important;font-weight:850!important;line-height:1.1;text-align:center;z-index:1} #drxair-app .drxair-top-steps li:not(:last-child)::after{content:"";position:absolute;z-index:-1;top:16px;left:calc(50% + 17px);width:calc(100% - 34px);height:2px;background:#2a3038} #drxair-app .drxair-top-steps li.done:not(:last-child)::after{background:#23664a} #drxair-app .drxair-top-steps li.active:not(:last-child)::after{background:linear-gradient(90deg,#e31e24 0 24%,#2a3038 24% 100%)} #drxair-app .drxair-top-steps b{display:grid!important;place-items:center;width:34px!important;height:34px!important;min-width:34px!important;margin:0!important;border:1px solid #38404a;border-radius:50%!important;background:#171b21!important;color:#919aa5!important;font-size:11px!important;font-weight:950!important;box-shadow:0 0 0 5px #0d1014} #drxair-app .drxair-top-steps li.active{color:#fff!important} #drxair-app .drxair-top-steps li.active b{border-color:#f23a43!important;background:#e31e24!important;color:#fff!important;box-shadow:0 0 0 5px #0d1014,0 7px 22px rgba(227,30,36,.27)} #drxair-app .drxair-top-steps li.done{color:#a3d1b9!important} #drxair-app .drxair-top-steps li.done b{border-color:#267255!important;background:#174c38!important;color:#95e3bb!important} #drxair-app .drxair-chat{display:block!important;min-width:0;min-height:0!important;background:var(--drxair-v2-bg)!important;color:#fff!important} #drxair-app .drxair-history-toggle{display:block;width:max-content;max-width:calc(100% - 40px);margin:14px auto 0;padding:7px 11px!important;border:1px solid #2c323b!important;border-radius:999px!important;background:#14181d!important;color:#9da5af!important;font-size:9px!important;font-weight:850!important;box-shadow:none!important;cursor:pointer} #drxair-app .drxair-history-toggle[hidden]{display:none!important} #drxair-app .drxair-stream{display:block;min-height:0!important;max-height:340px!important;overflow:auto!important;padding:20px 24px 10px!important;background:transparent!important;scrollbar-width:thin;scrollbar-color:#353b44 transparent} #drxair-app .drxair-stream:not(.show-history){max-height:none!important;overflow:visible!important} #drxair-app .drxair-bubble{width:auto;max-width:760px;margin:0 0 10px;padding:14px 16px;border-radius:16px;font-size:13px;line-height:1.55;box-shadow:none;overflow-wrap:anywhere} #drxair-app .drxair-bubble.drxair-history-old{display:none!important} #drxair-app .drxair-stream.show-history .drxair-bubble.drxair-history-old{display:block!important} #drxair-app .drxair-bubble.ai{background:#1a1e24!important;border:1px solid #2c323a!important;color:#f4f6f8!important;border-radius:16px 16px 16px 5px} #drxair-app .drxair-bubble.user{margin-left:auto;background:#2a1215!important;border:1px solid #5b2229!important;color:#fff!important;border-radius:16px 16px 5px 16px} #drxair-app .drxair-bubble.success{background:#10251d!important;border:1px solid #1f5b42!important;color:#d4f7e5!important} #drxair-app .drxair-bubble.warn{background:#2a2113!important;border:1px solid #6a4b1c!important;color:#ffe6b7!important} #drxair-app .drxair-bubble.error{background:#2a1518!important;border:1px solid #6a242b!important;color:#ffd9dd!important} #drxair-app .drxair-bubble a{color:#ff5962!important} #drxair-app .drxair-composer{position:relative;background:#0f1216!important;border-top:1px solid rgba(255,255,255,.06)!important;padding:20px 24px 24px!important;color:#fff} #drxair-app .drxair-composer:empty{display:none} #drxair-app .drxair-appfoot{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-top:1px solid rgba(255,255,255,.055);background:#0b0e12;color:#727c88;font-size:9.5px;line-height:1.4;text-align:center} #drxair-app .drxair-lock{display:grid;place-items:center;width:18px;height:18px;border:1px solid #46505c;border-radius:50%;color:#8d98a5;font-size:9px;font-weight:900} #drxair-app .drxair-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 13px;color:#fff} #drxair-app .drxair-section-title strong{font-size:15px;font-weight:950;line-height:1.2} #drxair-app .drxair-section-title span{color:#7e8792;font-size:9.5px;line-height:1.35;text-align:right} #drxair-app .drxair-section-title.compact{margin-top:4px;margin-bottom:9px} #drxair-app .drxair-section-title.compact strong{font-size:12px} #drxair-app button{font-family:inherit;text-transform:none!important;letter-spacing:normal!important} #drxair-app .drxair-provider-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important} #drxair-app .drxair-provider{position:relative;appearance:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:124px!important;width:100%!important;margin:0!important;padding:16px 12px!important;border:1px solid #2d333c!important;border-radius:16px!important;background:linear-gradient(180deg,#191d23,#13171c)!important;color:#fff!important;box-shadow:none!important;text-align:center!important;cursor:pointer;transition:.16s ease!important} #drxair-app .drxair-provider:hover,#drxair-app .drxair-provider:focus{transform:translateY(-2px);border-color:#e31e24!important;background:#1b171a!important;box-shadow:0 10px 28px rgba(227,30,36,.11)!important;outline:none!important} #drxair-app .drxair-provider img,#drxair-app .drxair-provider-brand{display:block!important;width:100%!important;max-width:120px!important;height:52px!important;margin:0 0 10px!important;padding:5px!important;border:0!important;border-radius:9px!important;background:#fff!important;object-fit:contain!important;color:#111!important;font-size:10px!important;font-weight:900!important} #drxair-app .drxair-provider-brand{display:grid!important;place-items:center!important;background:#20252c!important;color:#fff!important} #drxair-app .drxair-provider strong{display:block!important;margin:0!important;color:#fff!important;font-size:12px!important;font-weight:900!important;line-height:1.25!important;text-align:center!important} #drxair-app .drxair-provider small{display:none!important} #drxair-app .drxair-provider-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:none;color:#e31e24;font-size:20px;font-weight:400} #drxair-app .drxair-inline-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:13px} #drxair-app .drxair-text-action{appearance:none!important;border:0!important;background:transparent!important;color:#aab2bc!important;padding:5px 2px!important;font-size:10px!important;font-weight:800!important;text-decoration:underline;text-underline-offset:3px;box-shadow:none!important;cursor:pointer} #drxair-app .drxair-text-action:hover{color:#fff!important} #drxair-app .drxair-selected-provider{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;padding:10px 12px;border:1px solid #303741;border-radius:12px;background:#171b20;color:#fff;font-size:11px;font-weight:850} #drxair-app .drxair-selected-provider span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #drxair-app .drxair-selected-provider button{appearance:none!important;border:0!important;background:transparent!important;color:#ff414a!important;padding:3px!important;font-size:9px!important;font-weight:900!important;box-shadow:none!important;cursor:pointer} #drxair-app .drxair-form{display:grid;grid-template-columns:1fr 1fr;gap:11px} #drxair-app .drxair-form .full{grid-column:1/-1} #drxair-app .drxair-primary-form{margin-bottom:12px} #drxair-app .drxair-field{display:grid;gap:6px;min-width:0} #drxair-app .drxair-field label{color:#dce1e7!important;font-size:9px!important;font-weight:900!important;letter-spacing:.045em!important;text-transform:uppercase!important} #drxair-app .drxair-field input,#drxair-app .drxair-field select,#drxair-app .drxair-field textarea{width:100%!important;min-width:0!important;min-height:48px!important;margin:0!important;padding:12px 13px!important;border:1px solid #373e48!important;border-radius:12px!important;background:#171b20!important;color:#fff!important;font:inherit!important;font-size:14px!important;line-height:1.3!important;outline:none!important;box-shadow:none!important} #drxair-app .drxair-field input::placeholder,#drxair-app .drxair-field textarea::placeholder{color:#737d88!important} #drxair-app .drxair-field input:focus,#drxair-app .drxair-field select:focus,#drxair-app .drxair-field textarea:focus{border-color:#e31e24!important;box-shadow:0 0 0 3px rgba(227,30,36,.11)!important} #drxair-app .drxair-field textarea{min-height:100px!important} #drxair-app .drxair-check{display:flex;gap:9px;align-items:flex-start;color:#a9b1bb!important;font-size:10px!important;line-height:1.5!important} #drxair-app .drxair-check a{color:#ff4b54!important} #drxair-app .drxair-btn,#drxair-app .drxair-quick button{appearance:none!important;min-height:44px!important;margin:0!important;border:1px solid #353c46!important;border-radius:12px!important;background:#171b20!important;color:#f5f7f9!important;padding:11px 14px!important;font-size:10.5px!important;font-weight:900!important;line-height:1.2!important;box-shadow:none!important;cursor:pointer!important} #drxair-app .drxair-btn:hover,#drxair-app .drxair-quick button:hover{border-color:#e31e24!important;color:#fff!important;background:#21171a!important} #drxair-app .drxair-btn.primary{border-color:#e31e24!important;background:linear-gradient(180deg,#f42b34,#dc141d)!important;color:#fff!important;box-shadow:0 10px 25px rgba(227,30,36,.17)!important} #drxair-app .drxair-btn.secondary{background:#15191e!important;color:#cbd2d9!important} #drxair-app .drxair-btn.dark{border-color:#353c46!important;background:#22272e!important;color:#fff!important} #drxair-app .drxair-btn.full{width:100%!important;grid-column:1/-1} #drxair-app .drxair-action-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #drxair-app .drxair-action-list button:first-child{border-color:#6f292f!important} #drxair-app .drxair-help-accordions{display:grid;gap:8px;margin-top:12px} #drxair-app .drxair-disclosure{overflow:hidden;border:1px solid #2d343d;border-radius:12px;background:#15191e;color:#fff} #drxair-app .drxair-disclosure summary{position:relative;padding:12px 38px 12px 13px;cursor:pointer;list-style:none;color:#e7ebef;font-size:10.5px;font-weight:850} #drxair-app .drxair-disclosure summary::-webkit-details-marker{display:none} #drxair-app .drxair-disclosure summary::after{content:"+";position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#8f99a5;font-size:17px;font-weight:400} #drxair-app .drxair-disclosure[open] summary::after{content:"−"} #drxair-app .drxair-disclosure-body{padding:0 12px 12px;color:#a6afb9;font-size:10px;line-height:1.5} #drxair-app .drxair-disclosure-body p{margin:0 0 10px} #drxair-app .drxair-single-sample{display:flex;justify-content:center;padding:8px;border-radius:10px;background:#fff} #drxair-app .drxair-single-sample img{display:block;max-width:100%;max-height:240px;object-fit:contain} #drxair-app .drxair-code-guide{margin:4px 0 0!important} #drxair-app .drxair-code-guide-text{background:#191d22!important;border-color:#343b45!important;color:#aab2bc!important} #drxair-app .drxair-code-guide-text strong{color:#fff!important} #drxair-app .drxair-upload-card{display:grid;gap:10px;padding:18px;border:1px dashed #454d58;border-radius:16px;background:#15191e;text-align:center} #drxair-app .drxair-upload-card.manual{border-color:#70531f;background:#201a12} #drxair-app .drxair-upload-icon{width:46px;height:46px;margin:0 auto;display:grid;place-items:center;border:1px solid #3e4651;border-radius:14px;background:#1c2127;color:#fff;font-size:24px} #drxair-app .drxair-upload-card>strong{font-size:14px;color:#fff} #drxair-app .drxair-upload-card>p{margin:-4px 0 2px;color:#89939e;font-size:9.5px} #drxair-app .drxair-upload-card input[type=file]{width:100%;padding:10px;border:1px solid #343b45;border-radius:10px;background:#11151a;color:#b5bdc6;font-size:10px} #drxair-app .drxair-preview{display:none;max-width:100%;max-height:240px;margin:4px auto 0;border-radius:12px;object-fit:contain;background:#fff} #drxair-app .drxair-policy{padding:10px 12px;border:1px solid #303842;border-radius:10px;background:#11151a;color:#87919c;font-size:9.5px;line-height:1.5;text-align:left} #drxair-app .drxair-policy.manual{border-color:#624a20;background:#211a10;color:#e1c087} #drxair-app .drxair-hint{color:#87919c!important;font-size:10px!important;line-height:1.4!important} #drxair-app .drxair-progress{height:4px;margin-top:9px;border-radius:99px;background:#242a31;overflow:hidden} #drxair-app .drxair-progress i{display:block;width:34%;height:100%;background:#e31e24;animation:drxairLoad 1s ease-in-out infinite} #drxair-app .drxair-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px} #drxair-app .drxair-track-card,#drxair-app .drxair-booking-card{appearance:none!important;display:grid!important;grid-template-columns:84px minmax(0,1fr) 22px!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:84px!important;margin:0!important;padding:8px!important;border:1px solid #303741!important;border-radius:14px!important;background:#171b20!important;color:#fff!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important;transition:.15s ease!important} #drxair-app .drxair-track-card{grid-template-columns:72px minmax(0,1fr) 20px!important} #drxair-app .drxair-track-card:hover,#drxair-app .drxair-track-card.selected,#drxair-app .drxair-booking-card:hover{border-color:#e31e24!important;background:#1d171a!important;transform:translateY(-1px)} #drxair-app .drxair-track-card img,#drxair-app .drxair-booking-card img,#drxair-app .drxair-track-placeholder{display:block!important;width:100%!important;height:66px!important;border-radius:10px!important;object-fit:cover!important;background:#242a31!important;color:#a8b0ba!important} #drxair-app .drxair-track-placeholder{display:grid!important;place-items:center!important;font-size:12px!important;font-weight:950!important} #drxair-app .drxair-track-card span,#drxair-app .drxair-booking-card span{min-width:0} #drxair-app .drxair-track-card b,#drxair-app .drxair-booking-card b{display:block;color:#fff;font-size:11px;font-weight:900;line-height:1.25;overflow:hidden;text-overflow:ellipsis} #drxair-app .drxair-track-card small,#drxair-app .drxair-booking-card small{display:block;margin-top:5px;color:#818b96;font-size:9px;line-height:1.3} #drxair-app .drxair-track-card i,#drxair-app .drxair-booking-card i{color:#7f8995;font-size:18px;font-style:normal;text-align:center} #drxair-app .drxair-track-card.selected i{color:#e31e24} #drxair-app .drxair-booking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} #drxair-app .drxair-vv-details{margin:4px 0 12px;padding:13px;border:1px solid #303741;border-radius:14px;background:#14181d} #drxair-app .drxair-vv-details[hidden]{display:none!important} #drxair-app .drxair-vv-row{display:grid;grid-template-columns:1fr 1.2fr auto;gap:8px} #drxair-app .drxair-vv-row select{min-width:0;min-height:45px;padding:10px 11px;border:1px solid #373e48;border-radius:11px;background:#171b20;color:#fff;font-size:12px} #drxair-app .drxair-vv-items{display:grid;gap:7px;margin:8px 0} #drxair-app .drxair-vv-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #28503e;border-radius:11px;background:#12231b;color:#d8f3e6;font-size:10px} #drxair-app .drxair-vv-item button{border:0!important;background:transparent!important;color:#ff747b!important;padding:4px!important;box-shadow:none!important;font-size:9px!important;font-weight:900!important} #drxair-app .drxair-vv-summary{margin:8px 0;padding:10px 12px;border:1px solid #303741;border-radius:11px;background:#15191e;color:#aab2bc;font-size:10px;line-height:1.45} #drxair-app .drxair-vv-summary strong{color:#fff} #drxair-app .drxair-vv-summary.over{border-color:#e31e24;background:#281417;color:#ffdadd} #drxair-app .drxair-vv-over-warning{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;margin:9px 0;padding:13px;border:1px solid #a9252d;border-radius:13px;background:#2a1518;color:#ffd9dc;box-shadow:none} #drxair-app .drxair-vv-over-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e31e24;color:#fff;font-size:20px;font-weight:950} #drxair-app .drxair-vv-over-warning strong{color:#fff;font-size:11px} #drxair-app .drxair-vv-over-warning p{margin:5px 0;font-size:10px;line-height:1.45} #drxair-app .drxair-date-grid,#drxair-app .drxair-slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} #drxair-app .drxair-date-grid button,#drxair-app .drxair-slot-grid button{appearance:none!important;min-height:64px!important;margin:0!important;padding:10px 9px!important;border:1px solid #303741!important;border-radius:12px!important;background:#171b20!important;color:#fff!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important} #drxair-app .drxair-date-grid button:hover,#drxair-app .drxair-slot-grid button:hover{border-color:#e31e24!important;background:#1e171a!important} #drxair-app .drxair-date-grid b{display:block;font-size:10px;line-height:1.25} #drxair-app .drxair-date-grid small,#drxair-app .drxair-slot-grid small{display:block;margin-top:4px;color:#7f8995;font-size:8.5px;line-height:1.25} #drxair-app .drxair-booking-links{justify-content:flex-start;margin-top:10px} #drxair-app .drxair-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} #drxair-app .drxair-extra{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:10px;border:1px solid #303741;border-radius:13px;background:#171b20;color:#fff} #drxair-app .drxair-extra img{width:72px;height:72px;object-fit:cover;border-radius:9px} #drxair-app .drxair-extra h4{margin:0 0 4px;color:#fff;font-size:11px} #drxair-app .drxair-extra p{margin:0 0 5px;color:#8e98a3;font-size:9px;line-height:1.4} #drxair-app .drxair-extra strong{color:#fff;font-size:10px} @media(max-width:900px){ #drxair-app.drxair-shell-v2{padding:16px 10px 28px} #drxair-app .drxair-appcard{border-radius:20px} #drxair-app .drxair-apphead{padding:14px 14px 11px} #drxair-app .drxair-ai-mark{width:36px;height:36px;border-radius:11px;font-size:11px} #drxair-app .drxair-app-title strong{font-size:13px} #drxair-app .drxair-app-title span:not(.drxair-ai-mark){font-size:9px} #drxair-app .drxair-link{padding:8px 10px!important;font-size:9px!important} #drxair-app .drxair-top-steps{padding:15px 7px 17px!important} #drxair-app .drxair-top-steps li{gap:5px!important;font-size:8px!important} #drxair-app .drxair-top-steps b{width:29px!important;height:29px!important;min-width:29px!important;font-size:9px!important;box-shadow:0 0 0 4px #0d1014} #drxair-app .drxair-top-steps li:not(:last-child)::after{top:14px;left:calc(50% + 15px);width:calc(100% - 30px)} #drxair-app .drxair-stream{padding:14px 12px 6px!important;max-height:300px!important} #drxair-app .drxair-bubble{max-width:100%;margin-bottom:8px;padding:11px 12px;font-size:11.5px;line-height:1.5;border-radius:13px} #drxair-app .drxair-bubble.user{max-width:92%} #drxair-app .drxair-composer{padding:13px 12px 15px!important} #drxair-app .drxair-appfoot{padding:10px 12px;font-size:8.5px} #drxair-app .drxair-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} #drxair-app .drxair-provider{min-height:105px!important;padding:12px 8px!important;border-radius:13px!important} #drxair-app .drxair-provider img,#drxair-app .drxair-provider-brand{max-width:100px!important;height:43px!important;margin-bottom:8px!important} #drxair-app .drxair-provider strong{font-size:10px!important} #drxair-app .drxair-form{grid-template-columns:1fr;gap:9px} #drxair-app .drxair-form .full{grid-column:auto} #drxair-app .drxair-field input,#drxair-app .drxair-field select,#drxair-app .drxair-field textarea{min-height:48px!important;font-size:16px!important} #drxair-app .drxair-action-list{grid-template-columns:1fr} #drxair-app .drxair-voucher-examples{grid-template-columns:1fr!important} #drxair-app .drxair-code-guide{grid-template-columns:1fr!important} #drxair-app .drxair-track-grid{grid-template-columns:1fr;gap:7px} #drxair-app .drxair-track-card{grid-template-columns:70px minmax(0,1fr) 20px!important;min-height:76px!important;padding:6px!important} #drxair-app .drxair-track-card img,#drxair-app .drxair-track-card .drxair-track-placeholder{height:62px!important} #drxair-app .drxair-booking-grid{grid-template-columns:1fr;gap:7px} #drxair-app .drxair-booking-card{grid-template-columns:82px minmax(0,1fr) 18px!important;min-height:82px!important;padding:7px!important} #drxair-app .drxair-booking-card img,#drxair-app .drxair-booking-card .drxair-track-placeholder{height:68px!important} #drxair-app .drxair-vv-row{grid-template-columns:1fr;gap:7px} #drxair-app .drxair-vv-row select{min-height:48px;font-size:16px} #drxair-app .drxair-date-grid,#drxair-app .drxair-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #drxair-app .drxair-extra-grid{grid-template-columns:1fr} #drxair-app .drxair-section-title{align-items:flex-start;flex-direction:column;gap:3px} #drxair-app .drxair-section-title span{text-align:left} #drxair-app .drxair-help-accordions{margin-top:9px} } @media(max-width:420px){ #drxair-app.drxair-shell-v2{padding:10px 6px 22px} #drxair-app .drxair-appcard{border-radius:16px} #drxair-app .drxair-apphead{padding:11px 10px 9px} #drxair-app .drxair-app-title{gap:8px} #drxair-app .drxair-ai-mark{width:32px;height:32px;border-radius:9px;font-size:10px} #drxair-app .drxair-app-title strong{font-size:11px} #drxair-app .drxair-app-title span:not(.drxair-ai-mark){font-size:8px} #drxair-app .drxair-link{padding:7px 8px!important;font-size:8px!important} #drxair-app .drxair-top-steps{padding:12px 4px 14px!important} #drxair-app .drxair-top-steps li{font-size:7px!important} #drxair-app .drxair-top-steps b{width:26px!important;height:26px!important;min-width:26px!important;font-size:8px!important} #drxair-app .drxair-top-steps li:not(:last-child)::after{top:13px;left:calc(50% + 13px);width:calc(100% - 26px)} #drxair-app .drxair-stream{padding:11px 9px 4px!important} #drxair-app .drxair-composer{padding:10px 9px 12px!important} #drxair-app .drxair-provider{min-height:94px!important;padding:10px 6px!important} #drxair-app .drxair-provider img,#drxair-app .drxair-provider-brand{height:39px!important;margin-bottom:7px!important} #drxair-app .drxair-provider strong{font-size:9px!important} #drxair-app .drxair-date-grid,#drxair-app .drxair-slot-grid{grid-template-columns:1fr} #drxair-app .drxair-vv-over-warning{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:10px} #drxair-app .drxair-vv-over-icon{width:30px;height:30px;font-size:17px} } /* 1.0.25 – "Mutasd mid van" gyors belépési útvonal */ #drxair-app .drxair-scan-first{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:16px;align-items:center;margin-bottom:16px;padding:18px;border:1px solid #5d2328;border-radius:18px;background:linear-gradient(135deg,#241416 0%,#15191e 56%,#101318 100%);box-shadow:0 14px 34px rgba(227,30,36,.09)} #drxair-app .drxair-scan-copy{min-width:0;text-align:left} #drxair-app .drxair-scan-kicker{display:inline-block;margin-bottom:5px;color:#ff4b54;font-size:9px;font-weight:950;letter-spacing:.08em} #drxair-app .drxair-scan-copy>strong{display:block;color:#fff;font-size:21px;line-height:1.05;font-weight:1000} #drxair-app .drxair-scan-copy p{max-width:600px;margin:7px 0 0;color:#aeb6c0;font-size:11px;line-height:1.48} #drxair-app .drxair-scan-actions{display:grid;gap:8px} #drxair-app .drxair-scan-actions .drxair-btn{min-height:48px!important} #drxair-app .drxair-or-divider{display:flex;align-items:center;gap:10px;margin:8px 0 14px;color:#69737e;font-size:8.5px;font-weight:950;letter-spacing:.09em;text-align:center} #drxair-app .drxair-or-divider:before,#drxair-app .drxair-or-divider:after{content:"";flex:1;height:1px;background:#272d35} #drxair-app .drxair-hidden-file{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important} #drxair-app .drxair-upload-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px} @media(max-width:700px){#drxair-app .drxair-scan-first{grid-template-columns:1fr;gap:12px;padding:15px}#drxair-app .drxair-scan-copy>strong{font-size:19px}#drxair-app .drxair-scan-actions{grid-template-columns:1fr 1fr}#drxair-app .drxair-upload-actions{grid-template-columns:1fr}} @media(max-width:430px){#drxair-app .drxair-scan-actions{grid-template-columns:1fr}} /* 1.0.28 – cím-reset + automatikus DRX eseményforrás + meglévő asszisztált popup */ #drxair-app.drxair-shell-v2{max-width:1180px;padding-bottom:60px} #drxair-app .drxair-stream{padding-top:22px!important} #drxair-app .drxair-bubble{font-size:14.5px!important;line-height:1.62!important} #drxair-app .drxair-welcome-bubble{max-width:900px!important;padding:18px 20px!important;background:linear-gradient(135deg,#1b2027,#171a20)!important;border-color:#343b45!important;font-size:15.5px!important} #drxair-app .drxair-welcome-bubble strong{display:block;margin-bottom:5px;color:#fff;font-size:17px;line-height:1.25} #drxair-app .drxair-welcome-bubble span{color:#d3d8df} #drxair-app .drxair-provider-lead{margin:0 0 14px;padding:0 2px;text-align:left} #drxair-app .drxair-provider-lead>span,#drxair-app .drxair-block-head>div>span,#drxair-app .drxair-assisted>div>span{display:block;margin-bottom:5px;color:#ff3c46;font-size:10px;font-weight:950;letter-spacing:.09em} #drxair-app .drxair-provider-lead>strong{display:block;color:#fff;font-size:21px;line-height:1.15;font-weight:950} #drxair-app .drxair-provider-lead p{margin:6px 0 0;color:#b7bec8;font-size:13px;line-height:1.5} #drxair-app .drxair-provider{min-height:126px!important;padding:13px 10px!important} #drxair-app .drxair-provider strong{font-size:12px!important;line-height:1.25!important} #drxair-app .drxair-provider img,#drxair-app .drxair-provider-brand{height:54px!important;max-width:128px!important} #drxair-app .drxair-scan-secondary{margin-top:0;margin-bottom:10px;padding:15px 17px;border-color:#313841;background:linear-gradient(135deg,#171b20,#111419);box-shadow:none} #drxair-app .drxair-scan-secondary .drxair-scan-kicker{color:#aab2bc;font-size:9.5px} #drxair-app .drxair-scan-secondary .drxair-scan-copy>strong{font-size:18px} #drxair-app .drxair-scan-secondary .drxair-scan-copy p{font-size:12px;color:#aeb6c0} #drxair-app .drxair-or-divider{margin:16px 0;color:#9aa3ae;font-size:9px} #drxair-app .drxair-inline-actions{margin-top:10px} #drxair-app .drxair-upcoming,#drxair-app .drxair-video-faq{margin-top:38px} #drxair-app .drxair-block-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px;padding:0 2px} #drxair-app .drxair-block-head.compact{align-items:flex-start} #drxair-app .drxair-block-head h2{margin:0;color:#fff;font-size:31px;line-height:1.08;font-weight:950;letter-spacing:-.035em} #drxair-app .drxair-block-head p{margin:7px 0 0;max-width:720px;color:#98a1ac;font-size:12px;line-height:1.55} #drxair-app .drxair-slider-controls{display:flex;gap:7px;flex:0 0 auto} #drxair-app .drxair-slider-controls button{appearance:none!important;width:38px;height:38px;border:1px solid #323842!important;border-radius:11px!important;background:#15191e!important;color:#fff!important;font-size:17px!important;cursor:pointer!important;box-shadow:none!important} #drxair-app .drxair-event-slider{display:flex;gap:12px;overflow-x:auto;padding:0 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#343b44 transparent} #drxair-app .drxair-event-card{flex:0 0 282px;scroll-snap-align:start;overflow:hidden;border:1px solid #2b3139;border-radius:17px;background:linear-gradient(180deg,#171b20,#111419);box-shadow:0 14px 36px rgba(0,0,0,.2)} #drxair-app .drxair-event-visual{height:118px;background:#111419;border-bottom:1px solid #252b33;overflow:hidden} #drxair-app .drxair-event-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.02)} #drxair-app .drxair-event-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#2a3038,#111419 65%);color:#5e6875;font-size:22px;font-weight:950;letter-spacing:.12em} #drxair-app .drxair-event-body{padding:13px} #drxair-app .drxair-event-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px} #drxair-app .drxair-event-top h3{margin:0;color:#fff;font-size:15px;line-height:1.2;font-weight:900} #drxair-app .drxair-event-top p{margin:4px 0 0;color:#9aa3ad;font-size:9.5px;font-weight:700} #drxair-app .drxair-event-status{display:inline-flex;align-items:center;min-height:20px;padding:4px 7px;border-radius:999px;background:#133729;color:#48dd9a;font-size:7px;font-weight:950;letter-spacing:.04em;white-space:nowrap} #drxair-app .drxair-event-status.today{background:#e31e24;color:#fff} #drxair-app .drxair-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:13px 0 11px} #drxair-app .drxair-countdown div{padding:8px 3px 6px;border:1px solid #2b323b;border-radius:8px;background:#0d1014;text-align:center} #drxair-app .drxair-countdown b{display:block;color:#fff;font-size:14px;line-height:1} #drxair-app .drxair-countdown span{display:block;margin-top:4px;color:#6f7884;font-size:6.5px;font-weight:900;letter-spacing:.07em} #drxair-app .drxair-event-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px} #drxair-app .drxair-event-actions a{display:flex;align-items:center;justify-content:center;min-height:35px;border-radius:8px;text-decoration:none!important;font-size:9px;font-weight:900} #drxair-app .drxair-event-more{border:1px solid #343b44;color:#e7eaee!important;background:#15191e} #drxair-app .drxair-event-book{border:1px solid #ed2630;background:#ed2630;color:#fff!important} #drxair-app .drxair-no-events{padding:24px;border:1px dashed #323842;border-radius:16px;background:#111419;text-align:center} #drxair-app .drxair-no-events strong,#drxair-app .drxair-no-events span{display:block} #drxair-app .drxair-no-events strong{color:#fff;font-size:14px} #drxair-app .drxair-no-events span{margin-top:5px;color:#89939f;font-size:11px} #drxair-app .drxair-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #drxair-app .drxair-video-card{min-height:116px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:5px;padding:14px;border:1px solid #2d343d;border-radius:15px;background:radial-gradient(circle at 28px 28px,rgba(227,30,36,.22),transparent 48px),linear-gradient(145deg,#191d23,#111419);color:#fff!important;text-decoration:none!important;transition:.18s ease} #drxair-app a.drxair-video-card:hover{transform:translateY(-2px);border-color:#5a252a;box-shadow:0 12px 28px rgba(0,0,0,.2)} #drxair-app .drxair-video-card.disabled{opacity:.62} #drxair-app .drxair-play{width:29px;height:29px;display:grid;place-items:center;margin-bottom:auto;border-radius:50%;background:#ef2630;color:#fff;font-size:9px;box-shadow:0 7px 18px rgba(227,30,36,.22)} #drxair-app .drxair-video-card strong{font-size:12px;line-height:1.3;color:#fff} #drxair-app .drxair-video-card small{color:#858f9a;font-size:8.5px;font-weight:800} #drxair-app .drxair-faq-all{display:inline-flex;margin-top:12px;padding:10px 13px;border:1px solid #343b44;border-radius:9px;background:#15191e;color:#fff!important;text-decoration:none!important;font-size:10px;font-weight:900} #drxair-app .drxair-assisted{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:34px;padding:17px 19px;border:1px solid #2a3038;border-radius:15px;background:#111419} #drxair-app .drxair-assisted h3{margin:0;color:#fff;font-size:16px;font-weight:900} #drxair-app .drxair-assisted p{max-width:760px;margin:5px 0 0;color:#8f99a5;font-size:10.5px;line-height:1.5} #drxair-app .drxair-assisted-action{display:flex;align-items:center;gap:10px;white-space:nowrap} #drxair-app .drxair-assisted-action strong{color:#fff;font-size:14px} #drxair-app .drxair-assisted-action a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;border:1px solid #444b55;border-radius:9px;background:#1a1f25;color:#fff!important;text-decoration:none!important;font-size:9px;font-weight:900} #drxair-app .drxair-assisted-disabled{color:#737d88;font-size:8.5px} @media(max-width:900px){ #drxair-app .drxair-bubble{font-size:13.5px!important} #drxair-app .drxair-welcome-bubble{font-size:14px!important;padding:15px!important} #drxair-app .drxair-welcome-bubble strong{font-size:16px} #drxair-app .drxair-provider-lead>strong{font-size:18px} #drxair-app .drxair-provider-lead p{font-size:12px} #drxair-app .drxair-provider strong{font-size:11px!important} #drxair-app .drxair-block-head h2{font-size:27px} #drxair-app .drxair-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #drxair-app .drxair-assisted{grid-template-columns:1fr} #drxair-app .drxair-assisted-action{justify-content:space-between} } @media(max-width:600px){ #drxair-app.drxair-shell-v2{padding-left:8px;padding-right:8px} #drxair-app .drxair-provider-lead{padding:2px 1px} #drxair-app .drxair-provider-lead>span{font-size:9px} #drxair-app .drxair-provider-lead>strong{font-size:17px} #drxair-app .drxair-provider-grid{gap:7px!important} #drxair-app .drxair-provider{min-height:104px!important} #drxair-app .drxair-provider img,#drxair-app .drxair-provider-brand{height:43px!important} #drxair-app .drxair-scan-secondary{padding:13px;gap:10px} #drxair-app .drxair-scan-secondary .drxair-scan-copy>strong{font-size:16px} #drxair-app .drxair-scan-secondary .drxair-scan-copy p{font-size:11px} #drxair-app .drxair-block-head{align-items:flex-start} #drxair-app .drxair-slider-controls{display:none} #drxair-app .drxair-event-card{flex-basis:82vw;max-width:310px} #drxair-app .drxair-video-grid{grid-template-columns:1fr 1fr;gap:8px} #drxair-app .drxair-video-card{min-height:105px;padding:12px} #drxair-app .drxair-video-card strong{font-size:11px} #drxair-app .drxair-assisted-action{align-items:flex-start;flex-direction:column} } /* 1.0.28 – téma heading-háttér felülírása: nincs több fehér téglalap */ #drxair-app .drxair-block-head h2, #drxair-app .drxair-assisted h3, #drxair-app .drxair-native-events .drx-event-info h3, #drxair-app .drxair-native-events h2, #drxair-app .drxair-native-events h3{ display:block!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important; margin-left:0!important;margin-right:0!important;padding:0!important;border:0!important;border-radius:0!important; background:transparent!important;background-color:transparent!important;background-image:none!important; color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;box-shadow:none!important;filter:none!important; opacity:1!important;clip:auto!important;clip-path:none!important;mask:none!important;-webkit-mask:none!important; } #drxair-app .drxair-block-head h2::before,#drxair-app .drxair-block-head h2::after, #drxair-app .drxair-assisted h3::before,#drxair-app .drxair-assisted h3::after, #drxair-app .drxair-native-events h2::before,#drxair-app .drxair-native-events h2::after, #drxair-app .drxair-native-events h3::before,#drxair-app .drxair-native-events h3::after{content:none!important;display:none!important;background:none!important} /* A meglévő [drx_next_event] kimenetét a sötét AI felülethez igazítjuk. */ #drxair-app .drxair-native-events{margin-top:2px} #drxair-app .drxair-native-events .drx-event-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-width:none!important;margin:0!important;font-family:inherit!important} #drxair-app .drxair-native-events .drx-event-card{min-width:0!important;min-height:72px!important;margin:0!important;padding:10px 12px!important;border:1px solid #2d343d!important;border-left:3px solid #ef2630!important;border-radius:12px!important;background:#111419!important;color:#fff!important;box-shadow:none!important;transform:none!important} #drxair-app .drxair-native-events .drx-event-card.no-date{border-left-color:#6d7682!important;opacity:1!important} #drxair-app .drxair-native-events .drx-cat-img{flex:0 0 48px!important;width:48px!important;height:48px!important;margin-right:11px!important;border:1px solid #333a44!important;border-radius:8px!important;background:#191e24!important;object-fit:cover!important} #drxair-app .drxair-native-events .drx-event-info{min-width:0!important;flex:1 1 auto!important} #drxair-app .drxair-native-events .drx-event-info h3{margin:0!important;font-size:13px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:0!important;text-transform:none!important} #drxair-app .drxair-native-events .drx-event-info p{margin:4px 0 0!important;color:#9ca5b0!important;font-size:10px!important;line-height:1.35!important} #drxair-app .drxair-native-events .drx-timer{min-width:108px!important;color:#50d890!important;font-size:14px!important;line-height:1.3!important;text-align:right!important} #drxair-app .drxair-native-events .drx-timer .unit{font-size:8px!important;color:#79828d!important} #drxair-app .drxair-native-events .drx-status-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:5px 8px!important;border:0!important;border-radius:6px!important;background:#272d35!important;color:#c4cbd3!important;font-size:8px!important;font-weight:900!important;text-transform:uppercase!important} #drxair-app .drxair-assisted-open{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:9px 14px!important;border:1px solid #ef2630!important;border-radius:9px!important;background:#ef2630!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;font:inherit!important;font-size:9px!important;font-weight:950!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;text-transform:none!important} #drxair-app .drxair-assisted-open:hover{background:#ff313b!important;border-color:#ff313b!important;color:#fff!important} @media(max-width:700px){ #drxair-app .drxair-native-events .drx-event-list{grid-template-columns:1fr!important} #drxair-app .drxair-native-events .drx-timer{min-width:92px!important;font-size:12px!important} } /* 1.0.28 – a saját főcímek nem heading tagek, így a téma fehér h2/h3 háttere sem érheti el őket. */ #drxair-app .drxair-section-title{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;font-size:31px!important;line-height:1.08!important;font-weight:950!important;letter-spacing:-.035em!important} #drxair-app .drxair-assisted-title{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;font-size:16px!important;line-height:1.2!important;font-weight:900!important} @media(max-width:900px){#drxair-app .drxair-section-title{font-size:27px!important}} /* 1.0.29 – saját fizetett visszahívás popup. A korábbi téma-popup / egyedi terméklink nem szükséges. */ html.drxair-modal-open{overflow:hidden!important} #drxair-app .drxair-assisted-modal[hidden]{display:none!important} #drxair-app .drxair-assisted-modal{position:fixed!important;inset:0!important;z-index:1000000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important} #drxair-app .drxair-assisted-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.78)!important;backdrop-filter:blur(5px)!important} #drxair-app .drxair-assisted-modal-card{position:relative!important;z-index:1!important;width:min(100%,520px)!important;max-height:calc(100vh - 32px)!important;overflow:auto!important;padding:25px!important;border:1px solid #343a43!important;border-radius:16px!important;background:#101318!important;color:#fff!important;box-shadow:0 28px 90px rgba(0,0,0,.6)!important} #drxair-app .drxair-assisted-modal-close{position:absolute!important;right:13px!important;top:12px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #363d47!important;border-radius:9px!important;background:#191e24!important;color:#fff!important;font-size:22px!important;line-height:1!important;cursor:pointer!important} #drxair-app .drxair-assisted-modal-head{padding-right:38px!important} #drxair-app .drxair-assisted-flag{display:inline-flex!important;align-items:center!important;margin-bottom:9px!important;padding:5px 8px!important;border-radius:6px!important;background:#ef2630!important;color:#fff!important;font-size:9px!important;font-weight:950!important;letter-spacing:.06em!important} #drxair-app .drxair-assisted-modal-title{margin:0!important;padding:0!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:27px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:-.03em!important} #drxair-app .drxair-assisted-modal-head p{margin:10px 0 20px!important;color:#a4adb7!important;font-size:12px!important;line-height:1.55!important} #drxair-app #drxair-assisted-form{display:grid!important;gap:12px!important;margin:0!important} #drxair-app .drxair-assisted-field{display:grid!important;gap:6px!important;margin:0!important;color:#fff!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important} #drxair-app .drxair-assisted-field input{box-sizing:border-box!important;width:100%!important;min-height:48px!important;margin:0!important;padding:11px 13px!important;border:1px solid #444c57!important;border-radius:9px!important;outline:0!important;background:#0b0e12!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:14px!important;font-weight:700!important;box-shadow:none!important} #drxair-app .drxair-assisted-field input:focus{border-color:#ef2630!important;box-shadow:0 0 0 2px rgba(239,38,48,.13)!important} #drxair-app .drxair-assisted-field input::placeholder{color:#6f7883!important;-webkit-text-fill-color:#6f7883!important} #drxair-app .drxair-assisted-honey{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} #drxair-app .drxair-assisted-form-info{display:grid!important;grid-template-columns:26px 1fr!important;gap:9px!important;align-items:start!important;padding:11px 12px!important;border:1px solid #2d343d!important;border-radius:10px!important;background:#15191f!important} #drxair-app .drxair-assisted-form-info>span{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;border-radius:50%!important;background:#ef2630!important;color:#fff!important;font-size:11px!important;font-weight:950!important} #drxair-app .drxair-assisted-form-info p{margin:0!important;color:#a5aeb8!important;font-size:10.5px!important;line-height:1.5!important} #drxair-app .drxair-assisted-form-bottom{display:grid!important;grid-template-columns:auto minmax(190px,1fr)!important;gap:12px!important;align-items:center!important;margin-top:3px!important} #drxair-app .drxair-assisted-form-bottom>strong{color:#fff!important;font-size:20px!important;white-space:nowrap!important} #drxair-app #drxair-assisted-submit{min-height:48px!important;margin:0!important;padding:11px 15px!important;border:1px solid #ef2630!important;border-radius:9px!important;background:#ef2630!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:11px!important;font-weight:950!important;cursor:pointer!important;box-shadow:none!important} #drxair-app #drxair-assisted-submit:hover{background:#ff313b!important;border-color:#ff313b!important} #drxair-app #drxair-assisted-submit:disabled{opacity:.65!important;cursor:wait!important} #drxair-app .drxair-assisted-form-message{min-height:18px!important;color:#929ca7!important;font-size:10.5px!important;font-weight:800!important;line-height:1.4!important} #drxair-app .drxair-assisted-form-message.error{color:#ff737a!important} #drxair-app .drxair-assisted-form-message.success{color:#50d890!important} @media(max-width:600px){ #drxair-app .drxair-assisted-modal{padding:10px!important;align-items:flex-end!important} #drxair-app .drxair-assisted-modal-card{width:100%!important;max-height:92vh!important;padding:20px 16px 18px!important;border-radius:16px 16px 10px 10px!important} #drxair-app .drxair-assisted-modal-title{font-size:23px!important} #drxair-app .drxair-assisted-form-bottom{grid-template-columns:1fr!important} #drxair-app .drxair-assisted-form-bottom>strong{font-size:18px!important} } /* v1.0.30 - Visszatérő ügyfél belépés: nagy, egyértelmű CTA az utalványválasztó tetején */ #drxair-app .drxair-returning-user{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; margin:0 0 18px; padding:18px 20px; border:2px solid #ef3038; border-radius:16px; background:linear-gradient(135deg,rgba(227,30,36,.18),rgba(227,30,36,.055) 58%,#14181d); box-shadow:0 12px 34px rgba(227,30,36,.12); } #drxair-app .drxair-returning-user--logged{ border-color:#35b979; background:linear-gradient(135deg,rgba(30,158,95,.17),rgba(30,158,95,.05) 58%,#14181d); box-shadow:0 12px 34px rgba(30,158,95,.09); } #drxair-app .drxair-returning-copy{min-width:0} #drxair-app .drxair-returning-copy>span{ display:block; margin:0 0 5px; color:#ff5961; font-size:10px; line-height:1.2; font-weight:950; letter-spacing:.08em; } #drxair-app .drxair-returning-user--logged .drxair-returning-copy>span{color:#60d99c} #drxair-app .drxair-returning-copy>strong{ display:block; color:#fff; font-size:18px; line-height:1.2; font-weight:950; } #drxair-app .drxair-returning-copy p{ margin:6px 0 0; color:#c7cdd5; font-size:12px; line-height:1.45; } #drxair-app .drxair-returning-copy p b{color:#fff} #drxair-app .drxair-returning-btn{ appearance:none!important; min-width:250px; min-height:48px; padding:12px 18px!important; border:0!important; border-radius:12px!important; background:#e31e24!important; color:#fff!important; box-shadow:0 10px 26px rgba(227,30,36,.22)!important; font-size:11px!important; line-height:1.25!important; font-weight:950!important; text-align:center!important; cursor:pointer; } #drxair-app .drxair-returning-user--logged .drxair-returning-btn{ background:#168b55!important; box-shadow:0 10px 26px rgba(22,139,85,.18)!important; } #drxair-app .drxair-returning-btn:hover,#drxair-app .drxair-returning-btn:focus{ transform:translateY(-1px); filter:brightness(1.08); outline:none!important; } #drxair-app .drxair-new-voucher-divider{ display:flex; align-items:center; gap:12px; margin:2px 0 16px; color:#707985; font-size:9px; font-weight:950; letter-spacing:.09em; white-space:nowrap; } #drxair-app .drxair-new-voucher-divider:before,#drxair-app .drxair-new-voucher-divider:after{ content:""; height:1px; flex:1; background:#2a3038; } @media(max-width:700px){ #drxair-app .drxair-returning-user{grid-template-columns:1fr;gap:12px;padding:15px 14px;margin-bottom:15px} #drxair-app .drxair-returning-copy>strong{font-size:16px} #drxair-app .drxair-returning-copy p{font-size:11px} #drxair-app .drxair-returning-btn{width:100%;min-width:0;min-height:50px;font-size:11px!important} #drxair-app .drxair-new-voucher-divider{margin-bottom:13px} } /* ========================================================================== v1.0.31 – DRX SYSTEM / terminál téma A videó vizuális nyelvéhez igazítva: fekete, fehér vonalak, piros státuszok, szögletes kezelőszervek. A teljes blokk szigorúan #drxair-app alá van zárva. ========================================================================== */ #drxair-app.drxair-shell-v2{ --drx31-bg:#050607;--drx31-panel:#0a0c0f;--drx31-panel2:#111419;--drx31-line:#d8dde3;--drx31-soft:#303640;--drx31-red:#f01620;--drx31-green:#0fa966; max-width:1160px!important;padding:28px 16px 54px!important;color:#fff!important; } #drxair-app .drxair-appcard{ border:1px solid #3a4048!important;border-radius:4px!important;background:#050709!important; box-shadow:0 30px 90px rgba(0,0,0,.38)!important; } #drxair-app .drxair-apphead{ min-height:78px!important;padding:16px 20px!important;border-bottom:1px solid #2e343c!important;background:#0b0d10!important; } #drxair-app .drxair-app-logo{display:flex!important;align-items:center!important;min-width:0!important} #drxair-app .drxair-site-logo-img{display:block!important;width:auto!important;height:auto!important;max-width:175px!important;max-height:45px!important;object-fit:contain!important;filter:none!important} #drxair-app .drxair-site-logo-img--icon{max-width:48px!important;max-height:48px!important} #drxair-app .drxair-logo-fallback{display:flex!important;align-items:baseline!important;gap:5px!important;color:#fff!important;font-size:24px!important;font-weight:1000!important;letter-spacing:-.05em!important} #drxair-app .drxair-logo-fallback em{font-style:normal!important;color:var(--drx31-red)!important} #drxair-app .drxair-state-label{display:none!important} #drxair-app .drxair-ai-mark{display:none!important} #drxair-app .drxair-restart-btn{ min-height:42px!important;padding:10px 17px!important;border:1px solid #fff!important;border-radius:2px!important; background:var(--drx31-red)!important;color:#fff!important;-webkit-text-fill-color:#fff!important; font-size:11px!important;font-weight:1000!important;letter-spacing:.06em!important;box-shadow:0 0 0 0 rgba(240,22,32,0)!important; } #drxair-app .drxair-restart-btn span{font-size:17px!important;line-height:0!important;margin-right:4px!important} #drxair-app .drxair-restart-btn:hover,#drxair-app .drxair-restart-btn:focus{background:#ff2630!important;border-color:#fff!important;box-shadow:0 0 24px rgba(240,22,32,.38)!important;transform:translateY(-1px)!important;outline:none!important} #drxair-app .drxair-top-steps{ grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;padding:14px 18px 16px!important;background:#07090b!important;border-bottom:1px solid #2e343c!important; } #drxair-app .drxair-top-steps li{gap:6px!important;color:#818a95!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.035em!important} #drxair-app .drxair-top-steps li:not(:last-child)::after{display:none!important} #drxair-app .drxair-top-steps b{ width:100%!important;height:34px!important;min-width:0!important;border:1px solid #e3e6ea!important;border-radius:1px!important; background:#090b0e!important;color:#fff!important;box-shadow:none!important;font-size:12px!important; } #drxair-app .drxair-top-steps li.active b{border-color:#fff!important;background:var(--drx31-red)!important;color:#fff!important;box-shadow:none!important} #drxair-app .drxair-top-steps li.done b{border-color:#49c98f!important;background:#0b4a31!important;color:#c5ffe2!important} #drxair-app .drxair-top-steps li.active{color:#fff!important} #drxair-app .drxair-top-steps li.done{color:#79dcb0!important} #drxair-app .drxair-stream{padding:22px 22px 12px!important} #drxair-app .drxair-bubble{max-width:820px!important;border-radius:2px!important;padding:16px 18px!important;font-size:14px!important;line-height:1.6!important} #drxair-app .drxair-bubble.ai{background:#12161b!important;border:1px solid #3b424c!important;border-left:3px solid #fff!important;border-radius:2px!important} #drxair-app .drxair-bubble.user{background:#17090b!important;border:1px solid #702229!important;border-left:3px solid var(--drx31-red)!important;border-radius:2px!important} #drxair-app .drxair-bubble.success{border-radius:2px!important;border-left:4px solid #13bd73!important} #drxair-app .drxair-bubble.warn{border-radius:2px!important;border-left:4px solid #ffb323!important} #drxair-app .drxair-bubble.error{border-radius:2px!important;border-left:4px solid var(--drx31-red)!important} #drxair-app .drxair-composer{padding:20px 22px 24px!important;background:#090b0e!important;border-top:1px solid #343b44!important} #drxair-app .drxair-appfoot{background:#050709!important;border-top:1px solid #2e343c!important;color:#7e8791!important} #drxair-app .drxair-field label,#drxair-app .drxair-assisted-field{color:#fff!important;font-size:9px!important;letter-spacing:.08em!important} #drxair-app .drxair-field input,#drxair-app .drxair-field select,#drxair-app .drxair-field textarea, #drxair-app .drxair-assisted-field input{ min-height:46px!important;border:1px solid #d5d9de!important;border-radius:1px!important;background:#090b0e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important; } #drxair-app .drxair-field input:focus,#drxair-app .drxair-field select:focus,#drxair-app .drxair-field textarea:focus,#drxair-app .drxair-assisted-field input:focus{border-color:var(--drx31-red)!important;box-shadow:0 0 0 1px var(--drx31-red)!important} #drxair-app .drxair-btn,#drxair-app .drxair-quick button,#drxair-app .drxair-date-grid button,#drxair-app .drxair-slot-grid button{ border-radius:1px!important;border:1px solid #d7dbe0!important;background:#0b0d10!important;color:#fff!important;font-weight:950!important; } #drxair-app .drxair-btn.primary,#drxair-app .drxair-btn.green{background:var(--drx31-red)!important;border-color:#fff!important;color:#fff!important} #drxair-app .drxair-btn.full{border-radius:1px!important;min-height:48px!important} #drxair-app .drxair-progress{height:4px!important;border-radius:0!important;background:#272d35!important} #drxair-app .drxair-progress i{background:var(--drx31-red)!important} #drxair-app .drxair-returning-user{ grid-template-columns:minmax(0,1fr) auto!important;border:1px solid #fff!important;border-left:5px solid var(--drx31-red)!important;border-radius:2px!important; background:#0d1014!important;box-shadow:none!important;padding:17px 18px!important; } #drxair-app .drxair-returning-user--logged{border-left-color:var(--drx31-green)!important;background:#09130f!important} #drxair-app .drxair-returning-copy>span{display:inline-block!important;padding:4px 7px!important;background:var(--drx31-red)!important;color:#fff!important;font-size:8px!important;letter-spacing:.08em!important} #drxair-app .drxair-returning-user--logged .drxair-returning-copy>span{background:var(--drx31-green)!important;color:#fff!important} #drxair-app .drxair-returning-copy>strong{font-size:20px!important;text-transform:uppercase!important;letter-spacing:-.02em!important} #drxair-app .drxair-returning-btn{min-width:265px!important;min-height:50px!important;border:1px solid #fff!important;border-radius:1px!important;background:var(--drx31-red)!important;font-size:10.5px!important;letter-spacing:.04em!important;box-shadow:none!important} #drxair-app .drxair-new-voucher-divider{color:#aeb4bc!important} #drxair-app .drxair-new-voucher-divider:before,#drxair-app .drxair-new-voucher-divider:after{background:#444b54!important} #drxair-app .drxair-provider-lead>span,#drxair-app .drxair-block-head>div>span,#drxair-app .drxair-assisted>div>span{ display:inline-block!important;padding:4px 7px!important;margin-bottom:7px!important;background:var(--drx31-red)!important;color:#fff!important;font-size:8px!important;letter-spacing:.09em!important; } #drxair-app .drxair-provider-lead>strong{font-size:24px!important;text-transform:uppercase!important;letter-spacing:-.025em!important} #drxair-app .drxair-provider-grid{gap:8px!important} #drxair-app .drxair-provider{ min-height:126px!important;border:1px solid #bfc5cc!important;border-radius:2px!important;background:#0b0e11!important;padding:14px 10px!important;box-shadow:none!important; } #drxair-app .drxair-provider:hover,#drxair-app .drxair-provider:focus{border-color:#fff!important;background:#13090b!important;box-shadow:inset 4px 0 0 var(--drx31-red)!important;transform:none!important} #drxair-app .drxair-provider img,#drxair-app .drxair-provider-brand{height:54px!important;border-radius:1px!important;padding:4px!important} #drxair-app .drxair-provider strong{font-size:11px!important;text-transform:uppercase!important} #drxair-app .drxair-scan-secondary,#drxair-app .drxair-image-box,#drxair-app .drxair-selected-provider,#drxair-app .drxair-choice-card,#drxair-app .drxair-policy{ border-radius:2px!important;box-shadow:none!important; } #drxair-app .drxair-block-head{margin-top:34px!important;padding-top:20px!important;border-top:1px solid #3a414a!important} #drxair-app .drxair-section-title{font-size:30px!important;text-transform:uppercase!important;letter-spacing:-.025em!important} #drxair-app .drxair-block-head p{color:#a2aab4!important} #drxair-app .drxair-native-events .drx-event-list{gap:8px!important} #drxair-app .drxair-native-events .drx-event-card,#drxair-app .drxair-event-card{ border:1px solid #c9ced4!important;border-left:4px solid var(--drx31-red)!important;border-radius:2px!important;background:#090b0e!important;box-shadow:none!important; } #drxair-app .drxair-native-events .drx-cat-img,#drxair-app .drxair-event-visual{border-radius:0!important} #drxair-app .drxair-event-actions a,#drxair-app .drxair-faq-all{border-radius:1px!important} #drxair-app .drxair-event-book{background:var(--drx31-red)!important;border-color:#fff!important} #drxair-app .drxair-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important} #drxair-app .drxair-video-card{ min-height:0!important;display:block!important;padding:0!important;overflow:hidden!important;border:1px solid #c9ced4!important;border-radius:2px!important;background:#090b0e!important;color:#fff!important;box-shadow:none!important; } #drxair-app a.drxair-video-card:hover{transform:none!important;border-color:#fff!important;box-shadow:inset 0 -4px 0 var(--drx31-red)!important} #drxair-app .drxair-video-preview{position:relative!important;display:block!important;width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;background:#0b0d10!important;border-bottom:1px solid #3a414a!important} #drxair-app .drxair-video-preview img,#drxair-app .drxair-video-preview video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.86) contrast(1.05) brightness(.8)!important} #drxair-app .drxair-video-preview-fallback{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;background:radial-gradient(circle at center,#1d2228,#080a0d 70%)!important;color:#6b747f!important;font-size:16px!important;font-weight:1000!important;letter-spacing:.12em!important} #drxair-app .drxair-video-preview .drxair-play{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:50px!important;height:50px!important;margin:0!important;border:1px solid #fff!important;border-radius:50%!important;background:rgba(240,22,32,.92)!important;color:#fff!important;font-size:15px!important;box-shadow:0 0 22px rgba(240,22,32,.35)!important} #drxair-app .drxair-video-copy{display:block!important;padding:12px 13px 14px!important} #drxair-app .drxair-video-copy strong{display:block!important;font-size:12px!important;text-transform:uppercase!important;line-height:1.3!important} #drxair-app .drxair-video-copy small{display:block!important;margin-top:5px!important;color:#8f98a3!important;font-size:8px!important;font-weight:900!important} #drxair-app .drxair-assisted{border:1px solid #c9ced4!important;border-left:4px solid var(--drx31-red)!important;border-radius:2px!important;background:#090b0e!important;box-shadow:none!important} #drxair-app .drxair-assisted-title{font-size:20px!important;text-transform:uppercase!important} #drxair-app .drxair-assisted-open,#drxair-app #drxair-assisted-submit{border:1px solid #fff!important;border-radius:1px!important;background:var(--drx31-red)!important} #drxair-app .drxair-assisted-modal-card{border:1px solid #fff!important;border-radius:2px!important;background:#07090c!important} #drxair-app .drxair-assisted-modal-close,#drxair-app .drxair-assisted-form-info{border-radius:1px!important} @media(max-width:700px){ #drxair-app.drxair-shell-v2{padding:12px 6px 34px!important} #drxair-app .drxair-apphead{min-height:66px!important;padding:11px 10px!important;gap:9px!important} #drxair-app .drxair-site-logo-img{max-width:120px!important;max-height:35px!important} #drxair-app .drxair-restart-btn{min-height:38px!important;padding:8px 10px!important;font-size:9px!important} #drxair-app .drxair-top-steps{padding:10px 7px 12px!important;gap:4px!important} #drxair-app .drxair-top-steps b{height:30px!important;font-size:10px!important} #drxair-app .drxair-top-steps li{font-size:7px!important;gap:5px!important} #drxair-app .drxair-stream{padding:13px 10px 8px!important} #drxair-app .drxair-composer{padding:14px 10px 16px!important} #drxair-app .drxair-bubble{font-size:13px!important;padding:13px 12px!important} #drxair-app .drxair-returning-user{grid-template-columns:1fr!important;padding:13px 12px!important} #drxair-app .drxair-returning-copy>strong{font-size:17px!important} #drxair-app .drxair-returning-btn{width:100%!important;min-width:0!important} #drxair-app .drxair-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #drxair-app .drxair-provider{min-height:106px!important;padding:10px 6px!important} #drxair-app .drxair-provider img,#drxair-app .drxair-provider-brand{height:44px!important} #drxair-app .drxair-provider-lead>strong{font-size:19px!important} #drxair-app .drxair-section-title{font-size:23px!important} #drxair-app .drxair-video-grid{grid-template-columns:1fr 1fr!important;gap:7px!important} #drxair-app .drxair-video-copy{padding:9px 10px 11px!important} #drxair-app .drxair-video-copy strong{font-size:10px!important} #drxair-app .drxair-video-preview .drxair-play{width:38px!important;height:38px!important;font-size:11px!important} } @media(max-width:390px){ #drxair-app .drxair-site-logo-img{max-width:105px!important;max-height:31px!important} #drxair-app .drxair-restart-btn{padding:7px 8px!important;font-size:8px!important} #drxair-app .drxair-top-steps li span{font-size:6.5px!important} } /* === 1.0.32: videókártyák csak aktív videóknak + helyben nyíló popup lejátszó === */ #drxair-app button.drxair-video-card{ width:100%!important;margin:0!important;text-align:left!important;cursor:pointer!important;font-family:inherit!important;appearance:none!important;-webkit-appearance:none!important; } #drxair-app button.drxair-video-card:hover,#drxair-app button.drxair-video-card:focus-visible{ transform:none!important;border-color:#fff!important;box-shadow:inset 0 -4px 0 var(--drx31-red)!important;outline:none!important; } html.drxair-video-modal-open,html.drxair-video-modal-open body{overflow:hidden!important} #drxair-app .drxair-video-modal[hidden]{display:none!important} #drxair-app .drxair-video-modal{position:fixed!important;inset:0!important;z-index:1000002!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important} #drxair-app .drxair-video-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.88)!important;backdrop-filter:blur(6px)!important} #drxair-app .drxair-video-modal-card{position:relative!important;z-index:1!important;width:min(100%,980px)!important;max-height:calc(100vh - 28px)!important;overflow:auto!important;border:1px solid #fff!important;border-left:4px solid var(--drx31-red)!important;border-radius:2px!important;background:#050608!important;box-shadow:0 30px 100px rgba(0,0,0,.72)!important;color:#fff!important} #drxair-app .drxair-video-modal-card.is-portrait{width:min(100%,640px)!important;max-height:calc(100vh - 20px)!important} #drxair-app .drxair-video-modal-close{position:absolute!important;right:12px!important;top:12px!important;z-index:4!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #fff!important;border-radius:1px!important;background:var(--drx31-red)!important;color:#fff!important;font-size:27px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important} #drxair-app .drxair-video-modal-head{padding:18px 70px 16px 18px!important;border-bottom:1px solid #343a43!important} #drxair-app .drxair-video-modal-head>span{display:inline-block!important;margin-bottom:7px!important;padding:4px 7px!important;background:var(--drx31-red)!important;color:#fff!important;font-size:8px!important;font-weight:900!important;letter-spacing:.1em!important} #drxair-app .drxair-video-modal-title{color:#fff!important;-webkit-text-fill-color:#fff!important;background:transparent!important;font-size:24px!important;font-weight:1000!important;line-height:1.08!important;text-transform:uppercase!important;letter-spacing:-.02em!important} #drxair-app .drxair-video-modal-media{width:100%!important;aspect-ratio:16/9!important;background:#000!important;display:grid!important;place-items:center!important;overflow:hidden!important} #drxair-app .drxair-video-modal-media iframe,#drxair-app .drxair-video-modal-media video{display:block!important;width:100%!important;height:100%!important;border:0!important;background:#000!important;object-fit:contain!important} @media(max-width:700px){ #drxair-app .drxair-video-modal{padding:8px!important;align-items:center!important} #drxair-app .drxair-video-modal-card{width:100%!important;max-height:94vh!important} #drxair-app .drxair-video-modal-card.is-portrait{width:min(96vw,440px)!important;max-height:96dvh!important} #drxair-app .drxair-video-modal-card.is-portrait{width:min(100%,460px)!important;max-height:94vh!important} #drxair-app .drxair-video-modal-head{padding:14px 58px 12px 12px!important} #drxair-app .drxair-video-modal-title{font-size:17px!important} #drxair-app .drxair-video-modal-close{width:38px!important;height:38px!important;right:8px!important;top:8px!important;font-size:24px!important} } /* === 1.0.33: álló videók olvasható előnézete + portré popup === */ #drxair-app .drxair-video-card.is-portrait .drxair-video-preview{ aspect-ratio:1/1!important; min-height:280px!important; background: radial-gradient(circle at 50% 35%,rgba(240,22,32,.10),transparent 42%), linear-gradient(135deg,#060708,#11151a 48%,#060708)!important; } #drxair-app .drxair-video-card.is-portrait .drxair-video-preview img, #drxair-app .drxair-video-card.is-portrait .drxair-video-preview video{ object-fit:contain!important; object-position:center center!important; background:#050608!important; filter:saturate(.94) contrast(1.03) brightness(.92)!important; } #drxair-app .drxair-video-card.is-portrait .drxair-video-preview:after{ content:'ÁLLÓ VIDEÓ';position:absolute;left:8px;top:8px;z-index:3; padding:4px 6px;border:1px solid rgba(255,255,255,.78);background:rgba(5,6,8,.78); color:#fff;font-size:7px;font-weight:1000;letter-spacing:.09em;line-height:1; } #drxair-app .drxair-video-card.is-portrait .drxair-play{z-index:4!important;} /* Popupban az álló videó ne egy széles 16:9 doboz közepén vesszen el. */ #drxair-app .drxair-video-modal-media.is-portrait{ width:auto!important; height:min(72dvh,760px)!important; aspect-ratio:9/16!important; max-width:100%!important; max-height:calc(100dvh - 105px)!important; margin:0 auto!important; background:#000!important; } #drxair-app .drxair-video-modal-card.is-portrait .drxair-video-modal-head{padding-bottom:12px!important} #drxair-app .drxair-video-modal-card.is-portrait .drxair-video-modal-media{border-top:1px solid #232830!important} #drxair-app .drxair-video-modal-media.is-portrait video, #drxair-app .drxair-video-modal-media.is-portrait iframe{ object-fit:contain!important; } @media(max-width:900px){ #drxair-app .drxair-video-card.is-portrait .drxair-video-preview{min-height:240px!important;} } @media(max-width:700px){ #drxair-app .drxair-video-card.is-portrait .drxair-video-preview{min-height:205px!important;aspect-ratio:4/5!important;} #drxair-app .drxair-video-card.is-portrait .drxair-video-preview:after{font-size:6px!important;left:6px;top:6px;padding:3px 5px;} #drxair-app .drxair-video-modal-media.is-portrait{width:min(100%,420px)!important;max-height:72vh!important;} } @media(max-width:390px){ #drxair-app .drxair-video-card.is-portrait .drxair-video-preview{min-height:180px!important;} } /* === 1.0.34: a regisztráció újra egyértelmű, modern CHAT ablak === */ #drxair-app .drxair-chat{ position:relative!important; margin:0!important; background:#07090c!important; border-top:0!important; } #drxair-app .drxair-chatbar{ display:flex!important;align-items:center!important;gap:11px!important; min-height:58px!important;padding:10px 18px!important; border-top:1px solid #303640!important;border-bottom:1px solid #303640!important; background:linear-gradient(180deg,#14181d,#0f1216)!important; box-shadow:0 8px 24px rgba(0,0,0,.18)!important; } #drxair-app .drxair-chat-avatar{ display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important; border:1px solid #fff!important;border-radius:50%!important;background:var(--drx31-red)!important;color:#fff!important; font-size:8px!important;font-weight:1000!important;letter-spacing:-.04em!important;box-shadow:0 0 0 3px rgba(240,22,32,.12)!important; } #drxair-app .drxair-chat-agent{display:block!important;min-width:0!important;line-height:1.15!important} #drxair-app .drxair-chat-agent strong{display:block!important;color:#fff!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.025em!important;text-transform:uppercase!important} #drxair-app .drxair-chat-agent small{display:flex!important;align-items:center!important;gap:6px!important;margin-top:5px!important;color:#98a2ad!important;font-size:8.5px!important;font-weight:800!important} #drxair-app .drxair-chat-agent i{display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#19c37d!important;box-shadow:0 0 0 3px rgba(25,195,125,.10)!important} #drxair-app .drxair-chat-badge{margin-left:auto!important;border:1px solid #3b424c!important;padding:5px 7px!important;color:#7e8995!important;font-size:7px!important;font-weight:1000!important;letter-spacing:.12em!important} #drxair-app .drxair-stream{ position:relative!important;padding:22px 26px 16px!important; background: radial-gradient(circle at 12% 8%,rgba(240,22,32,.045),transparent 28%), linear-gradient(180deg,#090b0e 0%,#07090c 100%)!important; } #drxair-app .drxair-stream:before{ content:"PÁRBESZÉD";display:block!important;margin:0 0 14px!important;color:#59636f!important; font-size:7px!important;font-weight:1000!important;letter-spacing:.16em!important;text-align:center!important; } #drxair-app .drxair-bubble{ position:relative!important;width:fit-content!important;max-width:min(760px,82%)!important; margin:0 0 18px!important;padding:26px 16px 14px!important; border-radius:14px!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important; } #drxair-app .drxair-bubble.ai{ margin-right:auto!important;background:#171b20!important;border:1px solid #343b45!important;border-left:3px solid var(--drx31-red)!important; color:#f5f7f9!important;border-radius:4px 14px 14px 14px!important; } #drxair-app .drxair-bubble.ai:before{ content:"DRX SPORT";position:absolute!important;left:14px!important;top:9px!important;color:#ff424a!important; font-size:7px!important;font-weight:1000!important;letter-spacing:.12em!important;line-height:1!important; } #drxair-app .drxair-bubble.user{ margin-left:auto!important;margin-right:0!important;padding-top:26px!important; background:#3a0e13!important;border:1px solid #6f242c!important;border-right:3px solid #ff3942!important; color:#fff!important;border-radius:14px 4px 14px 14px!important; } #drxair-app .drxair-bubble.user:before{ content:"TE";position:absolute!important;right:14px!important;top:9px!important;color:#ffb1b5!important; font-size:7px!important;font-weight:1000!important;letter-spacing:.12em!important;line-height:1!important; } #drxair-app .drxair-bubble.success.ai:before{content:"DRX SPORT • KÉSZ"!important;color:#51d399!important} #drxair-app .drxair-bubble.warn.ai:before{content:"DRX SPORT • FIGYELEM"!important;color:#ffc766!important} #drxair-app .drxair-bubble.error.ai:before{content:"DRX SPORT • HIBA"!important;color:#ff737b!important} #drxair-app .drxair-bubble.success{border-left-color:#22a06b!important} #drxair-app .drxair-bubble.warn{border-left-color:#d69129!important} #drxair-app .drxair-bubble.error{border-left-color:#e64952!important} #drxair-app .drxair-history-toggle{ position:relative!important;z-index:2!important;margin:12px auto 0!important;border-radius:999px!important; background:#11151a!important;border:1px solid #343b45!important;color:#c1c8d0!important; } #drxair-app .drxair-composer{ position:relative!important;margin:0!important;padding:18px 24px 22px!important; background:#0d1014!important;border-top:1px solid #343b45!important; box-shadow:0 -12px 30px rgba(0,0,0,.14)!important; } #drxair-app .drxair-composer:not(:empty):before{ content:"VÁLASZ / KÖVETKEZŐ LÉPÉS";display:block!important;margin:0 0 10px!important;color:#6f7a86!important; font-size:7px!important;font-weight:1000!important;letter-spacing:.14em!important; } #drxair-app .drxair-composer .drxair-form, #drxair-app .drxair-composer .drxair-provider-wrap, #drxair-app .drxair-composer .drxair-action-list{ position:relative!important;z-index:1!important; } #drxair-app .drxair-action-list{gap:8px!important} #drxair-app .drxair-action-list button{min-height:40px!important} /* 1.0.34: portré videó popup ténylegesen keskeny és teljes magasságban látható */ #drxair-app .drxair-video-modal-card.is-portrait{width:min(92vw,520px)!important;overflow:hidden!important} #drxair-app .drxair-video-modal-card.is-portrait .drxair-video-modal-head{padding:14px 58px 12px 14px!important} #drxair-app .drxair-video-modal-card.is-portrait .drxair-video-modal-title{font-size:18px!important} #drxair-app .drxair-video-modal-media.is-portrait{height:min(72dvh,760px)!important;width:auto!important;max-width:100%!important;max-height:calc(100dvh - 102px)!important;margin:0 auto!important} @media(max-width:700px){ #drxair-app .drxair-chatbar{min-height:54px!important;padding:9px 11px!important} #drxair-app .drxair-chat-avatar{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:7px!important} #drxair-app .drxair-chat-agent strong{font-size:10.5px!important} #drxair-app .drxair-chat-agent small{font-size:7.5px!important} #drxair-app .drxair-chat-badge{display:none!important} #drxair-app .drxair-stream{padding:17px 10px 10px!important} #drxair-app .drxair-bubble{max-width:92%!important;margin-bottom:15px!important;padding:24px 12px 12px!important;font-size:13px!important} #drxair-app .drxair-bubble.ai:before{left:11px!important;top:8px!important} #drxair-app .drxair-bubble.user:before{right:11px!important;top:8px!important} #drxair-app .drxair-composer{padding:14px 10px 16px!important} #drxair-app .drxair-video-modal-card.is-portrait{width:min(96vw,430px)!important;max-height:96dvh!important} #drxair-app .drxair-video-modal-media.is-portrait{height:min(73dvh,700px)!important;max-height:calc(100dvh - 92px)!important} } /* === 1.0.35: kritikus UX rendbetétel – valódi chatablak, mobil olvashatóság, belső scroll === */ #drxair-app .drxair-appcard{overflow:hidden!important} #drxair-app .drxair-chat{ display:flex!important;flex-direction:column!important;min-height:560px!important;height:min(76dvh,800px)!important;max-height:800px!important;overflow:hidden!important; background:#07090c!important; } #drxair-app .drxair-chatbar,#drxair-app .drxair-history-toggle{flex:0 0 auto!important} #drxair-app .drxair-stream{ flex:1 1 auto!important;min-height:210px!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important; overscroll-behavior:contain!important;scrollbar-gutter:stable!important;scroll-behavior:smooth!important; } #drxair-app .drxair-stream::-webkit-scrollbar,#drxair-app .drxair-composer::-webkit-scrollbar{width:8px} #drxair-app .drxair-stream::-webkit-scrollbar-track,#drxair-app .drxair-composer::-webkit-scrollbar-track{background:#090b0e} #drxair-app .drxair-stream::-webkit-scrollbar-thumb,#drxair-app .drxair-composer::-webkit-scrollbar-thumb{background:#333a43;border:2px solid #090b0e} #drxair-app .drxair-composer{ flex:0 0 auto!important;max-height:min(43dvh,430px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important; scrollbar-gutter:stable!important; } #drxair-app .drxair-stream:before{margin-bottom:10px!important;color:#818b96!important;font-size:8px!important} #drxair-app .drxair-bubble{font-size:15px!important;line-height:1.55!important;color:#f4f6f8!important} #drxair-app .drxair-bubble small{color:#b9c1ca!important;font-size:12px!important;line-height:1.45!important} #drxair-app .drxair-bubble.ai:before,#drxair-app .drxair-bubble.user:before{font-size:8px!important} #drxair-app .drxair-chat-agent strong{font-size:13px!important} #drxair-app .drxair-chat-agent small{color:#b0b8c2!important;font-size:10px!important} #drxair-app .drxair-chat-badge{color:#a7b0bb!important;font-size:8px!important} #drxair-app .drxair-state-label{color:#c5ccd4!important;font-size:10px!important} #drxair-app .drxair-field label{color:#f1f3f5!important;font-size:10px!important} #drxair-app .drxair-check,#drxair-app .drxair-policy,#drxair-app .drxair-hint{color:#bcc4cd!important;font-size:12px!important;line-height:1.5!important} #drxair-app .drxair-btn,#drxair-app .drxair-quick button{min-height:48px!important;padding:12px 15px!important;font-size:13px!important;line-height:1.25!important} #drxair-app .drxair-btn.primary{font-size:14px!important} #drxair-app .drxair-provider strong{font-size:12px!important} #drxair-app .drxair-provider-lead p{color:#c4cbd3!important} #drxair-app .drxair-top-steps li{font-size:10px!important;color:#939ca7!important} #drxair-app .drxair-top-steps li.active{color:#fff!important} #drxair-app .drxair-top-steps li.done{color:#8fe0b7!important} /* Popup: az álló videó ablaka maga is álló, a videó nem kap óriási fekete oldalsávot. */ #drxair-app .drxair-video-modal-card{display:flex!important;flex-direction:column!important;overflow:hidden!important} #drxair-app .drxair-video-modal-card.is-portrait{width:min(92vw,440px)!important;max-height:96dvh!important} #drxair-app .drxair-video-modal-card.is-portrait .drxair-video-modal-head{flex:0 0 auto!important} #drxair-app .drxair-video-modal-card.is-portrait .drxair-video-modal-media{ flex:1 1 auto!important;width:100%!important;height:auto!important;aspect-ratio:9/16!important;max-height:calc(96dvh - 82px)!important;margin:0!important;background:#000!important; } #drxair-app .drxair-video-modal-card.is-portrait .drxair-video-modal-media video,#drxair-app .drxair-video-modal-card.is-portrait .drxair-video-modal-media iframe{width:100%!important;height:100%!important;object-fit:contain!important} @media(max-width:700px){ #drxair-app.drxair-shell-v2{padding:6px 4px 28px!important} #drxair-app .drxair-appcard{border-radius:10px!important} #drxair-app .drxair-apphead{min-height:58px!important;padding:8px 9px!important} #drxair-app .drxair-site-logo-img{max-width:116px!important;max-height:32px!important} #drxair-app .drxair-state-label{font-size:9px!important;margin-top:3px!important} #drxair-app .drxair-restart-btn{min-height:42px!important;padding:9px 11px!important;font-size:10px!important} #drxair-app .drxair-top-steps{padding:9px 5px 10px!important;gap:2px!important} #drxair-app .drxair-top-steps b{width:29px!important;min-width:29px!important;height:29px!important;font-size:10px!important} #drxair-app .drxair-top-steps li{gap:4px!important;font-size:9px!important;line-height:1.05!important;letter-spacing:0!important;text-transform:none!important} #drxair-app .drxair-top-steps li span{font-size:9px!important} #drxair-app .drxair-chat{height:calc(100dvh - 150px)!important;min-height:480px!important;max-height:720px!important} #drxair-app .drxair-chatbar{min-height:52px!important;padding:8px 10px!important} #drxair-app .drxair-chat-avatar{width:34px!important;height:34px!important;flex-basis:34px!important} #drxair-app .drxair-chat-agent strong{font-size:11.5px!important} #drxair-app .drxair-chat-agent small{font-size:9px!important} #drxair-app .drxair-stream{padding:12px 9px 10px!important;min-height:170px!important} #drxair-app .drxair-stream:before{display:none!important} #drxair-app .drxair-bubble{max-width:94%!important;margin-bottom:12px!important;padding:24px 12px 12px!important;font-size:15px!important;line-height:1.5!important} #drxair-app .drxair-bubble small{font-size:11.5px!important} #drxair-app .drxair-composer{padding:12px 9px 14px!important;max-height:49dvh!important} #drxair-app .drxair-composer:not(:empty):before{font-size:8px!important;margin-bottom:8px!important;color:#9aa4af!important} #drxair-app .drxair-field label{font-size:10px!important} #drxair-app .drxair-field input,#drxair-app .drxair-field select,#drxair-app .drxair-field textarea{font-size:16px!important;min-height:50px!important} #drxair-app .drxair-btn,#drxair-app .drxair-quick button{min-height:50px!important;font-size:14px!important;padding:13px 12px!important} #drxair-app .drxair-btn.primary{font-size:14.5px!important} #drxair-app .drxair-provider{min-height:108px!important;padding:10px 7px!important} #drxair-app .drxair-provider strong{font-size:11.5px!important} #drxair-app .drxair-returning-copy>strong{font-size:18px!important;line-height:1.15!important} #drxair-app .drxair-returning-copy p,#drxair-app .drxair-provider-lead p{font-size:13px!important;line-height:1.45!important;color:#c5ccd4!important} #drxair-app .drxair-provider-lead>strong{font-size:20px!important} #drxair-app .drxair-video-modal{padding:6px!important} #drxair-app .drxair-video-modal-card.is-portrait{width:min(94vw,390px)!important;max-height:97dvh!important} #drxair-app .drxair-video-modal-card.is-portrait .drxair-video-modal-title{font-size:16px!important} #drxair-app .drxair-video-modal-card.is-portrait .drxair-video-modal-media{max-height:calc(97dvh - 74px)!important} } @media(max-width:380px){ #drxair-app .drxair-top-steps li span{font-size:8.3px!important} #drxair-app .drxair-top-steps b{width:27px!important;min-width:27px!important;height:27px!important} #drxair-app .drxair-restart-btn{padding:8px 9px!important;font-size:9.5px!important} #drxair-app .drxair-chat{height:calc(100dvh - 145px)!important;min-height:455px!important} } /* ========================================================================== v1.0.36 – CHAT-FIRST UI/UX refaktor Csak megjelenés és beszélgetés-vizualizáció. Voucher/API/fiók/foglalás logika változatlan. ========================================================================== */ :root{--drx36-border:#30363f;--drx36-muted:#aeb7c2;--drx36-panel:#10141a;--drx36-panel-2:#151a21;--drx36-red:#ef1723} #drxair-app .drxair-appcard{border:1px solid #252b33!important;background:#080a0d!important;box-shadow:0 28px 70px rgba(0,0,0,.34)!important} #drxair-app .drxair-apphead{border-bottom:1px solid var(--drx36-border)!important;background:#0c0f13!important;padding:13px 18px!important} #drxair-app .drxair-state-label{font-size:12px!important;font-weight:800!important;color:#cbd2da!important;letter-spacing:0!important;text-transform:none!important} #drxair-app .drxair-restart-btn{min-height:46px!important;padding:11px 17px!important;border:1px solid #ff626a!important;background:var(--drx36-red)!important;color:#fff!important;font-size:12px!important;box-shadow:0 8px 22px rgba(239,23,35,.18)!important} #drxair-app .drxair-restart-btn:hover{background:#ff2632!important;border-color:#fff!important} /* Folyamat: olvasható, kevésbé műszerfal-szerű. */ #drxair-app .drxair-top-steps{padding:13px 18px 14px!important;border-bottom:1px solid var(--drx36-border)!important;background:#0a0d11!important;gap:8px!important} #drxair-app .drxair-top-steps li{font-size:12px!important;font-weight:850!important;color:#9fa8b3!important;letter-spacing:0!important;text-transform:none!important;gap:7px!important} #drxair-app .drxair-top-steps b{width:32px!important;min-width:32px!important;height:32px!important;border:1px solid #444c57!important;background:#11161c!important;font-size:12px!important} #drxair-app .drxair-top-steps li.active b{background:var(--drx36-red)!important;border-color:#ff4e58!important;color:#fff!important;box-shadow:0 0 0 4px rgba(239,23,35,.10)!important} #drxair-app .drxair-top-steps li.done b{background:#123f32!important;border-color:#2f9e76!important;color:#b7f3d7!important} #drxair-app .drxair-top-steps li:after{background:#303640!important;height:2px!important} #drxair-app .drxair-top-steps li.done:after{background:#277b60!important} #drxair-app .drxair-current-step{display:none;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--drx36-border);background:#0c1015;color:#fff} #drxair-app .drxair-current-step b{display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;background:var(--drx36-red);font-size:11px;line-height:1} #drxair-app .drxair-current-step span{font-size:12px;font-weight:900;letter-spacing:.04em} /* A regisztráció maga valódi chat-alkalmazás. */ #drxair-app .drxair-chat{height:min(70dvh,690px)!important;min-height:590px!important;max-height:690px!important;border:0!important;background:#07090c!important} #drxair-app .drxair-chatbar{min-height:60px!important;padding:10px 18px!important;border-bottom:1px solid var(--drx36-border)!important;background:#0e1217!important;box-shadow:0 7px 18px rgba(0,0,0,.12)!important} #drxair-app .drxair-chat-avatar{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:50%!important;background:linear-gradient(145deg,#ef1723,#a90812)!important;color:#fff!important;border:1px solid #ff5e67!important;font-size:8px!important;box-shadow:0 0 0 4px rgba(239,23,35,.08)!important} #drxair-app .drxair-chat-agent strong{font-size:13.5px!important;color:#fff!important;letter-spacing:.01em!important} #drxair-app .drxair-chat-agent small{font-size:11px!important;color:#aeb7c2!important;margin-top:2px!important} #drxair-app .drxair-chat-agent small i{width:7px!important;height:7px!important;background:#36c98f!important;box-shadow:0 0 0 3px rgba(54,201,143,.11)!important} #drxair-app .drxair-chat-badge{padding:6px 9px!important;border:1px solid #343b45!important;background:#11161c!important;color:#aab3bd!important;font-size:9px!important} #drxair-app .drxair-history-toggle{background:#0c1015!important;color:#dce2e8!important;border:0!important;border-bottom:1px solid #242b33!important;padding:8px 14px!important;font-size:11px!important} #drxair-app .drxair-stream{padding:20px 20px 16px!important;background:radial-gradient(circle at 20% 15%,rgba(239,23,35,.035),transparent 30%),#080a0d!important} #drxair-app .drxair-stream:before{content:"PÁRBESZÉD"!important;display:block!important;margin:0 0 12px!important;color:#77818d!important;font-size:9px!important;font-weight:900!important;letter-spacing:.13em!important} #drxair-app .drxair-bubble{position:relative!important;width:auto!important;max-width:78%!important;margin:0 0 15px!important;padding:27px 16px 14px!important;border:1px solid #303740!important;border-radius:13px!important;background:#171c23!important;color:#f5f7f9!important;font-size:15px!important;line-height:1.55!important;box-shadow:0 7px 18px rgba(0,0,0,.13)!important} #drxair-app .drxair-bubble.ai{margin-right:auto!important;border-left:3px solid var(--drx36-red)!important;background:#171c23!important} #drxair-app .drxair-bubble.user{margin-left:auto!important;margin-right:0!important;max-width:72%!important;border:1px solid #a21821!important;border-right:3px solid #ff3440!important;background:linear-gradient(145deg,#371014,#241014)!important;text-align:left!important} #drxair-app .drxair-bubble.ai:before,#drxair-app .drxair-bubble.user:before{top:8px!important;font-size:8px!important;line-height:1!important;font-weight:950!important;letter-spacing:.1em!important} #drxair-app .drxair-bubble.ai:before{content:"DRX SPORT"!important;left:14px!important;color:#ff6770!important} #drxair-app .drxair-bubble.user:before{content:"TE"!important;left:auto!important;right:14px!important;color:#ff8b92!important} #drxair-app .drxair-bubble.success{border-color:#2f765d!important;border-left-color:#36b985!important;background:#102019!important} #drxair-app .drxair-bubble.warn{border-color:#72582d!important;border-left-color:#e4a842!important;background:#211b10!important} #drxair-app .drxair-bubble.error{border-color:#793039!important;border-left-color:#ef4b58!important;background:#241014!important} #drxair-app .drxair-bubble span,#drxair-app .drxair-bubble p{color:#dbe1e7!important} #drxair-app .drxair-bubble strong,#drxair-app .drxair-bubble b{color:#fff!important} /* Aktuális válasz marad külön, stabil alsó panel; nem néz ki újabb weboldal-szekciónak. */ #drxair-app .drxair-composer{padding:14px 20px 18px!important;max-height:min(45dvh,360px)!important;border-top:1px solid #343b45!important;background:#0f1318!important;box-shadow:0 -10px 25px rgba(0,0,0,.16)!important} #drxair-app .drxair-composer:not(:empty):before{content:"VÁLASZ"!important;margin:0 0 10px!important;color:#bac2cb!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important} #drxair-app .drxair-composer .drxair-form,#drxair-app .drxair-composer .drxair-provider-wrap,#drxair-app .drxair-composer .drxair-vv-picker{border:0!important;background:transparent!important;box-shadow:none!important} #drxair-app .drxair-field label{font-size:12px!important;color:#dbe1e7!important;margin-bottom:6px!important} #drxair-app .drxair-field input,#drxair-app .drxair-field select,#drxair-app .drxair-field textarea{min-height:50px!important;border:1px solid #3b434d!important;border-radius:8px!important;background:#11161c!important;color:#fff!important;font-size:15px!important;box-shadow:none!important} #drxair-app .drxair-field input:focus,#drxair-app .drxair-field select:focus,#drxair-app .drxair-field textarea:focus{border-color:#ff404a!important;outline:2px solid rgba(239,23,35,.12)!important;outline-offset:1px!important} #drxair-app .drxair-btn,#drxair-app .drxair-quick button{min-height:48px!important;border-radius:8px!important;border:1px solid #3a424c!important;background:#151a20!important;color:#fff!important;font-size:13.5px!important;font-weight:850!important} #drxair-app .drxair-btn.primary,#drxair-app .drxair-quick button:first-child{border-color:#ff3c46!important;background:var(--drx36-red)!important;box-shadow:0 8px 18px rgba(239,23,35,.15)!important} #drxair-app .drxair-btn:hover,#drxair-app .drxair-quick button:hover{border-color:#fff!important;transform:none!important} #drxair-app .drxair-hint{display:flex!important;align-items:center!important;gap:10px!important;min-height:46px!important;padding:10px 12px!important;border:1px solid #303741!important;border-radius:9px!important;background:#151a20!important;color:#d6dce3!important;font-size:13px!important} #drxair-app .drxair-hint:before{content:"";width:8px;height:8px;border-radius:50%;background:#ef1723;box-shadow:14px 0 0 #8c2228,28px 0 0 #4a2225;margin-right:28px;animation:drx36typing 1.1s infinite alternate} @keyframes drx36typing{from{opacity:.45}to{opacity:1}} /* Első döntés: egyszerűbb vizuális hierarchia. */ #drxair-app .drxair-returning-user{padding:13px 14px!important;border:1px solid #5a2d31!important;border-left:3px solid var(--drx36-red)!important;border-radius:9px!important;background:#181215!important;gap:14px!important} #drxair-app .drxair-returning-copy>span{font-size:9px!important;color:#ff7179!important} #drxair-app .drxair-returning-copy>strong{font-size:17px!important;line-height:1.2!important;text-transform:none!important} #drxair-app .drxair-returning-copy p{margin-top:4px!important;color:#c1c9d1!important;font-size:12px!important;line-height:1.42!important} #drxair-app .drxair-returning-btn{min-height:46px!important;border-radius:7px!important;background:var(--drx36-red)!important;border:1px solid #ff4a54!important;font-size:11px!important} #drxair-app .drxair-new-voucher-divider,#drxair-app .drxair-or-divider{color:#909aa5!important;font-size:9px!important} #drxair-app .drxair-provider-lead{margin:8px 0 10px!important} #drxair-app .drxair-provider-lead>span{font-size:9px!important} #drxair-app .drxair-provider-lead>strong{font-size:20px!important;line-height:1.15!important;text-transform:none!important} #drxair-app .drxair-provider-lead p{font-size:12.5px!important;color:#bac3cc!important} #drxair-app .drxair-provider-grid{gap:7px!important} #drxair-app .drxair-provider{min-height:92px!important;padding:9px!important;border:1px solid #343c46!important;border-radius:8px!important;background:#12171d!important;box-shadow:none!important} #drxair-app .drxair-provider:hover,#drxair-app .drxair-provider:focus-visible{border-color:#ff424c!important;background:#171c23!important} #drxair-app .drxair-provider img{max-height:42px!important;max-width:112px!important} #drxair-app .drxair-provider strong{font-size:12px!important;color:#fff!important} #drxair-app .drxair-provider-arrow{display:none!important} #drxair-app .drxair-scan-secondary{padding:12px!important;border:1px dashed #3c444e!important;border-radius:9px!important;background:#0d1116!important} #drxair-app .drxair-scan-copy strong{font-size:16px!important;text-transform:none!important} #drxair-app .drxair-scan-copy p{font-size:12px!important;color:#aeb7c2!important} /* Fehér vonal csak fókusznál / kijelölésnél. */ #drxair-app .drxair-selected-provider,#drxair-app .drxair-booking-card,#drxair-app .drxair-track-card,#drxair-app .drxair-disclosure{border-color:#343c46!important} #drxair-app .drxair-booking-card:hover,#drxair-app .drxair-track-card:hover,#drxair-app .drxair-track-card.selected{border-color:#ff424c!important} #drxair-app .drxair-disclosure summary{font-size:12px!important;color:#e6ebef!important} #drxair-app .drxair-check,#drxair-app .drxair-policy{font-size:12.5px!important;color:#c1c9d2!important} /* Események: ne növeljék képernyőhosszra az oldalt – vízszintes, időrendben rendezett sáv. */ #drxair-app .drxair-native-events .drx-event-list{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(285px,calc((100% - 24px)/3))!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 12px!important;scroll-snap-type:x proximity!important;overscroll-behavior-x:contain!important;scrollbar-width:thin!important} #drxair-app .drxair-native-events .drx-event-card{width:auto!important;min-width:0!important;display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;scroll-snap-align:start!important;border:1px solid #303842!important;border-left:3px solid var(--drx36-red)!important;border-radius:9px!important;background:#11161c!important;padding:11px!important;min-height:92px!important} #drxair-app .drxair-native-events .drx-cat-img{width:58px!important;height:58px!important;object-fit:cover!important;border:1px solid #343c46!important;border-radius:7px!important} #drxair-app .drxair-native-events .drx-event-info h3{font-size:14px!important;line-height:1.15!important;color:#fff!important;margin:0 0 5px!important} #drxair-app .drxair-native-events .drx-event-info p{font-size:11px!important;color:#c1cad3!important;margin:0!important} #drxair-app .drxair-native-events .drx-timer{grid-column:2!important;font-size:11px!important;color:#64dda7!important;font-weight:850!important} #drxair-app .drxair-native-events .drx-status-badge{font-size:9px!important} #drxair-app .drxair-event-slider--fallback{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(285px,calc((100% - 24px)/3))!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;padding-bottom:12px!important} #drxair-app .drxair-event-slider--fallback .drxair-event-card{scroll-snap-align:start!important} #drxair-app .drxair-countdown>div:last-child{display:none!important} #drxair-app .drxair-block-head p{font-size:12.5px!important;line-height:1.5!important;color:#b4bdc7!important} /* Videók: desktop 3 oszlop, mobil egy álló kártya / sor. */ #drxair-app .drxair-video-copy strong{font-size:13px!important;line-height:1.35!important} #drxair-app .drxair-video-copy small{font-size:10px!important;color:#aeb7c2!important} #drxair-app .drxair-video-card{border-color:#343c46!important;border-radius:9px!important;background:#10151b!important} #drxair-app .drxair-video-card:hover{border-color:#ff424c!important} /* Asszisztált regisztráció: másodlagos, de olvasható. */ #drxair-app .drxair-assisted{padding:15px 16px!important;border:1px solid #333b45!important;border-left:3px solid var(--drx36-red)!important;border-radius:9px!important;background:#101419!important} #drxair-app .drxair-assisted-title{font-size:17px!important;text-transform:none!important} #drxair-app .drxair-assisted p{font-size:12.5px!important;color:#b9c2cb!important;line-height:1.45!important} #drxair-app .drxair-assisted-action{gap:10px!important} /* Videó popup: portré videónál az egész dialógus portré, desktopon és mobilon is. */ #drxair-app .drxair-video-modal-card{border:1px solid #4a525c!important;border-left:3px solid var(--drx36-red)!important;border-radius:10px!important;background:#050608!important} #drxair-app .drxair-video-modal-card.is-portrait{width:min(92vw,430px)!important;max-height:94dvh!important} #drxair-app .drxair-video-modal-card.is-portrait .drxair-video-modal-media{width:100%!important;aspect-ratio:9/16!important;height:auto!important;max-height:calc(94dvh - 84px)!important;background:#000!important} #drxair-app .drxair-video-modal-card.is-portrait .drxair-video-modal-media video{object-fit:contain!important} @media(max-width:700px){ #drxair-app .drxair-current-step{display:flex!important} #drxair-app .drxair-top-steps{padding:8px 7px 9px!important;gap:3px!important} #drxair-app .drxair-top-steps li{font-size:0!important;gap:3px!important} #drxair-app .drxair-top-steps li span{display:none!important} #drxair-app .drxair-top-steps b{width:28px!important;min-width:28px!important;height:28px!important;font-size:10px!important} #drxair-app .drxair-apphead{padding:8px 9px!important} #drxair-app .drxair-state-label{display:none!important} #drxair-app .drxair-restart-btn{min-height:42px!important;padding:9px 10px!important;font-size:10px!important} #drxair-app .drxair-chat{height:72svh!important;min-height:500px!important;max-height:720px!important} #drxair-app .drxair-chatbar{min-height:54px!important;padding:8px 10px!important} #drxair-app .drxair-chat-avatar{width:34px!important;height:34px!important;flex-basis:34px!important} #drxair-app .drxair-chat-agent strong{font-size:12px!important} #drxair-app .drxair-chat-agent small{font-size:9.5px!important} #drxair-app .drxair-stream{padding:14px 10px 12px!important} #drxair-app .drxair-stream:before{display:none!important} #drxair-app .drxair-bubble{max-width:90%!important;padding:26px 13px 13px!important;border-radius:12px!important;font-size:15px!important;line-height:1.5!important} #drxair-app .drxair-bubble.user{max-width:84%!important} #drxair-app .drxair-composer{padding:11px 10px 13px!important;max-height:44svh!important} #drxair-app .drxair-composer:not(:empty):before{font-size:10px!important} #drxair-app .drxair-field input,#drxair-app .drxair-field select,#drxair-app .drxair-field textarea{font-size:16px!important;min-height:50px!important} #drxair-app .drxair-btn,#drxair-app .drxair-quick button{min-height:50px!important;font-size:14px!important} #drxair-app .drxair-returning-user{grid-template-columns:1fr!important} #drxair-app .drxair-returning-copy>strong{font-size:17px!important} #drxair-app .drxair-returning-copy p{font-size:13px!important} #drxair-app .drxair-returning-btn{width:100%!important;font-size:12px!important} #drxair-app .drxair-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #drxair-app .drxair-provider{min-height:100px!important} #drxair-app .drxair-provider strong{font-size:12px!important} #drxair-app .drxair-scan-secondary{grid-template-columns:1fr!important} #drxair-app .drxair-scan-actions{grid-template-columns:1fr!important} #drxair-app .drxair-native-events .drx-event-list,#drxair-app .drxair-event-slider--fallback{grid-auto-columns:minmax(260px,82vw)!important;gap:9px!important} #drxair-app .drxair-video-grid{grid-template-columns:1fr!important;gap:12px!important} #drxair-app .drxair-video-card.is-portrait .drxair-video-preview{aspect-ratio:9/13!important;min-height:0!important;max-height:520px!important} #drxair-app .drxair-video-card.is-portrait .drxair-video-preview video,#drxair-app .drxair-video-card.is-portrait .drxair-video-preview img{object-fit:contain!important;background:#080a0d!important} #drxair-app .drxair-assisted{grid-template-columns:1fr!important;gap:12px!important} #drxair-app .drxair-assisted-action{justify-content:flex-start!important;flex-wrap:wrap!important} #drxair-app .drxair-video-modal-card.is-portrait{width:min(94vw,390px)!important;max-height:96dvh!important} #drxair-app .drxair-video-modal-card.is-portrait .drxair-video-modal-media{max-height:calc(96dvh - 78px)!important} } @media(max-width:390px){ #drxair-app .drxair-current-step{padding:7px 9px!important} #drxair-app .drxair-current-step span{font-size:11px!important} #drxair-app .drxair-chat{height:74svh!important;min-height:480px!important} #drxair-app .drxair-bubble{font-size:14.5px!important} #drxair-app .drxair-provider{min-height:94px!important;padding:8px!important} #drxair-app .drxair-native-events .drx-event-list,#drxair-app .drxair-event-slider--fallback{grid-auto-columns:86vw!important} } /* ========================================================================== v1.0.37 – chat typing + átfedés / tördelés javítás Kizárólag UI/UX: üzleti logika változatlan. ========================================================================== */ #drxair-app .drxair-chat{ height:min(82dvh,860px)!important; min-height:650px!important; max-height:860px!important; } #drxair-app .drxair-stream{ flex:1 1 235px!important; min-height:220px!important; scroll-padding-bottom:22px!important; } #drxair-app .drxair-composer{ flex:0 1 auto!important; max-height:min(58dvh,520px)!important; padding-bottom:24px!important; scroll-padding-bottom:26px!important; } #drxair-app .drxair-composer>*{min-width:0!important} #drxair-app .drxair-provider-wrap, #drxair-app .drxair-form, #drxair-app .drxair-vv-picker, #drxair-app .drxair-action-list, #drxair-app .drxair-returning-user, #drxair-app .drxair-scan-secondary, #drxair-app .drxair-scan-copy, #drxair-app .drxair-scan-actions{min-width:0!important} /* Gomb- és szövegtördelés: semmi ne lógjon rá a szomszéd elemre. */ #drxair-app button, #drxair-app .drxair-btn, #drxair-app .drxair-returning-btn, #drxair-app .drxair-provider, #drxair-app .drxair-quick button{ white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; line-height:1.25!important; } #drxair-app .drxair-provider{overflow:hidden!important} #drxair-app .drxair-provider strong, #drxair-app .drxair-provider-brand, #drxair-app .drxair-returning-copy, #drxair-app .drxair-returning-copy strong, #drxair-app .drxair-returning-copy p, #drxair-app .drxair-provider-lead, #drxair-app .drxair-provider-lead strong, #drxair-app .drxair-provider-lead p, #drxair-app .drxair-scan-copy, #drxair-app .drxair-scan-copy strong, #drxair-app .drxair-scan-copy p, #drxair-app .drxair-field, #drxair-app .drxair-field label, #drxair-app .drxair-bubble{ min-width:0!important; overflow-wrap:anywhere!important; } #drxair-app .drxair-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important} #drxair-app .drxair-returning-user{grid-template-columns:minmax(0,1fr) minmax(230px,auto)!important;align-items:center!important} #drxair-app .drxair-scan-secondary{grid-template-columns:minmax(0,1fr) minmax(260px,34%)!important;align-items:center!important} #drxair-app .drxair-scan-actions{width:100%!important} #drxair-app .drxair-appfoot{position:relative!important;z-index:5!important;flex:0 0 auto!important} /* Valódi "gépel..." állapot a beszélgetésben az aszinkron ellenőrzések alatt. */ #drxair-app .drxair-bubble.drxair-typing{ width:max-content!important; max-width:min(78%,520px)!important; min-height:64px!important; display:flex!important; align-items:center!important; gap:12px!important; padding:27px 16px 13px!important; opacity:.98!important; } #drxair-app .drxair-bubble.drxair-typing:before{content:"DRX SPORT • GÉPEL"!important;color:#ff7880!important} #drxair-app .drxair-typing-dots{display:inline-flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important} #drxair-app .drxair-typing-dots i{display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#e6ebef!important;animation:drx37typing 1.05s infinite ease-in-out!important} #drxair-app .drxair-typing-dots i:nth-child(2){animation-delay:.14s!important} #drxair-app .drxair-typing-dots i:nth-child(3){animation-delay:.28s!important} #drxair-app .drxair-typing-text{color:#b7c0c9!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important} @keyframes drx37typing{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}} @media(max-width:900px){ #drxair-app .drxair-returning-user{grid-template-columns:1fr!important} #drxair-app .drxair-returning-btn{width:100%!important} #drxair-app .drxair-scan-secondary{grid-template-columns:1fr!important} } @media(max-width:700px){ #drxair-app .drxair-chat{height:78svh!important;min-height:520px!important;max-height:760px!important} #drxair-app .drxair-stream{min-height:180px!important;padding-bottom:14px!important} #drxair-app .drxair-composer{max-height:56svh!important;padding-bottom:18px!important;scrollbar-gutter:auto!important} #drxair-app .drxair-form{grid-template-columns:1fr!important} #drxair-app .drxair-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #drxair-app .drxair-provider{min-height:104px!important;padding:9px 6px!important} #drxair-app .drxair-provider strong{font-size:11px!important;line-height:1.2!important} #drxair-app .drxair-bubble.drxair-typing{max-width:92%!important;min-height:62px!important;padding:26px 13px 12px!important} #drxair-app .drxair-typing-text{font-size:11.5px!important} #drxair-app .drxair-appfoot{padding:9px 10px!important;font-size:8.5px!important} } @media(max-width:390px){ #drxair-app .drxair-chat{height:79svh!important;min-height:500px!important} #drxair-app .drxair-composer{max-height:57svh!important} #drxair-app .drxair-provider{min-height:96px!important} #drxair-app .drxair-provider strong{font-size:10.5px!important} } /* ========================================================================== v1.0.38 – egyetlen természetes chat-scroll + mindig látható aktuális üzenet Nincs külön üzenet-scroll és külön válasz-scroll. Funkció változatlan. ========================================================================== */ #drxair-app .drxair-chat{ position:relative!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior-y:auto!important; -webkit-overflow-scrolling:touch!important; scrollbar-gutter:stable!important; scroll-behavior:smooth!important; } #drxair-app .drxair-chatbar{ position:sticky!important; top:0!important; z-index:30!important; } #drxair-app .drxair-stream{ flex:0 0 auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; scrollbar-gutter:auto!important; scroll-behavior:auto!important; } #drxair-app .drxair-composer{ flex:0 0 auto!important; max-height:none!important; overflow:visible!important; scrollbar-gutter:auto!important; box-shadow:0 -1px 0 #343b45!important; } #drxair-app .drxair-stream::-webkit-scrollbar, #drxair-app .drxair-composer::-webkit-scrollbar{display:none!important} #drxair-app .drxair-chat::-webkit-scrollbar{width:9px!important} #drxair-app .drxair-chat::-webkit-scrollbar-track{background:#090b0e!important} #drxair-app .drxair-chat::-webkit-scrollbar-thumb{background:#39414b!important;border:2px solid #090b0e!important;border-radius:10px!important} #drxair-app .drxair-chat::-webkit-scrollbar-thumb:hover{background:#505a66!important} /* A válaszpanel ne takarja el az utolsó DRX üzenetet. */ #drxair-app .drxair-stream{padding-bottom:18px!important} #drxair-app .drxair-composer{padding-top:16px!important} #drxair-app .drxair-bubble:last-child{scroll-margin-top:78px!important} /* Hosszú segítség / szolgáltató lista esetén is egyértelmű legyen, hogy ugyanazon chat folytatása. */ #drxair-app .drxair-composer:not(:empty){border-top:1px solid #343b45!important} #drxair-app .drxair-composer:not(:empty):before{ position:static!important; display:block!important; } @media(max-width:700px){ #drxair-app .drxair-chat{ height:78svh!important; min-height:520px!important; max-height:780px!important; } #drxair-app .drxair-chatbar{top:0!important} #drxair-app .drxair-stream{padding:13px 10px 16px!important} #drxair-app .drxair-composer{padding:14px 10px 18px!important} #drxair-app .drxair-bubble:last-child{scroll-margin-top:66px!important} } @media(max-width:390px){ #drxair-app .drxair-chat{height:79svh!important;min-height:500px!important} } /* ========================================================================== v1.0.39 – észrevehető, tanulás nélküli chat-scroll A chat továbbra is egy ablak, de a görgő az egész regisztrációs kártyán működik. A chat alján átadja a görgetést az oldalnak, és külön vizuális jelzés mutatja, ha további tartalom van lejjebb. ========================================================================== */ #drxair-app .drxair-chat{ scrollbar-width:auto!important; scrollbar-color:#ef1e2d #151a20!important; overscroll-behavior-y:auto!important; } #drxair-app .drxair-chat::-webkit-scrollbar{width:14px!important} #drxair-app .drxair-chat::-webkit-scrollbar-track{ background:#11161b!important; border-left:1px solid #2f3740!important; } #drxair-app .drxair-chat::-webkit-scrollbar-thumb{ background:#ef1e2d!important; border:3px solid #11161b!important; border-radius:999px!important; min-height:48px!important; } #drxair-app .drxair-chat::-webkit-scrollbar-thumb:hover{background:#ff3542!important} #drxair-app .drxair-scroll-cue{ position:sticky!important; bottom:12px!important; z-index:35!important; width:max-content!important; max-width:calc(100% - 32px)!important; margin:-4px auto 12px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; padding:9px 12px!important; border:1px solid rgba(255,255,255,.72)!important; border-radius:999px!important; background:rgba(8,10,13,.94)!important; color:#fff!important; box-shadow:0 8px 26px rgba(0,0,0,.38),0 0 0 2px rgba(239,30,45,.08)!important; font-size:11px!important; font-weight:900!important; letter-spacing:.025em!important; line-height:1!important; pointer-events:none!important; opacity:0!important; transform:translateY(8px)!important; transition:opacity .18s ease,transform .18s ease!important; } #drxair-app .drxair-scroll-cue.is-visible{ opacity:1!important; transform:translateY(0)!important; } #drxair-app .drxair-scroll-cue b{ display:grid!important; place-items:center!important; width:22px!important; height:22px!important; border-radius:50%!important; background:var(--drx31-red,#ef1e2d)!important; color:#fff!important; font-size:15px!important; animation:drxairScrollCue 1.2s ease-in-out infinite!important; } @keyframes drxairScrollCue{0%,100%{transform:translateY(-1px)}50%{transform:translateY(3px)}} /* Finom alsó árnyék: első pillantásra látszik, hogy a panel folytatódik. */ #drxair-app .drxair-chat:after{ content:''; position:sticky!important; display:block!important; bottom:0!important; z-index:20!important; height:18px!important; margin-top:-18px!important; background:linear-gradient(to bottom,transparent,rgba(5,7,9,.72))!important; pointer-events:none!important; opacity:.82!important; } #drxair-app .drxair-chat.is-at-bottom:after{opacity:0!important} @media(max-width:700px){ #drxair-app .drxair-chat{scrollbar-width:thin!important} #drxair-app .drxair-chat::-webkit-scrollbar{width:8px!important} #drxair-app .drxair-scroll-cue{ bottom:8px!important; margin-bottom:8px!important; font-size:11px!important; padding:9px 11px!important; } #drxair-app .drxair-scroll-cue-text:before{content:'Húzd / görgess: ';} } /* ========================================================================== v1.0.40 – mobil eseménykártyák: egy teljes kártya / nézet, nincs bal oldali csonk ========================================================================== */ @media(max-width:700px){ #drxair-app .drxair-native-events .drx-event-list, #drxair-app .drxair-event-slider--fallback{ grid-auto-columns:100%!important; gap:10px!important; padding:2px 0 10px!important; scroll-padding-left:0!important; scroll-snap-type:x mandatory!important; scrollbar-width:none!important; } #drxair-app .drxair-native-events .drx-event-list::-webkit-scrollbar, #drxair-app .drxair-event-slider--fallback::-webkit-scrollbar{display:none!important} #drxair-app .drxair-native-events .drx-event-card, #drxair-app .drxair-event-slider--fallback .drxair-event-card{ width:100%!important; min-width:100%!important; max-width:100%!important; box-sizing:border-box!important; scroll-snap-align:start!important; scroll-snap-stop:always!important; margin:0!important; } #drxair-app .drxair-native-events .drx-event-card{ grid-template-columns:56px minmax(0,1fr)!important; grid-template-rows:auto auto!important; column-gap:11px!important; row-gap:5px!important; min-height:88px!important; padding:10px 11px!important; } #drxair-app .drxair-native-events .drx-cat-img{ grid-column:1!important; grid-row:1 / span 2!important; width:54px!important; height:54px!important; margin:0!important; align-self:center!important; } #drxair-app .drxair-native-events .drx-event-info{ grid-column:2!important; grid-row:1!important; min-width:0!important; overflow:hidden!important; } #drxair-app .drxair-native-events .drx-event-info h3{ display:block!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; font-size:14px!important; line-height:1.2!important; margin:0 0 4px!important; } #drxair-app .drxair-native-events .drx-event-info p{ white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; font-size:11px!important; line-height:1.25!important; } #drxair-app .drxair-native-events .drx-timer, #drxair-app .drxair-native-events .drx-status-badge{ grid-column:2!important; grid-row:2!important; justify-self:start!important; text-align:left!important; min-width:0!important; margin:0!important; } #drxair-app .drxair-native-events .drx-timer{ font-size:11px!important; line-height:1.2!important; white-space:nowrap!important; } } @media(max-width:390px){ #drxair-app .drxair-native-events .drx-event-list, #drxair-app .drxair-event-slider--fallback{grid-auto-columns:100%!important} } /* ========================================================================== v1.0.42 – LETISZTULT, VÉGIGVEZETŐ MÓD Cél: minimális digitális rutin mellett is mindig egyértelmű legyen a következő lépés. Nincs belső chat-görgetés: a teljes oldal természetesen görög. ========================================================================== */ #drxair-app.drxair-simple-mode .drxair-chat{ max-height:none!important;height:auto!important;overflow:visible!important;scrollbar-width:none!important; } #drxair-app.drxair-simple-mode .drxair-chat::-webkit-scrollbar{display:none!important} #drxair-app.drxair-simple-mode .drxair-scroll-cue{display:none!important} #drxair-app.drxair-simple-mode .drxair-chat:after{display:none!important} #drxair-app.drxair-simple-mode .drxair-chatbar{position:relative!important;top:auto!important} #drxair-app.drxair-simple-mode .drxair-chat-badge{display:none!important} #drxair-app.drxair-simple-mode .drxair-history-toggle{font-size:13px!important;min-height:44px!important} #drxair-app.drxair-simple-mode .drxair-stream{padding:22px 24px 8px!important} #drxair-app.drxair-simple-mode .drxair-bubble{ max-width:860px!important;font-size:18px!important;line-height:1.58!important;padding:20px 22px!important;border-radius:14px!important; } #drxair-app.drxair-simple-mode .drxair-bubble strong{font-size:1.08em!important;line-height:1.35!important} #drxair-app.drxair-simple-mode .drxair-bubble small{font-size:14px!important;line-height:1.45!important} #drxair-app.drxair-simple-mode .drxair-bubble.user{max-width:76%!important;font-size:17px!important} #drxair-app.drxair-simple-mode .drxair-history-old{display:none!important} #drxair-app.drxair-simple-mode .drxair-composer{ overflow:visible!important;max-height:none!important;padding:22px 24px 26px!important;background:#0d1116!important;border-top:2px solid #2d3540!important; } #drxair-app.drxair-simple-mode .drxair-composer:not(:empty)::before{ content:'KÖVETKEZŐ LÉPÉS';display:block!important;margin:0 0 16px!important;color:#fff!important;background:#ef1e2d!important; width:max-content!important;max-width:100%!important;padding:7px 10px!important;font-size:13px!important;font-weight:1000!important;letter-spacing:.055em!important; } #drxair-app.drxair-simple-mode .drxair-action-list{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;max-width:760px!important;margin:0 auto!important} #drxair-app.drxair-simple-mode .drxair-action-list button, #drxair-app.drxair-simple-mode .drxair-btn{ min-height:66px!important;padding:14px 18px!important;font-size:18px!important;font-weight:1000!important;line-height:1.25!important;border-width:2px!important;border-radius:8px!important; } #drxair-app.drxair-simple-mode .drxair-action-list button:first-child, #drxair-app.drxair-simple-mode .drxair-btn.primary{background:#ef1e2d!important;color:#fff!important;border-color:#ff5862!important} #drxair-app.drxair-simple-mode .drxair-action-list button:focus-visible, #drxair-app.drxair-simple-mode .drxair-btn:focus-visible, #drxair-app.drxair-simple-mode input:focus, #drxair-app.drxair-simple-mode select:focus{outline:4px solid #fff!important;outline-offset:2px!important} #drxair-app.drxair-simple-mode .drxair-form{grid-template-columns:1fr!important;gap:16px!important;max-width:760px!important;margin:0 auto!important} #drxair-app.drxair-simple-mode .drxair-field{grid-column:1!important} #drxair-app.drxair-simple-mode .drxair-field label{font-size:15px!important;font-weight:1000!important;letter-spacing:.025em!important;color:#fff!important;margin-bottom:8px!important} #drxair-app.drxair-simple-mode .drxair-field input, #drxair-app.drxair-simple-mode .drxair-field select, #drxair-app.drxair-simple-mode .drxair-vv-row select{ min-height:64px!important;font-size:20px!important;line-height:1.2!important;padding:14px 15px!important;color:#fff!important;background:#111820!important;border:2px solid #77818c!important;border-radius:8px!important; } #drxair-app.drxair-simple-mode .drxair-field input::placeholder{color:#b6bec7!important;opacity:1!important} #drxair-app.drxair-simple-mode .drxair-selected-provider{min-height:58px!important;padding:11px 14px!important;font-size:16px!important;margin-bottom:16px!important} #drxair-app.drxair-simple-mode .drxair-selected-provider button{min-height:40px!important;font-size:14px!important} #drxair-app.drxair-simple-mode .drxair-provider-lead strong{font-size:28px!important;line-height:1.1!important} #drxair-app.drxair-simple-mode .drxair-provider-lead p{font-size:16px!important} #drxair-app.drxair-simple-mode .drxair-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} #drxair-app.drxair-simple-mode .drxair-provider{ min-height:104px!important;padding:14px!important;border:2px solid #49535e!important;border-radius:9px!important;background:#11171d!important; } #drxair-app.drxair-simple-mode .drxair-provider img{max-height:58px!important;max-width:150px!important} #drxair-app.drxair-simple-mode .drxair-provider strong{font-size:16px!important;line-height:1.2!important;color:#fff!important} #drxair-app.drxair-simple-mode .drxair-provider-arrow{font-size:28px!important;color:#fff!important} #drxair-app.drxair-simple-mode .drxair-big-help{margin-top:16px!important;background:#171d24!important;border-color:#fff!important} #drxair-app.drxair-simple-mode .drxair-disclosure{border:2px solid #3c4650!important;border-radius:8px!important;margin-top:10px!important} #drxair-app.drxair-simple-mode .drxair-disclosure summary{min-height:58px!important;padding:15px 16px!important;font-size:16px!important;font-weight:900!important;color:#fff!important} #drxair-app.drxair-simple-mode .drxair-disclosure-body{font-size:16px!important;line-height:1.5!important} #drxair-app.drxair-simple-mode .drxair-upload-card>strong{font-size:28px!important} #drxair-app.drxair-simple-mode .drxair-upload-card>p{font-size:17px!important} #drxair-app.drxair-simple-mode .drxair-upload-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important} #drxair-app.drxair-simple-mode .drxair-check{font-size:16px!important;line-height:1.5!important;padding:14px!important;border:1px solid #49535e!important;border-radius:8px!important} #drxair-app.drxair-simple-mode .drxair-check input{width:26px!important;height:26px!important;flex:0 0 26px!important} #drxair-app.drxair-simple-mode .drxair-date-grid, #drxair-app.drxair-simple-mode .drxair-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} #drxair-app.drxair-simple-mode .drxair-date-grid button, #drxair-app.drxair-simple-mode .drxair-slot-grid button{min-height:72px!important;font-size:17px!important;border-width:2px!important} #drxair-app.drxair-simple-mode .drxair-booking-grid{grid-template-columns:1fr!important;gap:12px!important} #drxair-app.drxair-simple-mode .drxair-booking-card{min-height:84px!important;font-size:17px!important;border-width:2px!important} #drxair-app.drxair-simple-mode .drxair-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} #drxair-app.drxair-simple-mode .drxair-track-card{min-height:116px!important;border-width:2px!important} #drxair-app.drxair-simple-mode .drxair-vv-row{grid-template-columns:1fr!important;gap:12px!important} #drxair-app.drxair-simple-mode .drxair-extra-grid{grid-template-columns:1fr!important} #drxair-app.drxair-simple-mode .drxair-current-step{font-size:16px!important;min-height:48px!important} @media(max-width:700px){ #drxair-app.drxair-simple-mode .drxair-apphead{padding:12px!important} #drxair-app.drxair-simple-mode .drxair-top-steps{display:none!important} #drxair-app.drxair-simple-mode .drxair-current-step{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:58px!important;font-size:18px!important;background:#10161c!important;border-top:1px solid #303944!important;border-bottom:2px solid #ef1e2d!important} #drxair-app.drxair-simple-mode .drxair-current-step b{font-size:22px!important;color:#fff!important} #drxair-app.drxair-simple-mode .drxair-current-step span{font-size:18px!important;color:#fff!important;font-weight:1000!important} #drxair-app.drxair-simple-mode .drxair-chatbar{padding:11px 12px!important} #drxair-app.drxair-simple-mode .drxair-chat-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important;font-size:10px!important} #drxair-app.drxair-simple-mode .drxair-chat-agent strong{font-size:15px!important} #drxair-app.drxair-simple-mode .drxair-chat-agent small{font-size:12px!important;line-height:1.3!important} #drxair-app.drxair-simple-mode .drxair-stream{padding:16px 12px 6px!important} #drxair-app.drxair-simple-mode .drxair-bubble{max-width:100%!important;font-size:18px!important;padding:18px 16px!important;line-height:1.55!important} #drxair-app.drxair-simple-mode .drxair-bubble.user{max-width:92%!important;font-size:17px!important} #drxair-app.drxair-simple-mode .drxair-composer{padding:18px 12px 22px!important} #drxair-app.drxair-simple-mode .drxair-composer:not(:empty)::before{font-size:12px!important;margin-bottom:13px!important} #drxair-app.drxair-simple-mode .drxair-action-list button, #drxair-app.drxair-simple-mode .drxair-btn{min-height:68px!important;font-size:18px!important;padding:15px 14px!important} #drxair-app.drxair-simple-mode .drxair-provider-grid{grid-template-columns:1fr!important;gap:10px!important} #drxair-app.drxair-simple-mode .drxair-provider{min-height:92px!important;display:grid!important;grid-template-columns:100px minmax(0,1fr) 26px!important;align-items:center!important;text-align:left!important;gap:12px!important} #drxair-app.drxair-simple-mode .drxair-provider img{width:96px!important;max-width:96px!important;max-height:58px!important;margin:0!important} #drxair-app.drxair-simple-mode .drxair-provider strong{font-size:17px!important;text-align:left!important} #drxair-app.drxair-simple-mode .drxair-provider-lead strong{font-size:25px!important} #drxair-app.drxair-simple-mode .drxair-field label{font-size:15px!important} #drxair-app.drxair-simple-mode .drxair-field input, #drxair-app.drxair-simple-mode .drxair-field select, #drxair-app.drxair-simple-mode .drxair-vv-row select{min-height:66px!important;font-size:20px!important} #drxair-app.drxair-simple-mode .drxair-date-grid, #drxair-app.drxair-simple-mode .drxair-slot-grid{grid-template-columns:1fr!important} #drxair-app.drxair-simple-mode .drxair-track-grid{grid-template-columns:1fr!important} #drxair-app.drxair-simple-mode .drxair-appfoot{font-size:12px!important;line-height:1.4!important;padding:12px!important} } /* ========================================================================== v1.0.43 – állandó, közérthető „Segítséget kérek” útvonal ========================================================================== */ #drxair-app .drxair-head-actions{ display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:wrap!important; } #drxair-app .drxair-help-btn{ min-height:46px!important;padding:11px 16px!important;border:2px solid #fff!important;border-radius:6px!important; background:#fff!important;color:#090b0e!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.025em!important; text-decoration:none!important;white-space:nowrap!important;box-shadow:0 8px 22px rgba(0,0,0,.24)!important; } #drxair-app .drxair-help-btn:hover,#drxair-app .drxair-help-btn:focus-visible{ background:#f2f3f5!important;color:#000!important;border-color:#ef1e2d!important;outline:3px solid rgba(239,30,45,.28)!important;outline-offset:2px!important; } #drxair-app .drxair-help-btn span{margin-right:5px!important} @media(max-width:700px){ #drxair-app .drxair-apphead{align-items:flex-start!important;flex-wrap:wrap!important} #drxair-app .drxair-app-logo{flex:1 1 100%!important} #drxair-app .drxair-head-actions{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)!important;gap:8px!important} #drxair-app .drxair-help-btn,#drxair-app .drxair-restart-btn{width:100%!important;min-height:52px!important;font-size:12px!important;padding:10px 9px!important;white-space:normal!important;line-height:1.15!important} } @media(max-width:390px){ #drxair-app .drxair-head-actions{grid-template-columns:1fr!important} #drxair-app .drxair-help-btn,#drxair-app .drxair-restart-btn{min-height:50px!important} } /* === 1.0.45 – jól olvasható extrák + egyértelmű kiválasztás/fizetés === */ #drxair-app .drxair-extra-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; } #drxair-app .drxair-extra{ position:relative!important; display:grid!important; grid-template-columns:96px minmax(0,1fr) 104px!important; align-items:center!important; gap:14px!important; min-height:132px!important; padding:14px!important; margin:0!important; border:2px solid #46515d!important; border-radius:10px!important; background:#11171d!important; color:#fff!important; cursor:pointer!important; box-sizing:border-box!important; overflow:hidden!important; } #drxair-app .drxair-extra:hover{border-color:#7a8794!important;background:#151c23!important} #drxair-app .drxair-extra.is-selected{border-color:#ef1e2d!important;background:#211316!important;box-shadow:inset 0 0 0 1px rgba(239,30,45,.3)!important} #drxair-app .drxair-extra-input{ position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important; } #drxair-app .drxair-extra-media{display:grid!important;place-items:center!important;width:96px!important;height:96px!important;border-radius:8px!important;background:#eef1f4!important;overflow:hidden!important} #drxair-app .drxair-extra-media img{display:block!important;width:96px!important;height:96px!important;object-fit:contain!important;border-radius:0!important;margin:0!important} #drxair-app .drxair-extra-placeholder{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;color:#171b20!important;font-weight:1000!important;font-size:14px!important} #drxair-app .drxair-extra-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;gap:6px!important} #drxair-app .drxair-extra-title{ display:block!important;width:100%!important;margin:0!important;padding:0!important; color:#fff!important;font-size:18px!important;line-height:1.2!important;font-weight:1000!important;letter-spacing:0!important;text-transform:none!important; white-space:normal!important;overflow-wrap:anywhere!important; } #drxair-app .drxair-extra-desc{display:block!important;color:#c0c8d0!important;font-size:13px!important;line-height:1.35!important;font-weight:500!important} #drxair-app .drxair-extra-price{display:block!important;margin-top:2px!important;color:#fff!important;font-size:20px!important;line-height:1.1!important;font-weight:1000!important;letter-spacing:.01em!important} #drxair-app .drxair-extra-pick{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#d7dde4!important;text-align:center!important} #drxair-app .drxair-extra-pick i{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border:3px solid #fff!important;border-radius:50%!important;background:transparent!important;color:transparent!important;font-size:25px!important;font-style:normal!important;font-weight:1000!important;line-height:1!important;box-sizing:border-box!important} #drxair-app .drxair-extra-pick small{display:block!important;color:#d7dde4!important;font-size:10px!important;line-height:1.15!important;font-weight:1000!important;letter-spacing:.04em!important} #drxair-app .drxair-extra.is-selected .drxair-extra-pick i{background:#ef1e2d!important;border-color:#ff5b65!important;color:#fff!important} #drxair-app .drxair-extra.is-selected .drxair-extra-pick small{color:#fff!important} #drxair-app .drxair-extra-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:14px 0 10px!important;padding:14px 16px!important;border:1px solid #3e4853!important;border-radius:8px!important;background:#0d1217!important;color:#fff!important} #drxair-app .drxair-extra-summary strong{font-size:15px!important;color:#fff!important} #drxair-app .drxair-extra-summary span{font-size:18px!important;font-weight:1000!important;color:#fff!important} #drxair-app .drxair-extra-actions{margin-top:0!important} #drxair-app #drxair-extra-yes:disabled{opacity:.45!important;cursor:not-allowed!important;filter:grayscale(.35)!important} #drxair-app .drxair-payment-forward{display:grid!important;gap:12px!important;max-width:760px!important;margin:0 auto!important;padding:18px!important;border:2px solid #36414c!important;border-radius:10px!important;background:#11171d!important;text-align:center!important} #drxair-app .drxair-payment-forward strong{font-size:20px!important;color:#fff!important} #drxair-app .drxair-payment-forward span{font-size:15px!important;line-height:1.45!important;color:#c5cdd5!important} #drxair-app .drxair-payment-forward a.drxair-btn{display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;min-height:64px!important;font-size:17px!important;font-weight:1000!important} @media(max-width:900px){ #drxair-app .drxair-extra-grid{grid-template-columns:1fr!important} } @media(max-width:600px){ #drxair-app .drxair-extra{grid-template-columns:74px minmax(0,1fr) 52px!important;gap:10px!important;min-height:112px!important;padding:11px!important} #drxair-app .drxair-extra-media{width:74px!important;height:74px!important} #drxair-app .drxair-extra-media img{width:74px!important;height:74px!important} #drxair-app .drxair-extra-title{font-size:17px!important} #drxair-app .drxair-extra-desc{font-size:12.5px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important} #drxair-app .drxair-extra-price{font-size:19px!important} #drxair-app .drxair-extra-pick i{width:44px!important;height:44px!important;font-size:24px!important} #drxair-app .drxair-extra-pick small{display:none!important} #drxair-app .drxair-extra-summary{padding:12px!important} #drxair-app .drxair-extra-summary strong{font-size:14px!important} #drxair-app .drxair-extra-summary span{font-size:17px!important} } /* 1.0.46 - voucher-szintű foglalás + hétköznap/hétvége jelölések */ #drxair-app .drxair-booking-section{display:grid;gap:8px;margin:0 0 14px} #drxair-app .drxair-booking-section>strong{display:block;color:#9aa4af;font-size:10px;font-weight:950;letter-spacing:.08em} #drxair-app .drxair-booking-card .drxair-card-state{display:inline-flex;align-items:center;min-height:20px;margin:0 0 4px;padding:3px 7px;border:1px solid #3b434d;border-radius:999px;background:#11151a;color:#aeb7c1;font-size:8.5px;font-style:normal;font-weight:950;letter-spacing:.04em} #drxair-app .drxair-booking-card .drxair-voucher-code{color:#aeb7c1!important} #drxair-app .drxair-booking-card .drxair-voucher-period{display:inline-block!important;width:max-content;margin-top:5px!important;padding:3px 7px;border-radius:999px;border:1px solid #4a515b;background:#20252b;color:#fff!important;font-weight:900!important} #drxair-app .drxair-booking-card .drxair-voucher-period.weekday{border-color:#315f4e;background:#14241e;color:#bcebd6!important} #drxair-app .drxair-booking-card .drxair-voucher-period.weekend{border-color:#6e5422;background:#2a2112;color:#ffe0a3!important} #drxair-app .drxair-booking-card.is-booked{border-color:#257956!important;background:#10251c!important;cursor:default!important;transform:none!important} #drxair-app .drxair-booking-card.is-booked .drxair-card-state{border-color:#2f8d67;background:#163426;color:#c8f5df} #drxair-app .drxair-booking-card.is-booked i{color:#3ed28f!important} #drxair-app .drxair-booking-card.is-expired{border-color:#87454a!important;background:#281619!important} #drxair-app .drxair-booking-card.is-expired .drxair-card-state{border-color:#a65058;background:#3a1a1f;color:#ffd6d9} #drxair-app .drxair-booking-card.is-expired i{color:#ff6972!important} #drxair-app .drxair-booked-at{color:#84d8b0!important;font-weight:900!important} #drxair-app .drxair-date-grid button.is-weekend{border-color:#715826!important;background:#241d11!important} #drxair-app .drxair-date-grid button.is-weekend:hover{border-color:#d3a548!important;background:#302515!important} #drxair-app .drxair-date-grid button.needs-period-accept{border-color:#984f2b!important;background:#2a1912!important} #drxair-app .drxair-date-grid button.needs-period-accept em{display:block;margin-top:6px;color:#ffb076;font-size:8px;line-height:1.25;font-style:normal;font-weight:900} #drxair-app.drxair-simple-mode .drxair-booking-section>strong{font-size:13px!important} #drxair-app.drxair-simple-mode .drxair-booking-card .drxair-card-state{font-size:11px!important;min-height:24px;padding:4px 8px} #drxair-app.drxair-simple-mode .drxair-booking-card .drxair-voucher-period{font-size:12px!important} #drxair-app.drxair-simple-mode .drxair-date-grid button em{font-size:12px!important} @media(max-width:700px){ #drxair-app .drxair-booking-section{margin-bottom:16px} #drxair-app .drxair-booking-card .drxair-card-state{font-size:10px} #drxair-app .drxair-booking-card small{font-size:11px!important} } /* ========================================================================== v1.0.50 – mobil pályalapozó: nincs kártya-összecsúszás, látható navigáció ========================================================================== */ #drxair-app .drxair-event-nav{ display:flex!important; align-items:center!important; justify-content:center!important; gap:12px!important; margin:10px 0 0!important; } #drxair-app .drxair-event-nav[hidden]{display:none!important} #drxair-app .drxair-event-nav-btn{ appearance:none!important; -webkit-appearance:none!important; display:grid!important; place-items:center!important; width:46px!important; min-width:46px!important; height:42px!important; padding:0!important; border:1px solid #39424d!important; border-radius:8px!important; background:#151a20!important; color:#fff!important; font-size:30px!important; line-height:1!important; font-weight:900!important; cursor:pointer!important; box-shadow:none!important; } #drxair-app .drxair-event-nav-btn:not(:disabled):hover, #drxair-app .drxair-event-nav-btn:not(:disabled):focus-visible{ border-color:#ef1e2d!important; background:#ef1e2d!important; } #drxair-app .drxair-event-nav-btn:disabled{opacity:.28!important;cursor:default!important} #drxair-app .drxair-event-nav-copy{ display:flex!important; min-width:110px!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:2px!important; text-align:center!important; } #drxair-app .drxair-event-nav-copy strong{color:#fff!important;font-size:13px!important;line-height:1.1!important} #drxair-app .drxair-event-nav-copy>span{color:#9fa9b4!important;font-size:9px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:.08em!important} @media(max-width:700px){ /* A shortcode saját korábbi pozicionálását és layoutját teljesen lenullázzuk. */ #drxair-app .drxair-native-events, #drxair-app .drxair-event-slider--fallback{ width:100%!important; max-width:100%!important; min-width:0!important; overflow:visible!important; box-sizing:border-box!important; } #drxair-app .drxair-native-events .drx-event-list, #drxair-app .drxair-event-slider--fallback{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:stretch!important; justify-content:flex-start!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; gap:10px!important; overflow-x:auto!important; overflow-y:hidden!important; box-sizing:border-box!important; position:relative!important; left:auto!important; right:auto!important; transform:none!important; scroll-snap-type:x mandatory!important; scroll-padding:0!important; scroll-behavior:smooth!important; overscroll-behavior-x:contain!important; -webkit-overflow-scrolling:touch!important; touch-action:pan-x pan-y!important; scrollbar-width:none!important; } #drxair-app .drxair-native-events .drx-event-list::-webkit-scrollbar, #drxair-app .drxair-event-slider--fallback::-webkit-scrollbar{display:none!important} #drxair-app .drxair-native-events .drx-event-card, #drxair-app .drxair-event-slider--fallback .drxair-event-card{ flex:0 0 100%!important; width:100%!important; min-width:100%!important; max-width:100%!important; margin:0!important; box-sizing:border-box!important; position:relative!important; inset:auto!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; transform:none!important; translate:none!important; float:none!important; clear:none!important; scroll-snap-align:start!important; scroll-snap-stop:always!important; z-index:1!important; } #drxair-app .drxair-native-events .drx-event-card{ display:grid!important; grid-template-columns:58px minmax(0,1fr)!important; grid-template-rows:auto auto!important; align-items:center!important; column-gap:11px!important; row-gap:5px!important; min-height:94px!important; padding:11px!important; overflow:hidden!important; } #drxair-app .drxair-native-events .drx-cat-img{ position:static!important; grid-column:1!important; grid-row:1 / span 2!important; width:56px!important; min-width:56px!important; max-width:56px!important; height:56px!important; margin:0!important; transform:none!important; align-self:center!important; } #drxair-app .drxair-native-events .drx-event-info{ position:static!important; grid-column:2!important; grid-row:1!important; width:auto!important; min-width:0!important; margin:0!important; transform:none!important; overflow:hidden!important; } #drxair-app .drxair-native-events .drx-event-info h3{ white-space:normal!important; overflow:visible!important; text-overflow:clip!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; font-size:14px!important; line-height:1.15!important; margin:0 0 4px!important; } #drxair-app .drxair-native-events .drx-event-info p{ white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; font-size:10px!important; line-height:1.25!important; margin:0!important; } #drxair-app .drxair-native-events .drx-timer, #drxair-app .drxair-native-events .drx-status-badge{ position:static!important; grid-column:2!important; grid-row:2!important; justify-self:start!important; align-self:start!important; width:auto!important; min-width:0!important; max-width:100%!important; margin:0!important; transform:none!important; white-space:nowrap!important; } #drxair-app .drxair-event-nav{ justify-content:space-between!important; gap:8px!important; width:100%!important; margin-top:9px!important; padding:0!important; } #drxair-app .drxair-event-nav-btn{ width:58px!important; min-width:58px!important; height:48px!important; border-radius:7px!important; font-size:34px!important; } #drxair-app .drxair-event-nav-copy{min-width:0!important;flex:1 1 auto!important} #drxair-app .drxair-event-nav-copy strong{font-size:14px!important} #drxair-app .drxair-event-nav-copy>span{font-size:10px!important;color:#d5dbe2!important} } /* 1.0.51 - vezeto fokusz, kompakt idopontok, olvashato extrak */ @keyframes drxairGuidePulse{0%{box-shadow:0 0 0 0 rgba(239,30,45,0)}20%{box-shadow:0 0 0 4px rgba(239,30,45,.38),0 0 22px rgba(239,30,45,.25)}55%{box-shadow:0 0 0 2px rgba(239,30,45,.22)}100%{box-shadow:0 0 0 0 rgba(239,30,45,0)}} #drxair-app .drxair-guide-flash{animation:drxairGuidePulse .9s ease-in-out 2!important;border-color:#ef1e2d!important;position:relative!important;z-index:3!important} #drxair-app .drxair-field.drxair-guide-flash{border-radius:10px!important;padding:4px!important;margin:-4px!important;background:rgba(239,30,45,.055)!important} #drxair-app .drxair-field.drxair-guide-flash input, #drxair-app .drxair-field.drxair-guide-flash textarea, #drxair-app .drxair-field.drxair-guide-flash select{border-color:#ff404a!important;outline:2px solid rgba(239,30,45,.20)!important;outline-offset:1px!important} #drxair-app.drxair-simple-mode .drxair-slot-grid.drxair-slot-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} #drxair-app.drxair-simple-mode .drxair-slot-grid.drxair-slot-grid-compact button{min-height:56px!important;padding:10px 8px!important;border-width:2px!important;font-size:19px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important} #drxair-app.drxair-simple-mode .drxair-slot-grid.drxair-slot-grid-compact button b{font-size:20px!important;line-height:1!important;white-space:nowrap!important} #drxair-app .drxair-extra{display:block!important;padding:0!important;min-height:0!important;overflow:hidden!important} #drxair-app .drxair-extra-main{display:grid!important;grid-template-columns:82px minmax(0,1fr) 54px!important;gap:12px!important;align-items:center!important;padding:12px!important;cursor:pointer!important;color:#fff!important} #drxair-app .drxair-extra-title{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;font-size:17px!important;line-height:1.18!important;overflow-wrap:normal!important;word-break:normal!important} #drxair-app .drxair-extra-desc{display:none!important} #drxair-app .drxair-extra-price{font-size:19px!important;white-space:nowrap!important} #drxair-app .drxair-extra-media,#drxair-app .drxair-extra-media img{width:82px!important;height:82px!important} #drxair-app .drxair-extra-info{display:block!important;width:100%!important;min-height:38px!important;padding:8px 12px!important;border:0!important;border-top:1px solid #313a44!important;background:#0d1217!important;color:#cbd3db!important;text-align:left!important;font-size:11px!important;font-weight:950!important;letter-spacing:.04em!important;cursor:pointer!important} #drxair-app .drxair-extra-info[aria-expanded="true"]{color:#fff!important;background:#171d24!important} #drxair-app .drxair-extra-info-box{display:grid!important;gap:6px!important;padding:12px 14px!important;border-top:1px solid #313a44!important;background:#171d24!important;color:#dce2e8!important;font-size:14px!important;line-height:1.45!important} #drxair-app .drxair-extra-info-box[hidden]{display:none!important} #drxair-app .drxair-extra-info-box strong{color:#fff!important;font-size:15px!important} #drxair-app .drxair-extra-info-box span{color:#c8d0d8!important} @media(max-width:600px){ #drxair-app.drxair-simple-mode .drxair-slot-grid.drxair-slot-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} #drxair-app.drxair-simple-mode .drxair-slot-grid.drxair-slot-grid-compact button{min-height:52px!important;padding:8px 5px!important} #drxair-app.drxair-simple-mode .drxair-slot-grid.drxair-slot-grid-compact button b{font-size:18px!important} #drxair-app .drxair-extra-main{grid-template-columns:66px minmax(0,1fr) 46px!important;gap:9px!important;padding:10px!important} #drxair-app .drxair-extra-media,#drxair-app .drxair-extra-media img{width:66px!important;height:66px!important} #drxair-app .drxair-extra-title{font-size:15.5px!important;line-height:1.18!important} #drxair-app .drxair-extra-price{font-size:17px!important;margin-top:4px!important} #drxair-app .drxair-extra-pick i{width:40px!important;height:40px!important;font-size:22px!important} #drxair-app .drxair-extra-info{font-size:10.5px!important;min-height:36px!important} #drxair-app .drxair-extra-info-box{font-size:13.5px!important;padding:11px 12px!important} } /* 1.0.61 - extra kartyak stabil elso render: ne villanjon fel a tema alap gridje */ #drxair-app .drxair-extra-grid.drxair-extra-mounting{visibility:hidden!important} #drxair-app .drxair-extra-media,#drxair-app .drxair-extra-media img{aspect-ratio:1/1!important;box-sizing:border-box!important} /* ========================================================================== v1.0.66 – nagyobb, olvashatóbb dátum/időpont választó ========================================================================== */ #drxair-app .drxair-date-grid{gap:12px!important} #drxair-app .drxair-date-grid button{ min-height:92px!important; padding:16px 18px!important; border-width:2px!important; border-radius:10px!important; } #drxair-app .drxair-date-grid b{ display:block!important; font-size:15px!important; line-height:1.35!important; font-weight:1000!important; color:#fff!important; } #drxair-app .drxair-date-grid small{ display:block!important; margin-top:7px!important; font-size:12px!important; line-height:1.35!important; font-weight:800!important; color:#aeb7c1!important; } #drxair-app .drxair-date-grid button.is-weekend small{color:#e8c77c!important} #drxair-app .drxair-booking-links{gap:14px!important;margin-top:10px!important} #drxair-app .drxair-booking-links .drxair-text-action{ min-height:38px!important; font-size:12.5px!important; line-height:1.25!important; font-weight:900!important; } @media(max-width:700px){ #drxair-app .drxair-date-grid button{min-height:98px!important;padding:17px 16px!important} #drxair-app .drxair-date-grid b{font-size:16px!important} #drxair-app .drxair-date-grid small{font-size:13px!important} #drxair-app .drxair-booking-links .drxair-text-action{font-size:14px!important;min-height:44px!important} } /* v1.0.71 - voucherben mar tartalmazott extrak */ #drxair-app .drxair-extra.is-included{border-color:#258a55!important;background:#102018!important;box-shadow:inset 0 0 0 1px rgba(37,138,85,.32)!important} #drxair-app .drxair-extra.is-included .drxair-extra-main{cursor:default!important} #drxair-app .drxair-extra.is-included .drxair-extra-price{color:#84e1ad!important} #drxair-app .drxair-extra.is-included .drxair-extra-pick i{background:#258a55!important;border-color:#70d69b!important;color:#fff!important} #drxair-app .drxair-extra.is-included .drxair-extra-pick small{color:#9be6bb!important} #drxair-app .drxair-extra.is-included:hover{border-color:#258a55!important;background:#102018!important} /* v1.0.78 - az "ALLO VIDEO" orientacios cimke eltavolitva a videokartyakrol */ #drxair-app .drxair-video-card.is-portrait .drxair-video-preview:after{ content:none!important; display:none!important; }