@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500 700;font-display:swap;src:url('fonts/space-grotesk-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500 700;font-display:swap;src:url('fonts/space-grotesk-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#181818;--muted:#686868;--line:#dedede;--red:#e42929;--red-dark:#b71920;--paper:#f6f6f4;--radius:16px}*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font:1rem/1.7 Manrope,'Manrope Fallback',Arial,sans-serif}a{color:inherit;text-decoration:none}@media(hover:hover) and (pointer:fine){a:hover{color:var(--red-dark)}}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3{font-family:'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;line-height:1.12;letter-spacing:-.035em;margin:0 0 22px}h1{font-size:clamp(2.4rem,4.25vw,3.7rem)}h2{font-size:clamp(1.9rem,3vw,2.65rem)}h3{font-size:1.5rem}p{margin:0 0 20px}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--red);outline-offset:4px}.shell{width:min(1200px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-80px;left:20px;z-index:100;background:#fff;padding:14px}.skip:focus{top:8px}.topline{background:#171717;color:#ddd;font-size:.75rem}.topline .shell,.topline .shell>div{display:flex;align-items:center;justify-content:space-between;gap:24px}.topline .shell{padding:7px 0}.topline a:hover{color:#fff}.site-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:32px;justify-content:space-between;min-height:88px}.brand{flex-shrink:0}.brand img{width:58px;height:58px;object-fit:contain}.header-inner nav{display:flex;gap:24px;align-items:center;font-size:.875rem;font-weight:700}.header-inner nav>a{white-space:nowrap}.header-inner nav>a[aria-current],summary.active{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--red);border-radius:6px;padding:13px 22px;min-height:48px;background:var(--red);color:#fff;font-size:.875rem;font-weight:600;line-height:1.45;text-align:center}@media(hover:hover) and (pointer:fine){.button:hover{background:var(--red-dark);color:#fff;border-color:var(--red-dark)}}.button.white{background:#fff;border-color:#fff;color:var(--ink)}@media(hover:hover) and (pointer:fine){.button.white:hover{color:var(--red-dark)}}.button.outline{background:transparent;border-color:#ccc;color:var(--ink)}@media(hover:hover) and (pointer:fine){.button.outline:hover{border-color:var(--red);color:var(--red-dark)}}.nav-cta{padding:11px 16px}.nav-toggle,.mobile-call{display:none}.product-menu{position:relative}summary{list-style:none;cursor:pointer;padding:15px 0;display:flex;gap:8px;align-items:center}summary::-webkit-details-marker{display:none}summary:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px}.product-menu[open] summary:after{transform:rotate(225deg);margin-top:3px}.dropdown{position:absolute;top:calc(100% + 12px);left:-24px;width:330px;max-height:78vh;overflow:auto;border:1px solid var(--line);border-top:1px solid var(--line);background:#fff;border-radius:0 0 12px 12px;box-shadow:0 16px 40px #0002;padding:14px}.dropdown-title{font-size:.75rem;color:var(--muted);padding:6px 10px 12px;font-weight:500}.dropdown>a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border-radius:5px;font-size:.875rem}.dropdown>a:hover{background:var(--paper)}.dropdown small{font-size:.75rem;font-weight:500;color:var(--muted)}.dropdown .all-products{border-top:1px solid var(--line);border-radius:0;margin-top:8px;padding-top:14px;color:var(--red-dark)}.subheader{background:var(--paper);border-bottom:1px solid var(--line);font-size:.75rem;color:var(--muted)}.subheader .shell{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:47px;padding-block:10px}.subheader nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.subheader [aria-current]{color:var(--ink)} .subheader nav[aria-label="Putanja stranice"]>:last-child{font-weight:700}.subheader nav:has([aria-current]){gap:12px}.hero{padding:60px 0;background-color:var(--paper);background-image:linear-gradient(90deg,#e6292905 1px,transparent 1px),linear-gradient(#e6292905 1px,transparent 1px);background-size:40px 40px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.eyebrow{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--red-dark);margin-bottom:20px;display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';height:1px;width:26px;background:currentColor}.hero h1 span{color:var(--red)}.lead{font-size:1.125rem;color:var(--muted);line-height:1.75;max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-media{margin:0;position:relative}.hero-media img{width:100%;height:465px;object-fit:cover;border-radius:var(--radius)}.hero-media figcaption{position:absolute;right:20px;bottom:20px;background:#fff;color:var(--ink);padding:10px 16px;border-radius:6px;font-size:.75rem;font-weight:700}.hero-note{font-size:.75rem;color:var(--muted);margin:14px 0 0}.section{padding:70px 0}.section.alt{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:32px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:380px;color:var(--muted);margin:0}.section-heading a{font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;display:flex;flex-direction:column}.product-image{padding:20px;display:block;background:#fff}.product-image img{width:100%;height:220px;object-fit:contain;transition:transform .2s ease}@media (min-width:981px) and (hover:hover) and (pointer:fine){.product-image:hover img{transform:scale(1.03)}}.card-content{--card-footer-inset:24px;padding:24px;display:flex;flex-direction:column;flex:1}.category{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.card-content h3{margin-bottom:12px}.card-content p{font-size:1rem;color:var(--muted)}.card-link{border-top:1px solid var(--line);padding-top:16px;font-weight:800;font-size:.875rem;margin-top:auto}.page-heading{background:var(--paper);padding:42px 0;border-bottom:1px solid var(--line)}.page-heading h1{font-size:clamp(2.2rem,3.7vw,3.25rem);max-width:900px}.page-heading .lead{margin:0}.catalog-group{scroll-margin-top:100px;margin-bottom:60px}.catalog-group:last-child{margin-bottom:0}.group-heading{display:flex;align-items:baseline;gap:18px;margin-bottom:26px}.group-heading h2{font-size:2rem;margin:0}.group-heading span{color:var(--muted);font-size:.875rem}.dark{background:#191919;color:#fff}.dark .eyebrow{color:#ff6666}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.industry-card{border:1px solid #414141;border-radius:var(--radius);padding:24px}.industry-card h3{font-size:1.4rem}.industry-card p{color:#bcbcbc;font-size:1rem}.industry-card>a{font-size:.875rem;font-weight:800}@media(hover:hover) and (pointer:fine){.dark a:hover{color:#ff6666}}.industry-light{border-color:var(--line);background:#fff}.industry-light p{color:var(--muted)}.software-band{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px}.software-band img{width:100%;height:330px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--line);padding:14px}.software-band p{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:start}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery button{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}.gallery button:first-child{grid-column:1/-1}.gallery img{width:100%;height:100px;object-fit:contain}.gallery button:first-child img{height:340px}.gallery button span{font-size:.75rem;display:block;padding-top:8px;color:var(--muted)}.small-note{font-size:.75rem;color:var(--muted);margin-top:16px}.product-copy h2{font-size:2rem}.product-copy .category{margin-bottom:14px}.product-copy .lead{font-size:1.125rem}.highlights{list-style:none;padding:0;margin:24px 0}.highlights li{padding:10px 0 10px 18px;position:relative;border-bottom:1px solid var(--line);font-size:1rem}.highlights li:before{content:'';position:absolute;left:0;top:22px;width:5px;height:5px;background:var(--red)}.detail-sections{display:grid;grid-template-columns:1.3fr .8fr;gap:50px;align-items:start}.specs{border-collapse:collapse;width:100%;text-align:left;font-size:.875rem}.specs caption{text-align:left;font:600 1.8rem/1.2 'Space Grotesk','Space Grotesk Fallback',Arial;margin-bottom:22px}.specs th,.specs td{padding:13px 8px;border-bottom:1px solid var(--line);vertical-align:top}.specs th{font-weight:500;color:var(--muted);width:42%}.specs tr:nth-child(odd){background:var(--paper)}.panel{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.panel h2{font-size:1.7rem}.panel h3{font-size:1.4rem}.panel p{color:var(--muted)}.doc-link{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);padding:20px;border-radius:8px;background:#fff;margin-bottom:14px;font-weight:700;font-size:.875rem}.doc-link small{font-size:.75rem;font-weight:500;color:var(--muted)}.cta{padding:42px 0;background:var(--paper);color:var(--ink)}.cta .shell{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta .eyebrow{color:var(--muted)}.cta h2{font-size:2rem}.cta p{margin:0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-line{display:block;overflow-wrap:anywhere;margin-bottom:12px}.editorial{max-width:840px}.editorial li{margin-bottom:12px}.feature-picture{width:100%;height:340px;object-fit:cover;border-radius:var(--radius)}.info-list{padding-left:22px}.quote-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:38px}.quote-form{padding:30px;border:1px solid var(--line);border-radius:var(--radius)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{font-size:.875rem;font-weight:700;display:flex;flex-direction:column;gap:7px}.full{grid-column:1/-1}input,select,textarea{width:100%;min-width:0;min-height:48px;border:1px solid #bbb;border-radius:6px;background:#fff;color:var(--ink);padding:12px;font-size:1rem}textarea{resize:vertical;min-height:130px}.checkbox{display:flex;align-items:start;gap:12px;font-size:.875rem;font-weight:500}.checkbox input{width:18px;height:18px;min-height:18px;margin-top:4px;flex-shrink:0}.error{color:#b71920;font-size:.75rem;font-weight:500}.error:empty{display:none}[aria-invalid=true]{border-color:var(--red)}.form-status{font-size:.875rem;margin-top:20px}.draft{padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.draft h2{font-size:1.5rem}.draft textarea{font-size:.875rem;min-height:240px}.notice{padding:20px 24px;background:var(--paper);border-left:3px solid var(--red);margin-bottom:28px;font-size:.875rem}.partner-search{max-width:600px;margin-bottom:24px}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.partner{padding:24px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.partner h3{font-size:1.25rem;letter-spacing:-.015em}.partner small{font-size:.75rem;font-weight:800;color:var(--red-dark)}.partner p{font-size:.875rem}.partner a{display:block;font-size:.875rem;margin-bottom:6px}.partner-route{margin-top:12px;text-decoration:underline}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}dialog{border:0;border-radius:14px;width:min(1100px,calc(100% - 28px));max-height:94vh;padding:22px}dialog::backdrop{background:#000b}dialog img{max-height:75vh;max-width:100%;object-fit:contain;margin:auto}dialog p{font-size:.875rem;text-align:center;margin-top:16px}dialog button{display:block;margin-left:auto;background:#fff;border:1px solid #aaa;border-radius:5px;padding:9px 16px;margin-bottom:15px}.sheet-title{display:flex;align-items:center;gap:26px;margin-bottom:34px}.print-button{margin-bottom:20px}.sheet-title img{width:58px}.sheet{max-width:900px;margin:auto;padding:45px 24px}.sheet h1{font-size:2.4rem}footer{background:#171717;color:#ddd;padding:46px 0 22px;font-size:.875rem}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:35px}.footer-grid b{color:#fff;display:block;margin-bottom:16px}.footer-grid a:not(.brand){display:block;width:fit-content;max-width:100%;padding:5px 0;margin:-5px 0 5px}.footer-grid p{color:#a5a5a5;margin-top:18px;max-width:30ch}.legal{border-top:1px solid #333;padding-top:20px;margin-top:30px;display:flex;justify-content:space-between;font-size:.75rem;color:#aaa}@media(max-width:1100px){.header-inner{gap:22px}.header-inner nav{gap:16px}.hero-grid{gap:32px}.industry-grid{grid-template-columns:1fr 1fr}}@media(max-width:980px){.topline{display:none}.header-inner{min-height:76px}.nav-toggle{display:flex;align-items:center;gap:12px;color:#000;border:1px solid var(--line);border-radius:6px;background:#fff;padding:8px 14px;font-size:.875rem}.mobile-call{display:block;margin-left:auto;font-size:.875rem;font-weight:800;color:var(--red-dark)}.header-inner nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px;max-height:calc(100dvh - 80px);overflow:auto;box-shadow:0 14px 20px #0001}.header-inner nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header-inner nav>a{padding:13px}.product-menu summary{padding:13px}.dropdown{position:static;width:100%;max-height:none;border-top:0;border-radius:6px;box-shadow:none;padding:10px;background:#fff}.dropdown>a{padding:10px}.hero-grid{grid-template-columns:1fr}.hero h1{max-width:750px;font-size:clamp(2.4rem,6vw,3.8rem)}.hero-media img{height:410px}.subheader .shell>span{display:none}.product-grid{gap:18px}.product-image img{height:190px}.card-content{--card-footer-inset:20px;padding:20px}.detail-grid,.detail-sections{gap:28px}.partner-grid{grid-template-columns:1fr 1fr}.doc-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.quote-layout{gap:22px}}@media(max-width:680px){.shell{width:calc(100% - 28px)}.hero{padding:40px 0}.hero h1{font-size:2.5rem}.hero-media img{height:330px}.hero-media figcaption{right:12px;bottom:12px}.lead{font-size:1rem}.section{padding:44px 0}.section-heading{display:block;margin-bottom:26px}.section-heading p,.section-heading>a{display:block;margin-top:18px}.product-grid,.industry-grid,.two-columns,.detail-grid,.detail-sections,.quote-layout,.software-band,.partner-grid,.doc-grid{grid-template-columns:1fr}.product-image img{height:260px}.card-content{--card-footer-inset:24px;padding:24px}.page-heading{padding:32px 0}.page-heading h1{font-size:2.3rem}.subheader nav{gap:12px 20px}.subheader .shell{min-height:50px}.subheader nav a,.subheader nav[aria-label="Putanja stranice"]>[aria-current]{font-size:.875rem}.actions .button{flex:1}.gallery button:first-child img{height:270px}.gallery img{height:90px}.form-grid{grid-template-columns:1fr;gap:18px}.quote-form,.panel{padding:22px}.cta .shell{display:block}.cta .button{margin-top:24px}.cta h2{font-size:1.85rem}.software-band{gap:28px}.software-band img{height:250px}.footer-grid{gap:30px 20px}.footer-grid>div:last-child{grid-column:1/-1}.legal{display:block}.legal span{display:block;margin-top:6px}.group-heading{display:block}.group-heading span{display:block;margin-top:10px}.feature-picture{height:270px}.specs th,.specs td{padding:12px 6px}.sheet h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.site-header,.topline,.subheader,footer,.skip,.print-button{display:none!important}body{font-family:Arial,sans-serif;font-size:11pt}.sheet{max-width:none;padding:0}.specs tr{break-inside:avoid}.specs caption{font-family:Arial,sans-serif}.specs th,.specs td{padding:8px}a{color:inherit}}.product-menu[open]>.dropdown .product-category>summary:after{transform:rotate(45deg);margin-top:-4px}.product-menu[open]>.dropdown .product-category[open]>summary:after{transform:rotate(225deg);margin-top:3px}.product-category>summary{justify-content:space-between;padding:11px 10px;border-radius:5px;font-size:.875rem}.product-category[open]>summary{background:#eee;color:var(--red-dark)}@media(hover:hover) and (pointer:fine){.product-category>summary:hover{background:#eee;color:var(--red-dark)}}.dropdown .category-products{margin:4px 10px 12px 20px;padding-left:10px;border-left:2px solid var(--line)}.category-products>a{display:block;padding:9px 10px;border-radius:5px;font-size:.875rem;font-weight:500}.category-products>a:hover{background:var(--paper)}.category-products>a[aria-current]{color:var(--red-dark);font-weight:800}.drivers-section{margin-top:32px}.support-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.support-side{display:grid;gap:24px;min-width:0}.support-card{background:#fff;min-width:0}.support-users{background:var(--paper)}.support-distributors .button:disabled{background:var(--red);border-color:var(--red);color:#fff;opacity:1;cursor:not-allowed}.support-card h2{margin-bottom:14px}.support-card h3{font-size:1.25rem;margin-bottom:18px}.support-card p{font-size:.875rem}.support-card .small-note{font-size:.75rem;margin-bottom:0}.support-card .button{margin-top:8px}.support-files{margin-top:28px}.support-users>.support-files:first-child{margin-top:0}.support-files+.support-files{padding-top:26px;border-top:1px solid var(--line)}.support-files>.doc-link:last-child{margin-bottom:0}.support-layout .contact-line{font-size:.875rem}@media(max-width:800px){.support-layout{grid-template-columns:1fr}}.partner-layout{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.partner-map-wrap{position:relative;min-width:0;isolation:isolate}#partner-map{height:680px;width:100%;background:#e9ecec;scroll-margin-top:110px}.partner-panel{height:680px;display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--line)}.partner-tools{padding:20px;border-bottom:1px solid var(--line)}.partner-tools .small-note{margin-bottom:0}.partner-location-note{font-size:.75rem;color:var(--muted);padding:12px 20px;margin:0}.partner-directory .partner-grid{display:block;overflow-y:auto;min-height:0;flex:1;padding:10px;background:var(--paper)}.partner-card{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:10px;cursor:pointer;overflow-wrap:anywhere}.partner-directory .partner-card.active{border-color:var(--red)}.partner-card:hover{border-color:#b9b9b5}.partner-card h3{font-size:1.125rem;margin:7px 0}.partner-card p{font-size:.875rem;margin-bottom:10px}.partner-city{font-size:.75rem;font-weight:800;color:var(--red-dark);text-transform:uppercase}.partner-details{display:grid;gap:4px;font-size:.875rem}.partner-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:.75rem;font-weight:800}.partner-details a,.partner-actions a{text-decoration:underline;text-underline-offset:3px}.partner-map-legend{padding:8px 12px;background:#fff;border:1px solid #ccc;border-radius:6px;font:12px/1.6 Manrope,'Manrope Fallback',Arial,sans-serif;box-shadow:0 1px 5px #0002}.legend-address{color:var(--red)}.legend-city{color:#87919b}#partner-map .leaflet-popup-content{font:14px/1.6 Manrope,'Manrope Fallback',Arial,sans-serif}#partner-map .leaflet-popup-content a{text-decoration:underline}.map-status{position:absolute;z-index:1000;left:12px;right:12px;top:12px;padding:10px;background:#fff;border:1px solid var(--line);font-size:.75rem;border-radius:6px;box-shadow:0 1px 5px #0002}#partner-empty{padding:16px;font-size:.875rem}#partner-empty a{text-decoration:underline}@media(max-width:900px){.partner-layout{grid-template-columns:1fr}#partner-map{height:480px}.partner-panel{height:620px;border-left:0;border-top:1px solid var(--line)}}@media(max-width:620px){#partner-map{height:390px}.partner-panel{height:570px}.partner-tools{padding:16px}.partner-location-note{padding:10px 16px}}.home-catalog .category{display:none}.home-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.home-related-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.home-related-card:hover{border-color:#b9b9b5;color:var(--ink)}.home-related-media{height:280px;padding:24px;background:#fff;display:flex;align-items:center;justify-content:center;gap:16px}.home-related-media img{width:100%;height:100%;object-fit:contain;min-width:0}.home-equipment-media img{width:calc(50% - 8px)}.home-related-copy{padding:24px 28px;border-top:1px solid var(--line)}.home-related-copy h3{margin-bottom:14px}.home-related-copy span{display:block;border-top:1px solid var(--line);padding-top:16px;color:var(--ink);font-size:.875rem;font-weight:800;text-decoration:none}.home-related-card:focus-visible .home-related-copy span{color:var(--red-dark)}@media(hover:hover) and (pointer:fine){.home-related-copy span:hover{color:var(--red-dark)}}.home-help{display:flex;align-items:center;justify-content:space-between;gap:48px}.home-help>div{max-width:760px}.home-help h2{font-size:clamp(1.8rem,2.8vw,2.5rem)}.home-help p{color:var(--muted);margin:0}.home-help>.button{flex-shrink:0}.home-utility{padding:26px 0;border-top:1px solid var(--line)}.home-utility .shell{display:flex;justify-content:space-between;gap:18px}.home-utility a{font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}@media(max-width:680px){.home-related-grid{grid-template-columns:1fr;gap:18px}.home-related-media{height:230px;padding:18px}.home-related-copy{padding:22px 24px}.home-help{flex-direction:column;align-items:flex-start;gap:24px}.home-utility .shell{flex-direction:column;gap:14px}}.in-use{background:#202020;color:#fff}.in-use .eyebrow{color:#fff}.in-use .section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:end;margin-bottom:52px}.in-use .section-intro{color:#c5c5c5;font-size:1.06rem;max-width:640px}.in-use .lifestyle-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:360px;gap:16px}.in-use .lifestyle-card{position:relative;overflow:hidden;border-radius:18px;margin:0;background:#111}.in-use .lifestyle-card img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.in-use .lifestyle-card:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.78))}.in-use .lifestyle-card figcaption{position:absolute;z-index:1;left:24px;right:24px;bottom:20px}.in-use .lifestyle-card b{display:block;font-family:'Space Grotesk';font-size:1.35rem}.in-use .lifestyle-card span{color:#d7d7d7;font-size:.88rem}@media(max-width:900px){.in-use .section-head{grid-template-columns:1fr;gap:20px}.in-use .lifestyle-grid{grid-template-rows:300px}}@media(max-width:620px){.in-use .section-head{margin-bottom:34px}.in-use .lifestyle-grid{grid-template-columns:1fr;grid-template-rows:repeat(2,270px)}.in-use .lifestyle-card figcaption{left:18px;bottom:16px}}.contact-location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.contact-location-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;background:#fff}.contact-location-card h3{margin-bottom:16px}.contact-location-card .location-phones{margin-bottom:20px}.contact-location-card .location-phones .contact-line:last-child{margin-bottom:0}.contact-location-card .button{margin-top:auto}.contact-location-details{display:flex;justify-content:space-between;align-items:start;gap:32px;border-top:1px solid var(--line);padding-top:28px;margin-top:32px}.contact-location-details h3{font-size:1.25rem;margin-bottom:12px}.contact-location-details p{color:var(--muted);font-size:.875rem;margin-bottom:12px}@media(max-width:680px){.contact-location-grid{grid-template-columns:1fr}.contact-location-details{flex-direction:column;gap:24px}}.contact-main-grid>.panel{display:flex;flex-direction:column;align-items:flex-start}.contact-main-grid>.panel>.button{margin-top:auto}main .actions{flex-direction:column;align-items:flex-start}main .actions>.button{flex:0 0 auto;width:fit-content;margin-left:0;align-self:flex-start}main .panel>.button{display:flex;width:fit-content;margin-left:0;align-self:flex-start}main .cta .shell,main .home-help{display:flex;flex-direction:column;align-items:flex-start;gap:24px}main .cta .button,main .home-help>.button{margin-left:0;margin-top:0;align-self:flex-start}#photo-dialog{position:fixed;padding-top:54px}#photo-dialog .photo-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0;border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:18px;font-weight:700;line-height:1}@media(hover:hover) and (pointer:fine){#photo-dialog .photo-close:hover{color:var(--red-dark)}}.support-side>.support-card{display:flex;flex-direction:column;align-items:flex-start;background:var(--paper)}.support-side>.support-card>.button,.contact-main-grid>.panel>.button{position:static;float:none;transform:none;translate:none;margin-left:0;margin-right:0;align-self:flex-start;width:fit-content;max-width:100%}.home-catalog .product-card:hover{border-color:#b9b9b5}.home-related-media img{transition:transform .2s ease}@media (min-width:981px) and (hover:hover) and (pointer:fine){.home-related-card:hover .home-related-media img{transform:scale(1.03)}}.hero-media>a{display:block}.hero-media figcaption{pointer-events:none}.in-use .lifestyle-card>a{display:block;width:100%;height:100%}.in-use .lifestyle-card:after{pointer-events:none}.in-use .lifestyle-card figcaption{pointer-events:auto;user-select:text}.in-use .lifestyle-card figcaption a{display:block;width:fit-content;max-width:100%;color:inherit;text-decoration:none;-webkit-user-drag:none;-webkit-user-select:text;user-select:text;cursor:pointer}.in-use .lifestyle-card img{transition:transform .2s ease}@media (min-width:981px) and (hover:hover) and (pointer:fine){.in-use .lifestyle-card:hover img{transform:scale(1.03)}}@media(min-width:981px){.hero-grid{align-items:stretch}.hero-grid>div:first-child{display:flex;flex-direction:column;align-items:flex-start}.hero-grid>div:first-child>.actions{margin-top:auto}}.hero-media figcaption{background:transparent;border:0;border-radius:0;padding:0;color:#fff;text-shadow:0 1px 4px #000;box-shadow:none}.in-use .section-head{grid-template-columns:1fr;gap:0;align-items:start}.in-use .section-head h2{margin-bottom:20px}.in-use .section-intro{max-width:900px;margin-bottom:0}.home-related-card:hover .home-related-copy h3{color:var(--ink)}.home-catalog .card-link{align-self:flex-start;width:fit-content;border-top:0;padding-top:0}.home-catalog .card-content p{border-bottom:1px solid var(--line);padding-bottom:16px}.home-related-copy h3{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.home-related-link{display:inline;color:var(--ink);font-size:.875rem;font-weight:800;text-decoration:none}@media(hover:hover) and (pointer:fine){.home-related-link:hover{color:var(--red-dark)}}#photo-dialog{padding-left:62px;padding-right:62px}#photo-dialog .photo-arrow{position:absolute;top:45%;display:flex;align-items:center;justify-content:center;width:38px;height:48px;margin:0;padding:0;background:transparent;color:var(--ink);border:0;border-radius:6px;font-size:32px;line-height:1}#photo-dialog .photo-prev{left:10px}#photo-dialog .photo-next{right:10px}@media(hover:hover) and (pointer:fine){#photo-dialog .photo-arrow:hover{color:var(--red-dark)}}#photo-dialog>img{max-height:62vh}#photo-dialog .photo-thumbnails{display:flex;gap:10px;width:fit-content;max-width:100%;margin:0 auto;overflow-x:auto;padding:4px}#photo-dialog .photo-thumbnails button{flex:0 0 68px;width:68px;height:52px;padding:3px;margin:0;border:2px solid var(--line);border-radius:5px;background:#fff}#photo-dialog .photo-thumbnails button[aria-pressed="true"]{border-color:var(--red)}#photo-dialog .photo-thumbnails img{width:100%;height:100%;margin:0;object-fit:contain}@media(max-width:680px){#photo-dialog{padding-left:44px;padding-right:44px}#photo-dialog .photo-arrow{width:30px;height:42px}#photo-dialog .photo-prev{left:7px}#photo-dialog .photo-next{right:7px}}.catalog-group .product-card:hover{border-color:#b9b9b5}@media(hover:hover) and (pointer:fine){.catalog-group .product-card:hover h3 a{color:var(--red-dark)}}.catalog-group .card-link{align-self:flex-start;width:fit-content;border-top:0;padding-top:0;color:var(--ink)}@media(hover:hover) and (pointer:fine){.catalog-group .card-link:hover{color:var(--red-dark)}}.catalog-group .card-content p{border-bottom:1px solid var(--line);padding-bottom:16px}.product-copy .actions>.button{width:210px;max-width:100%}.product-copy .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;width:100%}.product-copy .actions>.button{width:100%;max-width:100%;padding-left:14px;padding-right:14px}main:has(.product-copy) .product-card:hover{border-color:#b9b9b5}@media(hover:hover) and (pointer:fine){main:has(.product-copy) .product-card:hover h3 a{color:var(--red-dark)}}main:has(.product-copy) .card-link{align-self:flex-start;width:fit-content;border-top:0;padding-top:0;color:var(--ink)}@media(hover:hover) and (pointer:fine){main:has(.product-copy) .card-link:hover{color:var(--red-dark)}}main:has(.product-copy) .card-content p{border-bottom:1px solid var(--line);padding-bottom:16px}:is(#resenja-za-delatnosti,.solutions-cards) .industry-card{display:flex;flex-direction:column}:is(#resenja-za-delatnosti,.solutions-cards) .industry-card:hover{border-color:#b9b9b5}@media(hover:hover) and (pointer:fine){:is(#resenja-za-delatnosti,.solutions-cards) .industry-card h3 a:hover{color:var(--red-dark)}}:is(#resenja-za-delatnosti,.solutions-cards) .industry-card p{border-bottom:1px solid var(--line);padding-bottom:16px}:is(#resenja-za-delatnosti,.solutions-cards) .industry-card>a{align-self:flex-start;width:fit-content;margin-top:auto}:is(#resenja-za-delatnosti,.solutions-cards) .industry-card{position:relative}:is(#resenja-za-delatnosti,.solutions-cards) .industry-card h3 a{position:relative;z-index:1}:is(#resenja-za-delatnosti,.solutions-cards) .industry-card>a{display:inline-block;width:fit-content;align-self:flex-start;padding:0;color:var(--ink)}@media(hover:hover) and (pointer:fine){:is(#resenja-za-delatnosti,.solutions-cards) .industry-card>a:hover{color:var(--red-dark)}}:is(#resenja-za-delatnosti,.solutions-cards) .industry-card>a::after{content:none}:is(#resenja-za-delatnosti,.solutions-cards) .industry-card>a:hover{color:var(--ink)}:is(#resenja-za-delatnosti,.solutions-cards) .industry-link-text{position:relative;z-index:1}@media(hover:hover) and (pointer:fine){:is(#resenja-za-delatnosti,.solutions-cards) .industry-link-text:hover{color:var(--red-dark)}}.home-related-card{position:relative}.home-related-copy h3 a{position:relative;z-index:1}.home-related-card-link{position:absolute;inset:0;z-index:1;border-radius:var(--radius)}.home-related-copy h3 a,.home-related-link{position:relative;z-index:2}.home-catalog .product-card{position:relative}.home-catalog .product-card-area{position:absolute;inset:0;z-index:1;border-radius:var(--radius)}.home-catalog .product-image,.home-catalog h3 a,.home-catalog .card-link{position:relative;z-index:2}@media (min-width:981px) and (hover:hover) and (pointer:fine){.home-catalog .product-card:hover .product-image img{transform:scale(1.03)}}.product-card{position:relative}.product-card:not(:has(.product-card-area))>.product-image::after{content:none}.product-card h3 a,.product-card .card-link{position:relative;z-index:2}.product-card:hover{border-color:#b9b9b5}@media(hover:hover) and (pointer:fine){.product-card:hover h3 a{color:var(--red-dark)}}@media (min-width:981px) and (hover:hover) and (pointer:fine){.product-card:hover .product-image img{transform:scale(1.03)}}.product-card .card-link{align-self:flex-start;width:fit-content;border-top:0;padding-top:0;color:var(--ink)}@media(hover:hover) and (pointer:fine){.product-card .card-link:hover{color:var(--red-dark)}}.product-card .card-content p{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:16px}.home-catalog .card-content p{flex:1}.home-catalog .card-link{margin-top:0}.home-catalog .product-card:has(h3 a[href="proizvodi/best-7/"]) .card-content p{display:flex;align-items:flex-end}.catalog-group#fiskalne-kase .card-content p{flex:1}.catalog-group#fiskalne-kase .card-link{margin-top:0}.catalog-group#fiskalne-kase .product-card:has(h3 a[href="../proizvodi/best-7/"]) .card-content p{display:flex;align-items:flex-end}.compatibility-panel{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.compatibility-panel>.button{margin-top:auto}.product-summary-link{position:relative;z-index:2;display:inline;color:inherit;-webkit-user-drag:none;user-select:text}.product-summary-link:hover{color:inherit}.home-catalog .product-card>.product-image::after{content:none}.home-related-media>a{display:block;height:100%;width:100%;min-width:0}.home-equipment-media>a{width:calc(50% - 8px)}.home-equipment-media>a img{width:100%}@media(hover:hover) and (pointer:fine){.home-catalog .product-card:hover h3 a{color:var(--red-dark)}}@media(hover:hover) and (pointer:fine){.home-catalog .product-card h3 a:hover{color:var(--red-dark)}}.catalog-group .product-card>.product-image::after{content:none}@media(hover:hover) and (pointer:fine){.catalog-group .product-card h3 a:hover,.home-related-card .home-related-copy h3 a:hover{color:var(--red-dark)}}.industry-card-media{margin:-24px -24px 24px;overflow:hidden;border-radius:15px 15px 0 0}.industry-card-media a{display:block}.industry-card-media img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;transition:transform .2s ease}@media (min-width:981px) and (hover:hover) and (pointer:fine){.industry-card:hover .industry-card-media img{transform:scale(1.03)}}.solution-detail-grid{align-items:start}.service-photo-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;min-width:0}.service-photo-grid img{display:block;width:100%;height:auto;border-radius:var(--radius)}.solution-detail-photo{width:100%;height:auto;display:block;border-radius:var(--radius)}.solution-detail-grid>.solution-recommendation{grid-column:1;gap:0}.solution-products .product-card>.product-image::after{content:none}@media(hover:hover) and (pointer:fine){.solution-products .product-card:hover h3 a{color:var(--red-dark)}}@media(hover:hover) and (pointer:fine){.solution-products .product-card h3 a:hover{color:var(--red-dark)}}.partner-tools,.partner-location-note{background:var(--paper)}.partner-tools input[type='search']{background:#fff}.partner-tools input[type='search']:focus-visible{outline:2px solid #555;outline-offset:1px;border-color:#555}.partner-card{cursor:default}.partner-details a,.partner-actions a{width:fit-content;max-width:100%;justify-self:start;align-self:flex-start}.partner-tools .partner-location-note{padding:4px 0 0}#photo-dialog .photo-thumbnails button:focus-visible{outline:2px solid var(--red);outline-offset:-4px}#photo-dialog .photo-close:hover{background:transparent;color:var(--ink)}#photo-dialog .photo-close:focus-visible{outline:2px solid currentColor;outline-offset:2px;background:transparent}#photo-dialog:focus-visible{outline:none}#photo-dialog .photo-arrow:hover{background:transparent;color:var(--ink)}#photo-dialog .photo-arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px;background:transparent;color:var(--ink)}#photo-dialog .photo-arrow,#photo-dialog .photo-close{-webkit-user-select:none;user-select:none} /* Compact desktop gallery frames; preserve the existing click areas. */ @media screen and (min-width:981px){ #photo-dialog :is(.photo-arrow,.photo-close){isolation:isolate;transition:none} #photo-dialog .photo-arrow{padding-bottom:4px} #photo-dialog .photo-prev{padding-left:2px} #photo-dialog .photo-next{padding-right:2px} #photo-dialog :is(.photo-arrow,.photo-close)::before{content:'';position:absolute;inset:4px;border:1px solid var(--line);border-radius:5px;background:#fff;z-index:-1;pointer-events:none;transition:none} @media (hover:hover) and (pointer:fine){ #photo-dialog :is(.photo-arrow,.photo-close):hover::before{border-color:#999;background:var(--paper)} } } #photo-dialog>img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#photo-dialog .photo-thumbnails button[aria-pressed="true"]{border-color:#999}#photo-dialog .photo-thumbnails button:focus-visible{outline:2px solid #999;outline-offset:-4px}.store-solution-intro{padding:44px 0 28px;background:var(--paper)}.store-solution-intro h1{max-width:900px;font-size:clamp(2rem,3.5vw,3rem);margin-bottom:16px}.store-solution-intro .lead{max-width:800px;margin-bottom:0}.store-kit-section{padding:12px 0 48px;background:var(--paper)}.store-kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.store-kit{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.store-kit-heading{padding:24px 28px 0}.store-kit-label{display:block;color:var(--red-dark);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.store-kit h2{font-size:1.75rem;margin-bottom:12px}.store-kit-heading p{color:var(--muted);font-size:.875rem;margin:0;min-height:48px}.store-kit-visual{display:grid;grid-template-columns:minmax(0,1.7fr) 24px minmax(0,1fr);gap:8px;align-items:center;padding:20px 28px}.store-kit-device{min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}.store-kit-device img{width:100%;height:174px;object-fit:contain}.store-kit-device span{font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}.store-kit-scanner img{height:144px}.store-kit-plus{text-align:center;color:#777;font-size:1.5rem;user-select:none}.store-kit-content{border-top:1px solid var(--line);padding:20px 28px 28px;margin-top:auto}.store-kit-content p{font-size:.875rem;color:var(--muted)}.store-kit-content .button{width:100%;padding-inline:12px}.store-kit-note{font-size:.8125rem;color:var(--muted);margin:20px 0 0}.store-workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.store-workflow-grid figure{margin:0}.store-workflow-grid img{width:100%;height:auto;border-radius:16px}.store-workflow-steps{list-style:none;counter-reset:store-step;padding:0;margin:24px 0 0;display:grid;gap:18px}.store-workflow-steps li{counter-increment:store-step;display:grid;grid-template-columns:34px 1fr;column-gap:14px}.store-workflow-steps li:before{content:counter(store-step,decimal-leading-zero);grid-row:span 2;color:var(--red-dark);font-weight:800}.store-workflow-steps span{color:var(--muted);font-size:.875rem}.store-choice-help{display:flex;align-items:center;justify-content:space-between;gap:32px}.store-choice-help h2{font-size:1.8rem}.store-choice-help p{max-width:650px;margin:0}.store-choice-help .button{flex-shrink:0}@media(max-width:760px){.store-kit-grid,.store-workflow-grid{grid-template-columns:1fr}.store-solution-intro{padding-top:30px}.store-kit-heading{padding:22px 20px 0}.store-kit-visual{padding:18px 20px}.store-kit-content{padding:18px 20px 22px}.store-kit-heading p{min-height:0}.store-kit-device img{height:155px}.store-kit-scanner img{height:125px}.store-kit-device span{font-size:.8125rem}.store-kit-content .button{font-size:.8125rem}.store-choice-help{align-items:flex-start;flex-direction:column}.store-workflow-grid{gap:28px}}@font-face{font-family:'Manrope Fallback';src:local('Arial');font-style:normal;font-weight:400 600;size-adjust:101.4686%;ascent-override:105.0571%;descent-override:29.5658%;line-gap-override:0%}@font-face{font-family:'Manrope Fallback';src:local('Arial Bold'),local('Arial-BoldMT');font-style:normal;font-weight:700 800;size-adjust:100.2229%;ascent-override:106.3629%;descent-override:29.9333%;line-gap-override:0%}@font-face{font-family:'Space Grotesk Fallback';src:local('Arial Bold'),local('Arial-BoldMT');font-style:normal;font-weight:500 700;size-adjust:100.1651%;ascent-override:98.2378%;descent-override:29.1519%;line-gap-override:0%}.dropdown>a.fiscal-category-link{padding:11px 10px}.dropdown>a:not(.all-products){font-weight:500}.dropdown>a[aria-current]{background:#eee;color:var(--ink);font-weight:700}@media(hover:hover) and (pointer:fine){.dropdown>a:hover,.dropdown>a[aria-current]:hover{background:#eee;color:var(--red-dark)}}.equipment-menu>summary{justify-content:space-between;padding:11px 10px;border-radius:5px;font-size:.875rem;font-weight:700;line-height:1.5}.equipment-menu[open]>summary{background:#eee;color:var(--red-dark)}@media(hover:hover) and (pointer:fine){.equipment-menu>summary:hover{background:#eee;color:var(--red-dark)}}.equipment-categories{margin:4px 10px 12px 20px;padding-left:10px;border-left:2px solid var(--line)}.product-menu[open] .equipment-menu>summary:after,.product-menu[open] .equipment-menu .product-category>summary:after{transform:rotate(45deg);margin-top:-4px}.product-menu[open] .equipment-menu[open]>summary:after,.product-menu[open] .equipment-menu .product-category[open]>summary:after{transform:rotate(225deg);margin-top:3px}.equipment-categories>a{display:flex;align-items:center;padding:10px;min-height:48px;border-radius:5px;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:normal}.equipment-categories>a[aria-current]{background:var(--paper);color:var(--red-dark)}@media(hover:hover) and (pointer:fine){.equipment-categories>a:hover{background:var(--paper);color:var(--red-dark)}}.equipment-categories>a[aria-current]{font-weight:800}.catalog-equipment{margin-bottom:60px;scroll-margin-top:100px}.catalog-equipment>h2{font-size:2rem;margin-bottom:32px}.catalog-equipment .group-heading{flex-wrap:wrap;gap:10px 18px}.catalog-equipment .group-heading h3{font-size:1.5rem;margin:0}.catalog-equipment .card-content h4{font-family:'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;font-size:1.5rem;line-height:1.12;letter-spacing:-.035em;margin:0 0 12px}.catalog-group>.group-heading>h2,.catalog-equipment>h2{width:fit-content;max-width:100%;padding-bottom:10px;border-bottom:2px solid #d6d6d6}.catalog-equipment-groups{border-left:1px solid #d6d6d6;padding-left:20px;min-width:0}@media(max-width:760px){.catalog-equipment-groups{padding-left:8px}}@media(hover:hover) and (pointer:fine){.product-card:hover h3 a[href$="/hcp-pos-link-w/"]{color:var(--red-dark)}}@media(hover:hover) and (pointer:fine){.product-card:hover h3 a[href$="/hcp-pos-link-w/"]:hover{color:var(--red-dark)}}.store-software-kit .store-kit-heading p{min-height:0;max-width:420px;line-height:1.6}.store-software-visual{padding:20px 28px 24px}.store-software-monitor{display:block;max-width:400px;margin:0 auto 20px}.store-software-monitor img{width:100%;height:210px;object-fit:contain}.store-software-accessories{display:grid;grid-template-columns:1fr 1fr;gap:12px}.store-software-accessories>div{min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.store-accessory-label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:10px}.store-software-accessories .store-kit-device{flex-direction:row;gap:10px;align-items:center}.store-software-accessories .store-kit-device img{width:64px;height:64px;flex-shrink:0;object-fit:contain}.store-software-accessories .store-kit-device span{font-size:.8125rem;line-height:1.4}.store-software-kit .store-kit-content .store-software-caption{font-size:.75rem;line-height:1.6;margin-top:-8px}@media(max-width:760px){.store-software-visual{padding:18px 20px 22px}.store-software-monitor img{height:190px}.store-software-accessories .store-kit-device{flex-direction:column;align-items:flex-start}.store-software-accessories .store-kit-device img{width:100%;height:80px}}.store-kit-grid{align-items:stretch}.store-register-kit .store-software-accessories{grid-template-columns:1fr;width:min(100%,230px);margin-inline:auto}.store-register-kit .store-software-monitor img{height:190px}.store-register-kit .store-kit-content{margin-top:auto}.store-register-kit .store-software-visual{padding-top:16px;padding-bottom:20px}@media(max-width:760px){.store-register-kit .store-software-accessories .store-kit-device{flex-direction:row;align-items:center}.store-register-kit .store-software-accessories .store-kit-device img{width:64px;height:64px}.store-register-kit .store-software-monitor img{height:180px}}.product-card>h3{margin:0;padding:24px 24px 0}.product-card{cursor:pointer}.product-card .card-content>.card-link{display:flex;align-items:center;justify-content:space-between;align-self:stretch;width:100%;min-height:44px;gap:12px;box-sizing:border-box}.product-card .card-content>.card-link::before{content:'';position:absolute;top:0;left:calc(-1 * var(--card-footer-inset,24px));right:calc(-1 * var(--card-footer-inset,24px));bottom:calc(-1 * var(--card-footer-bottom,var(--card-footer-inset,24px)))}.catalog-group>.group-heading>h2:has(.catalog-category-link){padding-bottom:0;border-bottom:0}.catalog-category-link{display:inline-flex;align-items:center;max-width:100%;padding:8px 16px;border:1px solid #dededb;border-radius:18px;background:#f7f7f5;color:var(--ink);font:inherit;letter-spacing:inherit;line-height:1.2;text-decoration:none}@media(hover:hover) and (pointer:fine){.catalog-category-link:hover{color:var(--red-dark)}}.detail-sections.product-resources{display:grid;gap:clamp(24px,4vw,50px)}.product-resources-copy:empty{display:none}.product-features h2{font-size:clamp(1.5rem,2.4vw,1.8rem);font-weight:600;line-height:1.3;margin-bottom:20px}.product-features ul{margin:0;padding-left:22px}.product-features li{padding-left:4px;margin-bottom:14px;font-size:1rem;line-height:1.65}.product-features li:last-child{margin-bottom:0}.product-copy .product-features ul.highlights{padding:0;margin:24px 0;list-style:none}.product-copy .product-features .highlights li{padding:10px 0 10px 18px;margin:0;line-height:1.7;border-bottom:1px solid var(--line)}.product-resources-side{grid-column:-2/-1;display:flex;flex-direction:column;gap:24px;min-width:0}.product-resources-side>.panel{width:100%;min-width:0}.specs-disclosure{position:relative}:is(.specs-disclosure,.docs-disclosure)>summary{justify-content:space-between;gap:20px;padding:0;font-family:'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;font-size:clamp(1.5rem,2.4vw,1.8rem);font-weight:600;line-height:1.3;min-height:44px}:is(.specs-disclosure,.docs-disclosure)>summary::after{flex-shrink:0;width:9px;height:9px;margin:0 4px 4px 0}:is(.specs-disclosure,.docs-disclosure)[open]>summary::after{transform:rotate(225deg);margin-top:6px}.specs-content,.docs-content{padding-top:20px}.docs-disclosure>summary>h2{font:inherit;letter-spacing:inherit;margin:0}.specs-disclosure .specs caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.specs-disclosure .specs th,.specs-disclosure .specs td{overflow-wrap:anywhere}.product-features h2,.product-resources-side>.panel>h2,.specs-disclosure>summary,.docs-disclosure>summary{font-family:'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;font-size:clamp(1.5rem,2.4vw,1.8rem);font-weight:600;font-style:normal;line-height:1.3;letter-spacing:-.035em}.product-resources-side :is(.specs-disclosure,.docs-disclosure)>summary{font:600 clamp(1.5rem,2.4vw,1.8rem)/1.3 'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;letter-spacing:-.035em;min-height:0}#inquiry-form :is(input,select,textarea):focus{outline:none;border-color:#b8b8b8}#inquiry-form :is(input,select,textarea):focus-visible{outline:2px solid #999;outline-offset:2px}.support-layout>.support-side,.support-layout>.support-users{align-self:start}.product-card .card-content>.card-link,.product-card .card-content>.card-link:hover{color:var(--ink)!important}.support-layout .support-side .support-card>h2, .support-layout .support-files.docs-disclosure>summary{font:700 1.7rem/1.12 'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;letter-spacing:-.035em}.support-layout .support-users{--support-row-padding:28px;padding:0;border:0;background:transparent}.support-layout .support-users>.support-files{margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.support-layout .support-users>.support-files+.support-files{margin-top:16px}.support-layout .support-users>.support-files>summary{width:100%;padding:var(--support-row-padding);min-height:72px}.support-layout .support-users>.support-files>.docs-content{padding:0 var(--support-row-padding) var(--support-row-padding)}@media(max-width:680px){.support-layout .support-users{--support-row-padding:22px}}.solutions-cards .concept-solutions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.solutions-cards .concept-solution{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#f7f7f5;border:1px solid #dededb;border-radius:16px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.solutions-cards .concept-solution:hover{border-color:#b9b9b5;box-shadow:0 12px 32px #00000008}.solutions-cards .concept-solution-photo{display:block;overflow:hidden}.solutions-cards .concept-solution-photo img{width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;transition:transform .2s ease}@media (min-width:981px) and (hover:hover) and (pointer:fine){.solutions-cards .concept-solution:hover .concept-solution-photo img{transform:scale(1.03)}}.solutions-cards .concept-solution-top{padding:14px 16px;margin-top:auto}.solutions-cards .concept-solution-top h3{margin:0;min-height:52px;font-size:1.25rem;line-height:1.3;letter-spacing:-.025em}.solutions-cards .concept-solution-top h3>a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;user-select:text;-webkit-user-select:text;-webkit-user-drag:none}@media(hover:hover) and (pointer:fine){.solutions-cards .concept-solution:hover h3>a{color:var(--red-dark);transition:none}}.solutions-cards .concept-solution-arrow{flex-shrink:0;font:600 1rem/1 Manrope,Arial,sans-serif}@media(max-width:980px){.solutions-cards .concept-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.solutions-cards .concept-solutions-grid{gap:12px}.solutions-cards .concept-solution{border-radius:12px}.solutions-cards .concept-solution-top{padding:12px}.solutions-cards .concept-solution-top h3{font-size:18px;font-weight:600;min-height:48px}.solutions-cards .concept-solution-top h3>a{min-height:48px;gap:6px}}.store-software-visual .store-primary-card{width:100%;max-width:380px;margin:0 auto 16px;border:1px solid #dededb;border-radius:12px;background:#fff}.store-software-visual .store-primary-card>h3{padding:10px 12px 0;margin:0;font-size:16px;font-weight:600;line-height:1.3;text-align:left}.store-software-visual>.store-primary-label{width:100%;max-width:380px;margin:0 auto 4px}.store-software-visual .store-primary-card>.product-image{display:flex;align-items:center;justify-content:center;padding:6px 12px}.store-software-visual .store-primary-card>.product-image::after{content:none}.store-software-visual .store-primary-card .product-image img{width:100%;height:124px;object-fit:contain}.store-software-visual .store-primary-card .card-content{--card-footer-inset:16px;--card-footer-bottom:0px;padding:0 16px}.store-software-visual .store-primary-card .card-link{width:100%;min-height:44px;padding:6px 0;border-top:1px solid #d9d9d6;font-size:14px;font-weight:600;line-height:1.4}.store-software-visual .store-primary-card .card-link>span{font-size:16px;line-height:1}.store-software-accessories>div{padding:0;border:0;background:transparent}.store-software-accessories .store-accessory-card{background:#fff;border:1px solid #dededb;border-radius:12px}.store-software-accessories .store-accessory-card>h3{padding:8px 10px 0;margin:0;min-height:30px;font-size:15px;font-weight:600;line-height:1.3;text-align:left}.store-software-accessories .store-accessory-card>.product-image{padding:4px 10px;display:flex;align-items:center;justify-content:center}.store-software-accessories .store-accessory-card>.product-image::after{content:none}.store-software-accessories .store-accessory-card .product-image img{width:100%;height:56px;object-fit:contain}.store-software-accessories .store-accessory-card .card-content{--card-footer-inset:12px;--card-footer-bottom:0px;padding:0 12px}.store-software-accessories .store-accessory-card .card-link{width:100%;min-height:44px;padding:6px 0;border-top:1px solid #d9d9d6;font-size:14px;font-weight:600;line-height:1.4}.store-software-accessories .store-accessory-card .card-link>span{font-size:16px;line-height:1}.store-solution-intro{padding:18px 0 12px}.store-solution-intro .eyebrow{margin-bottom:8px}.store-solution-intro h1{font-size:clamp(1.75rem,3vw,2.25rem);margin-bottom:8px}.store-solution-intro .lead{font-size:16px;line-height:1.5}.store-kit-section{padding:8px 0 24px}.store-kit-grid{gap:18px}.store-kit .store-kit-heading{padding:14px 18px 0}.store-kit .store-kit-label{margin-bottom:0}.store-kit .store-software-visual{padding:14px 20px 16px}.store-kit .store-accessory-label{margin-bottom:4px}.store-kit .store-kit-content{padding:12px 18px 14px}.store-kit .store-kit-content p{margin:0 0 10px;line-height:1.5}.store-kit .store-kit-content .button{min-height:44px;padding:9px 12px}:is(.catalog-group,.related-products,.category-products) .product-grid{gap:24px;align-items:stretch}:is(.catalog-group,.related-products,.category-products) .product-card{border:1px solid #dededb;border-radius:16px;background:#fff;overflow:hidden}:is(.catalog-group,.related-products,.category-products) .product-card>h3{padding:24px 24px 0;margin:0;font-size:22px;font-weight:600;line-height:1.25}:is(.catalog-group,.related-products,.category-products) .product-image{padding:18px 24px 12px;display:flex;align-items:center;justify-content:center}:is(.catalog-group,.related-products,.category-products) .product-image img{width:100%;height:210px;object-fit:contain}:is(.catalog-group,.related-products,.category-products) .product-image[href$="/hcp-best-10/"] img{transform:scale(1.1)}@media (min-width:981px) and (hover:hover) and (pointer:fine){:is(.catalog-group,.related-products,.category-products) .product-card:hover .product-image[href$="/hcp-best-10/"] img{transform:scale(1.133)}}:is(.catalog-group,.related-products,.category-products) .card-content{--card-footer-inset:24px;--card-footer-bottom:0px;padding:12px 24px 0;display:flex;flex-direction:column}:is(.catalog-group,.related-products,.category-products) .product-card .card-content>p,.catalog-group#fiskalne-kase .product-card:has(h3 a[href="../proizvodi/best-7/"]) .card-content p{display:block;min-height:78px;margin:0;padding:0 0 18px;border:0;font-size:16px;font-weight:400;line-height:1.65;color:#666;text-align:left}:is(.catalog-group,.related-products,.category-products) .product-card .card-content>.card-link{width:100%;min-height:63px;margin-top:auto;padding:16px 0;border-top:1px solid #d9d9d6;font-size:14px;font-weight:600}:is(.catalog-group,.related-products,.category-products) .card-link::after{content:'↗';font-size:1rem;line-height:1;flex-shrink:0}@media(min-width:681px) and (max-width:980px){:is(.catalog-group,.related-products,.category-products) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:680px){:is(.catalog-group,.related-products,.category-products) .product-card>h3{padding:20px 20px 0;font-size:20px}:is(.catalog-group,.related-products,.category-products) .product-image{padding:14px 20px 10px}:is(.catalog-group,.related-products,.category-products) .product-image img{height:180px}:is(.catalog-group,.related-products,.category-products) .card-content{--card-footer-inset:20px;padding:10px 20px 0}:is(.catalog-group,.related-products,.category-products) .product-card .card-content>p,.catalog-group#fiskalne-kase .product-card:has(h3 a[href="../proizvodi/best-7/"]) .card-content p{min-height:0}:is(.catalog-group,.related-products,.category-products) .product-card .card-content>.card-link{min-height:56px}}main .product-card .card-content>p{border-bottom:0}.product-card .card-content>.card-link{border-top:1px solid #d9d9d6}@media(min-width:981px){.header-inner>nav{align-self:stretch}.header-inner .product-menu{align-self:stretch}.header-inner .product-menu>summary{height:100%}.header-inner .dropdown{top:100%}}@media(min-width:681px){main:has(#photo-dialog) .detail-sections.product-resources{grid-template-columns:repeat(2,minmax(0,1fr))}main:has(#photo-dialog) .detail-grid{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,50px)}main:has(#photo-dialog) .detail-grid>div:first-child>.gallery{height:100%;grid-template-rows:1fr}main:has(#photo-dialog) .product-copy{display:flex;flex-direction:column}main:has(#photo-dialog) .product-copy>.actions{margin-top:auto;padding-top:28px}}main:has(#photo-dialog)>.section:has(>.detail-grid){padding-bottom:clamp(28px,3.125vw,40px)}main:has(#photo-dialog)>.section:has(>.product-resources){padding-top:clamp(28px,3.125vw,40px)}main:has(#photo-dialog) .product-resources-side{gap:16px}main:has(#photo-dialog) .product-resources-side>.panel{padding:16px 20px}main:has(#photo-dialog) .product-resources-side :is(.docs-disclosure,.specs-disclosure)>summary{font:700 20px/1.25 Manrope,'Manrope Fallback',Arial,sans-serif;letter-spacing:-.025em;}@media screen and (min-width:981px){main h1,main :is(.page-heading,.hero,.store-solution-intro,.sheet) h1{font-family:'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;font-size:40px;font-weight:600;line-height:1.2;letter-spacing:-.035em;}main h2,main :is(.group-heading,.product-copy,.product-features,.panel,.cta,.home-help,.store-kit,.store-choice-help,.draft) h2, main .catalog-equipment>h2,main .product-resources-side>.panel>h2, main .support-layout .support-side .support-card>h2, main :is(.specs-disclosure,.docs-disclosure)>summary, main .product-resources-side :is(.specs-disclosure,.docs-disclosure)>summary, main .support-layout .support-files.docs-disclosure>summary{font-family:'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;font-size:26px;font-weight:700;line-height:1.25;letter-spacing:-.025em;}main .docs-disclosure>summary>h2{font:inherit;letter-spacing:inherit}main h3,main h4,main .product-card>h3, main :is(.catalog-group,.related-products,.category-products) .product-card>h3, main :is(.panel,.industry-card,.partner,.partner-card,.support-card,.contact-location-details) h3, main .catalog-equipment .group-heading h3,main .catalog-equipment .card-content h4, main .solutions-cards .concept-solution-top h3, main .store-software-visual .store-primary-card>h3, main .store-software-accessories .store-accessory-card>h3{font-family:'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.02em;}main p,main .lead,main .product-copy .lead,main .store-solution-intro .lead, main :is(.card-content,.industry-card,.support-card,.partner,.partner-card,.contact-location-details,.store-kit-heading,.store-kit-content) p, main :is(.highlights,.product-features) li,main .store-workflow-steps span, main .in-use .section-intro,main .store-kit-note, main .store-software-kit .store-kit-content .store-software-caption, main :is(input,select,textarea),main .specs{font-family:Manrope,'Manrope Fallback',Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.65;}main .hero-media figcaption,main .in-use .lifestyle-card figcaption b{font-family:'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.015em;}main .button,main .store-kit .store-kit-content .button{font-family:Manrope,'Manrope Fallback',Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.4;}main .card-link,main .product-card .card-content>.card-link, main :is(.catalog-group,.related-products,.category-products) .product-card .card-content>.card-link, main .store-software-visual .store-primary-card .card-link, main .store-software-accessories .store-accessory-card .card-link, main .section-heading>a,main .industry-card>a,main .doc-link{font-family:Manrope,'Manrope Fallback',Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.45;}main .eyebrow{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.05em}main :is(.field,.checkbox,.notice,.form-status,.draft textarea,.partner-details,.partner-actions,.support-layout .contact-line){font-size:16px}main :is(.small-note,.support-card .small-note,.doc-link small){font-size:14px;line-height:1.5}}main .support-layout .support-side .support-card>h2, main .support-layout .support-files.docs-disclosure>summary, main .support-layout .support-files.docs-disclosure>summary>h2{font:700 20px/1.25 'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;letter-spacing:-.025em;}main .support-layout .support-heading>.support-heading-text, main .support-layout summary>.support-heading-text, main .support-layout .support-file-toggle>.support-heading-text{font-family:Manrope,'Manrope Fallback',Arial,sans-serif;font-size:20px;font-weight:700;font-style:normal;line-height:25px;letter-spacing:-.5px;}main .support-layout .support-file-toggle{-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:72px;padding:var(--support-row-padding);border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:700 20px/1.25 'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;letter-spacing:-.5px;}main .support-layout .support-file-toggle::after{content:'';flex-shrink:0;width:9px;height:9px;margin:0 4px 4px 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);}main .support-layout .support-file-toggle[aria-expanded="true"]::after{transform:rotate(225deg);margin-top:6px}main .contact-main-grid .panel>h2, main .shell>h2:has(+.contact-location-grid){font:700 20px/1.25 Manrope,'Manrope Fallback',Arial,sans-serif;letter-spacing:-.5px;}main .contact-location-grid .contact-location-card>h3{font:600 18px/1.3 Manrope,'Manrope Fallback',Arial,sans-serif;letter-spacing:-.36px;}main:has(.contact-main-grid), main:has(.contact-main-grid) :is(h1,h2,h3,h4,p,a,button,strong,span){font-family:Manrope,'Manrope Fallback',Arial,sans-serif;}main .contact-main-grid, main .contact-location-grid{gap:24px}main .contact-main-grid>.panel, main .contact-location-grid>.panel{min-height:320px}main:has(.contact-main-grid) .button{font:600 14px/1.45 Manrope,'Manrope Fallback',Arial,sans-serif;min-height:44px;}main .shell>h2:has(+.contact-location-grid){padding-left:0;font-size:20px;font-weight:700;}main .contact-main-grid>.panel:first-child>.contact-line{color:var(--muted)}@media(hover:hover) and (pointer:fine){main .contact-main-grid>.panel:first-child>.contact-line:hover{color:var(--red-dark)}}main .contact-location-card .location-phones>.contact-line{color:var(--muted)}@media(hover:hover) and (pointer:fine){main .contact-location-card .location-phones>.contact-line:hover{color:var(--red-dark)}}main .support-layout .button{font:600 14px/1.45 Manrope,'Manrope Fallback',Arial,sans-serif;min-height:44px;}main:has(.solutions-cards) #pomoc-pri-izboru .button{font:600 14px/1.45 Manrope,'Manrope Fallback',Arial,sans-serif;min-height:44px;}main:has(.solutions-cards) #pomoc-pri-izboru h2{font:700 20px/1.25 Manrope,'Manrope Fallback',Arial,sans-serif;letter-spacing:-.5px;}@media(max-width:980px){main:has(.solutions-cards) #pomoc-pri-izboru p{font-size:14px;line-height:1.7;}}main .concept-solution .concept-solution-top h3{font-family:Manrope,'Manrope Fallback',Arial,sans-serif;}body,body *{font-family:Manrope,'Manrope Fallback',Arial,sans-serif!important;}body :is(h1,.product-card h3,.product-card h4), body :is(h1,.product-card h3,.product-card h4) *{font-family:'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif!important;} /* Category names share the bold weight across desktop and mobile. */ .home-catalog .section-heading h2,.concept-categories .concept-card-top h2,.concept-fiscal-heading-link,.catalog-category-link,.catalog-group>.group-heading h2,.product-card .category,.dropdown>a:not(.all-products),.equipment-categories>a,.equipment-menu>summary{font-weight:700!important} /* Avoid the sticky-header restoration flash on mobile WebKit. The existing 76px header row plus its 1px border keeps exactly the same layout space. */ @media screen and (max-width:980px){ body:has(>.site-header){padding-top:77px} .site-header{position:fixed;left:0;right:0;isolation:isolate} } @media screen and (max-width:980px){.header-inner>.nav-toggle{justify-content:center;gap:0;width:44px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;font-size:0!important}.header-inner>.nav-toggle>span{font-size:28px!important;line-height:1}} @media screen and (max-width:980px){.header-inner>.nav-toggle,.header-inner>.nav-toggle>span{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:none;animation:none}.header-inner>.nav-toggle:is(:hover,:active,[aria-expanded="true"]){background:transparent;color:#000;border:0;box-shadow:none;transform:none;filter:none;opacity:1}.header-inner>.nav-toggle:focus:not(:focus-visible){outline:none}} @media screen and (max-width:980px) and (hover:none) and (pointer:coarse){ :is(.concept-fiscal-heading-link,.catalog-category-link,.concept-card-top h2>a,.concept-solution-top h3>a,.concept-solutions-heading h2>a,.equipment-categories>a,.product-card h3 a,.product-card h4 a,.store-primary-card>h3>a,.store-accessory-card>h3>a,.card-link,.concept-link,.concept-solution-bottom>a){-webkit-tap-highlight-color:transparent} :is(.concept-fiscal-heading-link,.catalog-category-link,.concept-card-top h2>a,.concept-solution-top h3>a,.concept-solutions-heading h2>a,.equipment-categories>a,.product-card h3 a,.product-card h4 a,.store-primary-card>h3>a,.store-accessory-card>h3>a,.card-link,.concept-link,.concept-solution-bottom>a):focus{outline:0;outline-offset:0;box-shadow:none} } main .support-layout .support-file-toggle:is(:hover,:active,[aria-expanded="true"]){background:transparent;color:var(--ink);box-shadow:none} main .product-resources-side :is(.docs-disclosure,.specs-disclosure)>summary{-webkit-tap-highlight-color:transparent} main .product-resources-side :is(.docs-disclosure,.specs-disclosure)>summary:is(:hover,:active),main .product-resources-side :is(.docs-disclosure,.specs-disclosure)[open]>summary{background:transparent;color:var(--ink);box-shadow:none} @media screen and (max-width:980px) and (hover:none) and (pointer:coarse){main .product-resources-side :is(.docs-disclosure,.specs-disclosure)>summary:focus{outline:0;outline-offset:0}} /* A cached touch highlight must not cover the device image on Back. */ @media (max-width:980px) and (hover:none) and (pointer:coarse){.product-card,.product-card *{-webkit-tap-highlight-color:transparent}} /* Category cards keep their resting appearance on touch Back/reload. Keep existing image transforms (including Best 10's 1.1 scale), but never animate their initial application or retain a mouse-only border highlight. */ @media screen and (max-width:980px) and (hover:none) and (pointer:coarse){ .category-products .product-card,.category-products .product-card:hover{border-color:#dededb;transition:none;animation:none} .category-products .product-image img{transition:none;animation:none} } /* Touch layouts keep images and cards at their resting size in every state. Best 10's fixed optical sizing is part of that resting layout, not an effect. */ @media screen and (max-width:980px){ main img:not(.leaflet-tile){transform:var(--mobile-resting-image-transform,none)!important;scale:none!important;transition:none!important;animation:none!important} main .product-image[href$="/hcp-best-10/"] img{--mobile-resting-image-transform:scale(1.1)} .home-catalog .product-image[href$="/hcp-best-10/"] img{--mobile-resting-image-transform:scale(1.12)} main :is(.product-card,.concept-category,.concept-solution,.industry-card,.lifestyle-card,.home-related-card,.store-primary-card,.store-accessory-card){transform:none!important;scale:none!important} } /* Click targets requested without a focus frame. */ .brand,.in-use .lifestyle-card figcaption a{-webkit-tap-highlight-color:transparent}.brand:focus,.in-use .lifestyle-card figcaption a:focus{outline:0;outline-offset:0;box-shadow:none} /* Related products remain a desktop section with one heading link. */ main .related-products .section-heading h2>a{font:inherit;letter-spacing:inherit;color:inherit;text-decoration:none}@media(hover:hover) and (pointer:fine){main .related-products .section-heading h2>a:hover{color:var(--red-dark)}} @media screen and (max-width:980px){main .related-products{display:none}} /* Touch navigation has no tap frame; keyboard focus stays visible. */ @media screen and (max-width:980px) and (hover:none) and (pointer:coarse){ .site-header :is(a,button,summary),.subheader nav[aria-label="Putanja stranice"] a{-webkit-tap-highlight-color:transparent} .site-header :is(a,button,summary):focus:not(:focus-visible),.subheader nav[aria-label="Putanja stranice"] a:focus:not(:focus-visible){outline:0;outline-offset:0;box-shadow:none} } /* Contact phone and email links have no touch frame. */ @media screen and (max-width:980px) and (hover:none) and (pointer:coarse){ main:has(.contact-main-grid) a:is([href^="tel:"],[href^="mailto:"]){-webkit-tap-highlight-color:transparent} main:has(.contact-main-grid) a:is([href^="tel:"],[href^="mailto:"]):focus:not(:focus-visible){outline:0;outline-offset:0;box-shadow:none} } /* Mobile touch targets share one focus-frame policy, including image links. Existing card/button borders and desktop keyboard focus are unchanged. */ @media screen and (max-width:980px) and (hover:none) and (pointer:coarse){ body :is(a,button,summary,[role="button"],[tabindex]){-webkit-tap-highlight-color:transparent!important} body :is(a,button,summary,[role="button"],[tabindex]):is(:focus,:focus-visible,:active){outline:0!important;outline-offset:0!important;box-shadow:none!important} body :is(.product-card,.concept-category,.concept-solution,.industry-card,.lifestyle-card,.home-related-card,.store-primary-card,.store-accessory-card):is(:focus,:focus-within,:active){outline:0!important;outline-offset:0!important;box-shadow:none!important} } /* Native category disclosures inside the two Support panels. */ :is(#support-documents-content,#support-drivers-content) .support-document-group>summary{justify-content:space-between;min-height:44px;padding:12px 0;font-size:16px;font-weight:700;line-height:1.4;color:var(--ink);background:transparent}:is(#support-documents-content,#support-drivers-content) .support-document-group>summary>h3{margin:0;font:inherit;letter-spacing:inherit}:is(#support-documents-content,#support-drivers-content) .support-document-group+.support-document-group{border-top:1px solid var(--line)}:is(#support-documents-content,#support-drivers-content) .support-document-group>summary::after{flex-shrink:0;width:7px;height:7px;margin:0 3px 4px 8px}:is(#support-documents-content,#support-drivers-content) .support-document-group[open]>summary::after{transform:rotate(225deg);margin-top:4px}:is(#support-documents-content,#support-drivers-content) .support-document-group>.support-category-files{padding-bottom:12px} /* Dropdown labels toggle controls; their expanded contents remain selectable. */ :is(summary,button[aria-expanded]),:is(summary,button[aria-expanded]) *{-webkit-user-select:none;user-select:none} /* All-products category links use the home category frame without changing typography. */ @media screen and (max-width:680px){.catalog-category-link{border-radius:12px}} @media screen and (min-width:981px) and (hover:hover) and (pointer:fine){.catalog-category-link:hover{border-color:#b9b9b5}} /* Mobile inner-page hierarchy; home and wider layouts keep their existing sizes. */ @media screen and (max-width:680px){main :is(.page-heading,.store-solution-intro,.sheet) h1{font-size:28px}.catalog-group>.group-heading h2{font-size:22px}} /* Shared labels above page titles, including home and product detail pages. */ main :is(.hero,.page-heading,.store-solution-intro,.sheet) .eyebrow{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.05em;color:var(--red-dark)} /* Secondary company heading and shared equipment enquiry block. */ main .two-columns>aside.panel>h2,main .cta h2{font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.025em} main .cta .eyebrow{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.05em} main .cta p{font-size:14px;font-weight:400;line-height:1.7;color:var(--muted)} main .cta .button{font-size:14px;font-weight:600;line-height:1.45;min-height:44px} @media screen and (min-width:981px){main .cta p{font-size:16px;line-height:1.65}} /* Complete the shared heading and action hierarchy without changing compact product names. */ main .draft>h2{font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.025em} @media screen and (max-width:680px){main :is(.hero,.page-heading,.store-solution-intro,.sheet) h1{font-weight:700}main .editorial h2,main .product-features h2{font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.025em}} @media screen and (max-width:980px){main .store-kit .store-kit-content .button{font-size:14px;font-weight:600;line-height:1.45}} /* Indented category branches inside Support documentation and drivers. */ :is(#support-documents-content,#support-drivers-content) .support-document-group{margin-left:10px;padding-left:14px;border-left:2px solid var(--line)} /* Match solution-detail photos to the Store workflow photo column. */ @media screen and (min-width:761px){main .solution-detail-photo{width:calc((100% - 48px)/2)}main .service-photo-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}} /* Application download disclosure, matching Documentation. */ #preuzmi-aplikaciju{scroll-margin-top:125px} .application-disclosure .application-file:is(:hover,:focus,:active){color:var(--ink)} @media (hover:hover) and (pointer:fine){.application-disclosure .application-file:hover{color:var(--red-dark)}} /* Compact secondary product views; retain the full-width main image. */ main .gallery:has(>button:nth-child(2)){grid-template-columns:repeat(4,minmax(0,1fr))} main .gallery>button:not(:first-child){padding:8px} main .gallery>button:not(:first-child) img{height:80px} @media(max-width:680px){main .gallery>button:not(:first-child) img{height:60px}} /* The resource toggle covers the closed panel, including its padding and border. */ main:has(#photo-dialog) .product-resources-side>:is(.docs-disclosure,.specs-disclosure){padding:0} main:has(#photo-dialog) .product-resources-side>:is(.docs-disclosure,.specs-disclosure)>summary{width:calc(100% + 2px);margin:-1px;padding:17px 21px;border-radius:inherit} main:has(#photo-dialog) .product-resources-side>:is(.docs-disclosure,.specs-disclosure)>:is(.docs-content,.specs-content){padding:4px 20px 16px} main .support-layout .support-file-toggle{width:calc(100% + 2px);min-height:74px;margin:-1px;padding:calc(var(--support-row-padding) + 1px);border-radius:inherit} /* Product desktop: align feature dividers with the main photo using shared grid rows. */ @media screen and (min-width:981px){ @supports(grid-template-rows:subgrid){ main:has(#photo-dialog):has(.product-copy>.product-features>ul.highlights) .detail-grid{grid-template-rows:repeat(var(--gallery-row-count,2),auto);row-gap:12px} main:has(#photo-dialog):has(.product-copy>.product-features>ul.highlights) .detail-grid>div:first-child{display:grid;grid-column:1;grid-row:1 / span var(--gallery-row-count,2);grid-template-rows:subgrid;min-width:0} main:has(#photo-dialog):has(.product-copy>.product-features>ul.highlights) .detail-grid>div:first-child>.gallery{grid-row:1 / span var(--gallery-row-count,2);grid-template-rows:subgrid;height:auto} main:has(#photo-dialog):has(.product-copy>.product-features>ul.highlights) .gallery>button:first-child{grid-row:1} main:has(#photo-dialog):has(.product-copy>.product-features>ul.highlights) .product-copy{display:grid;grid-column:2;grid-row:1 / span var(--gallery-row-count,2);grid-template-rows:subgrid;min-width:0} main:has(#photo-dialog):has(.product-copy>.product-features>ul.highlights) .product-copy>.product-features{grid-row:1;display:flex;flex-direction:column;gap:20px;min-width:0} main:has(#photo-dialog):has(.product-copy>.product-features>ul.highlights) .product-features>h2{margin:0} main:has(#photo-dialog):has(.product-copy>.product-features>ul.highlights) .product-copy .product-features>ul.highlights{display:flex;flex-direction:column;flex:1;margin:0} main:has(#photo-dialog):has(.product-copy>.product-features>ul.highlights) .product-copy .product-features .highlights>li{display:flex;align-items:center;flex:1;padding:8px 0 8px 18px} main:has(#photo-dialog):has(.product-copy>.product-features>ul.highlights) .product-copy .product-features .highlights>li::before{top:50%;transform:translateY(-50%)} main:has(#photo-dialog):has(.product-copy>.product-features>ul.highlights) .product-copy>.actions{grid-row:2 / -1;align-self:end;margin-top:0} } } /* Responsive sources do not introduce a layout box inside card links. */ .product-image>picture[data-category-mobile-image]{display:contents} /* Shared desktop device-card appearance; preserve all mobile and touch layouts. */ @media screen and (min-width:981px){ main .product-grid > .product-card{border:1px solid #dedede;border-radius:16px;background:#fff;overflow:hidden;transition:none} main .product-grid > .product-card>h3{padding:24px 24px 0;margin:0} main .product-grid > .product-card>.product-image{display:flex;align-items:center;justify-content:center;padding:20px} main .product-grid > .product-card>.product-image[href] img{width:100%;height:220px;object-fit:contain;transform:none;scale:none;transition:transform .2s ease} main .product-grid > .product-card>.card-content{--card-footer-inset:24px;--card-footer-bottom:24px;padding:24px;display:flex;flex-direction:column;flex:1} main .product-grid > .product-card:has(>h3>a[href])>.card-content>p{display:block;align-items:normal;flex:0 1 auto;min-height:78px;margin:0;padding:0 0 18px;border:0;color:#666;text-align:left} main .product-grid > .product-card>.card-content>.card-link{display:flex;align-items:center;justify-content:space-between;align-self:stretch;width:100%;min-height:44px;margin-top:auto;padding:16px 0 0;border-top:1px solid #d9d9d6;gap:12px} main .product-grid > .product-card>.card-content>.card-link::after{content:'↗';font-size:16px;line-height:1;flex-shrink:0} main .product-grid > .product-card .home-details-short{display:none} main .product-grid > .product-card .home-details-full{display:inline} main .product-grid > .product-card>h3>a{transition:none} @media (hover:hover) and (pointer:fine){ main .product-grid > .product-card:hover{border-color:#b9b9b5} main .product-grid > .product-card:hover>h3>a{color:var(--red-dark)} main .product-grid > .product-card:hover>.product-image[href] img{transform:scale(1.03)} } } /* Desktop catalog heading links share the device-card timing and corners. */ @media screen and (min-width:981px){ .catalog-category-link,.catalog-category-link:hover{border-radius:16px;transition:none;box-shadow:none;transform:none;scale:none} } /* Solution cards use the shared desktop hover without changing their photo layout. */ @media screen and (min-width:981px){ main :is(.concept-solutions,.solutions-cards) .concept-solution{border-color:#dedede;border-radius:16px;box-shadow:none;transition:none;transform:none;scale:none} main :is(.concept-solutions,.solutions-cards) .concept-solution .concept-solution-top h3>a{transition:none} main :is(.concept-solutions,.solutions-cards) .concept-solution .concept-solution-photo img{transform:none;scale:none;transition:transform .2s ease} @media (hover:hover) and (pointer:fine){ main :is(.concept-solutions,.solutions-cards) .concept-solution:hover{border-color:#b9b9b5;box-shadow:none;transform:none;scale:none} main :is(.concept-solutions,.solutions-cards) .concept-solution:hover .concept-solution-top h3>a{color:var(--red-dark)} main :is(.concept-solutions,.solutions-cards) .concept-solution:hover .concept-solution-photo img{transform:scale(1.03)} } } /* Decorative resource actions use the existing link semantics and current text color. */ .doc-link:is([download],[href$=".pdf"]){position:relative;padding-right:56px} .doc-link:is([download],[href$=".pdf"])::after{content:'';position:absolute;right:20px;top:50%;width:18px;height:18px;transform:translateY(-50%);background-color:currentColor;pointer-events:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain} .doc-link[download]::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m-6-6%206%206%206-6M5%2017v4h14v-4%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m-6-6%206%206%206-6M5%2017v4h14v-4%22%2F%3E%3C%2Fsvg%3E")} .doc-link:not([download])[href$=".pdf"]::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2017%2017%207M7%207h10v10%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2017%2017%207M7%207h10v10%22%2F%3E%3C%2Fsvg%3E")} /* Shop cards share the homepage's desktop interaction and details footer. */ .store-kit-section .product-card .card-link>.store-details-short, .store-kit-section .product-card .card-link>.store-details-full{font-size:inherit;line-height:inherit} .store-kit-section .product-card .card-link>.store-details-full{display:none} @media screen and (min-width:981px){ .store-kit-section .product-card{border-color:#dedede;border-radius:16px;transition:none} .store-kit-section .product-card>h3>a{transition:none} .store-kit-section .product-card .card-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;width:100%;margin-top:auto;padding:16px 0 0;border-top:1px solid #d9d9d6;gap:12px} .store-kit-section .product-card .card-link>.store-details-short{display:none} .store-kit-section .product-card .card-link>.store-details-full{display:inline} .store-kit-section .product-card .card-link>[aria-hidden="true"]{font-size:16px;line-height:1;flex-shrink:0} @media (hover:hover) and (pointer:fine){ .store-kit-section .product-card:hover{border-color:#b9b9b5} .store-kit-section .product-card:hover>h3>a{color:var(--red-dark)} .store-kit-section .product-card .product-image img{transition:transform .2s ease} .store-kit-section .product-card:hover .product-image img{transform:scale(1.03)} } } /* Mobile footer: brand introduction, paired navigation columns, full-width contact. */ @media screen and (max-width:680px){.footer-grid{row-gap:28px;column-gap:20px}.footer-grid>div:first-child{grid-column:1/-1;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:18px}.footer-grid>div:first-child p{margin:0;max-width:30ch}.footer-grid>div:last-child{grid-column:1/-1}} /* Visible information link beneath the required-fields note. */ .inquiry-data-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none}.inquiry-data-link span{color:inherit;text-decoration:none}@media(hover:hover) and (pointer:fine){.inquiry-data-link:hover{color:var(--red-dark)}}.inquiry-data-link:focus-visible{outline:2px solid currentColor;outline-offset:4px} .inquiry-form-notes{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.inquiry-form-notes>.small-note{margin:0}.inquiry-form-notes>.inquiry-data-link{margin-left:auto;flex-shrink:0}.inquiry-data-link .inquiry-data-label{text-decoration:underline;text-underline-offset:4px} /* Independent support columns: disclosures never move the left cards. */ /* Rapid taps activate Support disclosures, without a double-tap zoom gesture. Page panning and two-finger zoom remain native. Desktop is unchanged. */ @media screen and (max-width:980px) and (pointer:coarse){ .support-layout :is(.support-file-toggle,.support-document-group>summary){touch-action:manipulation} } @media(min-width:981px){ .support-layout{grid-template-rows:auto;align-items:start} .support-layout>.support-side{display:grid;gap:24px;align-self:start} .support-layout>.support-users{display:flex;flex-direction:column;gap:27.5px;align-self:start} .support-layout .support-users>.support-files{margin:0} .support-layout .support-users>.support-files+.support-files{margin-top:0} main .support-layout .support-file-toggle{min-height:0;padding:16px 28px} } /* Approved solution offer cards: scoped to these sections. */ /* Existing card typography is inherited. */ .solution-choice-layout .store-kit-grid{align-items:start} .solution-choice-layout.solution-single .store-kit-grid{grid-template-columns:minmax(0,1fr);max-width:800px;margin-inline:auto} .store-register-choice-grid{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:10px;align-items:stretch} .store-register-choice{display:contents} .store-choice-first>*{grid-column:1} .store-choice-second>*{grid-column:3} .store-choice-category{grid-row:1;margin:0 0 4px;text-align:left} .store-register-choice .store-primary-card{grid-row:2} .store-register-choice-grid .store-primary-card{margin:0;min-width:0} .store-choice-or{grid-column:2;grid-row:2;align-self:center;justify-self:center;font-size:14px;font-weight:700} .store-choice>h3{position:relative} .store-choice>h3>label{display:block;padding-inline:22px;text-align:center;cursor:pointer;touch-action:manipulation} .store-choice input{position:absolute;left:8px;top:15px} .store-choice input,.printer-option input{box-sizing:border-box;width:16px;height:16px;min-width:0;min-height:0;padding:0;margin:0;appearance:none;-webkit-appearance:none;accent-color:var(--red);border:1px solid #aaa;border-radius:50%;background:#fff;flex-shrink:0} .store-choice input:checked,.printer-option input:checked{border-color:var(--red);background-image:radial-gradient(circle at center,var(--red) 0 4px,transparent 4.25px)} .store-choice>.product-image{cursor:pointer;touch-action:manipulation} .solution-choice-layout .store-choice.is-selected{border-color:#92928e} .store-register-choice-grid+.store-software-accessories{margin-top:16px} .store-printer-picker>summary{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-height:32px;margin-inline:auto;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;list-style:none;padding:6px 0} .store-printer-picker>summary::-webkit-details-marker{display:none} .store-printer-picker>summary::after{content:none} .solution-choice-layout [data-printer-preview]{display:block;width:100%} .solution-choice-layout [data-printer-preview] img{width:100%;height:56px;object-fit:contain} .printer-picker-prompt{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:20px;font-size:12px;font-weight:600;line-height:20px;text-align:center;color:var(--ink);transition:none} .printer-picker-prompt svg{display:block;flex-shrink:0;width:12px;height:12px} .store-printer-picker[open] .printer-picker-prompt svg{transform:rotate(180deg)} main .solution-choice-layout .store-kit-printer:has(>.store-printer-picker[open])>.card-content{display:none} .printer-options{padding:6px;border-top:1px solid var(--line)} .printer-option{display:grid;grid-template-columns:16px 44px minmax(0,1fr);align-items:center;gap:6px;padding:8px 2px;min-height:60px;font-size:12px;line-height:1.4;cursor:pointer;touch-action:manipulation} .printer-option img{width:44px;height:44px;object-fit:contain} .printer-option+.printer-option{border-top:1px solid var(--line)} .solution-photos-single>.shell{width:min(800px,calc(100% - 48px))} main .solution-photos .solution-detail-photo{width:100%} main .solution-photos :is(.solution-detail-photo,.service-photo-grid>img){aspect-ratio:1672/941;height:auto;object-fit:contain} main .solution-photos .service-photo-grid{width:100%;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))} main .solution-choice-layout .product-card{cursor:default} main .solution-choice-layout .store-choice{cursor:pointer} main .solution-choice-layout .product-card>h3,main .solution-choice-layout .product-card:hover>h3,main .solution-choice-layout .store-choice>h3>label{color:var(--ink);text-align:center} main .solution-choice-layout .store-software-accessories{align-items:start;justify-content:center;max-width:472px;margin-inline:auto} main .solution-choice-layout .store-register-kit .store-software-accessories{width:calc((100% - 12px) / 2);max-width:230px} main .solution-choice-layout .store-accessory-card>h3{min-height:60px} main .solution-choice-layout .store-accessory-card>.product-image{padding-bottom:36px} main .solution-choice-layout .store-accessory-card>.printer-selected-image{padding-bottom:4px} @media(hover:hover) and (pointer:fine){} main .solution-choice-layout .product-card .card-content>.card-link>span{color:inherit} @media(hover:hover) and (pointer:fine){main .solution-choice-layout .product-card .card-content>.card-link:hover{color:var(--red-dark)!important;transition:none}} @media(max-width:980px) and (pointer:coarse){main .solution-choice-layout .product-card .card-content>.card-link.is-touch-activated{color:var(--red-dark)!important;transition:none}} main .solution-single .store-kit-heading,main .solution-single .store-primary-label{text-align:left} main .solution-single .store-kit-heading{padding:24px 28px 0} main .solution-single .store-primary-card,main .solution-single .store-primary-label{max-width:520px} main .solution-single .store-primary-card .product-image img{height:220px} main .solution-single .store-kit-content .button{display:flex;justify-content:center;max-width:520px;margin-inline:auto} main .solution-choice-layout .product-card,main .solution-choice-layout .product-card:hover{border-color:#dededb;box-shadow:none;transform:none;scale:none;transition:none} main .solution-choice-layout .product-card img{transform:none!important;scale:none!important;transition:none!important;animation:none!important} main .solution-choice-layout .product-card img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none} main .solution-choice-layout .card-link>.details-arrow{display:block;flex-shrink:0;white-space:nowrap;font-size:16px;line-height:1} main .solution-choice-layout .store-choice.is-selected,main .solution-choice-layout .store-choice.is-selected:hover{border-color:#92928e} @media(max-width:760px){main .solution-photos .service-photo-grid{grid-template-columns:minmax(0,1fr)}.store-choice>h3{min-height:64px}} @media(max-width:760px){.store-choice input{left:8px;top:17px}} @media(max-width:760px){main .solution-single .store-primary-card .product-image img{height:180px}} @media(max-width:760px){main .solution-single .store-kit-heading{padding:14px 18px 0}} @media(max-width:680px){.solution-photos-single>.shell{width:calc(100% - 28px)}} /* Printer photo and text open the same existing selector. */ .solution-choice-layout :is(.store-choice,.printer-option) input[type="radio"]{cursor:pointer} main .solution-choice-layout .store-kit-printer>button.printer-selected-image{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:0;margin:0;padding:4px 10px;border:0;border-radius:0;background:transparent;box-shadow:none;appearance:none;cursor:pointer;font:inherit;transition:none;-webkit-tap-highlight-color:transparent} @media(hover:hover) and (pointer:fine){} /* Multiple-product inquiry controls; no styles outside the quote form. */ .quote-form .inquiry-products{min-width:0;margin:0;padding:0 0 18px;border:0;border-bottom:1px solid var(--line)} .quote-form .inquiry-products>legend{padding:0;margin-bottom:7px;font:inherit} .quote-form .inquiry-product-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 14px;border:1px solid #bbb;border-radius:6px;background:#fff;color:var(--ink);font-weight:600;cursor:pointer;list-style:none;user-select:none;-webkit-user-select:none;touch-action:manipulation} .quote-form .inquiry-product-picker>summary::-webkit-details-marker{display:none} .quote-form .inquiry-product-picker>summary::after{content:'';flex:0 0 8px;width:8px;height:8px;margin:0 3px 4px 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)} .quote-form .inquiry-product-picker[open]>summary::after{transform:rotate(225deg);margin-top:6px} .quote-form .inquiry-product-options{padding:6px;border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px} .quote-form .inquiry-product-option{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 8px;font-weight:400;line-height:1.5;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none} #inquiry-form .inquiry-product-option input{box-sizing:border-box;flex:0 0 18px;width:18px;height:18px;min-width:0;min-height:0;padding:0;margin:0;appearance:none;-webkit-appearance:none;display:grid;place-items:center;border:1.5px solid #aaa;border-radius:4px;background:#fff;accent-color:var(--red);cursor:pointer;transition:none} #inquiry-form .inquiry-product-option input:checked{background:var(--red);border-color:var(--red)} #inquiry-form .inquiry-product-option input::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg);opacity:0} #inquiry-form .inquiry-product-option input:checked::after{opacity:1} @media(forced-colors:active){#inquiry-form .inquiry-product-option input{appearance:auto;-webkit-appearance:auto}#inquiry-form .inquiry-product-option input::after{content:none}} .quote-form .inquiry-product-option,.quote-form .inquiry-product-option input{-webkit-tap-highlight-color:transparent} .quote-form .inquiry-products-hint{margin:0;font-size:14px;font-weight:400;color:var(--muted)} .quote-form .inquiry-selected-products{display:grid;gap:8px;min-width:0} .quote-form .inquiry-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px 12px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;min-width:0;background:#f6f6f4} .quote-form .inquiry-item-row[hidden]{display:none} .quote-form .inquiry-item-name{min-width:0;font-weight:600;overflow-wrap:anywhere} .quote-form .inquiry-item-quantity{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400} .quote-form .inquiry-item-quantity input{width:56px;min-height:44px;padding:6px 4px;font-size:16px} .quote-form .inquiry-remove{padding:8px 0;min-height:44px;border:0;border-radius:0;background:transparent;color:var(--red-dark);font:600 14px/1.4 Manrope,'Manrope Fallback',Arial,sans-serif;text-decoration:underline;cursor:pointer} .quote-form .inquiry-quantity-error{grid-column:1/-1} @media(max-width:680px){.quote-form .inquiry-item-row{grid-template-columns:minmax(0,1fr) 56px auto;gap:6px 8px;padding:8px 10px}.quote-form .inquiry-item-quantity{flex-direction:column;align-items:stretch;gap:2px;font-size:12px;text-align:center}.quote-form .inquiry-item-quantity input{text-align:center}.quote-form .inquiry-item-name{font-size:14px}} .quote-form .inquiry-category+.inquiry-category{margin-top:8px} .quote-form .inquiry-category-title{padding:6px 8px;font-size:14px;font-weight:700;color:var(--ink)} .quote-form .inquiry-category .inquiry-product-option{padding-left:24px} .quote-form .inquiry-item-category{font-weight:400;color:var(--muted)} /* Mobile link feedback follows accepted clicks, not a held scroll gesture. */ @media(hover:none),(pointer:coarse){ body a[href].is-touch-activated:not(.button),body summary.is-touch-activated{color:var(--red-dark)!important} body :is(.dark,footer) a.is-touch-activated:not(.button){color:#ff6666!important} body a.button.is-touch-activated{background:var(--red-dark);border-color:var(--red-dark);color:#fff} body a.button.white.is-touch-activated{background:#fff;border-color:#fff;color:var(--red-dark)} body a.button.outline.is-touch-activated{background:transparent;border-color:var(--red);color:var(--ink)} } .store-printer-picker[open]>summary .printer-picker-prompt{color:var(--red-dark)} #inquiry-form[data-inquiry-suspended] button[type="submit"]:disabled{background:var(--red);border-color:var(--red);color:#fff;cursor:not-allowed;opacity:1} /* Native distributor-list scrolling and full marker hit areas. */ .partner-directory #partner-grid{overscroll-behavior-y:contain;scroll-behavior:auto;margin-inline:10px;padding-inline:0} #partner-map :is(.partner-map-marker,.partner-hit-target){pointer-events:all} .partner-directory .partner-card .partner-details a{text-decoration:none} #partner-map .partner-popup-name{display:block;font-family:Manrope,'Manrope Fallback',Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.35;margin-bottom:4px;color:var(--ink)} #partner-map .partner-popup-detail{display:block;font-family:Manrope,'Manrope Fallback',Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:var(--ink)} /* HCP locations are featured only while the directory search is empty. */ .partner-directory .partner-featured-label{margin:8px 8px 12px;font-size:14px;font-weight:700;line-height:1.4;color:var(--muted)} .partner-directory [data-distributor-heading]{margin-top:20px} .partner-directory .partner-card-featured:not(.active){border-color:var(--line)} @media(hover:hover) and (pointer:fine){.partner-directory .partner-card-featured:not(.active):hover{border-color:#b9b9b5}} #partner-map .partner-popup-route{display:inline-block;margin-top:6px;color:var(--ink)!important;font-family:Manrope,'Manrope Fallback',Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.4} /* Compact directory cards retain their existing typography and contact links. */ .partner-directory .partner-card{padding:14px;margin-bottom:8px;cursor:pointer;transition:none} .partner-directory .partner-card h3{margin:6px 0} .partner-directory .partner-card p{margin-bottom:8px} .partner-directory .partner-details{gap:2px} .partner-directory .partner-actions{gap:10px;margin-top:8px} .partner-directory #partner-search{padding-left:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 4.5 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px 18px;background-position:14px center} /* The initial list ends just after its two featured locations and the distributor heading. */ .partner-directory .partner-panel{height:744px;background:var(--paper)} .partner-directory .partner-map-wrap{padding-inline:10px;background:var(--paper)} .partner-directory .partner-map-page-scroll{position:absolute;inset-block:0;width:10px;z-index:1001;touch-action:pan-y pinch-zoom;cursor:auto}.partner-directory .partner-map-page-scroll-left{left:0}.partner-directory .partner-map-page-scroll-right{right:0} @media(min-width:901px){.partner-directory #partner-map{height:744px}} @media(max-width:620px){.partner-directory .partner-panel{height:686px}} /* Touch/mobile cards show a border only while selected; preserve its space. */ @media(max-width:900px),(hover:none),(pointer:coarse){.partner-directory #partner-grid .partner-card:not(.active){border-color:transparent}} /* Both headings scroll with the list; touch scrolling can start on our-location heading. */ .partner-directory [data-distributor-heading]{touch-action:pan-x pinch-zoom} /* A slightly larger close control for distributor popups only. */ #partner-map .leaflet-popup-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:20px;line-height:1} /* Accepted mobile file clicks color the filename and format together. */ @media(hover:none),(pointer:coarse){body a.doc-link.is-touch-activated,body a.doc-link.is-touch-activated *{color:var(--red-dark)!important;transition:none}} /* Photo-only gallery zoom: transforms do not change dialog layout. */ #photo-dialog{touch-action:pan-x pan-y} #photo-dialog .photo-zoom-frame{position:relative;width:100%;overflow:hidden;touch-action:none;cursor:default;outline-offset:4px} #photo-dialog .photo-zoom-content>img{display:block;width:auto;height:auto;max-width:100%;max-height:62vh;object-fit:contain;margin:auto;transform:none!important;transform-origin:center;transition:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none} #photo-dialog .photo-zoom-frame[data-zoomed]{cursor:grab} #photo-dialog .photo-zoom-frame[data-dragging]{cursor:grabbing} /* Only explicit viewer zoom overrides the mobile resting-image transform. */ #photo-dialog .photo-zoom-frame[data-zoomed]{overflow:hidden} #photo-dialog .photo-zoom-content{width:100%;background:#fff;transform:translate(var(--photo-pan-x,0px),var(--photo-pan-y,0px)) scale(var(--photo-scale,1));transform-origin:center;transition:none} #photo-dialog .photo-zoom-tools{display:none;position:absolute;top:8px;left:10px;gap:6px;z-index:2} #photo-dialog .photo-zoom-tool{display:grid;place-items:center;width:32px;height:32px;padding:0;margin:0;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);transition:none} #photo-dialog .photo-zoom-tool svg{display:block} #photo-dialog .photo-zoom-tool:disabled{opacity:.4;cursor:default} @media(hover:hover) and (pointer:fine){#photo-dialog .photo-zoom-tools{display:flex}#photo-dialog .photo-zoom-tool{position:relative;isolation:isolate;width:36px;height:36px;border:0;background:transparent}#photo-dialog .photo-zoom-tool::before{content:'';position:absolute;inset:4px;border:1px solid var(--line);border-radius:5px;background:#fff;z-index:-1;pointer-events:none;transition:none}#photo-dialog .photo-zoom-tool svg{width:22px;height:22px}#photo-dialog .photo-zoom-tool:not(:disabled):hover::before{border-color:#999;background:var(--paper)}} /* Animate explicit zoom actions only; pinch, drag, photo changes and close stay immediate. */ #photo-dialog .photo-zoom-frame[data-zoom-animate]{overflow:hidden} #photo-dialog .photo-zoom-frame[data-zoom-animate]>.photo-zoom-content{transition:transform 240ms cubic-bezier(.25,.1,.25,1)!important} @media(prefers-reduced-motion:reduce){#photo-dialog .photo-zoom-frame[data-zoom-animate]>.photo-zoom-content{transition:none!important}} /* Repeated magnifier clicks never select or drag icon content. */ #photo-dialog .photo-zoom-tools,#photo-dialog .photo-zoom-tool,#photo-dialog .photo-zoom-tool *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none} #photo-dialog .photo-zoom-tool{touch-action:manipulation} #photo-dialog .photo-zoom-tool svg{pointer-events:none} /* iOS WebKit: include the footer in the page tile during reload below the visual viewport. */ @supports (-webkit-touch-callout:none){@media screen and (max-width:980px){html:has(head>style[data-footer-document-control]) body>footer{will-change:auto}}} /* Center standalone industry photos without changing their existing responsive width. */ main img.solution-photo-centered{margin-inline:auto} /* iOS: rasterize the visible solution offers together, including the action below Safari controls. */ @supports (-webkit-touch-callout:none){@media screen and (max-width:980px){main .solution-choice-layout:not(.solution-single) .store-kit-grid{transform:translateZ(0);backface-visibility:hidden}}} /* iOS Store: prepare the existing footer backing before it reaches Safari controls. */ @supports (-webkit-touch-callout:none){@media screen and (max-width:980px){html:has(head>style[data-footer-paint-layer]) body:has(main .solution-choice-layout)>footer{border-top:128px solid transparent;margin-top:-128px;background:linear-gradient(to bottom,transparent 128px,#171717 128px);background-origin:border-box;pointer-events:none}html:has(head>style[data-footer-paint-layer]) body:has(main .solution-choice-layout)>footer>*{pointer-events:auto}}}