/* Sidro za gumb „Prijavi se” – ostavlja prostor ispod fiksnog zaglavlja. */
#online-prijava{scroll-margin-top:100px}

/* ZG Keepers Kampovi – premium neutralni identitet: crna / topla bijela / zlatna */
.zgk-camps-grid{
  --zgk-ink:#121210;
  --zgk-ink-2:#24231f;
  --zgk-muted:#77736b;
  --zgk-paper:#f6f2e9;
  --zgk-card:#fffdfa;
  --zgk-line:rgba(21,20,17,.10);
  --zgk-gold:#9b7932;
  --zgk-gold-dark:#73551d;
  --zgk-gold-soft:#cbb06e;
  --zgk-gold-pale:#f1e8d5;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:1fr;
  gap:30px;
  margin:42px 0;
  align-items:stretch;
}

.zgk-card{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  min-width:0;
  min-height:805px;
  height:100%;
  overflow:hidden;
  border:1px solid var(--zgk-line);
  border-radius:28px;
  background:linear-gradient(145deg,#fffefa 0%,var(--zgk-card) 65%,#f9f5ec 100%);
  box-shadow:0 18px 42px rgba(17,17,14,.08),0 2px 7px rgba(17,17,14,.04);
  transition:transform .42s cubic-bezier(.2,.75,.2,1),box-shadow .42s cubic-bezier(.2,.75,.2,1),border-color .42s ease;
}
.zgk-card::before{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  top:-118px;
  right:-86px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,169,98,.18) 0%,rgba(199,169,98,0) 68%);
  transition:transform .6s cubic-bezier(.2,.75,.2,1),opacity .4s ease;
}
.zgk-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}
.zgk-card:hover{
  transform:translateY(-9px);
  border-color:rgba(155,121,50,.56);
  box-shadow:0 30px 70px rgba(17,17,14,.15),0 10px 24px rgba(155,121,50,.12);
}
.zgk-card:hover::before{transform:translate(-20px,18px) scale(1.25);opacity:1}

.zgk-thumb{
  position:relative;
  height:245px;
  margin:12px 12px 0;
  overflow:hidden;
  border-radius:20px;
  background:#1b1a18;
}
.zgk-thumb::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(13,13,11,.03) 34%,rgba(13,13,11,.7) 100%);
}
.zgk-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:.65;
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.13) 49%,transparent 72%);
  transform:translateX(-120%);
  transition:transform .8s ease;
}
.zgk-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.08) contrast(1.04) saturate(.87);
  transform:scale(1.005);
  transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .45s ease;
}
.zgk-card:hover .zgk-thumb img{transform:scale(1.075);filter:grayscale(0) contrast(1.06) saturate(.97)}
.zgk-card:hover .zgk-thumb::after{transform:translateX(125%)}

.zgk-status-pill{
  position:absolute;
  top:18px;
  left:18px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  color:#fff;
  background:rgba(18,18,16,.84);
  backdrop-filter:blur(12px);
  box-shadow:0 10px 22px rgba(0,0,0,.20);
  font-size:10px;
  font-weight:900;
  line-height:1;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.zgk-status-pill::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--zgk-gold-soft);
  box-shadow:0 0 0 4px rgba(203,176,110,.18);
}
.zgk-status-closed .zgk-status-pill{background:rgba(67,28,24,.90)}
.zgk-status-full .zgk-status-pill{background:rgba(126,94,31,.92)}
.zgk-status-soon .zgk-status-pill{color:#19150d;background:rgba(218,189,116,.94)}
.zgk-status-soon .zgk-status-pill::before{background:#201a0d;box-shadow:0 0 0 4px rgba(32,26,13,.15)}

.zgk-card-body{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  padding:24px 25px 25px;
}
.zgk-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 10px;
  color:var(--zgk-gold-dark);
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.zgk-kicker::before{content:"";width:26px;height:2px;border-radius:999px;background:var(--zgk-gold)}
.zgk-card h3{
  min-height:2.14em;
  margin:0 0 11px;
  color:var(--zgk-ink);
  font-size:31px;
  font-weight:900;
  line-height:1.07;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.zgk-desc{
  min-height:4.88em;
  margin:0 0 20px;
  color:var(--zgk-muted);
  font-size:16px;
  font-weight:500;
  line-height:1.63;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.zgk-info-grid{
  display:grid;
  gap:0;
  margin:0 0 20px;
  overflow:hidden;
  border:1px solid var(--zgk-line);
  border-radius:19px;
  background:rgba(247,243,234,.7);
}
.zgk-info-grid .zgk-info-row{
  display:grid;
  grid-template-columns:36px minmax(90px,.55fr) minmax(0,1.45fr);
  gap:11px;
  align-items:center;
  min-width:0;
  min-height:61px;
  padding:12px 15px;
  border-bottom:1px solid var(--zgk-line);
  background:rgba(255,255,255,.24);
  transition:background .28s ease,transform .28s ease;
}
.zgk-info-grid .zgk-info-row:last-child{border-bottom:0}
.zgk-card:hover .zgk-info-grid .zgk-info-row{background:rgba(255,255,255,.58)}
.zgk-info-grid .zgk-info-row:hover{background:#fffdfa!important;transform:translateX(3px)}
.zgk-info-icon{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border:1px solid rgba(155,121,50,.24);
  border-radius:11px;
  color:var(--zgk-gold-dark);
  background:linear-gradient(145deg,#f9f4e8,#eee1c5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.zgk-info-icon svg{display:block;width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.zgk-info-label{
  min-width:0;
  color:#77736b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  white-space:nowrap;
}
.zgk-info-grid strong{
  display:block;
  min-width:0;
  color:var(--zgk-ink-2);
  font-size:15px;
  font-weight:800;
  line-height:1.34;
  text-align:right;
  overflow-wrap:anywhere;
}
/* Cijena je vizualno jednaka ostalim informacijama. */
.zgk-info-price{background:rgba(255,255,255,.24)!important}
.zgk-info-price strong{color:var(--zgk-ink-2);font-size:15px}

.zgk-actions{margin-top:auto}
.zgk-more,.zgk-apply{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:54px;
  padding:14px 18px;
  overflow:hidden;
  border-radius:15px;
  text-align:center;
  text-decoration:none!important;
  font-size:13px;
  font-weight:900;
  letter-spacing:.085em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .28s cubic-bezier(.2,.75,.2,1),box-shadow .28s ease,border-color .28s ease,background .28s ease,color .28s ease;
}
.zgk-more{
  margin:0 0 10px;
  border:1px solid rgba(18,18,16,.13);
  color:var(--zgk-ink)!important;
  background:#f4efe5;
}
.zgk-more::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-53%);color:var(--zgk-gold-dark);font-size:23px;font-weight:400;line-height:1;transition:transform .25s ease}
.zgk-more:hover{transform:translateY(-2px);border-color:rgba(155,121,50,.55);background:#ede3cf;box-shadow:0 8px 17px rgba(155,121,50,.13)}
.zgk-more:hover::after{transform:translateY(-53%) rotate(90deg)}
.zgk-apply{
  border:1px solid #121210;
  color:#fff!important;
  background:linear-gradient(120deg,#121210,#2b2923 50%,#121210);
  box-shadow:0 13px 26px rgba(18,18,16,.20);
}
.zgk-apply::before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.20) 50%,transparent 65%);transform:translateX(-100%);transition:transform .7s ease,opacity .25s ease}
.zgk-apply::after{content:"→";position:absolute;right:18px;top:50%;transform:translateY(-52%);font-size:20px;font-weight:400;transition:transform .25s ease}
.zgk-apply:hover{transform:translateY(-3px);color:#fff!important;background:linear-gradient(120deg,#28251d,#121210 52%,#4b3c21);box-shadow:0 18px 31px rgba(18,18,16,.27),0 6px 14px rgba(155,121,50,.16)}
.zgk-apply:hover::before{opacity:1;transform:translateX(100%)}
.zgk-apply:hover::after{transform:translate(4px,-52%)}

.zgk-details{
  display:none;
  position:relative;
  margin:0 0 10px;
  padding:21px;
  overflow:hidden;
  border:1px solid rgba(203,176,110,.40);
  border-radius:18px;
  color:#f8f5ed;
  background:radial-gradient(340px 150px at 100% 0%,rgba(198,164,86,.20),transparent 72%),linear-gradient(145deg,#22211d,#11110f);
  box-shadow:0 12px 22px rgba(18,18,16,.13),inset 0 1px 0 rgba(255,255,255,.05);
}
.zgk-details.is-open{display:block;animation:zgkDetailsIn .34s cubic-bezier(.2,.75,.2,1) both}
@keyframes zgkDetailsIn{from{opacity:0;transform:translateY(-7px);clip-path:inset(0 0 100% 0 round 18px)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0 round 18px)}}
.zgk-section{margin:0 0 19px}.zgk-section:last-child{margin-bottom:0}
.zgk-section h4{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--zgk-gold-soft);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.zgk-section h4::after{content:"";width:32px;height:1px;background:var(--zgk-gold-soft);opacity:.75}
.zgk-section ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.zgk-section li{position:relative;margin:0;padding-left:23px;color:#f8f3e8;font-size:14px;line-height:1.5}
.zgk-section li::before{content:"✓";position:absolute;left:0;top:0;color:var(--zgk-gold-soft);font-size:15px;font-weight:900}
.zgk-section p{margin:0;color:#e9e1d1;font-size:14px;line-height:1.7}

@media(max-width:1100px){
  .zgk-camps-grid{grid-template-columns:1fr;max-width:760px;margin-right:auto;margin-left:auto}
}
@media(max-width:620px){
  .zgk-camps-grid{gap:22px;margin:26px 0}
  .zgk-card{min-height:0;border-radius:24px}
  .zgk-thumb{height:208px;margin:10px 10px 0;border-radius:17px}
  .zgk-status-pill{top:16px;left:16px}
  .zgk-card-body{padding:21px 20px 21px}
  .zgk-card h3{min-height:0;font-size:29px}
  .zgk-desc{min-height:4.9em;font-size:16px}
  .zgk-info-grid .zgk-info-row{grid-template-columns:35px minmax(82px,.56fr) minmax(0,1.44fr);gap:10px;min-height:64px;padding:13px 14px}
  .zgk-info-grid strong{font-size:16px}
}
@media(max-width:390px){
  .zgk-card-body{padding:19px 17px}
  .zgk-card h3{font-size:27px}
  .zgk-info-grid .zgk-info-row{grid-template-columns:34px 1fr;gap:8px}
  .zgk-info-label{grid-column:2;align-self:end}
  .zgk-info-grid strong{grid-column:2;text-align:left}
  .zgk-info-icon{grid-row:1 / span 2;align-self:center}
}
@media(prefers-reduced-motion:reduce){
  .zgk-card,.zgk-card::before,.zgk-thumb img,.zgk-thumb::after,.zgk-info-grid .zgk-info-row,.zgk-more,.zgk-more::after,.zgk-apply,.zgk-apply::before,.zgk-apply::after{transition:none!important}
  .zgk-card:hover{transform:none}
  .zgk-card:hover .zgk-thumb img{transform:none}
  .zgk-details.is-open{animation:none}
}