/* =====================================================================
   TT5 global-styles shield — MUST stay first in this file
   The parent Twenty Twenty-Five theme injects global-styles-inline-css
   and style.min.css into every frontend page. The original standalone
   page relied on UA defaults for what it did not style explicitly:
   headings at 700 / line-height normal / UA em sizes, no margins
   between top-level sections, UA underline metrics, text-wrap auto.
   This shield, scoped to .tg-gt-landing (the body class), restores
   that behavior. It is placed before the section rules so that the
   explicit section/inline styles still win where the original set them.
   ===================================================================== */
.tg-gt-landing{font-weight:400;letter-spacing:normal}
/* line-height:inherit — in the original, headings without an explicit
   line-height inherit the body wrapper's unitless 1.65 (UA sets none),
   so each heading resolves 1.65 against ITS OWN font-size. */
.tg-gt-landing h1,.tg-gt-landing h2,.tg-gt-landing h3,.tg-gt-landing h4,.tg-gt-landing h5,.tg-gt-landing h6{font-weight:700;letter-spacing:normal;line-height:inherit}
.tg-gt-landing h1{font-size:2em}
.tg-gt-landing h2{font-size:1.5em}
.tg-gt-landing h3{font-size:1.17em}
.tg-gt-landing h4{font-size:1em}
.tg-gt-landing h5{font-size:.83em}
.tg-gt-landing h6{font-size:.67em}
.tg-gt-landing .wp-block-post-content > *{margin-block-start:0;margin-block-end:0}
.tg-gt-landing .wp-site-blocks > *{margin-block-start:0;margin-block-end:0}
.tg-gt-landing a{text-decoration-thickness:auto!important;text-underline-offset:auto!important}
.tg-gt-landing p,.tg-gt-landing h1,.tg-gt-landing h2,.tg-gt-landing h3,.tg-gt-landing h4,.tg-gt-landing h5,.tg-gt-landing h6,.tg-gt-landing blockquote,.tg-gt-landing caption,.tg-gt-landing figcaption{text-wrap:auto}

body{margin:0;background:#F1EDE6}
*{box-sizing:border-box}
a{color:#2A2724}a:hover{color:#252824}
.gt-link{text-decoration:none;border-bottom:1px solid transparent;transition:border-color .25s ease}
.gt-link:hover{border-bottom-color:currentColor}
.gt-cta{transition:background .25s ease,color .25s ease}
.gt-cta:hover{background:#45403A !important}
.gt-cta-light:hover{background:#FFFFFF !important}
.gt-img{overflow:hidden}
.gt-img img{transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.gt-img:hover img{transform:scale(1.025)}
.gt-field:focus{outline:none;border-bottom-color:#F1EDE6 !important}
@media (max-width: 900px){
  .gt-nav-links{display:none !important}
  .gt-offset{margin-top:0 !important;margin-left:0 !important}
  .gt-sec{padding-top:88px !important;padding-bottom:88px !important}
}

html{scroll-behavior:smooth}

:root{
  --tg-green:#4CAF50;
  --tg-green-dark:#3E8F43;
  --tg-light-green:#6EAD32;
  --tg-yellow:#FFEB3B;
  --tg-magenta:#E91E63;
  --tg-brown:#795548;
  --tg-brown-dark:#4C3932;
  --tg-gray:#5F625F;
  --tg-ink:#2E2D2B;
  --tg-paper:#F7F6F2;
  --tg-paper-green:#F2F6EE;
  --tg-line:#D8D6CF;
}

/* Core page polish */
body{background:var(--tg-paper)!important;color:var(--tg-ink)!important}
body > div{background:var(--tg-paper)!important;color:var(--tg-ink)!important}
header{
  background:rgba(247,246,242,.94)!important;
  border-bottom:1px solid rgba(121,85,72,.16)!important;
  backdrop-filter:blur(16px)!important;
}
.gt-sec{
  padding-top:100px!important;
  padding-bottom:100px!important;
}
.gt-link:hover{
  color:var(--tg-green)!important;
  border-bottom-color:var(--tg-green)!important;
}
.gt-cta{
  background:var(--tg-green)!important;
  color:#fff!important;
  border-radius:12px!important;
  box-shadow:0 8px 22px rgba(76,175,80,.16);
}
.gt-cta:hover{background:var(--tg-green-dark)!important}

/* Photography: consistent, premium framing */
.gt-img{
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 16px 42px rgba(61,48,40,.10);
}
.gt-img img,
section img{
  border-radius:22px;
}
.gt-img img{transform:none}
.gt-img:hover img{transform:scale(1.012)}

/* Brand accents */
header svg path[fill="#4CAF50"]{fill:var(--tg-green)}
span[style*="text-transform: uppercase"]{
  color:var(--tg-green-dark)!important;
}
#iskustvo > div:nth-of-type(2) > div:last-child > div > span:first-child{
  color:var(--tg-green)!important;
}
#gastronomija h2,
#iskustvo h2,
#vrijednost h2,
#o-nama h2{
  color:var(--tg-ink)!important;
}

/* Experience section — balanced after removing the second image */
#iskustvo .gt-img:first-child{
  width:100%;
}
#iskustvo .gt-img:first-child img{
  width:100%!important;
  aspect-ratio:4 / 4.6!important;
  object-fit:cover!important;
}
#iskustvo > div:nth-of-type(2) > div:last-child > div{
  padding-top:24px!important;
  padding-bottom:26px!important;
}

/* Taste Intelligence */
#taste-intelligence{
  position:relative;
  background:var(--tg-paper-green)!important;
  border-top:1px solid var(--tg-line)!important;
}
#taste-intelligence::before{
  content:"";
  position:absolute;
  left:32px;
  top:0;
  width:118px;
  height:4px;
  border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,var(--tg-green) 0 62%,var(--tg-yellow) 62% 82%,var(--tg-magenta) 82%);
}
#taste-intelligence > div{
  padding-top:100px!important;
  padding-bottom:100px!important;
}
.tg-ti-tab{
  border-color:rgba(121,85,72,.28)!important;
  border-radius:12px!important;
}
.tg-ti-tab.is-active{
  background:var(--tg-green)!important;
  border-color:var(--tg-green)!important;
  color:#fff!important;
}
.tg-ti-card{
  border-radius:18px!important;
  border-color:rgba(121,85,72,.17)!important;
  box-shadow:0 10px 28px rgba(61,48,40,.055);
}
.tg-ti-card:hover{
  border-color:rgba(76,175,80,.40)!important;
}
#tg-ti-grid b{color:var(--tg-green-dark)!important}
#tg-ti-profile span{
  border-radius:9px!important;
  border-color:rgba(255,255,255,.22)!important;
}
#taste-intelligence .tg-ti-layout > div:first-child{
  background:var(--tg-brown-dark)!important;
  border-radius:20px!important;
}

/* Hospitality modes */
#hospitality-modes{
  position:relative;
  background:var(--tg-brown-dark)!important;
}
#hospitality-modes::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:var(--tg-green);
}
#hospitality-modes > div{
  padding-top:100px!important;
  padding-bottom:100px!important;
}
#hospitality-modes span[style*="text-transform:uppercase"],
#hospitality-modes span[style*="text-transform: uppercase"]{
  color:#B9D9B9!important;
}
.tg-mode-tab{
  border-radius:12px!important;
}
.tg-mode-tab.is-active{
  background:var(--tg-green)!important;
  border-color:var(--tg-green)!important;
  color:#fff!important;
}
.tg-mode-layout > div:first-child,
.tg-mode-card{
  border-radius:18px!important;
}
.tg-mode-card{
  box-shadow:0 10px 28px rgba(0,0,0,.08);
}

/* Reduce excessive whitespace in major content areas */
#gastronomija{padding-top:100px!important;padding-bottom:100px!important}
#gastronomija > div:first-child{margin-bottom:44px!important}
#gastronomija > .gt-img{margin-bottom:64px!important}
#vrijednost .gt-sec,
#o-nama .gt-sec{
  gap:44px 72px!important;
}
#o-nama .gt-sec > div:last-child{
  padding-top:16px!important;
}

/* About section gets a soft brand-green tint instead of generic beige */
#o-nama{
  background:#EEF3E9!important;
}

/* Contact/footer dark treatment from EarthBrown family */
#kontakt{
  background:var(--tg-brown-dark)!important;
}

/* Small brand-detail accents without turning the page into a rainbow */
#taste-intelligence h2::selection,
#hospitality-modes h2::selection{
  background:var(--tg-yellow);
  color:var(--tg-ink);
}

@media(max-width:900px){
  .gt-sec{
    padding-top:74px!important;
    padding-bottom:74px!important;
  }
  #taste-intelligence > div,
  #hospitality-modes > div{
    padding-top:74px!important;
    padding-bottom:74px!important;
  }
  #iskustvo{
    padding-top:74px!important;
    padding-bottom:74px!important;
  }
  #iskustvo > div:nth-of-type(2){
    gap:34px!important;
  }
  #iskustvo .gt-img:first-child{
    max-width:none!important;
  }
}

/* Hero at stacked (mobile) layout: the desktop right-bleed
   (margin-right:-32px) only makes sense while the photo sits side-by-side
   with the text. Once the columns wrap (below 1004px), the bleed pins the
   photo to the viewport's right edge while its left side keeps the 32px
   rhythm. Cancel the bleed and drop the text column's now-useless 64px
   right padding, keeping symmetric 32px margins on both columns. */
@media (max-width:1003px){
  #top > div > div:first-child{
    padding:74px 0 48px 0!important;
  }
  #top .gt-img{
    margin-right:0!important;
    margin-bottom:56px!important;
  }
}

:root{
  --tg-truegreen:#4CAF50;
  --tg-deepgreen:#123C2A;
  --tg-deepergreen:#0A2B1D;
  --tg-moss:#2F6F45;
  --tg-softgreen:#EEF6EC;
  --tg-lime:#6EAD32;
  --tg-yellow:#FFEB3B;
  --tg-magenta:#E91E63;
  --tg-ink:#292A27;
  --tg-muted:#5C625D;
  --tg-line:#D8DDD5;
}

/* ===== 1 · DOŽIVLJAJ ZA GOSTA ===== */
#iskustvo.tg-experience{
  max-width:1280px!important;
  margin:0 auto!important;
  padding:88px 32px 92px!important;
}
.tg-experience-head{
  display:grid;
  grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);
  gap:36px 64px;
  align-items:end;
  margin-bottom:44px;
}
.tg-section-label{
  font-size:15px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--tg-truegreen);
  padding-bottom:8px;
  display:flex;
  gap:12px;
  align-items:center;
}
.tg-section-label::before{
  content:"";
  width:34px;height:3px;border-radius:10px;background:var(--tg-truegreen);
}
.tg-experience-head h2{
  margin:0;
  max-width:850px;
  font-family:'Inter Tight','Manrope',sans-serif;
  font-size:clamp(38px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.038em;
  font-weight:600;
  color:var(--tg-ink);
}
.tg-experience-body{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);
  gap:54px;
  align-items:stretch;
}
.tg-experience-photo{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  min-height:620px;
  box-shadow:0 22px 54px rgba(19,60,42,.13);
  background:#E9EFE9;
}
.tg-experience-photo img{
  width:100%;
  height:100%;
  min-height:620px;
  object-fit:cover;
  display:block;
  border-radius:0!important;
}
.tg-photo-note{
  position:absolute;
  left:20px;right:20px;bottom:20px;
  padding:16px 18px;
  border-radius:15px;
  background:rgba(10,43,29,.88);
  backdrop-filter:blur(12px);
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
}
.tg-photo-note span{
  display:block;
  font-size:11px;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#A9D7B4;
  margin-bottom:4px;
}
.tg-photo-note strong{font-size:15px;font-weight:600}
.tg-experience-list{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.tg-exp-row{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:18px;
  padding:28px 0 30px;
  border-top:1px solid var(--tg-line);
}
.tg-exp-row:last-child{border-bottom:1px solid var(--tg-line)}
.tg-exp-num{
  padding-top:5px;
  color:var(--tg-truegreen);
  font-size:13px;
  font-weight:800;
}
.tg-exp-row h3{
  margin:0 0 9px;
  font-family:'Inter Tight','Manrope',sans-serif;
  font-size:clamp(25px,2.3vw,34px);
  line-height:1.08;
  letter-spacing:-.028em;
  color:var(--tg-ink);
}
.tg-exp-row p{
  margin:0;
  color:#535851;
  font-size:16.5px;
  line-height:1.65;
}

/* ===== 2 · MIKROBILJE / FLIP KARTICE ===== */
#gastronomija{padding-top:88px!important;padding-bottom:94px!important}
#gastronomija > div:first-child{
  margin-bottom:42px!important;
  gap:28px 58px!important;
}
#gastronomija .tg-balanced-heading{
  font-size:clamp(38px,4vw,58px)!important;
  line-height:1.02!important;
}
#gastronomija .tg-balanced-lead{
  font-size:17px!important;
  line-height:1.65!important;
  max-width:480px!important;
}
#gastronomija > .gt-img{
  margin-bottom:54px!important;
  border-radius:24px!important;
}
.tg-microgreen-grid{
  max-width:1296px;
  margin:0 auto;
  padding:0 32px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.tg-flip-card{
  min-height:510px;
  perspective:1400px;
  outline:none;
}
.tg-flip-inner{
  position:relative;
  width:100%;
  height:100%;
  min-height:510px;
  transform-style:preserve-3d;
  transition:transform .68s cubic-bezier(.2,.75,.2,1);
}
.tg-flip-card:hover .tg-flip-inner,
.tg-flip-card:focus .tg-flip-inner,
.tg-flip-card.is-flipped .tg-flip-inner{
  transform:rotateY(180deg);
}
.tg-flip-face{
  position:absolute;
  inset:0;
  border-radius:24px;
  overflow:hidden;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  border:1px solid rgba(18,60,42,.11);
  box-shadow:0 18px 44px rgba(18,60,42,.09);
}
.tg-flip-front{
  background:#fff;
  display:flex;
  flex-direction:column;
}
.tg-flip-image{
  height:270px;
  overflow:hidden;
  background:#EEF3EC;
}
.tg-flip-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0!important;
  transition:transform .5s ease;
}
.tg-flip-card:hover .tg-flip-image img{transform:scale(1.035)}
.tg-flip-copy{
  padding:24px 24px 22px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.tg-card-kicker{
  font-size:11px!important;
  line-height:1.3;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:var(--tg-truegreen)!important;
}
.tg-flip-copy h3,.tg-flip-back h3{
  margin:9px 0 9px;
  font-family:'Inter Tight','Manrope',sans-serif;
  font-size:31px;
  line-height:1.05;
  letter-spacing:-.03em;
}
.tg-flip-copy p{
  margin:0;
  color:#565D57;
  font-size:15px;
  line-height:1.6;
}
.tg-flip-hint{
  margin-top:auto;
  padding-top:18px;
  color:#708077;
  font-size:11px;
  font-weight:700;
}
.tg-flip-back{
  transform:rotateY(180deg);
  background:linear-gradient(145deg,var(--tg-deepgreen),var(--tg-deepergreen));
  color:#F4F8F3;
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.tg-flip-back .tg-card-kicker{color:#9FDBAE!important}
.tg-flip-back h3{font-size:32px;color:#fff;margin-top:11px}
.tg-flip-back p{
  margin:0;
  color:#D3E2D7;
  font-size:15px;
  line-height:1.68;
}
.tg-nutrition-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:20px 0 24px;
}
.tg-nutrition-tags span{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  font-size:11px;
  color:#E7F4E9;
}
.tg-flip-back a{
  color:#A9E5B6;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  width:max-content;
  border-bottom:1px solid rgba(169,229,182,.36);
}
.tg-science-note{
  max-width:1296px;
  margin:18px auto 0;
  padding:0 32px;
  color:#778079;
  font-size:12px;
}

/* ===== 3 · TASTE INTELLIGENCE ===== */
#taste-intelligence.tg-ti-refined{
  background:linear-gradient(180deg,#F3F8F0 0%,#EDF5E9 100%)!important;
  border-top:1px solid #D6E4D4!important;
}
#taste-intelligence.tg-ti-refined > div{
  padding-top:86px!important;
  padding-bottom:88px!important;
}
#taste-intelligence .tg-feature-heading{
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr)!important;
  gap:34px 64px!important;
  align-items:center!important;
  margin-bottom:34px!important;
}
#taste-intelligence .tg-feature-title{
  font-size:clamp(38px,4vw,58px)!important;
  line-height:1.02!important;
  max-width:760px;
}
#taste-intelligence .tg-feature-lead{
  font-size:19px!important;
  line-height:1.62!important;
  max-width:520px!important;
  color:#4D584F!important;
}
#taste-intelligence .tg-ti-layout > div:first-child{
  background:linear-gradient(145deg,var(--tg-deepgreen),var(--tg-deepergreen))!important;
  border-radius:22px!important;
  min-height:390px!important;
}
.tg-ti-tab.is-active{
  background:var(--tg-truegreen)!important;
  border-color:var(--tg-truegreen)!important;
  box-shadow:0 6px 18px rgba(76,175,80,.16);
}
.tg-ti-tab{border-radius:12px!important}
.tg-ti-card{border-radius:18px!important}

/* ===== 4 · HOTEL / RESTORAN / WELLNESS ===== */
#hospitality-modes.tg-hospitality-refined{
  background:
    radial-gradient(circle at 88% 10%,rgba(76,175,80,.15),transparent 26%),
    linear-gradient(145deg,#123C2A,#09291B 70%)!important;
  color:#F4F8F3!important;
}
#hospitality-modes.tg-hospitality-refined > div{
  padding-top:86px!important;
  padding-bottom:88px!important;
}
#hospitality-modes .tg-feature-heading{
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr)!important;
  gap:34px 64px!important;
  align-items:center!important;
  margin-bottom:34px!important;
}
#hospitality-modes .tg-feature-title{
  font-size:clamp(38px,4vw,58px)!important;
  line-height:1.03!important;
  max-width:780px;
}
#hospitality-modes .tg-feature-lead{
  font-size:19px!important;
  line-height:1.62!important;
  max-width:520px!important;
  color:#C7D7CC!important;
}
.tg-mode-tab.is-active{
  background:var(--tg-truegreen)!important;
  border-color:var(--tg-truegreen)!important;
  color:#fff!important;
}
.tg-mode-layout > div:first-child,
.tg-mode-card{border-radius:18px!important}
.tg-mode-card{background:rgba(255,255,255,.055)!important}

/* ===== CONTACT / CTA: GREEN, NOT BROWN ===== */
#kontakt.tg-contact-green{
  background:
    radial-gradient(circle at 15% 20%,rgba(76,175,80,.15),transparent 22%),
    linear-gradient(145deg,#103A28,#08271A)!important;
}
#kontakt.tg-contact-green footer{border-top-color:rgba(255,255,255,.13)!important}
#kontakt.tg-contact-green label{color:#B9D2C0!important}
#kontakt.tg-contact-green input{
  border-bottom-color:rgba(195,224,202,.34)!important;
}
#kontakt.tg-contact-green .gt-field:focus{
  border-bottom-color:#6EAD32!important;
}
#kontakt.tg-contact-green .gt-cta-light{
  background:var(--tg-truegreen)!important;
  color:#fff!important;
  border-radius:12px!important;
  padding-inline:32px!important;
  box-shadow:0 10px 25px rgba(76,175,80,.17);
}
#kontakt.tg-contact-green .gt-cta-light:hover{
  background:#62C866!important;
}

/* Mobile */
@media(max-width:900px){
  #iskustvo.tg-experience{padding:68px 22px 74px!important}
  .tg-experience-head{
    grid-template-columns:1fr;
    gap:14px;
    margin-bottom:30px;
  }
  .tg-experience-head h2{font-size:clamp(35px,8vw,49px)}
  .tg-experience-body{grid-template-columns:1fr;gap:30px}
  .tg-experience-photo,.tg-experience-photo img{min-height:520px}
  .tg-microgreen-grid{grid-template-columns:1fr;gap:18px;padding:0 22px}
  .tg-flip-card,.tg-flip-inner{min-height:500px}
  .tg-flip-image{height:260px}
  .tg-science-note{padding:0 22px}
  #taste-intelligence .tg-feature-heading,
  #hospitality-modes .tg-feature-heading{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  #taste-intelligence .tg-feature-lead,
  #hospitality-modes .tg-feature-lead{
    font-size:17px!important;
  }
}
@media(max-width:620px){
  .tg-experience-photo,.tg-experience-photo img{min-height:440px}
  .tg-photo-note{left:12px;right:12px;bottom:12px}
  .tg-exp-row{grid-template-columns:32px 1fr;gap:12px}
  .tg-exp-row h3{font-size:27px}
  .tg-flip-card,.tg-flip-inner{min-height:485px}
}
@media(hover:none){
  .tg-flip-hint{display:none}
}

/* ===== HERO CTA 2 ===== */
.tg-hero-interest-cta:hover{
  background:#0A2B1D!important;
  color:#fff!important;
  transform:translateY(-2px);
  border-bottom-color:transparent!important;
}

/* ===== EXPERIENCE HEADER: LABEL ABOVE TITLE ===== */
#iskustvo .tg-experience-head,
#iskustvo .tg-experience-head-v3{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:16px!important;
  margin-bottom:38px!important;
}
#iskustvo .tg-section-label{
  width:max-content;
  max-width:100%;
  padding:10px 16px!important;
  border:1.5px solid #123C2A;
  border-radius:999px;
  color:#123C2A!important;
  background:transparent;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase;
}
#iskustvo .tg-section-label::before{
  display:none!important;
}
#iskustvo .tg-experience-head h2{
  max-width:900px!important;
  font-size:clamp(38px,3.8vw,56px)!important;
  line-height:1.03!important;
  letter-spacing:-.037em!important;
  margin:0!important;
}

/* ===== EXPERIENCE ROW TITLES AS OUTLINED CTA-LIKE LABELS ===== */
#iskustvo .tg-exp-row{
  display:grid!important;
  grid-template-columns:34px 1fr!important;
  gap:16px!important;
  padding:24px 0 26px!important;
}
#iskustvo .tg-exp-row > div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
#iskustvo .tg-exp-outline-label{
  display:inline-flex;
  align-items:center;
  width:auto;
  max-width:100%;
  padding:10px 16px;
  border:1.5px solid #123C2A;
  border-radius:999px;
  color:#123C2A;
  background:transparent;
  font-family:'Inter Tight','Manrope',sans-serif;
  font-size:clamp(20px,1.9vw,27px);
  line-height:1.08;
  letter-spacing:-.02em;
  font-weight:650;
  margin:0 0 12px;
}
#iskustvo .tg-exp-row p{
  font-size:16px!important;
  line-height:1.62!important;
  color:#535851!important;
  max-width:620px;
}
#iskustvo .tg-exp-num{
  padding-top:11px!important;
  color:#4CAF50!important;
  font-size:12px!important;
  font-weight:800!important;
}

@media(max-width:900px){
  #iskustvo .tg-experience-head h2{
    font-size:clamp(34px,7vw,46px)!important;
  }
  #iskustvo .tg-exp-outline-label{
    font-size:22px!important;
    border-radius:16px!important;
  }
}
@media(max-width:620px){
  #iskustvo .tg-exp-row{
    grid-template-columns:28px 1fr!important;
    gap:10px!important;
  }
  #iskustvo .tg-exp-outline-label{
    font-size:20px!important;
    padding:9px 13px!important;
  }
  .tg-hero-interest-cta{
    width:100%;
    justify-content:center!important;
  }
}

.tg-ti-tab,
  .tg-mode-tab{
    appearance:none;
    border:1px solid #C9BDAB;
    background:transparent;
    color:#514A41;
    border-radius:999px;
    padding:11px 17px;
    min-height:44px;
    font-family:'Manrope',system-ui,sans-serif;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    transition:all .22s ease;
  }
  .tg-ti-tab:hover,
  .tg-mode-tab:hover{
    border-color:#2A2724;
    color:#2A2724;
  }
  .tg-ti-tab.is-active{
    background:#2A2724;
    border-color:#2A2724;
    color:#F1EDE6;
  }
  .tg-mode-tab{
    border-color:rgba(241,237,230,.26);
    color:#C9C1B5;
  }
  .tg-mode-tab:hover{
    border-color:#F1EDE6;
    color:#F1EDE6;
  }
  .tg-mode-tab.is-active{
    background:#F1EDE6;
    border-color:#F1EDE6;
    color:#2A2724;
  }
  .tg-ti-card,
  .tg-mode-card{
    transition:transform .25s ease, background .25s ease, border-color .25s ease;
  }
  .tg-ti-card:hover{
    transform:translateY(-3px);
    background:#F8F5EF !important;
    border-color:#BFB4A3 !important;
  }
  .tg-mode-card:hover{
    transform:translateY(-3px);
    border-color:rgba(241,237,230,.32) !important;
  }
  @media(max-width:900px){
    .tg-ti-layout,
    .tg-mode-layout{grid-template-columns:1fr !important}
    .tg-ti-grid,
    .tg-mode-grid{grid-template-columns:1fr 1fr !important}
  }
  @media(max-width:620px){
    .tg-ti-grid,
    .tg-mode-grid{grid-template-columns:1fr !important}
    .tg-ti-tabs,
    .tg-mode-tabs{gap:7px !important}
  }

/* ---- WP port: styles of the original body-wrapper div, applied to <body> ---- */
body.tg-gt-landing{
  background:#F1EDE6!important;
  color:#252824!important;
  font-family:'Manrope',system-ui,sans-serif!important;
  font-size:17px!important;
  line-height:1.65!important;
}
body.tg-gt-landing .gt-page-shell{ width:100%; }

/* ---- Block-editor paint fix (v1.0.18) ----
 * In the block editor's blob: canvas, tg/* section images get overpainted by
 * the canvas compositing layer: only the top strip of each <img> paints, so
 * the sections look empty even though every element is present in the DOM
 * (F12 shows the full markup). Forcing each section and its images into a top
 * stacking context (position:relative + a max z-index) makes them paint fully
 * in both Chromium and Firefox. Scoped to .tg-block-frame — a wrapper that
 * only editor/tg-editor.js adds, never the server render_callback — so the
 * public page (which has no such wrapper) stays byte-identical.
 */
.tg-block-frame section,
.tg-block-frame img{
  position:relative;
  z-index:2147483647;
}