/* 3gon uas – doplnky nad rental.css (prefix .uas-); farby a rozmery preberá z premenných --rent-* */

.uas-eyebrow{font-size:14.4px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--rent-accent);margin:0 0 10px}

/* karty riešení */
.uas-card{text-decoration:none;color:inherit;transition:transform .18s,border-color .18s,box-shadow .18s}
.uas-card:hover,.uas-card:focus-visible{color:inherit;transform:translateY(-4px);border-color:#D6DCE4;box-shadow:0 3px 6px rgba(28,37,57,.06),0 26px 50px -30px rgba(28,37,57,.6)}
.uas-card-art{aspect-ratio:16/10;background:var(--rent-dark-2)}
.uas-card-art img{width:100%;height:100%;object-fit:cover;display:block}
.uas-card .rent-body h3{margin-bottom:8px}
.uas-card .rent-desc{margin-bottom:0}
.uas-more{margin-top:auto;padding-top:16px;color:var(--rent-accent);font-weight:600;font-size:15.2px}
.uas-more em{font-style:normal;display:inline-block;transition:transform .18s}
.uas-card:hover .uas-more em{transform:translateX(4px)}

/* 3gon Academy a podpora */
.uas-acad{background:var(--rent-dark);color:#fff}
.uas-acad-art{min-height:420px;position:relative}
.uas-acad-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.uas-acad-txt{padding:76px 0 76px 60px}
.uas-acad-txt h2{color:#fff;font-size:36px;line-height:1.2;margin-bottom:18px}
.uas-acad-txt p.uas-lead{color:#B9C2C7;font-size:17px}
.uas-acad-mini{border-top:1px solid rgba(255,255,255,.1);padding:40px 0 76px}
.uas-acad-mini b{display:block;color:#fff;font-family:"Red Hat Display",sans-serif;font-size:16.6px;margin-bottom:5px}
.uas-acad-mini span{color:#A9B3BA;font-size:15.2px;display:block}
@media (max-width:991px){
  .uas-acad-art{min-height:260px}
  .uas-acad-txt{padding:44px 0 40px}
  .uas-acad-mini{padding:34px 0 52px}
}

/* pás s logami partnerov */
.uas-logos{background:var(--rent-dark-2);color:#fff;padding:48px 0;overflow:hidden}
.uas-marq{overflow:hidden;margin:0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.uas-marq-in{display:flex;width:max-content;animation:uas-marq 38s linear infinite}
.uas-marq:hover .uas-marq-in{animation-play-state:paused}
.uas-marq-t{display:flex;align-items:center}
.uas-lg{display:inline-flex;align-items:center;height:96px;padding:0 44px}
.uas-lg img{height:38px;width:auto;max-width:190px;object-fit:contain;display:block;filter:brightness(0) invert(1);opacity:.68;transition:opacity .18s}
.uas-lg:hover img{opacity:1}
.uas-lg.tall img{height:62px;max-width:120px}
@keyframes uas-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:700px){.uas-lg{height:76px;padding:0 28px}.uas-lg img{height:30px}.uas-lg.tall img{height:50px}}
@media (prefers-reduced-motion:reduce){.uas-marq-in{animation:none}}

/* zástupný blok (referencie) */
.uas-soon{background:#fff;border:1px dashed #C9D2D8;border-radius:18px;padding:40px;text-align:center;color:var(--rent-muted)}

/* servis – krátky pás */
.uas-srv{display:flex;align-items:center;justify-content:space-between;gap:44px;flex-wrap:wrap;background:#fff;border:1px solid var(--rent-line);border-radius:18px;padding:44px 48px;box-shadow:0 2px 4px rgba(28,37,57,.04),0 18px 40px -28px rgba(28,37,57,.45)}
.uas-srv-t{max-width:62ch}
.uas-srv-t h2{font-size:32px;line-height:1.2;margin-bottom:12px}
.uas-srv-t p{color:var(--rent-muted);margin:0}
@media (max-width:760px){.uas-srv{padding:32px 26px;gap:26px}}


/* kratšie sekcie (referencie, servis) */
.rent-section.uas-tight{padding:70px 0}

/* ---- hlavička: submenu Riešenia (rental téma ho nemá, preberá správanie z hlavnej stránky) ---- */
.header-transparent .nav-area li.has-dropdown{position:relative}
.header-transparent .nav-area li.has-dropdown::after{position:absolute;right:-18px;top:53%;transform:translateY(-50%);pointer-events:none;
  content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18 9s-4.419 6-6 6s-6-6-6-6'/%3E%3C/svg%3E")}
.header-transparent .nav-area li.has-dropdown:hover::after{
  content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18 15s-4.42-6-6-6s-6 6-6 6'/%3E%3C/svg%3E")}
.header-transparent .nav-area li.has-dropdown>.submenu{display:block;position:absolute;top:100%;left:0;z-index:90;min-width:230px;margin:0;padding:10px;list-style:none;
  background:#fff;border-radius:0 0 6px 6px;box-shadow:0 36px 35px rgba(0,0,0,.08);text-align:left;
  opacity:0;visibility:hidden;transform:scaleY(0);transform-origin:0 0;transition:.3s}
.header-transparent .nav-area li.has-dropdown:hover>.submenu,.header-transparent .nav-area li.has-dropdown:focus-within>.submenu{opacity:1;visibility:visible;transform:scaleY(1)}
.header-transparent .nav-area .submenu li{display:block;margin:0;padding:0}
.header-transparent .nav-area .submenu li a{display:block;padding:6px 16px;font-size:16px;color:var(--rent-head)!important;border-radius:5px;white-space:nowrap;transition:.3s}
.header-transparent .nav-area .submenu li a:hover{background:#F2F2F8;color:var(--rent-accent)!important}

/* bočné (mobilné) menu: rozbaľovacie Riešenia */
#side-bar .mobile-menu .submenu{display:none;list-style:none;margin:0;padding:0 0 4px 14px}
#side-bar .mobile-menu li.has-droupdown.open>.submenu{display:block}
#side-bar .mobile-menu .submenu li a{display:block;padding:8px 0;font-size:15px;color:var(--rent-muted);border-bottom:1px solid #f1f1f1}
#side-bar .mobile-menu .submenu li a:hover{color:var(--rent-accent)}
#side-bar .mobile-menu li.has-droupdown>a.main{position:relative;padding-right:28px}
#side-bar .mobile-menu li.has-droupdown>a.main::after{content:"+";position:absolute;right:6px;top:8px;pointer-events:none;color:var(--rent-accent);font-weight:700}
#side-bar .mobile-menu li.has-droupdown.open>a.main::after{content:"\2013"}

/* ---- podstránky ---- */
.uas-back{display:inline-block;color:#9FADB6;text-decoration:none;font-size:14.4px;margin-bottom:14px}
.uas-back:hover{color:#fff}
.uas-gap{height:30px}
.uas-eyebrow.light{color:#ccc}
.uas-title-light .title{color:#fff}
.uas-title-light .rent-lead{color:#B9C2C7}
.rent-title .uas-eyebrow{margin-bottom:12px}

/* use blok: médium + text */
.uas-use+.uas-use,.uas-use+.uas-gap+.uas-use{margin-top:72px}
.uas-use-txt h3{font-size:24px;line-height:1.25;margin-bottom:12px}
.uas-use-txt p{color:var(--rent-muted)}
.uas-h4{font-family:"DM Sans",sans-serif;font-size:12.2px;letter-spacing:.11em;text-transform:uppercase;color:var(--rent-muted);font-weight:600;margin:22px 0 10px}
.uas-ticks{list-style:none;margin:0;padding:0}
.uas-ticks li{position:relative;padding-left:26px;margin-bottom:7px;font-size:15.5px;color:var(--rent-head)}
.uas-ticks li::before{content:"";position:absolute;left:0;top:8px;width:11px;height:11px;border-radius:50%;border:2px solid var(--rent-accent)}
.uas-media{border-radius:18px;overflow:hidden;background:var(--rent-dark-2);box-shadow:0 2px 4px rgba(28,37,57,.04),0 18px 40px -28px rgba(28,37,57,.45)}
.uas-media img,.uas-media video{width:100%;display:block;aspect-ratio:16/10}
.uas-media-cover img,.uas-media-cover video{object-fit:cover}
.uas-media-contain{background:var(--rent-soft)}
.uas-media-contain img{object-fit:contain;padding:18px}
.uas-media-dk img{object-fit:contain}
.uas-media-light{background:#fff}
.uas-media-light img{object-fit:contain;padding:26px}
@media (max-width:991px){.uas-use+.uas-use,.uas-use+.uas-gap+.uas-use{margin-top:52px}}

/* výstupy */
.uas-out{margin-top:64px;max-width:1000px;margin-inline:auto}
.uas-out:first-of-type{margin-top:0}
.uas-out>h3{font-size:22.7px;margin-bottom:12px}
.uas-out>p{color:var(--rent-muted);margin:0 0 26px}
.uas-fig{margin:0}
.uas-fig img,.uas-fig video{width:100%;display:block;border-radius:14px;background:#0E1417;border:1px solid var(--rent-line);height:auto}
.uas-fig figcaption{font-size:14px;color:var(--rent-muted);margin-top:10px;text-align:center;line-height:1.4}
.uas-fig-wide{margin-top:20px}
.uas-fig-narrow{max-width:620px;margin-inline:auto}
.uas-fig-vid video{aspect-ratio:16/9;object-fit:cover}
.uas-fig-vid.uas-fig-auto{max-width:1020px;margin-inline:auto}
.uas-fig-vid.uas-fig-auto video{aspect-ratio:auto;height:auto}
.uas-pair .uas-fig img,.uas-pair .uas-fig video{aspect-ratio:4/3;object-fit:cover}
.uas-pair+.uas-fig,.uas-pair+.uas-gap{margin-top:22px}

/* porovnávací posuvník */
.uas-ba{position:relative;border-radius:14px;overflow:hidden;line-height:0;border:1px solid var(--rent-line);max-width:1020px;margin-inline:auto}
.uas-ba img{width:100%;display:block;border:none;border-radius:0}
.uas-ba .uas-ba-top{position:absolute;inset:0;height:100%;object-fit:cover;clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.uas-ba-line{position:absolute;top:0;bottom:0;left:var(--p);width:2px;background:var(--rent-accent);pointer-events:none}
.uas-ba-grip{position:absolute;top:50%;left:var(--p);width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:var(--rent-accent);pointer-events:none;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.uas-ba-grip::before,.uas-ba-grip::after{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent}
.uas-ba-grip::before{left:9px;border-right:6px solid #fff}
.uas-ba-grip::after{right:9px;border-left:6px solid #fff}
.uas-ba-lab{position:absolute;bottom:14px;font-size:12.5px;font-weight:600;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(16,22,26,.78);padding:7px 11px;border-radius:6px;pointer-events:none}
.uas-ba-lab1{left:14px}
.uas-ba-lab2{right:14px}
.uas-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:col-resize;-webkit-appearance:none;appearance:none;background:transparent;border:0}

/* mriežka s oddeľovačmi (also / stats / orgs) */
.uas-grid{border:1px solid var(--rent-line);border-radius:14px;overflow:hidden;background:#fff}
.uas-grid>.row{margin:-1px 0 0 -1px!important;padding:0;list-style:none}
.uas-grid>.row>*{border-left:1px solid var(--rent-line);border-top:1px solid var(--rent-line)}
.uas-also-i{height:100%;padding:20px 24px}
.uas-also-i b{display:block;font-family:"Red Hat Display",sans-serif;color:var(--rent-head);font-size:16.3px;margin-bottom:3px}
.uas-also-i span{font-size:15px;color:var(--rent-muted);display:block;line-height:1.4}
.uas-stats>.uas-stat{flex:1 1 150px;padding:22px 16px;text-align:center}
.uas-stat b{display:block;font-family:"Red Hat Display",sans-serif;font-weight:700;font-size:22.7px;color:var(--rent-head);line-height:1.1;margin-bottom:6px}
.uas-stat span{font-size:13.6px;color:var(--rent-muted)}
.uas-org{height:100%;min-height:142px;padding:28px 20px;display:flex;align-items:center;justify-content:center;text-align:center}
.uas-org b{font-family:"Red Hat Display",sans-serif;color:var(--rent-head);font-size:15.5px;line-height:1.4;font-weight:600}
.uas-org img{max-height:84px;max-width:168px;width:auto;height:auto;object-fit:contain}
.uas-org img.wide{max-height:54px;max-width:210px}
.uas-grid+.rent-offer,.uas-gap+.rent-offer,.uas-also-wrap+.rent-offer{margin-top:34px}
.uas-offer{margin-top:36px}
.uas-offer .big{margin-bottom:0}
.uas-offer .row p{margin:0}

/* čipy */
.uas-chips{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:8px}
.uas-chips span{font-size:14.4px;font-weight:600;color:var(--rent-head);background:#fff;border:1px solid var(--rent-line);border-radius:999px;padding:8px 15px;line-height:1}
.uas-chips-opt{margin-top:10px}
.uas-chips-opt span{background:transparent;border-style:dashed;color:var(--rent-muted);font-weight:500}

/* tmavé pásy */
.uas-band{background:var(--rent-dark);color:#fff;padding:90px 0 80px}
.uas-mini b{display:block;color:#fff;font-family:"Red Hat Display",sans-serif;font-size:16.6px;margin-bottom:5px}
.uas-mini span{color:#A9B3BA;font-size:15.2px;display:block}
.uas-band .rent-offer{margin-top:36px}
.uas-spec{background:var(--rent-dark);color:#fff;padding:90px 0}
.uas-spec h2{color:#fff;font-size:34px;line-height:1.2;margin-bottom:14px}
.uas-spec .uas-lead{color:#B9C2CA}
.uas-spec-logo{height:30px;width:auto;display:block;margin-bottom:20px;opacity:.9}
.uas-spec-l{margin:26px 0 0;padding:0}
.uas-spec-l li{border-top:1px solid rgba(255,255,255,.14);padding-top:12px;list-style:none}
.uas-spec-l b{display:block;font-family:"Red Hat Display",sans-serif;font-size:16px;color:#fff;margin-bottom:4px}
.uas-spec-l span{font-size:14.4px;color:#9AA5AE;line-height:1.5;display:block}
.uas-spec .uas-media{background:#000;box-shadow:none}
.uas-spec .uas-media img{aspect-ratio:4/3}
.uas-spec .uas-media-light{background:#fff}
.uas-vband{position:relative;overflow:hidden;background:var(--rent-dark-2) center/cover no-repeat;padding:150px 0 150px;color:#fff}
.uas-vband-veil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(16,22,26,.92) 0%,rgba(16,22,26,.8) 46%,rgba(16,22,26,.34) 100%)}
.uas-vband-in{position:relative;z-index:1}
.uas-vband-in h2{color:#fff;max-width:24ch;margin-bottom:16px;font-size:36px}
.uas-vband-tag{font-family:"Red Hat Display",sans-serif;font-size:19.8px;font-weight:500;color:#fff;opacity:.94;margin:-4px 0 14px}
.uas-vband .uas-lead{color:#C6CFD6;max-width:56ch}
@media (max-width:700px){.uas-vband{padding:72px 0}.uas-vband-in h2{max-width:none}
  .uas-vband-veil{background:linear-gradient(180deg,rgba(16,22,26,.86) 0%,rgba(16,22,26,.92) 100%)}}
@media (max-width:767px){.uas-band,.uas-spec{padding:60px 0}}

/* karty nasadenia */
.uas-uc{margin:0;height:100%;border-radius:15px;overflow:hidden;background:#fff;border:1px solid var(--rent-line)}
.uas-uc img{width:100%;height:172px;object-fit:cover;display:block}
.uas-uc figcaption{padding:18px 20px 22px}
.uas-uc h4{font-size:16.3px;margin-bottom:6px}
.uas-uc p{color:var(--rent-muted);font-size:14.7px;margin:0}

/* tabuľky parametrov */
.uas-spec-w{margin-top:10px}
.uas-spec-t{width:100%;border-collapse:collapse;font-size:15px;min-width:460px;--bs-table-bg:transparent}
.uas-spec-t th{text-align:left;font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--rent-accent);font-weight:600;padding:26px 0 6px;border:0}
.uas-spec-t tbody:first-child th{padding-top:4px}
.uas-spec-t td{border:0;border-top:1px solid var(--rent-line);padding:11px 0;vertical-align:top;background:transparent}
.uas-spec-t td:first-child{width:36%;color:var(--rent-head);font-weight:600;padding-right:26px}
.uas-spec-t td:last-child{color:var(--rent-muted)}
.uas-cmp thead th{padding:0 20px 10px 0}
.uas-cmp td{padding-right:20px}
.uas-cmp td:first-child{width:auto;white-space:nowrap}

/* FAQ v sekcii za sebou */
.rent-faq .accordion-body p{margin:0 0 10px}
.rent-faq .accordion-body p:last-child{margin-bottom:0}

/* podstránka: voliteľný text z editora (pole Obsah) */
.uas-content{max-width:860px;margin-inline:auto}
.uas-content h2{font-size:30px;margin:36px 0 14px}
.uas-content p,.uas-content li{color:var(--rent-muted)}

/* hlavička musí byť nad hero, inak sa submenu skryje pod jeho závojom */
.header-transparent{z-index:1030}

/* hero s videom na pozadí (rovnaká vrstva ako fotka, rovnaký závoj) */
video.rent-hero-photo{display:block;width:100%;height:100%;object-fit:cover;background:var(--rent-dark)}
.rent-hero-photo:has(+ .uas-hero-video){display:none}
.rent-hero:has(.uas-hero-video) .rent-hero-mesh{display:none}

/* nadpis sekcie sa nezalamuje na šírke 900 px z rental.css */
.rent-title .title-area-left{max-width:none}

/* tesnejšie rozostupy v úvode sekcie: popis hneď pod nadpisom, prvý výstup bez dvojitej medzery */
.rent-title .rent-lead{margin-top:10px}
.rent-title + .uas-out{margin-top:0}
.rent-title .title{margin-bottom:0}

/* dve sivé sekcie za sebou (napr. Výstupy → Ďalej) pôsobia ako jeden celok: bez dvojitého horného odsadenia */
.rent-section.rent-soft + .rent-section.rent-soft{padding-top:0}

@media (max-width:767.98px){.rts-breadcrumb-area.rent-title .title-area-left .title{font-size:30px}}

/* samostatné obrázky v sekcii: na desktope 80 % šírky a vycentrované, pod 1200 px na celú šírku */
@media (min-width:1200px){.container>.uas-fig:not(.uas-fig-narrow):not(.uas-fig-auto){width:80%;margin-inline:auto}}

@media (min-width:992px){.uas-chips{max-width:800px;margin-inline:auto}}

/* partnerské organizácie: 5 logiek na riadok na desktope */
@media (min-width:992px){.uas-grid>.uas-orgs>*{width:20%}}

/* fotka s bielym pozadím splynie s pozadím boxu (bez bieleho výrezu) */
.uas-media-contain img{mix-blend-mode:multiply}

/* tlačidlo v centrovanom riadku (rts-btn nie je inline, text-center naň nestačí) */
.text-center>.rts-btn{margin-inline:auto}

/* partnerské organizácie pod 992 px: vycentrované, bez vnútornej mriežky */
@media (max-width:991.98px){
  .uas-grid>.uas-orgs{justify-content:center;margin:0!important}
  .uas-grid>.uas-orgs>*{border:0}
}

/* technická karta: na desktope užšia tabuľka (cca 60 %), vycentrovaná */
@media (min-width:992px){.uas-spec-w-narrow{width:60%;margin-inline:auto}}

/* fotka sa zobrazí celá (bez orezania) na bielom pozadí, na všetkých šírkach */
.uas-media-full{background:#fff}
.uas-media-full img{aspect-ratio:auto;height:auto;object-fit:contain}

@media (min-width:992px){.rent-lead{max-width:830px}}

@media (max-width:575.98px){
  .rent-step p{font-size:15px;padding-left:30px;line-height:1.5}
  .rent-step h4{margin:0 0 5px 0;padding-left:30px}
  .rent-desc{font-size:15px;line-height:1.5}
}