body#index-page .service-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}body#index-page .services h3{min-height:72px;max-height:72px;font-size:1.2em;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:18px;padding-bottom:18px;padding-left:8px;padding-right:8px;border-bottom:3px solid var(--primary-red);margin-bottom:0!important;width:100%}body#index-page .services h3{min-height:25px;max-height:25px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:0 8px;position:relative}body#index-page .services h3{border-bottom:3px solid var(--primary-red);width:100%;margin-bottom:0}@media (min-width:769px){.contact-header{display:flex;flex-direction:row;align-items:center;gap:30px;justify-content:center;text-align:left}.company-info{text-align:left;align-items:flex-start;display:flex;flex-direction:column;justify-content:center}}@media (max-width:768px){.contact-header{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.company-info{text-align:center;align-items:center;display:flex;flex-direction:column;justify-content:center}}.contact-logo-desktop,.contact-logo-mobile{width:1000%;height:auto;max-width:200;display:block;margin:0 auto 20px auto}.contact-logo-desktop{display:block}.contact-logo-mobile{display:none}@media (max-width:768px){.contact-logo-desktop{display:none}.contact-logo-mobile{display:block}}@media (min-width:769px){.logo-container{display:flex;align-items:center;gap:18px}.company-header-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.company-name{font-weight:700;font-size:1.3em;color:var(--primary-blue);line-height:1.1}.company-desc{font-size:.95em;color:var(--text-dark);line-height:1.1}}@media (max-width:768px){.logo-container{display:flex;flex-direction:column;align-items:center;gap:4px}.company-header-info{display:flex;flex-direction:column;align-items:center;text-align:center}.company-name{font-weight:700;font-size:1.1em;color:var(--primary-blue)}.company-desc{font-size:.9em;color:var(--text-dark)}}.logo-mobile{display:none!important}.logo-desktop{display:inline-block!important}@media (max-width:768px){.logo-mobile{display:inline-block!important;width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;object-fit:contain;border-radius:8px;background:#fff0;border:none;box-shadow:none;margin-left:0;margin-right:0;vertical-align:middle}.logo-desktop{display:none!important}.hero-logo{width:clamp(300px, 80vw, 600px)!important;max-width:90vw!important;min-width:0!important;height:auto!important;margin:0 auto 20px auto!important;display:block!important}}:root{--primary-red:#d9534f;--primary-blue:#4a6fa5;--secondary-gray:#f1f1f1;--dark-gray:#2b2b2b;--text-dark:#333333;--text-light:#ffffff;--metallic-border:#b0b0b0;--base-font-size:16px;--mobile-font-size:12px;--mobile-header-size:20px;--mobile-nav-size:16px}*{image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;box-sizing:border-box;-webkit-tap-highlight-color:#fff0;-webkit-touch-callout:none;-webkit-focus-ring-color:#fff0}img{image-rendering:auto;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;-ms-interpolation-mode:bicubic;max-width:100%;height:auto}

/* High quality rendering for logos */
.logo, .hero-logo, [src*="logo"] {
  image-rendering: auto !important;
  image-rendering: -webkit-optimize-contrast !important;
  image-rendering: high-quality !important;
  -ms-interpolation-mode: bicubic !important;
}button,a,[onclick],[role="button"],.clickable{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;outline:none!important;touch-action:manipulation!important}body{font-family:'Roboto Condensed',sans-serif;margin:0;padding:0;background-color:var(--secondary-gray);color:var(--text-dark);font-size:var(--base-font-size);line-height:1.2;overflow-x:hidden;background-image:url(../images/logo/asmetal_logo_w_cut3.png),url(../images/logo/asmetal_logo_w_cut3.png);background-size:300px 300px,300px 300px;background-position:0 0,750px 750px;background-repeat:repeat,repeat}body:not(.menu-ready) .mobile-menu-toggle{visibility:hidden}body.menu-ready .mobile-menu-toggle{visibility:visible}header{display:flex;justify-content:space-between;align-items:center;background:var(--dark-gray);color:var(--text-light);padding:15px 20px;border-bottom:4px solid var(--metallic-border);position:sticky;top:0;z-index:1000;transition:transform 0.3s ease-in-out,box-shadow 0.3s ease;flex-wrap:wrap}header.hide{transform:translateY(-100%)}header.scrolled{box-shadow:0 2px 10px rgb(0 0 0 / .3)}.logo-container{margin-right:300px;flex-shrink:0}.logo{max-width:120px;height:auto;min-width:80px;image-rendering:auto;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;-ms-interpolation-mode:bicubic}.mobile-menu-toggle{display:none;background:var(--dark-gray);border:2px solid var(--metallic-border);color:var(--text-light);font-size:18px;padding:10px;cursor:pointer;border-radius:4px;transition:background-color 0.2s ease;min-height:48px;width:52px;padding-left:6px;padding-right:6px;position:relative;z-index:1001;box-sizing:border-box;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mobile-menu-toggle:hover{background-color:var(--primary-blue)}.mobile-menu-toggle:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.mobile-menu-toggle span{display:block;width:32px;height:4px;background-color:var(--text-light);margin-left:0;margin-right:0;transition:all 0.3s ease;border-radius:2px;box-sizing:border-box}.mobile-menu-toggle.active{background-color:var(--primary-red)}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}nav ul{list-style:none;display:flex;margin:0;padding:0;flex-wrap:wrap;justify-content:center;align-items:center}nav li{margin-left:20px;margin-bottom:5px}nav a{color:var(--text-light);text-decoration:none;font-weight:700;font-size:16px;text-transform:uppercase;transition:color 0.3s ease;padding:8px 12px;border-radius:4px;display:block;white-space:nowrap}nav a:hover{color:var(--primary-blue);background-color:rgb(255 255 255 / .1)}@media (max-width:768px){header{justify-content:space-between;align-items:center;flex-wrap:nowrap}.mobile-menu-toggle{display:flex!important;order:3}nav{order:2;position:absolute;top:100%;left:0;right:0;width:100%;margin-top:0}nav ul{flex-direction:column;max-height:0;overflow:hidden;transition:max-height 0.25s ease-out,padding 0.25s ease-out,opacity 0.2s ease-out;background-color:var(--dark-gray);border-radius:0;margin-top:0;padding:0;opacity:0;box-shadow:0 4px 12px rgb(0 0 0 / .3);will-change:max-height,opacity,padding;position:relative;z-index:1000}nav ul.active{max-height:300px;padding:15px 0;opacity:1}nav li{margin:0;width:100%;text-align:center}nav a{padding:12px 20px;font-size:16px;border-bottom:1px solid #444;border-top:none;border-radius:0;transition:background-color 0.15s ease,color 0.15s ease}nav a:hover{background-color:var(--primary-blue);color:#fff}nav li:last-child a{border-bottom:none!important;border-top:none!important;background:var(--dark-gray)!important;color:#fff!important;margin-bottom:0!important}@media (max-width:768px){nav ul.active li:last-child a{border-bottom:none!important;border-top:none!important;margin-bottom:0!important;background:var(--dark-gray)!important;color:#fff!important}}.logo-container{margin-right:0;order:1}}@media (min-width:769px){.mobile-menu-toggle{display:none!important}nav ul{display:flex!important;max-height:none!important;opacity:1!important;background-color:transparent!important;box-shadow:none!important;margin-top:0!important;padding:0!important}nav ul.active{display:flex!important}}main{max-width:1200px;width:95%;margin:20px auto;background:var(--text-light);border:2px solid var(--metallic-border);border-radius:5px;box-shadow:0 4px 12px rgb(0 0 0 / .2);padding:20px}h2{color:var(--primary-blue);font-weight:700;font-size:clamp(20px, 4vw, 28px);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;text-align:center}p{line-height:1.8;margin-bottom:18px;font-size:clamp(12px, 2vw, 15px)}footer{background:var(--dark-gray);color:var(--text-light);margin-top:40px;border-top:4px solid var(--primary-red);padding:40px 15px 20px 15px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto;text-align:left;justify-items:start;padding:0 10px}.footer-section h4{color:var(--primary-blue);font-size:1.2em;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--primary-red);padding-bottom:8px;display:inline-block}.footer-section p{margin:8px 0;line-height:1.5;font-size:.95em}.footer-section a{color:var(--text-light);text-decoration:none;transition:color 0.3s ease}.footer-section a:hover{color:var(--primary-blue)}.social-links{display:flex;gap:15px;margin-top:10px}.social-links a{font-size:1.5em;padding:6px;border-radius:50%;background:var(--primary-blue);transition:all 0.3s ease;width:45px;height:45px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff}.social-links a:hover{background:var(--primary-red);transform:translateY(-2px)}.footer-bottom{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--metallic-border);font-size:.9em;color:#ccc}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:left;gap:25px}.social-links{justify-content:flex-start}}.gallery-container{text-align:center;margin:20px 0;position:relative}.gallery-info{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background-color:rgb(43 43 43 / .8);color:var(--text-light);padding:5px 15px;border-radius:15px;font-size:14px;border:1px solid var(--metallic-border)}.gallery-container .rotating-image,.gallery-main .rotating-image{width:100%;max-width:1200px;height:auto;aspect-ratio:5/4;object-fit:contain;display:block;margin:0 auto;border-radius:10px;box-shadow:0 2px 8px rgb(0 0 0 / .2);background-color:#f9f9f9;transition:opacity 0.3s ease;cursor:pointer}.mobile-thumbnail-controls{display:none!important}.thumbnail-toggle-btn{display:none!important}@media (max-width:768px){.thumbnail-container{display:flex!important}}.fullscreen-viewer{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .95);z-index:2000;cursor:pointer;backdrop-filter:blur(3px)}.fullscreen-viewer.active{display:flex;align-items:center;justify-content:center;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fullscreen-image{max-width:90vw;max-height:90vh;object-fit:contain;cursor:default;border-radius:8px;box-shadow:0 8px 32px rgb(0 0 0 / .5);animation:scaleIn 0.3s ease}@keyframes scaleIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.fullscreen-nav-button{position:fixed;top:50%;transform:translateY(-50%);background:var(--dark-gray);color:var(--text-light);border:2px solid var(--metallic-border);padding:20px 15px;font-size:30px;cursor:pointer;border-radius:8px;transition:all 0.2s ease;z-index:2001;user-select:none;outline:none;backdrop-filter:blur(5px);box-shadow:0 4px 16px rgb(0 0 0 / .3);-webkit-tap-highlight-color:#fff0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation}.fullscreen-nav-button:hover{background:var(--primary-blue);border-color:var(--primary-red);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px rgb(0 0 0 / .4)}.fullscreen-nav-button:active{transform:translateY(-50%) scale(1.05)}.fullscreen-nav-left{left:20px}.fullscreen-nav-right{right:20px}.fullscreen-close{position:fixed;top:20px;right:20px;background:var(--primary-red);color:var(--text-light);border:2px solid var(--metallic-border);padding:0;font-size:18px;cursor:pointer;border-radius:50%;width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:2001;user-select:none;outline:none;backdrop-filter:blur(5px);box-shadow:0 4px 16px rgb(0 0 0 / .3);line-height:1;font-family:Arial,sans-serif;font-weight:400;flex-shrink:0;flex-grow:0;aspect-ratio:1/1;-webkit-tap-highlight-color:#fff0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation}.fullscreen-close:hover{background:var(--dark-gray);border-color:var(--primary-blue);transform:scale(1.1);box-shadow:0 6px 20px rgb(0 0 0 / .4)}.fullscreen-close:active{transform:scale(1.05)}.fullscreen-info{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--dark-gray);color:var(--text-light);padding:12px 24px;border-radius:25px;font-size:16px;z-index:2001;border:2px solid var(--metallic-border);backdrop-filter:blur(5px);box-shadow:0 4px 16px rgb(0 0 0 / .3);font-weight:700;letter-spacing:1px}@media (max-width:768px){.fullscreen-nav-button{padding:15px 10px;font-size:24px;border-radius:6px}.fullscreen-nav-left{left:10px}.fullscreen-nav-right{right:10px}.fullscreen-close{top:15px;right:15px;width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;font-size:16px;flex-shrink:0;flex-grow:0;aspect-ratio:1/1}.fullscreen-info{bottom:15px;font-size:14px;padding:10px 20px}}.thumbnail-container{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px;padding:15px;background-color:rgb(255 255 255 / .1);border-radius:10px;border:2px solid var(--metallic-border)}.thumbnail{width:clamp(30px, 15vw, 50px);height:clamp(30px, 15vw, 50px);object-fit:contain;border:2px solid var(--metallic-border);cursor:pointer;transition:transform 0.3s ease,border-color 0.3s ease;background-color:#f9f9f9}.thumbnail:hover{transform:scale(1.1);border-color:var(--primary-blue)}.thumbnail.active{border-color:var(--primary-red);border-width:3px;transform:scale(1.05)}.gallery-button{background-color:var(--dark-gray);color:var(--text-light);border:2px solid var(--metallic-border);padding:clamp(8px, 2vw, 15px) clamp(12px, 3vw, 20px);font-size:clamp(14px, 3vw, 18px);cursor:pointer;border-radius:5px;transition:all 0.3s ease}.gallery-button:hover{background-color:var(--primary-blue);border-color:var(--primary-blue);transform:scale(1.05)}.gallery-nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgb(43 43 43 / .7);color:var(--text-light);border:none;padding:20px 15px;font-size:24px;cursor:pointer;border-radius:5px;transition:all 0.3s ease;z-index:10;opacity:.8}.gallery-nav-button:hover{background-color:rgb(74 111 165 / .9);opacity:1;transform:translateY(-50%) scale(1.1)}.gallery-nav-left{left:20px}.gallery-nav-right{right:20px}.thumbnail-wrapper{position:relative;display:inline-block}.thumbnail-wrapper::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;opacity:0;pointer-events:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.hero-logo{position:static;display:inline-block;width:200px;height:auto;z-index:1;opacity:1;margin-bottom:20px;margin-top:-10px;image-rendering:auto;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;-ms-interpolation-mode:bicubic}.worked-with{padding:50px 20px;background:var(--secondary-gray);text-align:center}.worked-with h2{color:var(--primary-blue);margin-bottom:30px;font-size:2em;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid var(--metallic-border);display:inline-block;padding-bottom:10px}.worked-with-logos{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:20px}.worked-with-logos img{width:clamp(200px, 30vw, 300px);height:auto;object-fit:contain;transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;border:2px solid #fff0;box-sizing:border-box}.worked-with-logos img:hover{transform:scale(1.1);box-shadow:0 4px 12px rgb(0 0 0 / .2);border:2px solid var(--primary-blue)}.reviews{padding:50px 20px;background:#fff;text-align:center}.reviews h2{color:var(--primary-blue);margin-bottom:30px;font-size:2em;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid var(--metallic-border);display:inline-block;padding-bottom:10px}#reviews-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.review{background:#f9f9f9;border:1px solid var(--metallic-border);border-radius:10px;padding:20px;width:300px;box-shadow:0 2px 8px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.review:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgb(0 0 0 / .2)}.review h3{font-size:1.2em;color:var(--text-dark);margin-bottom:10px}.review p{font-size:1em;color:#666;line-height:1.6}.review .rating{color:#0fb100;font-size:1.2em;margin-top:10px;font-weight:700}main{max-width:1200px;margin:40px auto;background:var(--text-light);border:2px solid var(--metallic-border);border-radius:5px;box-shadow:0 4px 12px rgb(0 0 0 / .2);padding:32px 28px}h2,h3{color:var(--primary-blue);text-transform:uppercase;margin-bottom:20px;border-bottom:2px solid var(--primary-red);display:inline-block;padding-bottom:5px}#contact-info,#business-hours,#location,#social-media,#call-to-action{margin-bottom:30px;padding:20px;background:var(--secondary-gray);box-shadow:0 2px 8px rgb(0 0 0 / .1)}#contact-info{background:var(--secondary-gray);padding:40px;box-shadow:0 8px 24px rgb(0 0 0 / .15);transform:translateY(-5px)}.company-info h2{font-size:2.5em;color:var(--primary-blue);margin:0 0 15px 0;text-shadow:1px 1px 2px rgb(0 0 0 / .1);letter-spacing:1px}.company-description{font-size:1.3em;color:var(--text-dark);margin:0 0 10px 0;font-weight:500;line-height:1.4}.location-tag{font-size:1.1em;color:var(--text-dark);font-weight:700;margin:0}.contact-details{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:32px;text-align:center}.owner-info .owner-name{font-size:1.4em;color:var(--primary-blue);font-weight:700;margin:0}.phone-section{display:flex;align-items:center;gap:15px;background:var(--dark-gray);padding:15px 25px;border-radius:4px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.phone-label{color:var(--text-light);font-size:1.2em;font-weight:700;margin:0}.phone-number{color:var(--text-light);font-size:1.6em;font-weight:700;text-decoration:none;transition:all 0.3s ease}.phone-number:hover{color:#fe4;text-decoration:underline}@media (max-width:768px){.contact-header{flex-direction:column;text-align:center;gap:20px}.contact-details{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.phone-section{position:absolute;top:0;right:0;margin:0;box-shadow:none;transform:none}}@media (max-width:768px){.phone-section{padding:8px 6px;font-size:.8em;margin-right:16px;box-shadow:none}.phone-label{font-size:.9em}.phone-number{font-size:1em}}@media (max-width:768px){.phone-section{transform:scale(.8);margin-right:16px}}#contact-info:hover,#business-hours:hover,#location:hover,#social-media:hover,#call-to-action:hover{border-color:var(--primary-red);box-shadow:0 4px 12px rgb(0 0 0 / .2)}#business-hours ul,#social-media ul{list-style:none;padding:0}#business-hours li,#social-media li{margin-bottom:10px;font-size:1.1em}#social-media a{color:var(--primary-blue);text-decoration:none;font-weight:700;transition:color 0.3s ease}#social-media a:hover{color:var(--primary-red)}iframe{border-radius:10px;box-shadow:0 2px 8px rgb(0 0 0 / .2)}body{display:flex;flex-direction:column;min-height:100vh}footer{margin-top:auto;background:var(--dark-gray);color:var(--text-light);text-align:center;padding:20px;border-top:4px solid var(--primary-red)}button{background:var(--primary-blue);color:var(--text-light);border:2px solid var(--primary-red);padding:clamp(8px, 2vw, 10px) clamp(15px, 4vw, 20px);font-size:clamp(14px, 2.5vw, 16px);font-weight:700;text-transform:uppercase;border-radius:5px;cursor:pointer;transition:background 0.3s ease,transform 0.3s ease,border-color 0.3s ease;min-height:44px}button:hover{background:var(--primary-red);border-color:var(--primary-blue);transform:translateY(-2px)}footer button{background:var(--primary-blue);color:var(--text-light);border:2px solid var(--primary-red);padding:10px 20px;font-size:1em;font-weight:700;text-transform:uppercase;border-radius:5px;cursor:pointer;transition:background 0.3s ease,transform 0.3s ease}footer button:hover{background:var(--primary-red);transform:translateY(-2px)}a{color:var(--primary-blue);text-decoration:none;transition:color 0.3s ease}a:hover{color:var(--primary-red)}.hero{position:relative;width:100%;height:clamp(250px, 50vh, 400px);display:flex;align-items:center;justify-content:center;background-image:url(../images/galerija/slika1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;text-shadow:0 2px 4px rgb(0 0 0 / .5);overflow:hidden}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .3);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;width:100%}.hero-logo{width:clamp(200px, 40vw, 600px);height:auto;margin:0 auto 20px auto;display:block}.hero h1{font-size:clamp(1.5em, 5vw, 3em);margin-bottom:10px;text-align:center}.hero p{font-size:clamp(1em, 3vw, 1.2em);margin-bottom:30px;text-align:center;padding:0 20px}.hero a{display:inline-block;padding:10px 20px;background:var(--primary-red);color:#fff;text-decoration:none;font-weight:700;border-radius:5px;transition:background 0.3s ease}.hero a:hover{background:#c12e2a}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:high-quality;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0;transition:opacity 1s;z-index:0}.hero-bg.active{opacity:1;z-index:1}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-bg{image-rendering:-webkit-optimize-contrast;background-size:cover;-webkit-background-size:cover}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi){.hero-bg{image-rendering:high-quality;-webkit-transform:translateZ(0);transform:translateZ(0)}}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px}.services h2{text-align:center;color:var(--primary-blue);margin-bottom:40px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;width:100%;padding:0 20px}@media only screen and (min-width:769px){body#index-page .services-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;max-width:1200px;width:100%;padding:0 20px}body#index-page .service-item{flex:0 1 350px;min-width:320px;max-width:380px}}.service-item{background:#f9f9f9;border:1px solid var(--metallic-border);border-radius:10px;padding:20px;box-shadow:0 2px 8px rgb(0 0 0 / .08);text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}.service-item:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgb(0 0 0 / .2)}.service-item h3{color:var(--primary-blue);margin-bottom:10px}.services-main,.about-main{max-width:1200px;margin:40px auto;padding:32px 28px;background:var(--text-light);border:2px solid var(--metallic-border);border-radius:5px;box-shadow:0 4px 12px rgb(0 0 0 / .2)}.services-main section,.about-main section{display:flex;align-items:center;gap:20px;margin-bottom:40px;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.services-main section:nth-child(even),.about-main section:nth-child(even){flex-direction:row-reverse;background:#e9f0f7}.services-main section:nth-child(odd),.about-main section:nth-child(odd){background:#fff}.services-main section .image-container{position:relative;width:500px;height:350px;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .1);flex-shrink:0;flex-grow:0;flex-basis:500px}.services-main section .rotating-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;object-position:center;opacity:0;transition:opacity 1s ease-in-out;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;border:none;box-shadow:none;border-radius:0}.services-main section .rotating-image.active{opacity:1}.services-main section img:not(.rotating-image),.about-main section img{max-width:300px;height:auto;border-radius:10px;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.services-main h2,.about-main h2{text-align:center;color:var(--primary-blue);margin-bottom:40px}.services-main section h3,.about-main section h3{color:var(--primary-blue);margin-bottom:10px}.services-main section p,.about-main section p{line-height:1.6}.reference-card{display:flex;align-items:flex-start;background:#fff;border:2px solid var(--metallic-border,#b0b0b0);border-radius:18px;padding:40px 36px;margin-bottom:48px;box-shadow:0 6px 24px rgb(0 0 0 / .1);max-width:100%;min-height:180px;gap:36px;transition:box-shadow 0.3s}.reference-card:hover{box-shadow:0 12px 32px rgb(0 0 0 / .18)}.reference-logo{width:120px;height:120px;object-fit:contain;border-radius:12px;background:#f9f9f9;border:2px solid #e0e0e0;margin-top:4px;flex-shrink:0}.reference-info{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.reference-info h3{margin:0 0 16px 0;color:var(--primary-blue,#4a6fa5);font-size:2em;letter-spacing:1px}.reference-info p{font-size:1.25em;color:#444;margin:0 0 18px 0;line-height:1.7}.reference-info a{color:var(--primary-red,#d9534f);text-decoration:underline;font-weight:700;font-size:1.15em;word-break:break-all;margin-top:8px;align-self:flex-start;transition:color 0.2s}.reference-info a:hover{color:#b52b27}@media (max-width:700px){.hero-logo{width:105%;max-width:330px}.reference-logo{margin:0 0 12px 0}.reference-info h3{text-align:center}.reference-info a{align-self:center}}main>section{width:100%;box-sizing:border-box;padding:20px;margin-bottom:30px;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgb(0 0 0 / .08)}main>section:nth-child(even){background:#e9f0f7}.splash-text{position:relative;width:100%;text-align:center;font-size:2em;font-weight:700;color:#000;opacity:.9;letter-spacing:2px;z-index:0;user-select:none;pointer-events:none;margin:60px 0 -20px 0;line-height:1.2}.splash-text p{margin-bottom:6px;margin-top:0;font-size:1em}@media (max-width:700px){.splash-text{font-size:2em!important;padding:0 20px}.splash-text p{font-size:1em!important}}.services-main section{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:40px;padding:40px;border-radius:10px;box-shadow:0 4px 12px rgb(0 0 0 / .1);background:#fff}.services-main section:nth-child(even){flex-direction:row-reverse;background:var(--secondary-gray)}.services-main section img{max-width:500px;width:100%;height:auto;border-radius:10px;box-shadow:0 4px 12px rgb(0 0 0 / .2);object-fit:cover;flex-shrink:0}.services-main section div{flex:1;display:flex;flex-direction:column;justify-content:center;padding-right:32px}.services-main section h3{text-align:center;font-size:1.8em;color:var(--primary-blue);margin-bottom:20px}@media (max-width:1050px){.services-main section{flex-direction:column!important;align-items:center;gap:20px;padding:25px}.services-main section .image-container{width:100%;max-width:450px;height:auto;aspect-ratio:4/3;margin:0 auto;overflow:hidden;position:relative;border-radius:10px}.services-main section .rotating-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.services-main section img{max-width:100%;height:auto;object-fit:cover;margin-bottom:10px}.services-main section div{padding-right:0!important;margin:0!important;padding:0 15px!important;text-align:left;width:100%;max-width:450px}.services-main section h2,.services-main section h3{text-align:center;margin-bottom:15px}}.contact-main>section{max-width:1200px;margin:40px auto;padding:32px 28px;background:var(--metallic-border);border-radius:5px;box-shadow:0 4px 12px rgb(0 0 0 / .2)}.novosti-widget-wrapper{display:flex;justify-content:center;width:1200px;max-width:1200px;margin:0 auto;box-sizing:border-box}.fb-page{display:flex;justify-content:center;width:100%;min-width:300px;max-width:1200px}.main-flex-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;align-items:flex-start;margin:20px auto;max-width:1400px;padding:0 20px}.about-section{flex:2 1 400px;min-width:300px;max-width:700px}.news-section{flex:1 1 300px;min-width:300px;max-width:500px;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:600px){body{font-size:var(--mobile-font-size);background-size:150px 150px,150px 150px}header{padding:10px 15px;align-items:center;justify-content:space-between;flex-wrap:nowrap}.logo{max-width:90px}.mobile-menu-toggle{display:flex!important}nav ul.active{max-height:250px;padding:0 0}nav a{font-size:var(--mobile-nav-size);padding:10px 15px}main{width:calc(100% - 20px)}h2{font-size:var(--mobile-header-size);letter-spacing:.5px}.hero{height:250px}.hero-logo{width:80%;max-width:250px}.gallery-container{margin:10px 0}.thumbnail-container{gap:5px;padding:10px}.thumbnail{width:50px;height:50px}.gallery-nav-button{padding:15px 10px;font-size:18px}.gallery-nav-left{left:5px}.gallery-nav-right{right:5px}.services-grid{grid-template-columns:1fr;gap:20px;padding:0 10px}.service-item{padding:15px}.footer-content{gap:20px;padding:0 10px}.social-links a{width:35px;height:35px;font-size:1.2em}.reference-card{flex-direction:column;padding:20px 15px;gap:15px}.reference-logo{width:80px;height:80px}.services-main section{flex-direction:column!important;padding:20px 15px;gap:15px}.services-main section .image-container{width:100%;max-width:350px;aspect-ratio:4/3;height:auto;max-height:180px;margin:0 auto 15px auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.services-main section img,.services-main section .rotating-image{max-width:100%;height:auto;display:block;margin:0 auto;object-fit:contain}}.contact-header{flex-direction:column;gap:15px}.company-info h2{font-size:1.5em}.phone-section{flex-direction:column;gap:5px;padding:10px 15px}.phone-number{font-size:1.2em}.novosti-widget-wrapper{width:100%;padding:0 10px}.fb-page{min-width:280px}.main-flex-container{margin:10px auto!important;padding:0px!important}.about-frame{margin:0 auto 20px auto!important;width:100%!important;max-width:100%!important;padding:20px!important;box-sizing:border-box}.services-main section{padding:0!important}@media only screen and (min-width:601px) and (max-width:768px){header{padding:15px;justify-content:space-between;align-items:center}.mobile-menu-toggle{display:flex!important}nav ul.active{max-height:280px;padding:12px 0}nav a{padding:10px 15px;font-size:15px}main{margin:10px;padding:15px 15px 15px 0;width:calc(100% - 20px)}.hero{height:300px}.hero-logo{width:70%;max-width:350px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.thumbnail{width:70px;height:70px}.services-main section{flex-direction:column!important;gap:20px}.services-main section .image-container{width:85vw;max-width:500px;height:calc(85vw * 0.6);max-height:300px;margin:0 auto}.novosti-widget-wrapper{width:100%;max-width:600px}}@media only screen and (min-width:769px) and (max-width:992px){.logo-container{margin-right:30px}nav li{margin-left:15px}nav a{font-size:15px;padding:6px 10px}main{width:90%;margin:25px auto}.hero{height:350px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.novosti-widget-wrapper{width:90%}}@media only screen and (min-width:993px) and (max-width:1200px){header{justify-content:center;gap:40px}.logo-container{margin-right:0;flex-shrink:0}nav ul{justify-content:center;flex-wrap:nowrap}nav li{margin:0 15px}main{width:95%}.services-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.novosti-widget-wrapper{width:95%}}@media only screen and (min-width:1201px){header{justify-content:center;gap:60px;padding:20px}.logo-container{margin-right:300}nav ul{justify-content:center}nav li{margin:0 20px}nav a{font-size:18px;padding:10px 15px}}@media only screen and (max-height:500px) and (orientation:landscape){.hero{height:200px}.hero-logo{width:200px}.hero h1{font-size:1.5em;margin-bottom:5px}.hero p{font-size:1em;margin-bottom:15px}header{padding:8px 15px}nav a{padding:5px 10px;font-size:14px}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi){.logo,.hero-logo,.contact-logo,.reference-logo{image-rendering:-webkit-optimize-contrast}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.hero-bg{transition:none!important}.rotating-image{transition:none!important}}.company-flex{display:flex;align-items:center;gap:32px;justify-content:center}@media (max-width:700px){.company-flex{flex-direction:column;align-items:center;gap:12px}.company-info{text-align:center}}@media (max-width:768px){#business-hours{position:relative}.phone-section{position:absolute!important;top:10px!important;right:10px!important;margin:0!important;padding:8px 6px!important;font-size:0.8em!important;box-shadow:none!important;transform:scale(.7)!important;min-width:auto!important}.phone-label{font-size:0.9em!important}.phone-number{font-size:1em!important}.contact-logo{max-width:250px!important;margin-bottom:16px!important}}