html{scroll-behavior:smooth;}
/* =========================================================
SEC TECHNOLOGIES — 1:1 prepis grafického návrhu WEB-SEC-v03
Návrhová šírka: 1512 px (PPTX 9601200 EMU @ 2x)
========================================================= */
:root{
--red: #931F31;
--orange: #EC8C2C;
--grey-bg: #F7F7F7;
--chip: #E4E4E3;
--grey-txt: #7F7F7F;
--black: #000000;
/* tiene prevzaté z návrhu (a:outerShdw)
A = tlačidlá, karty (blur 45.6pt, dist 11.1pt @46.4°, alfa 40 %)
B = fotografie (blur 28.1pt, dist 16.6pt @90°, alfa 62 %)
C = vlajky (blur 20.8pt, dist 3pt @45°, alfa 30 %) */
--shadow-a: 15px 16px 91px rgba(0,0,0,.40);
--shadow-b: 0 33px 56px rgba(0,0,0,.62);
--shadow-c: 4px 4px 42px rgba(0,0,0,.30);
/* zaoblenia prevzaté z prstGeom roundRect */
--r-photo: 10px; /* veľké fotografie */
--r-btn: 5.5px; /* tlačidlá, pilulky */
--r-card: 8.4px; /* karta formulára */
--r-panel: 10.9px; /* pásové panely (konzorcium, NATO, ACTIVE DETECTION) */
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:#fff;}
body{
font-family:'Montserrat',Arial,Helvetica,sans-serif;
color:#000;
-webkit-font-smoothing:antialiased;
text-rendering:geometricPrecision;
}
img{display:block;border:0;}
a{text-decoration:none;color:inherit;}
/* ---- plátno 1512 px + proporcionálne zmenšenie -------------------------- */
.canvas{
position:relative;
width:1512px;
margin:0 auto;
overflow:hidden;
zoom:var(--s,1);
}
/* responzivita: celé 1512 px plátno sa vždy zmestí do šírky obrazovky */
html,body{width:100%;max-width:100%;overflow-x:hidden;}
@supports not (zoom:1){
.canvas{zoom:normal;transform:scale(var(--s,1));transform-origin:top left;}
}
/* ---- primitívy ---------------------------------------------------------- */
.abs{position:absolute;}
.t{position:absolute;white-space:nowrap;line-height:1;}
/* zvislé popisky v hero (UP TO / REAL) — podľa návrhu otočené o 90° */
.t.vert{writing-mode:vertical-rl;transform:rotate(180deg);}
/* veľké texty v hero (6KM / CWA) — plná výplň podľa požiadavky */
.t.outline,.t.outline-red{
letter-spacing:5px;
}
.t.outline{color:var(--orange);}
.t.outline-red{color:var(--red);}
/* dvojriadkový popisok nad CWA */
.t.vert2{white-space:normal;text-align:center;}
.tw{position:absolute;} /* text so zalomením */
.box{position:absolute;}
.hr{position:absolute;height:1px;}
/* váhy Montserrat */
.w200{font-weight:200;} .w400{font-weight:400;} .w500{font-weight:500;}
.w700{font-weight:700;} .w800{font-weight:800;} .w900{font-weight:900;}
.red{color:var(--red);}
.orange{color:var(--orange);}
.white{color:#fff;}
.poppins{font-family:'Poppins',Arial,sans-serif;}
/* ---- vrchná lišta ------------------------------------------------------- */
.topbar{position:absolute;left:0;top:0;width:1512px;height:53px;background:var(--red);}
/* ---- hlavné menu -------------------------------------------------------- */
.navlink{font-size:16px;font-weight:500;color:#fff;}
.nav-dark .navlink{color:#000;}
/* ---- oranžové tlačidlo "Request brief" ---------------------------------- */
.btn-orange{
position:absolute;width:272px;height:70px;background:var(--orange);
box-shadow:var(--shadow-a);border-radius:var(--r-btn);
}
.btn-orange .l1{position:absolute;left:16px;top:16px;font-size:16px;font-weight:700;color:#fff;line-height:19px;}
.btn-orange .l2{position:absolute;left:16px;top:41px;font-size:10px;font-weight:400;color:#fff;line-height:12px;}
.btn-orange img{position:absolute;left:232px;top:24px;width:21px;height:21px;}
/* tlačidlo "About technology" (užšie, 260 px) */
.btn-tech{position:absolute;width:260px;height:70px;background:var(--orange);
box-shadow:var(--shadow-a);border-radius:var(--r-btn);}
.btn-tech .l1{position:absolute;left:16px;top:16px;font-size:16px;font-weight:700;color:#fff;line-height:19px;}
.btn-tech .l2{position:absolute;left:16px;top:41px;font-size:10px;font-weight:400;color:#fff;line-height:12px;}
.btn-tech img{position:absolute;left:208px;top:22px;width:27px;height:27px;}
/* ---- kruhové tlačidlá (scroll / carousel) ------------------------------- */
.circle{position:absolute;width:67px;height:67px;border-radius:50%;background:var(--red);}
.circle img{position:absolute;left:16px;top:16px;width:34px;height:34px;}
/* ---- štítky / chipy ----------------------------------------------------- */
.chip{
position:absolute;background:var(--chip);
font-size:14px;font-weight:200;letter-spacing:6px;border-radius:4px;
color:#000;display:flex;align-items:center;justify-content:center;
}
.chip-outline{
position:absolute;border:1px solid #000;border-radius:4px;
font-size:14px;font-weight:200;letter-spacing:6px;
color:#000;display:flex;align-items:center;
}
.pill{
position:absolute;width:194px;height:40px;border-radius:var(--r-btn);background:var(--red);
color:#fff;font-size:18px;font-weight:400;display:flex;align-items:center;justify-content:center;
}
.pill-black{background:#000;}
/* ---- karta kontaktného formulára --------------------------------------- */
.cta-card{
position:absolute;width:379px;height:496px;background:#fff;border-radius:var(--r-card);
box-shadow:var(--shadow-a);
}
/* ---- polia formulára ---------------------------------------------------- */
.field{
position:absolute;background:#fff;border:1px solid #E3E3E3;border-radius:6px;
font-family:'Poppins',Arial,sans-serif;font-size:12px;color:#111;
padding:0 17px;outline:none;
}
textarea.field{padding:9px 17px;line-height:18px;resize:vertical;}
.field::placeholder{color:#9B9B9B;opacity:1;}
.field:focus{border-color:var(--red);}
/* ---- pätička ------------------------------------------------------------ */
.footer-bg{position:absolute;left:0;width:1512px;background:var(--red);}
.footer-line{position:absolute;left:68px;width:1368px;height:1px;background:rgba(255,255,255,.25);}
.visits-box{position:absolute;width:297px;height:187px;background:var(--red);border-radius:6.2px;box-shadow:var(--shadow-a);}
.footer-nav{position:absolute;width:350px;color:#fff;font-family:'Montserrat',Arial,sans-serif;}
.footer-nav-title{font-weight:700;font-size:20px;line-height:24px;margin-bottom:23px;}
.footer-nav-columns{display:grid;grid-template-columns:160px 160px;column-gap:30px;align-items:start;}
.footer-nav a{color:#fff;text-decoration:none;}
.footer-nav-row{display:flex;align-items:center;gap:11px;min-height:38px;font-size:16px;line-height:19px;font-weight:400;white-space:nowrap;}
.footer-nav-row img{width:21px;height:21px;flex:0 0 auto;}
.footer-nav-sub{display:block;margin-left:32px;font-size:14px;line-height:24px;font-weight:400;opacity:.9;white-space:nowrap;}
.footer-nav-row:hover,.footer-nav-sub:hover{color:var(--orange);}
/* ---- odkazovacie čiary pri produkte (slide 1) -------------------------- */
.lead{position:absolute;border-top:1px solid #fff;}
.lead-d{position:absolute;}
/* ---- rámček ACTIVE DETECTION ------------------------------------------- */
.note-red{position:absolute;background:var(--red);}
/* ---- podklad sekcií ----------------------------------------------------- */
.band-grey{position:absolute;left:0;width:1512px;background:var(--grey-bg);}
.band-black{position:absolute;left:0;width:1512px;background:#000;}
.band-red{position:absolute;left:0;width:1512px;background:var(--red);}
/* ---- hero prekrytie ----------------------------------------------------- */
.hero-overlay{position:absolute;pointer-events:none;left:0;width:1512px;background:rgba(0,0,0,.46);}
.clip{position:absolute;overflow:hidden;}
/* duotone z návrhu (a:duotone bg2/shade 45 % -> biela) */
.duotone{filter:grayscale(1) contrast(.53) brightness(1.56);}
/* Floating underline v hlavnom menu */
.navline{
position:absolute;
height:2px;
background:var(--orange);
opacity:0;
pointer-events:none;
transition:left .28s cubic-bezier(.4,0,.2,1), width .28s cubic-bezier(.4,0,.2,1), opacity .2s linear;
}
/* scroll-down kruh v hero — tieň + floating animácia */
.circle-float{
z-index:20;
box-shadow:var(--shadow-a);
animation:circleFloat 2.4s ease-in-out infinite;
cursor:pointer;
}
@keyframes circleFloat{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-10px);}
}
@media (prefers-reduced-motion:reduce){
.circle-float{animation:none;}
}
/* klikacie kontakty */
.clink{color:inherit;text-decoration:none;}
.clink:hover{text-decoration:underline;}
/* ---- hover floating efekt pre tlačidlá ---------------------------------- */
.btn-orange,.btn-tech,.pill{cursor:pointer;transition:box-shadow .25s ease;}
.btn-orange:hover,.btn-tech:hover,.pill:hover{
animation:btnFloat 2.4s ease-in-out infinite;
box-shadow:0 14px 28px rgba(0,0,0,.28);
}
@keyframes btnFloat{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-6px);}
}
@media (prefers-reduced-motion:reduce){
.btn-orange:hover,.btn-tech:hover,.pill:hover{animation:none;}
}
/* ---- telefónne pole s výberom predvoľby (vlajky) ------------------------ */
.phone-wrap{position:absolute;}
.phone-btn{
display:flex;align-items:center;gap:5px;cursor:pointer;background:#fff;
font-family:'Poppins',Arial,sans-serif;font-size:12px;color:#111;
}
.phone-flag{width:18px;height:13px;object-fit:cover;border-radius:2px;flex:0 0 auto;}
.phone-dial{color:#111;}
.phone-list{
position:absolute;left:0;width:230px;max-height:190px;overflow-y:auto;
background:#fff;border:1px solid #E3E3E3;border-radius:6px;
box-shadow:0 10px 24px rgba(0,0,0,.18);z-index:99;display:none;
}
.phone-list.open{display:block;}
.phone-item{
display:flex;align-items:center;gap:8px;padding:7px 10px;cursor:pointer;
font-family:'Poppins',Arial,sans-serif;font-size:12px;color:#111;
}
.phone-item:hover{background:var(--grey-bg);}
.phone-item .phone-dial{margin-left:auto;color:var(--grey-txt);}
/* podmenu v hlavnom menu */
.submenu{position:absolute;display:none;min-width:150px;padding:12px 18px;z-index:500;background:rgba(0,0,0,.9);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.25);}
.submenu-bridge{position:absolute;display:none;z-index:499;background:transparent;}
.submenu.open{display:block;}
.submenu-bridge.open{display:block;}
.submenu a{display:block;font-family:'Montserrat',sans-serif;font-weight:500;font-size:14px;line-height:28px;color:#fff;text-decoration:none;white-space:nowrap;}
.submenu a:hover{color:var(--orange);}
/* =========================================================
MOBIL / TABLET (<=900px) — obsah sa skladá pod seba
Desktopové súradnice zostávajú nedotknuté.
========================================================= */
html.m-mode,html.m-mode body{overflow-x:hidden;}
html.m-mode .canvas{
zoom:1 !important;transform:none !important;
width:100% !important;max-width:100%;height:auto !important;
overflow:visible;padding-top:0;
}
html.m-mode .m-hide{display:none !important;}
html.m-mode .m-sec{
position:relative;
padding:30px 20px;
display:flex;flex-direction:column;align-items:center;gap:8px;
}
html.m-mode .m-sec > *{position:static !important;max-width:100%;}
html.m-mode .m-sec + .m-sec{margin-top:0;}
html.m-mode .m-sec.m-light-section{padding-top:44px;padding-bottom:44px;}
html.m-mode .m-sec:not(.m-light-section):not(.m-invert){background:#fff;}
html.m-mode .m-sec[style*="247, 247, 247"]{background:var(--grey-bg) !important;}
/* texty */
html.m-mode .m-sec .t,
html.m-mode .m-sec .tw{
position:static !important;white-space:normal !important;
width:100%;max-width:100%;letter-spacing:0 !important;text-align:center !important;
overflow-wrap:break-word;word-break:normal;
}
html.m-mode .m-text{margin:0;}
html.m-mode .m-eyebrow{
margin:0 0 8px !important;color:var(--red) !important;font-size:11px !important;
line-height:1.3 !important;font-weight:500 !important;letter-spacing:7px !important;
text-transform:uppercase;
}
html.m-mode .m-heading{
margin:0 0 7px !important;font-size:23px !important;line-height:1.15 !important;
font-weight:800 !important;letter-spacing:0 !important;
}
html.m-mode .m-subheading{
margin:6px 0 2px !important;font-size:16px !important;line-height:1.28 !important;
font-weight:700 !important;letter-spacing:0 !important;
}
html.m-mode .m-copy{
margin:0 0 3px !important;font-size:14px !important;line-height:1.5 !important;
font-weight:400 !important;letter-spacing:0 !important;
}
html.m-mode .m-muted-text{color:var(--grey-txt) !important;}
html.m-mode .m-sec .m-heading + .m-heading,
html.m-mode .m-sec .m-subheading + .m-subheading,
html.m-mode .m-sec .m-copy + .m-copy{margin-top:-6px !important;}
html.m-mode .m-sec .t.vert,
html.m-mode .m-sec .t.vert2{writing-mode:horizontal-tb !important;transform:none !important;text-align:center !important;}
html.m-mode .m-sec .t.vert2 br{display:none;}
html.m-mode .m-sec .outline,
html.m-mode .m-sec .outline-red,
html.m-mode .m-sec .t.outline,
html.m-mode .m-sec .t.outline-red{
width:auto !important;font-size:34px !important;line-height:1 !important;
color:var(--orange) !important;letter-spacing:4px !important;margin:0 0 14px !important;
}
/* obrázky */
html.m-mode .m-sec img{height:auto;max-width:100%;}
html.m-mode .m-sec img[src*="logo-sec-black"]{width:min(220px,70%) !important;align-self:flex-start;}
html.m-mode .m-sec img[src*="logo-sec-white"]{width:min(148px,48%) !important;align-self:center;}
html.m-mode .m-sec img[src*="nato"]{width:auto !important;max-width:72px !important;}
html.m-mode .m-sec .m-media,
html.m-mode .m-sec img.m-media{
width:100% !important;max-width:100% !important;margin:14px 0 14px;align-self:center;
border-radius:var(--r-photo);
}
html.m-mode .m-sec .m-detail-img{
width:112px !important;height:112px !important;object-fit:contain !important;
margin:12px auto !important;border-radius:50% !important;box-shadow:0 14px 34px rgba(0,0,0,.16);
}
html.m-mode .m-sec .m-clip-img{overflow:visible !important;border-radius:var(--r-photo);}
html.m-mode .m-sec .m-clip-img{display:flex;justify-content:center;align-items:flex-start;}
html.m-mode .m-sec .m-clip-img img{position:relative !important;left:0 !important;top:0 !important;width:auto !important;max-width:100% !important;max-height:560px !important;height:auto !important;object-fit:contain !important;}
html.m-mode .m-sec img[src*="logo-sec-black"]{width:180px !important;max-width:62% !important;margin:12px auto !important;align-self:center !important;}
html.m-mode .m-sec img[src*="logo-sec-white"]{width:126px !important;max-width:46% !important;align-self:center !important;}
html.m-mode .m-sec.m-mobile-footer img[src*="logo-sec-white"]{align-self:flex-start !important;}
html.m-mode .m-sec img.m-icon{width:38px !important;height:38px !important;object-fit:contain;flex:0 0 auto;margin:4px 0 3px;}
html.m-mode .m-sec img[src*="ico-check"]{width:16px !important;height:16px !important;margin-top:3px;}
html.m-mode .m-sec img[src*="plat-"]{width:52px !important;height:52px !important;display:inline-block;margin:8px 14px 8px 0;}
html.m-mode .phone-flag{width:18px !important;height:13px !important;}
html.m-mode .footer-nav img,html.m-mode .footer-contact img,html.m-mode .m-sec .ico-inline{width:auto !important;max-width:20px !important;height:auto !important;flex:0 0 auto;}
html.m-mode .m-sec > a{display:block;width:100% !important;max-width:100% !important;box-sizing:border-box;position:relative !important;left:0 !important;top:0 !important;}
html.m-mode .m-sec > a > img{max-width:100% !important;position:relative !important;left:0 !important;top:0 !important;display:block;}
html.m-mode .m-sec > a > .t,
html.m-mode .m-sec > a > .tw{width:100% !important;}
/* tlačidlá */
html.m-mode .btn-orange,
html.m-mode .btn-tech{
position:relative !important;width:100% !important;max-width:320px;height:auto !important;
margin:12px auto 4px;padding:13px 50px 14px 16px;box-shadow:0 8px 20px rgba(0,0,0,.25);
display:block !important;border-radius:8px !important;background:var(--orange) !important;color:#fff !important;
}
html.m-mode .btn-orange .l1,html.m-mode .btn-tech .l1,
html.m-mode .btn-orange .l2,html.m-mode .btn-tech .l2{
position:static !important;display:block;color:#fff !important;text-align:left !important;letter-spacing:0 !important;
}
html.m-mode .btn-orange .l1,html.m-mode .btn-tech .l1{font-size:16px !important;line-height:1.2 !important;font-weight:800 !important;}
html.m-mode .btn-orange .l2,html.m-mode .btn-tech .l2{margin-top:3px;font-size:11px !important;line-height:1.25 !important;font-weight:500 !important;opacity:.92;}
html.m-mode .btn-orange img,html.m-mode .btn-tech img{
position:absolute !important;right:14px;top:50%;left:auto !important;
transform:translateY(-50%);width:22px !important;height:22px !important;
}
/* pilulky / chipy */
html.m-mode .pill,
html.m-mode .chip,
html.m-mode .chip-outline{
position:relative !important;width:auto !important;height:auto !important;
display:inline-flex;padding:7px 14px;font-size:13px;letter-spacing:2px;
}
html.m-mode .m-chip-block{
width:100% !important;max-width:340px !important;min-height:auto !important;margin:8px 0 2px;
padding:12px 14px !important;display:flex !important;align-items:center !important;justify-content:center !important;
border-radius:8px !important;background:var(--chip) !important;color:#000 !important;
font-size:13px !important;line-height:1.35 !important;letter-spacing:4px !important;text-align:center !important;
}
html.m-mode .m-sec .box:not(:empty){
position:relative !important;width:100% !important;max-width:100% !important;height:auto !important;
min-height:0 !important;padding:16px;border-radius:var(--r-panel);
}
html.m-mode .m-sec .box:not(:empty) img{width:auto !important;max-width:96px !important;}
/* kruhy (scroll / carousel) */
html.m-mode .circle{
position:relative !important;width:50px !important;height:50px !important;flex:0 0 auto;margin:10px auto 0;
}
html.m-mode .circle img{position:absolute !important;left:12px !important;top:12px !important;width:26px !important;height:26px !important;}
html.m-mode .circle-float{animation:none;}
/* formulárové polia */
html.m-mode .field,
html.m-mode .phone-wrap{
position:relative !important;left:0 !important;width:100% !important;max-width:100%;
box-sizing:border-box;
}
html.m-mode .field{height:44px;font-size:14px;border-radius:8px;}
html.m-mode textarea.field{height:110px;}
html.m-mode .phone-wrap{height:auto !important;display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;}
html.m-mode .phone-wrap .phone-btn,
html.m-mode .phone-wrap input{position:relative !important;left:auto !important;top:auto !important;width:100% !important;height:44px !important;}
html.m-mode .phone-wrap .phone-btn{justify-content:center;padding:0 8px !important;}
html.m-mode .phone-list{top:48px !important;grid-column:1 / -1;z-index:20;}
html.m-mode .phone-list{width:100%;box-sizing:border-box;}
html.m-mode .phone-dial{max-width:none;}
/* pätička */
html.m-mode .footer-nav{position:relative !important;left:0 !important;width:100% !important;box-sizing:border-box;}
html.m-mode .footer-nav-columns{grid-template-columns:1fr;column-gap:0;}
html.m-mode .footer-nav-row{white-space:normal;}
html.m-mode .footer-nav-sub{padding-left:0 !important;margin-left:0 !important;width:auto !important;}
/* ---- mobilná hlavička ---- */
.m-header{display:none;}
html.m-mode .m-header{
display:block;position:sticky;left:0;top:0;width:100%;z-index:9000;
background:#0b0b0b;box-shadow:0 2px 12px rgba(0,0,0,.35);
}
html.m-mode .m-bar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;}
html.m-mode .m-logo{display:block;}
html.m-mode .m-logo img{width:64px;height:auto;display:block;}
html.m-mode .m-burger{
width:40px;height:40px;background:none;border:0;padding:10px;cursor:pointer;
display:flex;flex-direction:column;justify-content:space-between;
}
html.m-mode .m-burger span{display:block;height:2px;width:100%;background:#fff;transition:.25s;}
html.m-mode .m-header.open .m-burger span:nth-child(1){transform:translateY(11px) rotate(45deg);}
html.m-mode .m-header.open .m-burger span:nth-child(2){opacity:0;}
html.m-mode .m-header.open .m-burger span:nth-child(3){transform:translateY(-11px) rotate(-45deg);}
html.m-mode .m-nav{
display:none;border-top:1px solid rgba(255,255,255,.14);
padding:10px 16px 22px;max-height:calc(100vh - 58px);overflow-y:auto;background:#0b0b0b;
}
html.m-mode .m-header.open .m-nav{display:block;}
html.m-mode .m-nav-a{
display:block;color:#fff;font-family:'Montserrat',sans-serif;font-weight:600;
font-size:15px;letter-spacing:.5px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);
}
html.m-mode .m-nav-s{
display:block;color:#d9d9d9;font-family:'Montserrat',sans-serif;font-weight:400;
font-size:14px;padding:9px 0 9px 16px;
}
html.m-mode .m-nav-a:active,html.m-mode .m-nav-a:hover,
html.m-mode .m-nav-s:hover{color:var(--orange);}
html.m-mode .m-contact{padding-top:16px;display:flex;flex-direction:column;gap:8px;}
html.m-mode .m-contact a{color:var(--orange);font-family:'Montserrat',sans-serif;font-size:14px;}
/* ikona + text v jednom riadku (mobil) */
html.m-mode .m-row{display:flex;align-items:center;gap:10px;text-align:left;}
html.m-mode .m-row{width:100%;margin:8px 0 2px;}
html.m-mode .m-row > img{flex:0 0 auto;margin:0 !important;}
html.m-mode .m-row > *:not(img){flex:1 1 auto;min-width:0;}
html.m-mode .m-row .t,html.m-mode .m-row .tw{text-align:left !important;width:auto !important;}
html.m-mode .m-row > *{position:relative !important;left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;}
html.m-mode .m-row > img[src*="ico-"]{filter:none !important;opacity:1 !important;}
html.m-mode .m-sec > a.clink,
html.m-mode .m-panel-tile > a.clink,
html.m-mode .m-event-card > a.clink,
html.m-mode .m-download-card > a{
color:var(--orange) !important;font-weight:800 !important;text-align:center !important;
display:inline-flex !important;align-self:center;justify-content:center;width:auto !important;margin-top:6px;
}
html.m-mode .m-sec.m-invert .t,
html.m-mode .m-sec.m-invert .t *{color:#fff !important;}
html.m-mode .m-sec.m-light-section .t,
html.m-mode .m-sec.m-light-section .tw,
html.m-mode .m-sec.m-light-section .t *,
html.m-mode .m-sec.m-light-section .tw *{color:#fff !important;}
html.m-mode .m-sec.m-light-section .outline,
html.m-mode .m-sec.m-light-section .outline-red{color:var(--orange) !important;}
html.m-mode .m-page-intro{padding-top:54px !important;padding-bottom:42px !important;background:#fff !important;min-height:auto !important;}
html.m-mode .m-page-intro .m-media{max-height:300px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.16));}
html.m-mode .m-page-intro .m-heading{color:#000 !important;}
html.m-mode .m-page-intro .m-heading + .m-heading{color:var(--red) !important;}
html.m-mode .m-hero{min-height:calc(100svh - 58px);justify-content:center;padding:18px 20px 0 !important;gap:8px;overflow:visible;}
html.m-mode .m-hero .m-media:first-child{margin:0 auto 10px;max-height:32vh;object-fit:contain;object-position:center;filter:drop-shadow(0 24px 38px rgba(0,0,0,.45));}
html.m-mode .m-hero .m-heading{font-size:23px !important;line-height:1.14 !important;text-align:center !important;}
html.m-mode .m-hero .m-subheading{font-size:14px !important;letter-spacing:.5px !important;text-align:center !important;}
html.m-mode .m-hero .m-copy{font-size:14px !important;text-align:center !important;}
html.m-mode .m-hero .outline,
html.m-mode .m-hero .outline-red{font-size:28px !important;text-align:center !important;margin-bottom:0 !important;}
html.m-mode .m-hero .circle-float{margin-top:auto;margin-bottom:-25px;z-index:5;box-shadow:var(--shadow-a);}
html.m-mode .m-hero + .m-sec{padding-top:50px;}
/* kompaktné mobilné dlaždice z desktopových objektov */
html.m-mode .m-card-grid,
html.m-mode .m-platform-grid,
html.m-mode .m-panel-grid,
html.m-mode .m-event-grid,
html.m-mode .m-logo-grid,
html.m-mode .m-team-grid,
html.m-mode .m-info-grid{
width:100%;display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0 6px;
}
html.m-mode .m-tile,
html.m-mode .m-panel-tile,
html.m-mode .m-event-card,
html.m-mode .m-logo-tile,
html.m-mode .m-team-card,
html.m-mode .m-info-card{
position:relative !important;width:100%;min-width:0;padding:16px 16px 15px;
background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:var(--r-panel);
box-shadow:0 12px 34px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:8px;
align-items:stretch;text-align:left;overflow:hidden;
}
html.m-mode .m-tile > *,
html.m-mode .m-panel-tile > *,
html.m-mode .m-event-card > *,
html.m-mode .m-logo-tile > *,
html.m-mode .m-team-card > *,
html.m-mode .m-info-card > *{position:relative !important;left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;max-width:100%;}
html.m-mode .m-tile .m-row{margin:0;gap:10px;align-items:center;}
html.m-mode .m-tile .m-row:first-child{margin-bottom:3px;}
html.m-mode .m-tile .m-row:first-child img{width:36px !important;height:36px !important;}
html.m-mode .m-tile .m-row:first-child .t,
html.m-mode .m-tile .m-row:first-child .tw{font-size:18px !important;line-height:1.2 !important;font-weight:800 !important;color:#000 !important;}
html.m-mode .m-tile .m-row:not(:first-child){align-items:flex-start;padding-left:2px;}
html.m-mode .m-tile .m-row:not(:first-child) img{width:15px !important;height:15px !important;margin-top:2px !important;}
html.m-mode .m-tile .m-row:not(:first-child) .t,
html.m-mode .m-tile .m-row:not(:first-child) .tw,
html.m-mode .m-tile > .m-copy,
html.m-mode .m-tile > .t,
html.m-mode .m-tile > .tw{font-size:15px !important;line-height:1.42 !important;color:var(--grey-txt) !important;text-align:left !important;}
html.m-mode .m-tile img[src*="ico-"]{filter:none !important;opacity:1 !important;}
html.m-mode .m-capability-grid .m-tile,
html.m-mode .m-feature-grid .m-tile,
html.m-mode .m-country-grid .m-tile{background:#fff;}
html.m-mode .m-metric-grid .m-tile{background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.06);}
html.m-mode .m-metric-grid .m-tile .m-row:first-child{padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.08);}
html.m-mode .m-metric-grid .m-tile > .t,
html.m-mode .m-metric-grid .m-tile > .tw{padding-left:46px;font-size:15px !important;}
html.m-mode .m-feature-grid{grid-template-columns:1fr;}
html.m-mode .m-feature-tile{align-items:center;text-align:center;}
html.m-mode .m-feature-tile .m-feature-icon{width:44px !important;height:44px !important;margin:0 auto 5px !important;filter:none !important;}
html.m-mode .m-feature-tile .t,
html.m-mode .m-feature-tile .tw{text-align:center !important;color:#000 !important;font-size:15px !important;line-height:1.45 !important;}
html.m-mode .m-country-grid{gap:14px;}
html.m-mode .m-country-tile{align-items:center;text-align:center;padding:18px;gap:10px;}
html.m-mode .m-country-flag{width:30px !important;height:30px !important;border-radius:50%;object-fit:cover;margin:0 !important;box-shadow:0 4px 16px rgba(0,0,0,.16);}
html.m-mode .m-country-logo{width:auto !important;max-width:190px !important;max-height:64px !important;margin:2px auto 8px !important;object-fit:contain;filter:none !important;opacity:1 !important;}
html.m-mode .m-country-text{display:flex;flex-direction:column;gap:2px;align-items:center;}
html.m-mode .m-country-text .t,
html.m-mode .m-country-text .tw{font-size:14px !important;line-height:1.35 !important;text-align:center !important;color:#000 !important;}
html.m-mode .m-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
html.m-mode .m-platform-tile{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:var(--r-panel);padding:12px;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.06);}
html.m-mode .m-platform-tile img{width:34px !important;height:34px !important;margin:0 !important;filter:none !important;}
html.m-mode .m-gallery-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 6px;}
html.m-mode .m-gallery-grid .m-gallery-img{position:relative !important;left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;width:100% !important;height:auto !important;aspect-ratio:1.28/1;object-fit:cover !important;margin:0 !important;border-radius:8px !important;}
html.m-mode .m-gallery-grid .m-gallery-img:first-child:nth-last-child(n+10),
html.m-mode .m-gallery-grid .m-gallery-img:nth-child(7n+1){grid-column:span 2;aspect-ratio:1.55/1;}
html.m-mode .m-panel-grid{gap:14px;}
html.m-mode .m-panel-tile{background:#fff;padding:18px;gap:7px;text-align:center;align-items:center;}
html.m-mode .m-panel-tile .t,
html.m-mode .m-panel-tile .tw{width:100% !important;text-align:center !important;}
html.m-mode .m-panel-tile .m-eyebrow{font-size:10px !important;letter-spacing:3px !important;margin-bottom:2px !important;}
html.m-mode .m-panel-tile .m-subheading,
html.m-mode .m-panel-tile > .w700{font-size:17px !important;line-height:1.25 !important;color:#000 !important;}
html.m-mode .m-panel-tile .m-copy,
html.m-mode .m-panel-tile .m-muted-text{font-size:14px !important;line-height:1.45 !important;color:var(--grey-txt) !important;}
html.m-mode .m-form-card{align-items:stretch;text-align:left;padding:20px;background:#fff;box-shadow:0 16px 38px rgba(0,0,0,.14);}
html.m-mode .m-form-card .m-heading,
html.m-mode .m-form-card .t.w700{font-size:23px !important;line-height:1.12 !important;color:#000 !important;text-align:center !important;}
html.m-mode .m-form-card input,
html.m-mode .m-form-card textarea{width:100% !important;margin:0 !important;}
html.m-mode .m-form-card .btn-orange{margin-top:10px;align-self:stretch;}
html.m-mode .m-download-card{background:#0b0b0b;color:#fff;border-color:#0b0b0b;}
html.m-mode .m-download-card .t,
html.m-mode .m-download-card .tw{color:#fff !important;}
html.m-mode .m-info-grid{gap:10px;margin-top:18px;}
html.m-mode .m-info-card{padding:15px 16px;gap:6px;align-items:center;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.06);}
html.m-mode .m-info-card .t,
html.m-mode .m-info-card .tw{text-align:center !important;width:100% !important;}
html.m-mode .m-info-card .m-eyebrow{font-size:10px !important;letter-spacing:3px !important;margin:0 !important;color:var(--red) !important;}
html.m-mode .m-info-card .m-copy,
html.m-mode .m-info-card .m-muted-text,
html.m-mode .m-info-card .w200{font-size:14px !important;line-height:1.35 !important;color:#000 !important;}
html.m-mode .m-event-grid{gap:18px;}
html.m-mode .m-event-card{padding:0 0 18px;gap:9px;text-align:center;align-items:center;box-shadow:0 14px 34px rgba(0,0,0,.1);background:#fff;}
html.m-mode .m-event-card > a:has(img),
html.m-mode .m-event-card > img{width:100% !important;margin:0 0 4px !important;display:block !important;}
html.m-mode .m-event-card > a:has(img){height:auto !important;line-height:0;}
html.m-mode .m-event-card > a:has(img) > img,
html.m-mode .m-event-card > img{
position:relative !important;left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;
width:100% !important;height:auto !important;aspect-ratio:1.55/1 !important;object-fit:cover !important;
border-radius:8px 8px 0 0 !important;box-shadow:none !important;display:block !important;
}
html.m-mode .m-event-card img:not(.phone-flag){max-height:none !important;}
html.m-mode .m-event-card .pill{order:0;margin:6px auto 2px !important;max-width:calc(100% - 28px);background:var(--chip) !important;color:#000 !important;box-shadow:none !important;}
html.m-mode .m-event-card .t,
html.m-mode .m-event-card .tw{width:100% !important;padding:0 16px;text-align:center !important;}
html.m-mode .m-event-card .m-eyebrow{font-size:10px !important;letter-spacing:3px !important;color:var(--red) !important;}
html.m-mode .m-event-card .m-subheading,
html.m-mode .m-event-card a .t{font-size:19px !important;line-height:1.25 !important;font-weight:800 !important;color:#000 !important;}
html.m-mode .m-event-card .m-copy{font-size:14px !important;line-height:1.45 !important;color:var(--grey-txt) !important;}
html.m-mode .m-event-card .m-on-dark,
html.m-mode .m-event-card .m-on-dark *{color:var(--grey-txt) !important;}
html.m-mode .m-event-card .m-panel-grid{display:contents;margin:0;}
html.m-mode .m-event-card .m-panel-tile{display:contents;padding:0;background:transparent;border:0;box-shadow:none;}
html.m-mode .m-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
html.m-mode .m-logo-tile{min-height:88px;align-items:center;justify-content:center;padding:14px;background:#fff;}
html.m-mode .m-logo-tile img{width:auto !important;max-width:140px !important;max-height:58px !important;object-fit:contain !important;margin:0 auto !important;filter:none !important;}
html.m-mode .m-team-grid{gap:14px;}
html.m-mode .m-team-card{padding:0 0 16px;align-items:center;text-align:center;gap:7px;}
html.m-mode .m-team-card img{width:100% !important;height:auto !important;aspect-ratio:1/1 !important;object-fit:cover !important;margin:0 0 8px !important;border-radius:8px 8px 0 0 !important;}
html.m-mode .m-team-card .w700{font-size:18px !important;line-height:1.25 !important;color:#000 !important;text-align:center !important;}
html.m-mode .m-team-card .w400{font-size:14px !important;line-height:1.35 !important;color:var(--grey-txt) !important;text-align:center !important;}
html.m-mode .m-mobile-footer{
background:var(--red) !important;color:#fff !important;align-items:flex-start !important;text-align:left !important;
padding:38px 20px 30px !important;gap:10px;
}
html.m-mode .m-mobile-footer .t,
html.m-mode .m-mobile-footer .tw{text-align:left !important;color:#fff !important;}
html.m-mode .m-mobile-footer img[src*="logo-sec-white"]{align-self:flex-start !important;width:126px !important;margin-bottom:14px;}
html.m-mode .m-mobile-footer .footer-nav{margin:18px 0 8px;}
html.m-mode .m-mobile-footer .footer-nav-title{font-size:18px;margin:0 0 10px;}
html.m-mode .m-mobile-footer .footer-nav-row{min-height:30px;font-size:14px;gap:8px;}
html.m-mode .m-mobile-footer .footer-nav-sub{font-size:13px;line-height:22px;opacity:.82;padding-left:28px !important;}
html.m-mode .m-mobile-footer .m-icon{width:18px !important;height:18px !important;margin:0 6px 0 0 !important;}
html.m-mode .m-mobile-footer .m-card-grid{display:flex;flex-direction:column;gap:8px;margin:8px 0 0;width:100%;}
html.m-mode .m-mobile-footer .m-card-grid .m-tile{background:transparent;border:0;box-shadow:none;padding:0;gap:6px;color:#fff;}
html.m-mode .m-mobile-footer .m-card-grid .m-tile .m-row:first-child{border:0;padding:0;}
html.m-mode .m-mobile-footer .m-card-grid .m-tile .t,
html.m-mode .m-mobile-footer .m-card-grid .m-tile .tw{color:#fff !important;font-size:14px !important;line-height:1.35 !important;}
html.m-mode #car-title,
html.m-mode #car-sub{display:block !important;width:100% !important;text-align:center !important;}
html.m-mode #car-main{width:100% !important;height:auto !important;aspect-ratio:1.45/1;object-fit:cover;margin:16px 0 10px;}
html.m-mode #car-prev,
html.m-mode #car-next{display:inline-flex !important;margin-right:12px;}
html.m-mode .m-hide,
html.m-mode .m-hide *{display:none !important;visibility:hidden !important;pointer-events:none !important;}
/* ---- postupné nabiehanie pri scrollovaní -------------------------------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1);}
.rv-in{opacity:1;transform:translateY(0);}
html.m-mode .rv{opacity:1 !important;transform:none !important;}
@media (prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important;}}
/* ---- cookie lišta ------------------------------------------------------- */
.cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#111;color:#fff;
box-shadow:0 -10px 40px rgba(0,0,0,.35);transform:translateY(110%);transition:transform .32s ease;}
.cookiebar-in-view{transform:translateY(0);}
.cookiebar-in{max-width:1380px;margin:0 auto;padding:18px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.cookiebar-txt{max-width:900px;font-family:'Montserrat',Arial,sans-serif;}
.cookiebar-txt strong{display:block;font-size:16px;font-weight:700;margin-bottom:6px;}
.cookiebar-txt span{display:block;font-size:13px;font-weight:400;line-height:20px;color:rgba(255,255,255,.82);}
.cookiebar-txt a{color:var(--orange);text-decoration:underline;}
.cookiebar-btns{display:flex;gap:12px;flex-wrap:wrap;}
.cookiebar-btns button{font-family:'Montserrat',Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.4px;
padding:13px 26px;border-radius:var(--r-btn);border:0;cursor:pointer;transition:transform .2s ease,opacity .2s ease;}
.cookiebar-btns button:hover{transform:translateY(-2px);}
.ck-reject{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)!important;}
.ck-accept{background:var(--orange);color:#fff;}
@media (max-width:900px){
.cookiebar-in{padding:16px;gap:14px;}
.cookiebar-btns{width:100%;}
.cookiebar-btns button{flex:1;}
}
/* ===== Vodiace čiary – blikajúci červený pointer (desktop + tablet) ===== */
circle.lead-dot{fill:var(--red);transform-box:fill-box;transform-origin:center;animation:leadPulse 1.4s ease-in-out infinite;}
@keyframes leadPulse{
0%,100%{opacity:1;transform:scale(.75);}
50%{opacity:.25;transform:scale(1.25);}
}
@media (prefers-reduced-motion:reduce){circle.lead-dot{animation:none;}}
html.m-mode circle.lead-dot{display:none;}
/* --- mobil: copyright v pätičke s oddeľovacou čiarou --- */
html.m-mode .m-sec.m-mobile-footer > .m-text:last-child{
width:100% !important;
margin-top:18px !important;
padding-top:14px !important;
border-top:1px solid rgba(255,255,255,.25) !important;
text-align:center !important;
font-size:13px !important;
color:#fff !important;
}