:root{--brand:#4e923d;--brand-dark:#417733;--ink:#1b1b1b;--bg:#ffffff;--panel:#161616;--muted:#373737;--accent:#49b9f5;}
*:focus-visible{outline:3px solid var(--brand);outline-offset:2px;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,button{margin:0;padding:0;list-style-type:none;border:none}
body{background:var(--bg);color:var(--ink);margin:0;min-height:100%;padding:0;font-size:18px;line-height:1.5;font-family:'weblysleekuil', Verdana, Arial, sans-serif;-webkit-font-smoothing:antialiased;}
h1, h2, h3, h4, h5{line-height:1.15;font-family:'weblysleekuil', Verdana, Arial, sans-serif;font-weight:600;}
h1{font-size:50px;}
h2{font-size:35px;}
h3{font-size:30px;}
h4{font-size:26px;}
h5{font-size:20px;}
a{color:#3A3A3A;text-decoration:underline;}
a:hover{color:#000;text-decoration:underline;}
a:visited{color:#101010;text-decoration:underline;}
a img{border:0 none;}
@font-face{font-family:'weblysleekuil';src:url('/templates/superape/font/weblysleekuil.eot'), url('/templates/superape/font/weblysleekuil.eot#iefix') format('embedded-opentype'), url('/templates/superape/font/weblysleekuil.woff') format('woff'), url('/templates/superape/font/weblysleekuil.ttf') format('truetype');font-style:normal;font-weight:normal;font-display:swap;}
::selection{color:#FFF;background:#49B9F5;}
::-moz-selection{color:#FFF;background:#49B9F5;}
::-webkit-selection{color:#FFF;background:#49B9F5;}
/* width: % - 350px */
@media screen and (max-width:350px){
h1{font-size: 49px;}
.portfolioworks li {width: 100% !important;}
}
/* width: 350px - 500px */
@media screen and (min-width:350px) and (max-width:500px){
h1{font-size: 49px;}
.portfolioworks li {width: 100% !important;}
}
/* width: 500px - 600px */
@media screen and (min-width:500px) and (max-width:600px){
h1{font-size: 70px;}
.portfolioworks li {width: 100% !important;}
}
/* width: 600px - 800px */
@media screen and (min-width:600px) and (max-width:800px){
h1{font-size: 87px;}
.portfolioworks li {width: 50% !important;}
}
/* width: 800px - 1000px */
@media screen and (min-width:800px) and (max-width:1000px){
.portfolioworks li {width: 50% !important;}
}
/* width: 1000px - 1300px */
@media screen and (min-width:1000px) and (max-width:1300px){
.portfolioworks li {width: 33.33% !important;}
}
/* width: 1300px - % */
@media screen and (min-width:1300px){
.portfolioworks li {width: 25% !important;}
}
/* for allz */
.superomenusite{position: fixed;width: 100%;background: #FFFFFF url(/templates/superape/images/backgroundcoloure.jpg) repeat;z-index: 77777;}
#nav{-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;float: left;width: 100%;}
#nav li{float:left;text-align: center;display:block;width: 50%;}
#nav li a{text-decoration: none;display: inline-block;width: 100%;color: #161616;padding: 14px 0px 13px 0px;letter-spacing: 2px;font-size: 21px;text-transform: uppercase;text-align: center;float: left;webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;transition: background 0.1s ease-in-out;}
#nav li a:hover{background-color: var(--brand);color: #FFF;}
#nav li a:active{background-color: var(--brand-dark);color: #FFF;}
#nav ul{list-style: none;position: absolute;left: -9999px;opacity: 0;-webkit-transition: 0.2s linear opacity;top: 55px;font-size: 14px;background-color: #F7F7F7;}
#nav ul li{}
#nav ul a{white-space:nowrap;display:block;}
#nav li:hover ul{left: initial;opacity:1;}
#nav li:hover a{background-color: var(--brand);color: #FFF;}
#nav li:hover ul a{font-size: 14px;color: #222;background-color: #F5F5F5;text-decoration:none;text-transform: none;-webkit-transition:-webkit-transform 0.6s linear;}
#nav li:hover ul li a:hover{color: #FFF;background: #4E4E4E;}
#nav li:hover ul li a:active{background: #EEE;color: #0F0F0F;}
.presentationimagez{background:#f8f8f8 url("/templates/superape/images/backgroundmainpage.webp") no-repeat 50% 0;background-size:cover;height:clamp(420px,86vh,900px);position: relative;top: 55px;}
.presentationimagezomeedg{background:#f8f8f8 url("/templates/superape/images/backgroundmainpage.webp") no-repeat 50% 0;background-size:cover;height:clamp(420px,86vh,900px);position: relative;top: -75px;}
.tshisologor{position: absolute; left: 20px ;top: 75px;}
.aboutblockre {z-index: 300;padding: 181px 20px 20px 400px;color: #FFF;position: absolute;}
a.tsitoheadlink{-webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;-moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;text-decoration: none;font-size: 24px;color: #303030;padding: 8px 0px 14px 0px;background-color: #FFF;text-align: center;width: 50%;display: inline-block;position: relative;border-radius: 70px;-moz-border-radius: 70px;-webkit-border-radius: 70px;}
a.tsitoheadlink:hover{background-color: var(--brand);color: #FFF;}
a.tsitoheadlink:active{background-color: var(--brand-dark);color: #FFF;}
a.menustyleer{-webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;-moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;text-decoration: none;font-size: 18px;color: #303030;padding: 16px 0px 17px 0px;background-color: #D3D3D3;text-align: center;width: 100%;display: inline-block;position: relative;}
a.menustyleer:hover{background-color: var(--brand);color: #FFF;}
a.menustyleer:active{background-color: var(--brand-dark);color: #FFF;}
.lof-slidecontent, .lof-slidecontent a {color:#FFF;}
.lof-slidecontent a.readmore{color:#58B1EA;font-size:95%;}
.lof-slidecontent{position:relative;overflow:hidden;}
.lof-slidecontent .preload{height:100%;width:100%;position:absolute;top:0;left:0;z-index:100000;text-align:center;background:#FFF}
.lof-slidecontent .preload div{height:100%;width:100%;background:transparent url(/templates/superape/images/loading.gif) no-repeat scroll 50% 50%;}
.lof-main-outer{position:relative;height:100%;width:900px;z-index:3px;overflow:hidden;}
.lof-main-item-desc{z-index:100px;position:absolute;bottom:50px;left:0px;width:350px;background:url(/templates/superape/images/bg_trans.png);height:100px;padding:10px;}
.lof-main-item-desc p{margin:0 8px;padding:8px 0}
.lof-main-item-desc h3{padding:0;margin:0}
.lof-main-item-desc h2{padding:0;margin:15px 0 0 0px;}
.lof-main-item-desc h3 a{	margin:0;background:#C01F25;font-size:75%;padding:2px 3px;font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;text-transform:uppercase;text-decoration:none}
.lof-main-item-desc h3 a:hover{text-decoration:underline;}
.lof-main-item-desc h3 i {font-size:70%;}
ul.lof-main-wapper{overflow:hidden;background:transparent url(/templates/superape/images/loading.gif) no-repeat scroll 50% 50%;padding:0px;margin:0;position:absolute;overflow:hidden;}
ul.lof-main-wapper li{overflow:hidden;padding:0px;margin:0px;float:left;position:relative;}
.lof-opacity  li{position:absolute;top:0;left:0;float:inherit;}
ul.lof-main-wapper li img{padding:0px;}
.lof-navigator-wapper {padding:5px 0px;}
.lof-navigator-outer{position:relative;z-index:100;height:180px;width:310px;overflow:hidden;color:#FFF;float:left}
ul.lof-navigator{top:0;padding:0;margin:0;position:absolute;width:100%;}
ul.lof-navigator li{cursor:hand; cursor:pointer;list-style:none;padding:0;margin-left:0px;overflow:hidden;float:left;display:block;text-align:center;}
ul.lof-navigator li img{border:#666 solid 3px;}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {border:#A8A8A8 solid 3px;}
.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{display:block;width:46px;height:42px;color:#FFF;cursor:pointer;}
.lof-navigator-wapper .lof-next {top: 452px;right: 5px;position: absolute;text-indent:-999px;background:url(/templates/superape/images/arrow-l.png) no-repeat right center;}
.lof-navigator-wapper .lof-previous {top: 452px;left: 5px;position: absolute;text-indent:-999px;background:url(/templates/superape/images/arrow-r.png) no-repeat left center;}
.shorstoriaez{float: left;width: 100%;}
.foterzonera{width: 100%;background: #FFFFFF url(/templates/superape/images/backgroundcoloure.jpg) repeat;}
.sentavdesignstudio{color:#161616;text-decoration:none;font-size:14px;}
.sentavdesignstudio a:active, .sentavdesignstudio a:visited, .sentavdesignstudio a:link{color:#161616;text-decoration: none;}
.sentavdesignstudio a:hover{color:#000;text-decoration:underline;}
.deeh{color:#161616;text-decoration:none;font-size:14px;}
.deeh a:active, .deeh a:visited, .deeh a:link{color:#161616;text-decoration: none;}
.deeh a:hover{color:#000;text-decoration:underline;}
a.vkontaktes{-webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;-moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;padding: 66px 0px 67px 0px;background-color: #5E82A8;text-align: center;width: 50%;position: relative;float:left;}
a.vkontaktes:hover{background-color: #406388;}
a.vkontaktes:active{background-color: #355373;}
a.twittero{-webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;-moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;padding: 66px 0px 67px 0px;background-color: #46c8f5;text-align: center;width: 50%;position: relative;float:left;}
a.twittero:hover{background-color: #44AFD3;}
a.twittero:active{background-color: #1690BA;}
a.youtubero{-webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;-moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;padding: 66px 0px 67px 0px;background-color: #e23433;text-align: center;width: 50%;position: relative;float:left;}
a.youtubero:hover{background-color: #C72E2D;}
a.youtubero:active{background-color: #AB3030;}
a.facebooke{-webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;-moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;padding: 66px 0px 67px 0px;background-color: #3B5998;text-align: center;width: 50%;position: relative;float:left;}
a.facebooke:hover{background-color: #133783;}
a.facebooke:active{background-color: #132E67;}
a.flicare{-webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;-moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;padding: 66px 0px 67px 0px;background-color: #03566d;text-align: center;width: 50%;position: relative;float:left;}
a.flicare:hover{background-color: #00485C;}
a.flicare:active{background-color: #053E4D;}
a.freebuttones{-webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;-moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;padding: 66px 0px 67px 0px;background-color: #F7EEE3;text-align: center;width: 50%;position: relative;float:left;}
a.freebuttones:hover{background-color: #D5C1A6;}
a.freebuttones:active{background-color: #C7B6A0;}
.fullynke a{text-decoration: none;overflow: hidden;margin: 0 0 -20000px;padding: 0 0 20000px;color:#DADADA;-webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;-moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;background-color: #F0F0F0;text-align: center;width: 100%;position: relative;float: left;}
.fullynke a:hover{background-color: #282828;color:#F4F4F4;}
.fullynke a:active{background-color: #0A0A0A;color:#FFFFFF;}
.pageration{display: inline-block;width: 70%;text-align: center;float: left;padding-top: 4px;}
.pagenavigator{background-color: var(--brand);color: #FFF;width: 100%;float: left;font-size: 19px;}
.pagenavigator a{font-size: 19px;text-decoration: underline;color: #FFF;}
.pagenavigator a:hover{text-decoration:underline; color:#313131}
.navigatto{display: inline-block;width: 100%;margin: 20px 0px 20px 0px;}
.naverbut{width: 15%;}
.naverbut span{text-decoration:none; padding: 4px 0px 6px 0px;background-color: #E4E4E4;text-align: center;display: block;color: #FFF;width: 100%;}
.naverbut a{text-decoration:none; padding: 4px 0px 6px 0px;display: block;text-align: center;background-color: #FFFFFF;color: #000000;width: 100%;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.naverbut a:hover{background-color: #F4E000;color: #000000;text-decoration:none;}
.ashtitler{}
.ashtitler a{font-size: 29px;text-decoration: none;padding: 14px 0px 16px 0px;display: block;text-align: center;background-color: #FFFFFF;color: #000;width: 100%;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.ashtitler a:hover{background-color: #FFF373;color: #000000;text-decoration:none;}
.ashtitler a:active{background-color: #FFF7A6;text-decoration:none;}
.igotraner img{width:100%}
.mainunlph{overflow: hidden;}
.podrobneebuttone a{font-size: 24px;text-decoration: none;padding: 18px 0px 20px 0px;display: block;text-align: center;background-color: #D7D7D7;color: #202020;width: 100%;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.podrobneebuttone a:hover{background-color: #C5C5C5;color: #000000;text-decoration:none;}
.podrobneebuttone a:active{background-color: #B6B6B6;text-decoration:none;}
.spedibarte a{font-size: 18px;color: #FFF}
.spedibarte span{font-size: 18px;color: #FFF}
.spedibarte a:hover{text-decoration:none;}
.spedibarte a:active{text-decoration:none;}
.lineofferoted {border-bottom: 1px solid #D3D3D3;width: 75%;margin: 40px 0px 40px 0px;}
.portfolioworks li {display: block;float: left;width: 33.33%;overflow: hidden;}
.portfolioworks.effectz li.animate {-webkit-animation: fadeIn 0.65s ease forwards;animation: fadeIn 0.65s ease forwards;}
.catalogiopager{display: inline-block;width: 100%;text-align: center;float: left;padding: 10px 0px 10px 0px;}
.clalogopaginare{background-color: var(--brand);color: #FFF;width: 100%;float: left;font-size: 19px;}
.clalogopaginare a{font-size: 19px;text-decoration: underline;color: #FFF;}
.clalogopaginare a:hover{text-decoration:underline; color:#313131}
.buttoneroparepot{}
.buttoneroparepot a{-webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;-moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;text-decoration: none;font-size: 18px;color: #303030;padding: 16px 0px 17px 0px;background-color: #D3D3D3;text-align: center;width: 100%;display: inline-block;position: relative;}
.buttoneroparepot a:hover{background-color: var(--brand);color: #FFF;}
.buttoneroparepot a:active{background-color: var(--brand-dark);color: #FFF;}
.bredoracrampose{color: #FFF;margin-top: 40px;background-color: #373737;}
.bredoracrampose a{color: #D2D2D2; text-decoration:underline}
.bredoracrampose a:hover{color: #FFFFFF;}
.bredoracrampose a:active{color: #FFF;}
.itemoretwode{-moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.09);-webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.09);box-shadow: 0 0 18px rgba(0, 0, 0, 0.09);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.itemoretwode:hover{-moz-box-shadow: 0 0 28px rgba(0, 0, 0, 0.26);-webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.26);box-shadow: 0 0 28px rgba(0, 0, 0, 0.26);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.totaliadsero{}
.repozitreto{margin-bottom: 25px;color: #FFF;background-color: #373737;text-align:center;width:100%}
.repozitreto div{padding:10px 10px 10px 10px;}
.repozitreto a{color: #D2D2D2;text-decoration: underline;}
.repozitreto a:hover{color:#FFFFFF}
.baubuttonettorep{padding-top: 60px;text-align: center;}
.baubuttonettorep a{text-decoration: none;display: inline-block;padding: 34px 80px 33px 80px;font-size: 29px;text-align: center;webkit-transition: background 0.1s ease-in-out;-moz-transition: background 0.1s ease-in-out;transition: background 0.1s ease-in-out;background-color: #FFFFFF;color: #000;}
.baubuttonettorep a:hover{background-color: var(--brand);color: #FFF;}
.baubuttonettorep a:active{background-color: var(--brand-dark);color: #FFF;}
.repovenni{}
.repovenni img{width:100%}
.highslide-image{background-color: #FFF;}



/* ============ refactor: layout helpers, buttons, homepage, footer ============ */
.container{max-width:1100px;margin:0 auto;padding:0 20px;}
img{max-width:100%;height:auto;}

.btn{display:inline-block;padding:15px 34px;font-size:20px;text-decoration:none;border-radius:6px;transition:background .15s ease,color .15s ease;}
.btn--primary{background:var(--brand);color:#fff;}
.btn--primary:hover{background:var(--brand-dark);color:#fff;text-decoration:none;}
.btn--ghost{background:rgba(255,255,255,.92);color:var(--ink);}
.btn--ghost:hover{background:var(--brand);color:#fff;text-decoration:none;}

.home-hero{position:relative;text-align:center;color:#fff;padding:96px 20px 104px;background:#1d2a18 url("/templates/superape/images/backgroundmainpage.webp") no-repeat 50% 35%;background-size:cover;}
.home-hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.34);}
.home-hero>*{position:relative;z-index:1;}
.home-hero .home-logo{width:min(260px,60vw);margin:0 auto 26px;display:block;}
.home-hero h1{font-size:clamp(30px,5.5vw,52px);margin:0 0 12px;text-shadow:0 2px 18px rgba(0,0,0,.7);}
.home-hero .tagline{font-size:clamp(16px,2.6vw,24px);letter-spacing:3px;text-transform:uppercase;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.8);}
.home-actions{margin-top:34px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

.home-section{padding:60px 0;}
.home-section h2{font-size:clamp(25px,4vw,34px);margin:0 0 14px;text-align:center;}
.home-lead{max-width:780px;margin:0 auto 36px;text-align:center;font-size:19px;color:#333;}
.help-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;}
.help-grid a{display:block;height:100%;padding:20px 22px;background:#f5f5f5;color:var(--ink);text-decoration:none;border-left:4px solid var(--brand);transition:background .15s ease,transform .15s ease;}
.help-grid a:hover{background:#eaf0e6;transform:translateY(-2px);text-decoration:none;}

.site-footer{background:var(--panel);color:#cfcfcf;padding:40px 0;font-size:15px;}
.site-footer a{color:#e6e6e6;}
.site-footer a:hover{color:#fff;}
.site-footer .container{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center;}

@media(max-width:600px){
  .home-hero{padding:64px 16px 72px;}
  .home-actions{flex-direction:column;}
  .btn{display:block;}
  .site-footer .container{flex-direction:column;text-align:center;}
}

#nav li a.is-active{background:var(--brand);color:#fff;}

.page-title{text-align:center;padding:26px 20px 4px;margin:0;font-size:clamp(26px,4vw,34px);clear:both;}

/* ============ refactor: product page ============ */
.product{max-width:1120px;margin:0 auto;padding:26px 20px 60px;}
.product__crumbs{font-size:14px;color:#888;margin:4px 0 16px;}
.product__crumbs a{color:#888;text-decoration:none;}
.product__crumbs a:hover{color:var(--brand);text-decoration:underline;}
.product__title{font-size:clamp(28px,4vw,42px);margin:0 0 28px;line-height:1.1;}
.product__grid{display:grid;grid-template-columns:minmax(0,44%) 1fr;gap:42px;align-items:start;}
.product__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;}
.product__gallery a{display:block;border-radius:8px;overflow:hidden;background:#f3f3f3;box-shadow:0 1px 6px rgba(0,0,0,.08);}
.product__gallery a:first-child{grid-column:1 / -1;}
.product__gallery img{width:100%;height:auto;display:block;border:0;transition:transform .3s ease;}
.product__gallery a:hover img{transform:scale(1.03);}
\.product__info{font-size:17px;line-height:1.5;max-width:64ch;color:#222;}
.product__info strong{font-size:20px;}
.product__info iframe{max-width:100%;margin-top:16px;border-radius:8px;border:0;}
@media(max-width:760px){
  .product__grid{grid-template-columns:1fr;gap:26px;}
  .product__gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));}
}

/* ============ refactor: content/help articles ============ */
.article-head{text-align:center;padding:36px 20px 4px;}
.article-head h1{font-size:clamp(26px,4vw,38px);margin:0;line-height:1.15;}
.article{max-width:760px;margin:0 auto;padding:10px 20px 56px;font-size:18px;line-height:1.7;color:#222;}
.article a{color:var(--brand-dark);text-decoration:underline;}
.article a:hover{color:var(--brand);}

/* ============ refactor: about page ============ */
.about{max-width:1080px;margin:0 auto;padding:18px 20px 64px;color:#222;}
.about__intro{text-align:center;padding:6px 0 8px;}
.about__intro .lead{font-size:clamp(22px,3.2vw,30px);font-weight:700;line-height:1.3;margin:0;}
.about__intro .sub{font-size:clamp(17px,2.2vw,21px);line-height:1.5;margin:16px auto 0;max-width:680px;}
.about__logo{display:block;width:min(320px,62%);height:auto;margin:34px auto;}
.about__claim{font-size:clamp(18px,2.4vw,22px);margin:8px 0 0;}
.about__two{display:grid;grid-template-columns:1fr 1fr;gap:34px;font-size:17px;line-height:1.65;margin:14px 0 48px;}
.about__two p{margin:0;}

.about__features{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:18px 0 54px;}
.about__feature{text-align:center;}
.about__feature svg{width:52px;height:52px;color:var(--brand);margin-bottom:14px;}
.about__feature p{font-size:15px;line-height:1.55;color:#444;margin:0;}

.about__cards{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin:10px 0 44px;}
.about__card h2{font-size:clamp(22px,3vw,28px);text-align:center;margin:0 0 18px;}
.about__card ul{list-style:none;margin:0;padding:0;font-size:16px;line-height:1.55;}
.about__card li{padding:7px 0 7px 24px;position:relative;}
.about__card li::before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;background:var(--brand);border-radius:2px;}

.about__divider{text-align:center;font-size:clamp(19px,2.6vw,25px);font-weight:600;margin:24px 0 36px;padding:22px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}

.about__contacts{display:grid;grid-template-columns:1fr 1.45fr;gap:36px;font-size:16px;line-height:1.6;}
.about__contacts-col p{margin:0 0 6px;}
.about__contacts h3{font-size:clamp(20px,2.6vw,24px);margin:26px 0 8px;color:#111;}
.about__contacts-col h3:first-child{margin-top:0;}
.about__contacts a{color:var(--brand-dark);}
.about__contacts a:hover{color:var(--brand);}

@media(max-width:820px){
  .about__features{grid-template-columns:repeat(2,1fr);gap:30px;}
  .about__two,.about__cards,.about__contacts{grid-template-columns:1fr;gap:26px;}
}
@media(max-width:440px){.about__features{grid-template-columns:1fr;}}

/* ============ refactor: lightbox ============ */
.lightbox{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.9);display:none;overflow:hidden;}
.lightbox.is-open{display:block;}
.lightbox__stage{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;}
.lightbox__img{max-width:95vw;max-height:92vh;object-fit:contain;border-radius:4px;box-shadow:0 10px 50px rgba(0,0,0,.5);cursor:zoom-in;display:block;transition:transform .15s ease;transform-origin:center center;}
.lightbox--zoom .lightbox__img{cursor:grab;border-radius:0;box-shadow:none;transition:none;}
.lightbox--zoom .lightbox__img:active{cursor:grabbing;}
.lightbox__close{position:fixed;top:12px;right:20px;z-index:2;background:none;border:0;color:#fff;font-size:46px;line-height:1;cursor:pointer;padding:0 8px;}
.lightbox__close:hover{color:var(--brand);}
.lightbox__nav{position:fixed;top:50%;transform:translateY(-50%);z-index:2;background:rgba(0,0,0,.35);border:0;color:#fff;font-size:40px;line-height:1;width:54px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:background .15s;}
.lightbox__nav:hover{background:rgba(0,0,0,.6);}
.lightbox__prev{left:16px;}
.lightbox__next{right:16px;}
.lightbox__counter{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:2;color:#fff;font-size:15px;letter-spacing:1px;background:rgba(0,0,0,.45);padding:5px 14px;border-radius:14px;}
.lightbox--single .lightbox__nav,.lightbox--single .lightbox__counter{display:none;}
.product__gallery a{cursor:zoom-in;}
@media(max-width:600px){.lightbox__nav{width:44px;height:66px;font-size:32px;}.lightbox__prev{left:6px;}.lightbox__next{right:6px;}.lightbox__close{font-size:40px;}}

/* ============ refactor: catalog grid ============ */
.portfolioworks{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;list-style:none;margin:0;padding:0 20px;float:none;width:100%;box-sizing:border-box;}
.portfolioworks li{width:auto !important;float:none !important;display:block;overflow:visible;opacity:1 !important;}
.portfolioworks li > div{padding:0 !important;height:100%;}

.itemoretwode{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 10px rgba(0,0,0,.08);transition:box-shadow .2s ease,transform .2s ease;}
.itemoretwode:hover{box-shadow:0 8px 26px rgba(0,0,0,.16);transform:translateY(-3px);}

.itemoretwode .ashtitler a{display:block;padding:16px 14px 12px;font-size:19px;line-height:1.25;text-align:center;color:var(--ink);background:#fff;text-decoration:none;transition:color .15s ease;}
.itemoretwode .ashtitler a:hover{background:#fff;color:var(--brand);}

.igotraner{height:180px;display:flex;align-items:center;justify-content:center;background:#f4f4f4;overflow:hidden;}
.igotraner .mainunlph{width:100%;height:100%;}
.igotraner .mainunlph a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;}
.igotraner .mainunlph a img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .25s ease;}
.itemoretwode:hover .igotraner img{transform:scale(1.04);}
.igotraner .mainunlph a:empty::after{content:"SuperApe";font-family:'weblysleekuil',Verdana,sans-serif;font-size:22px;letter-spacing:2px;color:#cdcdcd;text-transform:uppercase;}

.itemoretwode > div[style*="padding:10px"]{flex-grow:1;text-align:left;font-size:15px;line-height:1.65;color:#555;padding:14px 16px !important;}
.itemoretwode > div[style*="font-weight:bold"]{font-size:14px !important;color:#777 !important;padding:0 16px 14px !important;font-weight:600 !important;}

/* ============ refactor: help section ============ */
/* global nav: equal items regardless of count (2 or 3) */
#nav{display:flex;}
#nav li{flex:1 1 0;width:auto;float:none;}
@media(max-width:600px){#nav li a{font-size:15px;letter-spacing:1px;padding:13px 2px;}}

/* in-section nav (chips) */
.help-nav{max-width:1000px;margin:8px auto 0;padding:0 20px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.help-nav a{font-size:14px;line-height:1.2;padding:8px 14px;border-radius:18px;background:#f0f0f0;color:#333;text-decoration:none;border:1px solid #e4e4e4;transition:background .15s,color .15s,border-color .15s;}
.help-nav a:hover{background:#e6e6e6;color:#111;}
.help-nav a.is-active{background:var(--brand);color:#fff;border-color:var(--brand);}

/* article typography */
.article h2{font-size:clamp(21px,3vw,27px);line-height:1.25;margin:1.9em 0 .5em;padding-top:.5em;border-top:2px solid var(--brand);color:#111;}
.article h2:first-child{margin-top:.2em;padding-top:0;border-top:0;}
.article h3{font-size:clamp(17px,2.3vw,20px);line-height:1.3;margin:1.5em 0 .3em;color:var(--brand-dark);}
.article h3.article__sub{color:#111;}
.article p{margin:0 0 1.05em;}
.article .article__term{font-weight:700;color:#111;}
.article .article__fig{margin:14px 0 18px;text-align:center;}
.article .article__fig img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 14px rgba(0,0,0,.12);}
.article .article__src{margin-top:1.8em;font-size:15px;color:#888;}
.article .article__src a{color:var(--brand-dark);}

/* help index */
.help-sub{max-width:640px;margin:8px auto 0;padding:0 20px;text-align:center;color:#666;font-size:clamp(15px,2vw,17px);}
.help-index{max-width:1040px;margin:0 auto;padding:22px 20px 64px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;}
.help-card{display:flex;flex-direction:column;padding:22px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;text-decoration:none;color:#1a1a1a;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:box-shadow .18s,transform .18s,border-color .18s;}
.help-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.12);transform:translateY(-3px);border-color:var(--brand);}
.help-card__tag{align-self:flex-start;margin-bottom:12px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--brand);padding:3px 10px;border-radius:10px;font-weight:700;}
.help-card h3{margin:0 0 8px;font-size:19px;line-height:1.25;color:#111;}
.help-card p{margin:0;font-size:15px;line-height:1.55;color:#5a5a5a;}

.podrobneebuttone{margin-top:auto;}
.podrobneebuttone a{display:block;padding:14px;text-align:center;background:var(--brand);color:#fff;font-size:16px;text-decoration:none;transition:background .15s ease;}
.podrobneebuttone a:hover{background:var(--brand-dark);color:#fff;text-decoration:none;}

@media(max-width:560px){
  .portfolioworks{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;}
  .itemoretwode .ashtitler a{font-size:16px;padding:12px 8px 8px;}
  .igotraner{height:140px;}
}

/* ============ refactor: product specs divider + sticky gallery ============ */
.product__sep{border:0;border-top:2px solid var(--brand);margin:26px 0 18px;}
.product__info hr.product__sep + *{margin-top:0;}
@media(min-width:761px){
  .product__grid{align-items:start;}
  .product__gallery{position:sticky;top:72px;}
}