:root{--blue:#063a82;--blue2:#0879ed;--ink:#08295c;--light:#f4f8fd}*{box-sizing:border-box}html{scroll-behavior:smooth}main{position:relative} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#10264b;background:#fff}.top{height:42px;background:#06346f;color:white;display:flex;align-items:center;gap:55px;padding:0 5%;font-size:14px}.top .social{margin-left:auto}.top .social a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px;font-weight:800}.fb-icon{width:27px;height:27px;border-radius:7px;background:#fff;color:#063a82;display:inline-flex;align-items:center;justify-content:center;font:bold 23px Arial;line-height:1}.brand{height:165px;display:flex;align-items:center;padding:20px 5%;gap:38px}.brand img{width:150px;height:150px;object-fit:cover}.brand h1{margin:0;color:#17135f;font-size:68px;letter-spacing:-3px}.brand p{margin:6px 0 0;color:#08458f;font-weight:700;letter-spacing:6px;font-size:17px}.claim{margin-left:auto;text-align:right;color:#0a4893;font-size:23px;font-style:italic;line-height:1.05}.claim b{font-size:27px}nav{height:63px;background:#062f69;display:flex;align-items:center;padding:0 4%;gap:3px;position:sticky;top:0;z-index:10;box-shadow:0 4px 16px #00234b44}nav a{height:63px;padding:0 24px;display:flex;align-items:center;color:#fff;text-decoration:none;font-weight:700;font-size:15px}nav a:hover,nav .active{background:#087ff1}.search{margin-left:auto;border:1px solid #4b8bd0;border-radius:30px;padding:11px 22px;color:white}.search span{color:#bdd4ef;margin-left:10px}.hero{height:570px;position:relative;overflow:hidden;background:#052f69}.hero-photo{position:absolute;inset:0;background-image:url('assets/prevadzka.jpg');background-size:cover;background-position:center 48%;filter:saturate(.9)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#032e68f2 0%,#043c7eb8 32%,#043a7e22 60%,#032d67aa 100%)}.hero-copy{position:absolute;left:4%;top:68px;color:white;width:410px}.hero-copy small,.content small,.store small{font-weight:700;letter-spacing:1.5px;color:#82d0ff}.hero-copy h2{font-size:53px;line-height:.97;margin:12px 0 20px;letter-spacing:-2px}.hero-copy em{font-style:normal;color:#73d2ff}.hero-copy p{font-size:17px;line-height:1.55}.checks{display:grid;gap:12px;margin:24px 0}.checks span{display:grid;grid-template-columns:38px 1fr;align-items:center;font-size:27px}.checks b{font-size:15px}.checks small{grid-column:2;color:#dcecff;font-size:12px;letter-spacing:0}.btn,.shopbtn{display:inline-block;border:1px solid white;border-radius:7px;padding:14px 25px;color:white;text-decoration:none;font-weight:700}.hero-gallery{position:absolute;right:calc(3% + 318px);top:35px;left:auto;transform:none;width:360px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;z-index:3}.eshop{position:absolute;right:3%;top:35px;width:300px;border:2px solid #1991ff;border-radius:24px;background:#0750a7e8;color:white;padding:25px;text-align:center;box-shadow:0 0 35px #0096ff55}.cart{font-size:66px}.eshop h3{font-size:43px;margin:3px}.eshop p{color:#a9dcff;font-weight:700;line-height:1.35}.shopbtn{background:white;color:#073b80;border:0;margin:8px 0 14px}.eshop ul{list-style:none;text-align:left;padding:0;margin:4px 8px;line-height:2}.tiles{display:grid;grid-template-columns:repeat(5,1fr);background:#fff}.tiles article{text-align:center;padding:25px 10px;border-right:1px solid #d9e4f2;color:#08418b;font-size:34px}.tiles b,.tiles small{display:block}.tiles b{font-size:14px;margin-top:8px}.tiles small{font-size:12px;color:#55739a;margin-top:5px}.content{display:flex;justify-content:space-between;gap:50px;padding:75px 9%;background:#f5f9fe}.content h2,.store h2{font-size:45px;color:#092e67;margin:12px 0}.content h2 span,.store h2 span{color:#087ff1}.content p,.store p{max-width:620px;line-height:1.7;color:#4e6585}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:380px}.service-grid b{padding:25px;background:white;border:1px solid #dce8f5;border-radius:12px;color:#063a82}.store{display:flex;gap:55px;align-items:center;padding:70px 8%;background:white}.store img{width:57%;border-radius:12px;box-shadow:0 15px 35px #002b5b22}.dark{background:#073a80;margin-top:15px}.trust{background:#062f69;color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:38px 7%;gap:30px}.trust div{display:grid;grid-template-columns:40px 1fr}.trust b{font-size:28px;color:#62c7ff}.trust strong{font-size:14px}.trust small{grid-column:2;color:#a9c8e8;margin-top:5px}footer{background:#031f49;color:#bcd0ea;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:45px 7%}footer b{color:white;display:block;margin-bottom:14px}footer span,footer small{display:block;margin:7px 0}.footbrand{display:flex;gap:18px;align-items:center}.footbrand img{width:65px;height:65px}.footbrand b{font-size:20px;margin:0} @media(max-width:1000px){.brand h1{font-size:45px}.brand img{width:110px;height:110px}.claim{display:none}nav a{padding:0 10px;font-size:12px}.hero-copy{width:44%}.eshop{width:250px}.tiles{grid-template-columns:repeat(3,1fr)}.store{flex-direction:column}.store img{width:100%}footer{grid-template-columns:1fr 1fr}.top{gap:18px;font-size:11px}} @media(max-width:700px){.top{display:none}.brand{height:105px;padding:10px 18px;gap:15px}.brand img{width:75px;height:75px}.brand h1{font-size:29px;letter-spacing:-1px}.brand p{font-size:8px;letter-spacing:2px}nav{overflow:auto;position:relative;height:52px}nav a{height:52px;white-space:nowrap;padding:0 12px}.search{display:none}.hero{height:700px}.hero-copy{top:35px;left:22px;width:calc(100% - 44px)}.hero-copy h2{font-size:43px}.eshop{top:auto;bottom:20px;left:22px;right:22px;width:auto;padding:12px}.eshop .cart{display:none}.eshop h3{font-size:30px}.eshop p{margin:4px}.eshop ul{display:none}.tiles{grid-template-columns:repeat(2,1fr)}.content{display:block;padding:45px 25px}.content h2,.store h2{font-size:35px}.service-grid{min-width:0;margin-top:25px}.store{padding:45px 25px}.trust{grid-template-columns:1fr 1fr;padding:30px 20px}footer{grid-template-columns:1fr;padding:35px 25px}} .partners{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:22px;padding:22px 7%;background:#f7faff;border-top:1px solid #dce8f5;border-bottom:1px solid #dce8f5}.partner{height:82px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e3ebf5;border-radius:8px;padding:10px 18px}.partner{flex-direction:column}.partner img{max-width:100%;max-height:48px;object-fit:contain}.partner span{display:block;margin-top:7px;text-align:center;font-size:10px;line-height:1.2;color:#55739a;font-weight:700}.partner:nth-child(3) img{max-height:58px}.partner:nth-child(4) img{max-height:48px}.partner:nth-child(5) img{max-height:40px}@media(max-width:1000px){.partners{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.partners{grid-template-columns:repeat(2,1fr);padding:18px}.partner{height:70px}} .refurb-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:520px}.refurb-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dce8f5;border-radius:14px;text-decoration:none;box-shadow:0 8px 24px #073a8014;transition:transform .2s,box-shadow .2s}.refurb-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #073a8026}.refurb-card img{width:100%;height:145px;object-fit:cover;background:#eaf4ff}.refurb-card strong{font-size:21px;color:#063a82;padding:14px 16px 2px}.refurb-card span{font-size:13px;line-height:1.35;color:#55739a;padding:0 16px 10px}.refurb-card em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.6px;color:#087ff1;padding:0 16px 15px}@media(max-width:1000px){.refurb-grid{min-width:0}}@media(max-width:700px){.refurb-grid{grid-template-columns:1fr;gap:15px}.refurb-card img{height:125px}} .map-float{position:absolute;right:18px;bottom:18px;width:245px;background:#fff;border:2px solid #087ff1;border-radius:14px;overflow:hidden;z-index:20;box-shadow:0 12px 35px #002b5b44}.map-title{background:#063a82;color:#fff;font-size:12px;font-weight:800;letter-spacing:.8px;padding:9px 12px}.map-float iframe{display:block;width:100%;height:135px;border:0}.map-float>a{display:block;text-align:center;padding:9px;color:#063a82;font-size:11px;font-weight:800;text-decoration:none}.refurb-card img{height:155px;object-fit:cover}.refurb-card strong{letter-spacing:.3px}.refurb-card:first-child img,.refurb-card:last-child img{background:linear-gradient(135deg,#eaf4ff,#d3eaff)} @media(max-width:1100px){.hero-gallery{right:calc(3% + 265px);width:300px}.map-float{width:210px}} @media(max-width:700px){.hero-gallery{left:22px;right:22px;top:275px;width:auto;transform:none;grid-template-columns:repeat(2,1fr);gap:8px}.product-tile{min-height:105px}.product-tile img{height:82px}.product-tile span{font-size:10px;padding:6px}.map-float{position:absolute;right:14px;bottom:14px;width:calc(100% - 28px)}.hero{height:900px}.eshop{bottom:20px}} .product-tile{display:flex;flex-direction:column;min-height:155px;background:#fff;border:2px solid #d7e8f8;border-radius:12px;overflow:hidden;text-decoration:none;box-shadow:0 10px 24px #001e4b33;transition:transform .2s,box-shadow .2s}.product-tile:hover{transform:translateY(-3px);box-shadow:0 14px 30px #001e4b55}.product-tile img{display:block;width:100%;height:120px;object-fit:cover;background:#eef6ff}.product-tile span{display:block;background:#fff;color:#063a82;text-align:center;font-size:11px;font-weight:800;padding:8px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-float{bottom:18px} /* V13 – featured product details and page map alignment */ .hero-gallery{align-items:stretch} .product-tile{height:205px;min-height:205px} .product-tile-featured{height:205px} .product-tile-featured img{height:112px;object-fit:contain;background:#f7fbff} .product-tile-featured span{padding:5px 5px 2px} .product-tile-featured small{display:block;color:#55739a;font-size:8.5px;line-height:1.2;padding:0 6px 3px;white-space:normal;overflow:hidden} .product-price{display:block;text-align:center;color:#087ff1;font-size:15px;font-weight:900;padding:0 0 5px} .map-float{right:0;bottom:0} @media(max-width:1100px){.product-tile{height:190px;min-height:190px}.product-tile-featured{height:190px}.product-tile-featured img{height:100px}} @media(max-width:700px){.map-float{right:10px;bottom:10px;width:calc(100% - 20px)}.product-tile{height:155px;min-height:155px}.product-tile-featured{height:155px}.product-tile-featured img{height:78px}.product-tile-featured small{font-size:7.5px}.product-price{font-size:13px}} /* V14 – mapa je súčasťou päty stránky, v pravom dolnom rohu, nie fixed */ footer{position:relative;padding-right:285px;} footer .map-float{position:absolute;right:18px;bottom:18px;top:auto;width:245px;} @media(max-width:700px){footer{padding-right:16px;padding-bottom:230px;} footer .map-float{right:14px;bottom:14px;width:calc(100% - 28px);}} /* V16 – ASUS cena sa načítava z 3soft e-shopu */ .product-tile-featured small{display:block;color:#55739a;font-size:8.5px;line-height:1.2;padding:0 6px 3px;white-space:normal;overflow:hidden} .product-tile-featured .product-price{display:block;text-align:center;color:#087ff1;font-size:14px;font-weight:900;padding:0 0 5px} @media(max-width:700px){.product-tile-featured small{font-size:7.5px}.product-tile-featured .product-price{font-size:12px}} /* V17 – exclusive glossy treatment for E-SHOP and selected-product cards */ .eshop-section .eshop-card, .eshop-card, .e-shop-card, .shop-card, #eshop, #eshop-card, a[href*="ekatalog.biz"] { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.72) !important; border-radius: 18px !important; background: radial-gradient(circle at 18% 12%, rgba(255,255,255,.42), transparent 27%), linear-gradient(145deg, rgba(255,255,255,.98), rgba(225,240,255,.96) 45%, rgba(190,220,250,.96)) !important; box-shadow: 0 10px 28px rgba(8,53,110,.20), 0 0 0 1px rgba(72,151,235,.18), inset 0 1px 0 rgba(255,255,255,.95) !important; transform: translateZ(0); transition: transform .25s ease, box-shadow .25s ease, filter .25s ease; } .eshop-section .eshop-card::before, .eshop-card::before, .e-shop-card::before, .shop-card::before, #eshop::before, #eshop-card::before, a[href*="ekatalog.biz"]::before { content: ""; position: absolute; inset: -40% -20%; background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,.55) 48%, transparent 58%); transform: translateX(-70%) rotate(7deg); animation: v17-gloss 5.5s ease-in-out infinite; pointer-events: none; z-index: 0; } .eshop-section .eshop-card:hover, .eshop-card:hover, .e-shop-card:hover, .shop-card:hover, #eshop:hover, #eshop-card:hover, a[href*="ekatalog.biz"]:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(8,53,110,.26), 0 0 18px rgba(65,160,245,.28), inset 0 1px 0 rgba(255,255,255,1) !important; filter: saturate(1.06); } /* Product row: equal-height, aligned with the E-SHOP window */ .product-grid, .products-grid, .selected-products, .vybrane-produkty, #products, #produkty, .product-cards { align-items: stretch !important; } .product-grid > *, .products-grid > *, .selected-products > *, .vybrane-produkty > *, #products > *, #produkty > *, .product-cards > * { height: 100% !important; } .product-grid a, .products-grid a, .selected-products a, .vybrane-produkty a, #products a, #produkty a, .product-cards a, .product-card, .product-window, .product-item { position: relative; overflow: hidden; min-height: 100% !important; border: 1px solid rgba(255,255,255,.78) !important; border-radius: 16px !important; background: radial-gradient(circle at 20% 10%, rgba(255,255,255,.48), transparent 28%), linear-gradient(145deg, #ffffff 0%, #edf7ff 46%, #d7ebfc 100%) !important; box-shadow: 0 8px 22px rgba(8,53,110,.16), 0 0 0 1px rgba(72,151,235,.14), inset 0 1px 0 rgba(255,255,255,.98) !important; transition: transform .23s ease, box-shadow .23s ease, filter .23s ease; } .product-grid a::after, .products-grid a::after, .selected-products a::after, .vybrane-produkty a::after, #products a::after, #produkty a::after, .product-cards a::after, .product-card::after, .product-window::after, .product-item::after { content: ""; position: absolute; top: 8%; left: -35%; width: 38%; height: 84%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent); transform: skewX(-14deg); animation: v17-product-shine 6.5s ease-in-out infinite; pointer-events: none; } .product-grid a:hover, .products-grid a:hover, .selected-products a:hover, .vybrane-produkty a:hover, #products a:hover, #produkty a:hover, .product-cards a:hover, .product-card:hover, .product-window:hover, .product-item:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(8,53,110,.22), 0 0 16px rgba(65,160,245,.22), inset 0 1px 0 rgba(255,255,255,1) !important; filter: saturate(1.05); } @keyframes v17-gloss { 0%, 65% { transform: translateX(-70%) rotate(7deg); } 85%, 100% { transform: translateX(260%) rotate(7deg); } } @keyframes v17-product-shine { 0%, 65% { left: -35%; } 88%, 100% { left: 125%; } } /* V18 – E-SHOP returned to the original far-right position */ .eshop-section, #eshop, .eshop-card, .e-shop-card, .shop-card { /* keep the existing glossy styling; placement is controlled below */ } @media (min-width: 900px) { .eshop-section, .eshop-row, .eshop-container { display: flex !important; justify-content: flex-end !important; } .eshop-card, .e-shop-card, .shop-card, #eshop-card { margin-left: auto !important; margin-right: 0 !important; } } /* V19 – E-SHOP is anchored to the far right of its original row */ @media (min-width: 900px) { .eshop-section, .eshop-section > .container, .eshop-section .container, .eshop-row, .eshop-container, .eshop-section .row { width: 100% !important; max-width: none !important; } .eshop-section .row, .eshop-row { display: flex !important; justify-content: flex-end !important; align-items: stretch !important; } .eshop-section .eshop-card, .eshop-card, .e-shop-card, .shop-card, #eshop-card { margin-left: auto !important; margin-right: 0 !important; float: none !important; position: relative !important; left: auto !important; right: 0 !important; } } /* V20 – E-SHOP ONLY: far-right placement */ @media (min-width: 900px) { .eshop-section .row, .eshop-row, .eshop-container { display:flex !important; justify-content:flex-end !important; align-items:stretch !important; } .eshop-section .eshop-card, .eshop-section .e-shop-card, .eshop-section .shop-card, .eshop-section .card, .eshop-card, .e-shop-card, .shop-card { margin-left:auto !important; margin-right:0 !important; float:none !important; left:auto !important; right:auto !important; } } /* V21 – E-SHOP block only: force it to the right */ @media (min-width: 900px) { .v21-eshop-right { margin-left: auto !important; margin-right: 0 !important; float: right !important; align-self: flex-end !important; justify-self: end !important; text-align: right; } .v21-eshop-right > * { margin-left: auto !important; margin-right: 0 !important; } } /* V22 – ONLY E-SHOP: explicit original far-right position */ @media (min-width: 701px) { #eshop { left: auto !important; right: 3% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; transform: none !important; } } /* V23 – ONLY THE LARGE E-SHOP WINDOW: dark blue + far right */ @media (min-width: 701px) { #eshop { right: 1.5% !important; left: auto !important; background: #06356f !important; border-color: #1b8fff !important; color: #ffffff !important; box-shadow: 0 0 35px rgba(0, 102, 255, 0.38) !important; } #eshop .cart, #eshop h3, #eshop p, #eshop ul, #eshop li { color: #ffffff !important; } #eshop p { color: #bfe5ff !important; } } /* V24 – LARGE E-SHOP WINDOW: move only this window fully to the right */ @media (min-width:1001px){ #eshop{ right:0 !important; left:auto !important; margin-right:0 !important; } } /* V26 – E-SHOP slightly left, almost touching product windows */ .hero > #eshop { position: absolute !important; top: 35px !important; right: calc(3% + 10px) !important; left: auto !important; width: 300px !important; margin: 0 !important; transform: none !important; float: none !important; z-index: 6 !important; } @media (max-width: 1000px) and (min-width: 701px) { .hero > #eshop { width: 250px !important; right: 10px !important; left: auto !important; } } @media (max-width: 700px) { .hero > #eshop { top: auto !important; bottom: 20px !important; left: 22px !important; right: 22px !important; width: auto !important; } } /* V27 – PRODUCT WINDOWS: enlarge downward to align with E-SHOP */ @media (min-width:1001px){ .hero-gallery .product-tile, .hero-gallery .product-tile-featured { height:220px !important; min-height:220px !important; } } /* V32 – dve nové tlačidlá REPAS pod popisom repasovanej techniky */ .repas-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px} .repas-btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:12px 22px;border-radius:10px;background:#0b2f66;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.04em;box-shadow:0 7px 18px rgba(11,47,102,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease} .repas-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,47,102,.25);background:#12468f} /* ÚPRAVA SEKCIe 7 – MBTECH / FURBIFY: väčšie tlačidlá vedľa seba */ .repas-buttons{display:flex;gap:16px;flex-wrap:nowrap;margin-top:24px} .repas-btn{min-width:190px;min-height:58px;padding:0 28px;border-radius:10px;background:#0b2f66;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.06em;display:inline-flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 7px 18px rgba(11,47,102,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease} .repas-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,47,102,.25);background:#12468f} .refurb-card span{min-height:60px;font-weight:900;text-transform:uppercase;line-height:1.2;font-size:18px;color:#063a82;padding-top:12px;text-align:center} @media(max-width:700px){.repas-buttons{flex-wrap:nowrap;gap:10px}.repas-btn{min-width:0;flex:1;font-size:14px;padding:0 12px}} /* Section 7 – service buttons */ .repas-btn{font-size:18px;font-weight:900;line-height:1.15;min-height:64px;justify-content:center;text-align:center;padding:0 22px;} @media(max-width:700px){.repas-btn{font-size:14px;min-height:58px;padding:0 10px}.partner span{font-size:9px}.refurb-card span{font-size:16px}} /* V35 – sekcia 7: dve servisné ponuky s fotografiou a popisom */ .service-panels{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:55px 7% 62px;background:#f5f9fe} .service-panel{position:relative;display:grid;grid-template-columns:42% 58%;min-height:310px;overflow:hidden;background:#fff;border:1px solid #dce8f5;border-radius:16px;box-shadow:0 12px 30px rgba(0,43,91,.10)} .service-panel>img{width:100%;height:100%;min-height:310px;object-fit:cover} .service-panel-body{padding:30px 28px 28px;display:flex;flex-direction:column;justify-content:center} .service-panel-body small{font-weight:800;letter-spacing:1.8px;color:#087ff1;font-size:11px} .service-panel-body h2{margin:8px 0 13px;color:#092e67;font-size:25px;line-height:1.08;letter-spacing:-.5px} .service-panel-body p{margin:0 0 20px;color:#4e6585;line-height:1.5;font-size:14px} .service-panel-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:14px;padding:11px 17px;border-radius:7px;background:#073a80;color:#fff;text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.2px} .service-panel-btn span{font-size:18px;line-height:1} .service-panel-btn:hover{background:#087ff1} @media(max-width:900px){.service-panels{grid-template-columns:1fr;padding:45px 5%}.service-panel{grid-template-columns:38% 62%}} @media(max-width:700px){.service-panels{padding:35px 20px;gap:18px}.service-panel{grid-template-columns:1fr;min-height:0}.service-panel>img{height:190px;min-height:190px}.service-panel-body{padding:23px}.service-panel-body h2{font-size:23px}.service-panel-body p{font-size:13px}.service-panel-btn{font-size:11px}} /* Sekcia 7 – spodný riadok: repasovaná technika + MBTECH + FURBIFY */ .service-subrow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 7% 55px;background:#f5f9fe} .service-subcard{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #dce8f5;border-radius:16px;box-shadow:0 10px 26px rgba(0,43,91,.09);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease} .service-subcard:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(0,43,91,.14)} .service-subcard>img{width:100%;height:175px;object-fit:cover;display:block} .service-subcard-body{padding:22px 24px 24px} .service-subcard-body h3{margin:0 0 9px;color:#092e67;font-size:22px;letter-spacing:-.3px} .service-subcard-body p{margin:0 0 18px;color:#4e6585;font-size:14px;line-height:1.45;min-height:40px} .service-subcard-body span{display:inline-block;color:#087ff1;font-size:12px;font-weight:900;letter-spacing:.3px} @media(max-width:1100px){.service-subrow{grid-template-columns:repeat(2,1fr);gap:20px}} @media(max-width:900px){.service-subrow{grid-template-columns:1fr;padding:0 5% 45px}} @media(max-width:700px){.service-subrow{padding:0 20px 35px;gap:18px}.service-subcard>img{height:170px}.service-subcard-body{padding:20px}.service-subcard-body h3{font-size:20px}} /* V34 – menšie obrázky v oknách MBTECH a FURBIFY */ .service-subcard>img{height:145px;object-fit:contain;padding:12px;background:#fff;box-sizing:border-box} @media(max-width:700px){.service-subcard>img{height:135px;padding:10px}} /* V36 – sekcia 7: štyri menšie okná v jednom riadku */ @media(max-width:1100px){.service-subrow{grid-template-columns:repeat(2,1fr);gap:20px}} /* V35 – sekcia 5: väčšie partnerské okná + preklápací vizuál FiskalPRO */ .partners{overflow:visible;} .partner{height:129px;min-height:129px;padding:15px 24px;overflow:visible;} .partner img{max-width:100%;max-height:75px;object-fit:contain;} .partner:nth-child(3) img{max-height:83px;} .partner:nth-child(4) img{max-height:75px;} .partner:nth-child(5) img{max-height:63px;} .partner-fiskalpro{position:relative;perspective:900px;} .partner-flip{position:relative;width:100%;height:78px;transform-style:preserve-3d;animation:fiskalproAutoFlip 10s infinite cubic-bezier(.2,.75,.2,1);} @keyframes fiskalproAutoFlip{0%,45%{transform:rotateY(0deg)}50%,95%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}} .partner-flip-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;} .partner-flip-face img{display:block;width:100%;height:78px;object-fit:contain;} .partner-flip-back{transform:rotateY(180deg);} .partner-fiskalpro > span{position:relative;z-index:2;} @media(max-width:1000px){.partner{height:129px;min-height:129px;}} @media(max-width:700px){.partner{height:110px;min-height:110px;padding:10px 14px}.partner-flip{height:62px}.partner-flip-face img{height:62px}.partner span{font-size:9px}.partner:nth-child(3) img{max-height:66px}} /* ELCOM – automatické prepínanie loga a dodaného produktového obrázka po 5 sekundách */ .partner-elcom{position:relative;perspective:900px;} .partner-elcom .partner-flip{position:relative;width:100%;height:78px;transform-style:preserve-3d;animation:elcomAutoFlip 10s infinite cubic-bezier(.2,.75,.2,1);} @keyframes elcomAutoFlip{0%,45%{transform:rotateY(0deg)}50%,95%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}} .partner-elcom .partner-flip-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;} .partner-elcom .partner-flip-face img{display:block;width:100%;height:78px;object-fit:contain;} .partner-elcom .partner-flip-back{transform:rotateY(180deg);} @media(max-width:700px){.partner-elcom .partner-flip{height:62px}.partner-elcom .partner-flip-face img{height:62px}}