:root{
  --tn-orange:#f39a12;
  --tn-orange-dark:#b86d00;
  --tn-gray:#686a6d;
  --tn-dark:#252525;
  --tn-ink:#222222;
  --tn-text:#555555;
  --tn-line:#222222;
  --tn-soft-line:#e4e1dc;
  --tn-paper:#ffffff;
  --tn-soft:#f7f6f3;
  --tn-max:1150px;
  --tn-radius:2px;
}
html{scroll-behavior:smooth;}
body{font-family:Manrope,Arial,sans-serif;color:var(--tn-ink);-webkit-font-smoothing:antialiased;}
a{color:inherit;}
.tn-wrap{width:min(var(--tn-max),calc(100% - 56px));margin-inline:auto;}
.elementor-widget-heading .elementor-heading-title,
.tn-heading-font{font-family:"Barlow Condensed",Arial,sans-serif;}

/* Header usable inside UAE/Header Footer Builder through [tvojnet_header] */
.tn-site-header{background:#fff;border-bottom:1px solid #ddd;}
.tn-logo-row{height:86px;display:flex;align-items:center;}
.tn-logo img{width:230px;height:auto;display:block;}
.tn-nav-row{border-top:1px solid #f0f0f0;background:#fff;}
.tn-nav-menu{height:68px;display:flex;justify-content:flex-end;align-items:stretch;margin:0;padding:0;list-style:none;}
.tn-nav-menu li{margin:0;padding:0;display:flex;}
.tn-nav-menu a{display:flex;align-items:center;padding:0 20px;font-family:"Barlow Condensed",Arial,sans-serif;font-size:23px;font-weight:400;text-transform:uppercase;color:#222;text-decoration:none;letter-spacing:-.01em;}
.tn-nav-menu a:hover{background:#f6f6f6;color:#222;}
.tn-nav-menu .current-menu-item>a,
.tn-nav-menu a.is-active{background:var(--tn-orange);color:#fff;}

/* Hero shortcode [tvojnet_hero] */
.tn-hero{background:#fff;}
.tn-hero-desktop{position:relative;overflow:hidden;background:#d4d4d4;border-bottom:1px solid #d9d9d9;}
.tn-hero-desktop::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 24%,rgba(255,255,255,.38),transparent 18%),linear-gradient(115deg,rgba(243,154,18,.78) 0 31%,transparent 31%),linear-gradient(155deg,rgba(120,120,120,.18),rgba(255,255,255,.1));opacity:.9;}
.tn-hero-desktop::after{content:"";position:absolute;inset:0;background-image:linear-gradient(35deg,transparent 48%,rgba(255,255,255,.35) 49%,transparent 50%),linear-gradient(145deg,transparent 47%,rgba(255,255,255,.3) 48%,transparent 49%),radial-gradient(circle at 62% 66%,rgba(243,154,18,.85) 0 6px,transparent 7px),radial-gradient(circle at 74% 78%,rgba(120,120,120,.72) 0 5px,transparent 6px),radial-gradient(circle at 88% 72%,rgba(243,154,18,.75) 0 7px,transparent 8px);background-size:100% 100%,100% 100%,280px 180px,240px 160px,260px 190px;opacity:.75;pointer-events:none;}
.tn-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.07fr .93fr;grid-template-rows:245px 245px;gap:0;padding:30px 0;}
.tn-tile{position:relative;overflow:hidden;margin:0;color:#fff;min-height:220px;background:#333;text-decoration:none;display:block;}
.tn-tile:hover{color:#fff;}
.tn-tile-inner{position:absolute;inset:26px 30px;background:rgba(21,24,28,.73);padding:30px 34px;display:flex;flex-direction:column;justify-content:center;}
.tn-tile-title{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:-.02em;line-height:1;margin:0 0 16px;font-size:43px;color:#fff;}
.tn-tile-title--main{font-size:52px;}
.tn-tile-text{max-width:520px;margin:0 0 18px;color:#f2f2f2;font-size:15px;line-height:1.55;font-family:Manrope,Arial,sans-serif;}
.tn-tile-more{align-self:flex-end;border-top:1px solid rgba(243,154,18,.85);padding-top:9px;min-width:210px;text-align:right;font-family:"Barlow Condensed",Arial,sans-serif;font-size:19px;text-transform:uppercase;color:#fff;}
.tn-tile-more strong{color:var(--tn-orange);font-weight:700;}
.tn-tile-price{font-size:58px;color:var(--tn-orange);font-weight:700;font-family:"Barlow Condensed",Arial,sans-serif;line-height:.9;margin-bottom:12px;}
.tn-tile--optika{clip-path:polygon(0 0,100% 0,86% 100%,0 100%);background:linear-gradient(rgba(180,104,0,.55),rgba(71,49,2,.58)),repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 2px,transparent 2px 74px),linear-gradient(135deg,#ffbd23,#df8b0e 42%,#6c6d70);}
.tn-tile--tv{clip-path:polygon(13% 0,100% 0,100% 100%,0 100%);background:linear-gradient(rgba(20,32,43,.62),rgba(20,32,43,.74)),radial-gradient(circle at 70% 20%,rgba(255,255,255,.9),transparent 15%),linear-gradient(135deg,#71777b,#263341);}
.tn-tile--montaz{clip-path:polygon(0 0,86% 0,100% 100%,0 100%);background:linear-gradient(rgba(70,28,5,.67),rgba(70,28,5,.72)),repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0 2px,transparent 2px 58px),linear-gradient(135deg,#303030,#a66402 70%,#2b2b2b);}
.tn-tile--cena{clip-path:polygon(0 0,100% 0,100% 100%,13% 100%);background:linear-gradient(rgba(21,24,28,.78),rgba(21,24,28,.78)),radial-gradient(circle at 78% 78%,rgba(243,154,18,.8),transparent 8%),linear-gradient(135deg,#6d7073,#2b3037);}

.tn-hero-mobile{display:none;background:#fff;}
.tn-mobile-panel{position:relative;overflow:hidden;background:#2c2c2c;border-bottom:1px solid #d9d9d9;}
.tn-mobile-panel-bg{position:absolute;inset:0;background:linear-gradient(120deg,rgba(37,37,37,.96),rgba(37,37,37,.78)),radial-gradient(circle at 75% 24%,rgba(243,154,18,.55),transparent 20%),repeating-linear-gradient(115deg,transparent 0 18px,rgba(243,154,18,.22) 19px,transparent 21px);}
.tn-mobile-content{position:relative;z-index:1;padding:34px 22px 38px;color:#fff;}
.tn-kicker{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:18px;color:var(--tn-orange);margin:0 0 10px;font-weight:500;}
.tn-mobile-content h1{font-family:"Barlow Condensed",Arial,sans-serif;font-size:48px;line-height:.97;font-weight:400;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 18px;color:#fff;}
.tn-mobile-content h1 span{color:var(--tn-orange);}
.tn-mobile-lead{font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.55;margin:0 0 26px;color:#f2f2f2;max-width:330px;}
.tn-mobile-price{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:end;margin:0 0 20px;}
.tn-mobile-price span{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;color:var(--tn-orange);font-size:22px;grid-column:1 / -1;line-height:1;}
.tn-mobile-price strong{font-family:"Barlow Condensed",Arial,sans-serif;font-size:76px;line-height:.88;font-weight:500;letter-spacing:-.03em;color:#fff;}
.tn-mobile-price small{font-family:Manrope,Arial,sans-serif;font-size:17px;color:#fff;margin-bottom:8px;}
.tn-mobile-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;background:var(--tn-orange);color:#fff!important;text-decoration:none;font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;font-size:24px;font-weight:500;border-radius:var(--tn-radius);box-shadow:none;}
.tn-mobile-cta:hover{background:#d68400;color:#fff!important;}
.tn-mobile-cards{display:grid;gap:10px;padding:16px 14px 20px;background:#fff;}
.tn-mobile-card{display:grid;grid-template-columns:76px 1fr 26px;align-items:stretch;min-height:92px;border:1px solid #ddd;background:#fff;color:#222;text-decoration:none;border-radius:var(--tn-radius);box-shadow:0 2px 8px rgba(0,0,0,.05);}
.tn-mobile-card:hover{color:#222;}
.tn-mobile-card-icon{display:flex;align-items:center;justify-content:center;background:var(--tn-orange);color:#fff;font-family:"Barlow Condensed",Arial,sans-serif;font-size:40px;line-height:1;}
.tn-mobile-card-body{display:flex;flex-direction:column;justify-content:center;padding:13px 14px 12px 16px;}
.tn-mobile-card-body strong{font-family:"Barlow Condensed",Arial,sans-serif;font-weight:500;font-size:28px;line-height:1;text-transform:uppercase;letter-spacing:-.01em;color:#111;margin-bottom:6px;}
.tn-mobile-card-body small{font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.42;color:#555;}
.tn-mobile-card-arrow{display:flex;align-items:center;justify-content:center;color:var(--tn-orange);font-family:"Barlow Condensed",Arial,sans-serif;font-size:42px;font-weight:400;}

@media (max-width:980px){
  .tn-wrap{width:min(100% - 28px,var(--tn-max));}
  .tn-logo-row{height:74px;}
  .tn-logo img{width:190px;}
  .tn-nav-menu{height:auto;justify-content:flex-start;overflow:auto;}
  .tn-nav-menu a{font-size:20px;padding:15px 14px;white-space:nowrap;}
}
@media (max-width:767px){
  .tn-hero-desktop{display:none;}
  .tn-hero-mobile{display:block;}
}