/* TURIZMO BUSINESS EDITION 1.1.0 — isolated UI layer */
.turizmo-b2b-active .turizmo-preheader,.turizmo-b2b-active .turizmo-brandbar{display:none!important}
.tzb-topline,.tzb-masthead,.tzb-footer{font-family:Inter,Arial,Helvetica,sans-serif;box-sizing:border-box}
.tzb-topline *,.tzb-masthead *,.tzb-footer *{box-sizing:border-box}
.tzb-topline{background:#eaf2f3;border-bottom:1px solid #d4e4e6;color:#395968}
.tzb-topline-inner{max-width:1400px;margin:auto;padding:0 20px;min-height:33px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:10px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
.tzb-topline-left,.tzb-topline-right{display:flex;align-items:center;gap:17px}
.tzb-topline-left strong{color:#087e82;letter-spacing:.11em;font-size:11px}
.tzb-topline-sep{height:12px;width:1px;background:#b2cacc}
.tzb-topline a{color:#087e82!important;text-decoration:none!important}
.tzb-topline a:hover{text-decoration:underline!important}
.tzb-masthead{background:linear-gradient(110deg,#fff 0%,#fff 36%,#f1f7f6 100%);border-bottom:1px solid #d4e2e2}
.tzb-masthead-inner{max-width:1400px;min-height:173px;padding:15px 20px;margin:auto;display:grid;grid-template-columns:minmax(275px,1fr) minmax(375px,1.42fr) 160px;gap:17px;align-items:stretch}
.tzb-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:3px}
.tzb-brand-link{display:block;max-width:100%;line-height:0}
.tzb-brand-link img{display:block;width:270px;max-width:100%;height:auto;max-height:73px;object-fit:contain;object-position:left center}
.tzb-brand p{border-left:3px solid #05aa9c;padding-left:11px;margin:13px 0 4px;display:flex;flex-wrap:wrap;column-gap:5px;font-size:14px;line-height:1.3;letter-spacing:-.015em;color:#133e4e}
.tzb-brand p strong{font-weight:850}
.tzb-brand p span{font-weight:600}
.tzb-brand small{display:block;margin-left:14px;color:#6e8790;font-size:10px;line-height:1.3;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.tzb-mosaic{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:5px;min-width:0;height:143px;align-self:center;overflow:hidden;border-radius:4px}
.tzb-mosaic-tile{position:relative;min-width:0;min-height:0;overflow:hidden;background:#245468}
.tzb-mosaic-tile--lead{grid-row:1/span 2}
.tzb-mosaic-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.tzb-mosaic-tile--lead img{object-position:50% 48%}
.tzb-mosaic-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,35,44,.65),rgba(4,35,44,0) 73%)}
.tzb-mosaic-tile span{position:absolute;z-index:1;left:10px;bottom:8px;color:#fff;font-size:9px;font-weight:850;letter-spacing:.085em;line-height:1.2;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.tzb-mosaic-tile--lead span{left:14px;bottom:12px;font-size:11px}
.tzb-pro{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:9px;min-height:143px;align-self:center;background:#0b4654;color:#fff!important;padding:16px 15px;text-decoration:none!important;border-radius:4px;border-top:3px solid #00a896}
.tzb-pro>span{font-size:10px;letter-spacing:.09em;font-weight:800;color:#b8dce0}
.tzb-pro>span b{color:#75e5d5}
.tzb-pro strong{font-size:18px;line-height:1.17;font-weight:850;letter-spacing:-.025em;color:#fff}
.tzb-pro small{color:#7be1d7;font-size:10px;font-weight:850;letter-spacing:.08em;display:flex;width:100%;justify-content:space-between}
.tzb-pro:hover{background:#116072}
.turizmo-b2b-active .tdc-header-wrap .td-header-menu-wrap-full{background:#0b3d4a!important;box-shadow:0 3px 12px rgba(9,53,66,.08)}
.turizmo-b2b-active .tdc-header-wrap .td-header-menu-wrap{background:#0b3d4a!important}
.turizmo-b2b-active .tdc-header-wrap .sf-menu>li>a{font-weight:750!important;letter-spacing:.01em}
.turizmo-b2b-active .td-footer-template-wrap,
.turizmo-b2b-active .td-footer-wrapper{display:none!important}
.tzb-footer{position:relative;z-index:2;clear:both;width:100%;background:#092e3c;color:#eff8f8;border-top:4px solid #00a896;font-size:13px;line-height:1.5;text-align:left}
.tzb-footer-inner{max-width:1400px;margin:0 auto;padding:44px 27px 0}
.tzb-footer-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(115px,.65fr) minmax(155px,.85fr) minmax(190px,1.03fr);gap:36px;padding-bottom:36px}
.tzb-footer a{color:#eaf6f7!important;text-decoration:none!important}
.tzb-footer a:hover{text-decoration:underline!important;text-underline-offset:3px}
.tzb-footer a:focus-visible,.tzb-topline a:focus-visible,.tzb-pro:focus-visible{outline:3px solid #77dcd5;outline-offset:3px}
.tzb-footer-brand{display:inline-block;max-width:100%;line-height:0}
.tzb-footer-brand img{display:block;width:265px;max-width:100%;max-height:82px;object-fit:contain;object-position:left center;height:auto}
.tzb-footer-brand strong{display:block;color:#fff;font-size:27px;line-height:1.1}
.tzb-footer-about p{margin:12px 0 6px!important;font-weight:850;color:#fff;font-size:15px;line-height:1.4}
.tzb-footer-about>span{display:block;max-width:265px;font-size:12px;line-height:1.6;color:#bad0d6}
.tzb-footer-nav strong,.tzb-footer-network>strong{display:block;margin:6px 0 14px;color:#fff;font-size:14px;font-weight:850;letter-spacing:.01em}
.tzb-footer-nav a{display:block;padding:3px 0;color:#dcecef!important;font-size:13px;line-height:1.5}
.tzb-footer-network p{margin:0 0 18px!important;color:#bad0d6;font-size:12px;line-height:1.6}
.tzb-network-logo{display:block;line-height:0;width:260px;max-width:100%}
.tzb-network-logo img{display:block;width:260px;max-width:100%;height:auto}
.tzb-network-link{display:inline-block;margin-top:9px!important;color:#73dcd1!important;font-size:12px;font-weight:800;letter-spacing:.025em}
.tzb-footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:17px 0 22px;border-top:1px solid rgba(215,238,242,.17);color:#b8cdd2;font-size:11px}
@media(max-width:1180px){
  .tzb-masthead-inner{grid-template-columns:minmax(220px,.85fr) minmax(300px,1.2fr) 135px;gap:10px}
  .tzb-brand-link img{width:238px}.tzb-brand p{font-size:12px}
  .tzb-pro{padding:13px}.tzb-pro strong{font-size:16px}
  .tzb-footer-grid{grid-template-columns:1.3fr .7fr 1fr;gap:24px}
  .tzb-footer-network{grid-column:1/-1;padding-top:20px;border-top:1px solid rgba(215,238,242,.12)}
  .tzb-footer-network p{margin-bottom:10px!important}
}
@media(max-width:950px){
  .tzb-masthead-inner{grid-template-columns:minmax(220px,1fr) minmax(280px,1.4fr);min-height:145px}
  .tzb-mosaic{height:117px}
  .tzb-pro{display:none}
  .tzb-brand-link img{width:220px}
  .tzb-topline-location{display:none}
}
@media(max-width:767px){
  .tzb-topline-inner{padding:0 16px;min-height:30px;font-size:9px;letter-spacing:.02em}
  .tzb-topline-left,.tzb-topline-right{gap:8px}
  .tzb-topline-right>span{display:none}
  .tzb-masthead-inner{display:grid;grid-template-columns:1fr;gap:11px;padding:14px 16px;min-height:0}
  .tzb-brand{padding-left:0;align-items:center;text-align:center}
  .tzb-brand-link img{width:225px;max-height:59px;object-position:center}
  .tzb-brand p{margin:8px 0 0;border-left:0;padding-left:0;font-size:12px;justify-content:center}
  .tzb-brand small{margin:3px 0 0;font-size:9px}
  .tzb-mosaic{height:79px;width:100%;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;gap:4px;border-radius:3px}
  .tzb-mosaic-tile--lead{grid-row:auto}
  .tzb-mosaic-tile span,.tzb-mosaic-tile--lead span{font-size:8px;left:8px;bottom:7px}
  .tzb-footer-inner{padding:30px 20px 0}
  .tzb-footer-grid{grid-template-columns:1fr 1fr;gap:25px 20px}
  .tzb-footer-about,.tzb-footer-network{grid-column:1/-1}
  .tzb-footer-brand img{width:235px;max-height:65px}
  .tzb-footer-about p{margin-top:7px!important}
  .tzb-footer-network{padding-top:21px}
  .tzb-network-logo{width:235px}
  .tzb-footer-bottom{flex-direction:column;gap:3px}
}
@media(max-width:380px){
  .tzb-topline-left>span:not(.tzb-topline-sep){display:none}
  .tzb-masthead-inner{padding-left:12px;padding-right:12px}
  .tzb-footer-inner{padding-left:16px;padding-right:16px}
  .tzb-footer-grid{column-gap:14px}
  .tzb-footer-nav a{font-size:12px}
}

/* Turizmo editorijalni panoramski masthead v1.1 — umjesto mozaika i PRO kartice */
.turizmo-b2b-active .tzb-masthead{background:#fff}
.turizmo-b2b-active .tzb-masthead-inner{max-width:1400px;min-height:207px;display:grid;grid-template-columns:minmax(375px,.88fr) minmax(0,1.3fr);gap:26px;padding:17px 23px;align-items:center}
.turizmo-b2b-active .tzb-brand{align-items:flex-start;text-align:left;padding-left:4px;justify-content:center}
.turizmo-b2b-active .tzb-brand-link{width:100%;max-width:100%}
.turizmo-b2b-active .tzb-brand-link img{display:block;width:425px;max-width:100%;max-height:110px;height:auto;object-fit:contain;object-position:left center}
.turizmo-b2b-active .tzb-brand p{display:block;border:0;padding:0;margin:13px 0 3px;color:#123e4a;font-size:16px;letter-spacing:-.025em;line-height:1.24}
.turizmo-b2b-active .tzb-brand small{display:block;margin:4px 0 0;color:#78929c;font-weight:850;font-size:10px;letter-spacing:.12em}
.tzb-panorama{position:relative;min-width:0;overflow:hidden;height:170px;background:linear-gradient(110deg,#4c8891,#0a4050);border-radius:3px}
.tzb-panorama:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,36,49,.80) 0%,rgba(6,45,59,.56) 48%,rgba(5,47,58,.04) 100%)}
.tzb-panorama:after{content:"";position:absolute;top:0;bottom:0;left:0;z-index:2;width:5px;background:#00a896}
.tzb-panorama-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 51%;display:block}
.tzb-panorama-copy{position:absolute;z-index:3;top:0;bottom:0;left:0;width:100%;padding:20px 25px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.tzb-panorama-kicker{display:block;color:#b1efe7;font-weight:850;letter-spacing:.12em;font-size:10px;line-height:1.3}
.tzb-panorama-copy strong{display:block;max-width:420px;font-weight:850;color:#fff;font-size:25px;line-height:1.11;letter-spacing:-.026em;text-shadow:0 1px 6px rgba(0,0,0,.15)}
.tzb-panorama-topics{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.025em;font-weight:750;color:#eaf4f5}
.tzb-panorama-topics i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#60dac9}
@media(max-width:1180px){
 .turizmo-b2b-active .tzb-masthead-inner{grid-template-columns:minmax(285px,.85fr) minmax(0,1.12fr);min-height:177px;gap:16px;padding-left:18px;padding-right:18px}
 .turizmo-b2b-active .tzb-brand-link img{width:350px;max-height:90px}
 .turizmo-b2b-active .tzb-brand p{font-size:14px}
 .tzb-panorama{height:148px}
 .tzb-panorama-copy strong{font-size:21px}
}
@media(max-width:850px){
 .turizmo-b2b-active .tzb-masthead-inner{grid-template-columns:minmax(225px,.9fr) minmax(0,1.1fr);min-height:160px;gap:12px}
 .turizmo-b2b-active .tzb-brand-link img{width:295px;max-height:80px}
 .turizmo-b2b-active .tzb-brand p{font-size:12px;margin-top:10px}
 .turizmo-b2b-active .tzb-brand small{font-size:8px}
 .tzb-panorama{height:126px}
 .tzb-panorama-copy{padding:14px 18px}
 .tzb-panorama-copy strong{font-size:19px}
 .tzb-panorama-kicker{font-size:9px}
}
@media(max-width:767px){
 .turizmo-b2b-active .tzb-masthead-inner{grid-template-columns:1fr;gap:12px;min-height:0;padding:17px 16px 13px}
 .turizmo-b2b-active .tzb-brand{padding-left:0;align-items:center;text-align:center}
 .turizmo-b2b-active .tzb-brand-link{width:auto;max-width:100%}
 .turizmo-b2b-active .tzb-brand-link img{width:305px;max-height:87px;object-position:center}
 .turizmo-b2b-active .tzb-brand p{font-size:13px;margin:9px 0 0}
 .turizmo-b2b-active .tzb-brand small{font-size:9px;margin:5px 0 0}
 .tzb-panorama{height:104px;width:100%}
 .tzb-panorama:before{background:linear-gradient(90deg,rgba(4,36,49,.83),rgba(6,45,59,.36) 79%,rgba(5,47,58,.07))}
 .tzb-panorama-copy{padding:12px 17px}
 .tzb-panorama-copy strong{font-size:17px;max-width:85%}
 .tzb-panorama-kicker{font-size:8px}
 .tzb-panorama-topics{font-size:9px;gap:7px}
}
@media(max-width:380px){.turizmo-b2b-active .tzb-brand-link img{width:280px}}

/* Izvor službene fotografije u panoramskom mastheadu */
.tzb-panorama-credit{position:absolute;right:9px;bottom:8px;z-index:5;color:rgba(255,255,255,.85);font:600 8px/1.2 Inter,Arial,sans-serif;text-shadow:0 1px 4px rgba(0,0,0,.9);letter-spacing:.01em;white-space:nowrap}
@media(max-width:767px){
 .tzb-panorama-topics{display:none}
 .tzb-panorama-credit{right:8px;bottom:7px;font-size:7px}
}
