/* izGaraže v3.8 — Promotions */
.account-page .manage-actions > a.v38-promote-action{
  background:#edf8f6 !important;
  border-color:#b8dcd8 !important;
  color:#0b5e58 !important;
}
.account-page .manage-actions > a.v38-promote-action:hover{background:#e2f3f0 !important}

.v38-promote-page,.v38-admin-page{padding-top:36px;padding-bottom:70px}
.v38-promote-head{max-width:820px;margin-bottom:24px}.v38-promote-head>a{color:#0f6f68;text-decoration:none;font-weight:800;font-size:13px}.v38-promote-head h1{margin:7px 0 8px}.v38-promote-head p{color:#65706f;line-height:1.6}
.v38-message{margin:16px 0 22px;padding:14px 16px;border:1px solid #c9e3df;border-radius:14px;background:#edf8f6;color:#0b5e58;font-weight:750}
.v38-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v38-product{position:relative;display:flex;flex-direction:column;min-height:390px;padding:24px;border:1px solid #d8e2e1;border-radius:20px;background:#fff;box-shadow:0 8px 26px rgba(18,48,45,.05)}
.v38-product-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #b9d8d5;border-radius:14px;background:#edf8f6;color:#0f6f68;font-weight:950;font-size:18px}
.v38-product-kicker{margin-top:18px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900;color:#0f6f68}
.v38-product h2{margin:6px 0 8px}.v38-product>p{margin:0;color:#667271;line-height:1.55}
.v38-product ul{padding-left:19px;color:#3d4948;line-height:1.65}.v38-product-meta{margin-top:auto;display:flex;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #edf1f1}.v38-product-meta span{color:#6b7675}
.v38-product form{margin-top:15px}.v38-product button{width:100%;border:0;border-radius:11px;background:#0f6f68;color:#fff;padding:12px 14px;font-weight:900;cursor:pointer}
.v38-state{margin-top:15px;border-radius:11px;padding:11px 13px;font-weight:850;text-align:center}.v38-state.is-active{background:#e8f7ed;color:#176b37}.v38-state.is-pending{background:#fff6dc;color:#8a6510}
.v38-combine-note{margin-top:22px;padding:20px;border:1px solid #c9e3df;border-radius:16px;background:#f8fbfb}.v38-combine-note p{margin:6px 0 0;color:#61706e}

.v38-promo-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:950;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.result-photo>.v38-promo-badge{position:absolute;z-index:4;left:10px;top:10px}
.v38-badge-featured{background:#0f6f68;color:#fff}.v38-badge-xl{background:#0b5e58;color:#fff}.v38-badge-top{background:#111;color:#fff}
.v38-public-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.v38-public-badges .v38-promo-badge{position:static}

.result-card.v38-card-featured{border-color:#9ecfca;box-shadow:0 7px 22px rgba(15,111,104,.09)}
.result-card.v38-card-xl{border-color:#8ebdb8}
.result-card.v38-card-xl .result-card-link{grid-template-columns:minmax(300px,40%) 1fr}
.result-card.v38-card-xl .result-photo{min-height:230px}
.result-card.v38-card-xl .result-head h2{font-size:24px}

.v38-top-zone{margin:0 0 22px;padding:16px;border:1px solid #b8d8d4;border-radius:18px;background:#f2f9f8}
.v38-top-zone-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.v38-top-zone-head span{font-weight:950;color:#0b5e58}.v38-top-zone-head small{color:#64706f}
.v38-top-grid{display:grid;gap:12px}.v38-card-top{margin:0;border-color:#9ccac5 !important;box-shadow:0 8px 22px rgba(15,111,104,.08)}
.v38-card-top .result-bottom>span:first-child{color:#0f6f68;font-weight:800}

.v38-admin-table-wrap{overflow:auto;border:1px solid #d9e3e2;border-radius:16px;background:#fff}.v38-admin-table{width:100%;border-collapse:collapse;min-width:900px}.v38-admin-table th,.v38-admin-table td{padding:13px 14px;border-bottom:1px solid #edf1f1;text-align:left;vertical-align:middle}.v38-admin-table td small{display:block;color:#778;margin-top:3px}.v38-admin-table a{color:#0f6f68;font-weight:800;text-decoration:none}
.v38-admin-state{display:inline-block;padding:5px 8px;border-radius:999px;background:#edf1f1;font-size:11px;font-weight:900}.v38-admin-active{background:#e8f7ed;color:#176b37}.v38-admin-pending{background:#fff6dc;color:#8a6510}.v38-admin-expired,.v38-admin-cancelled{background:#f3e9e9;color:#874242}
.v38-admin-actions{display:flex;gap:7px}.v38-admin-actions form{margin:0}.v38-admin-actions button{border:0;border-radius:9px;background:#0f6f68;color:#fff;padding:8px 11px;font-weight:850;cursor:pointer}.v38-admin-actions button.secondary{background:#e9eeee;color:#344}

@media(max-width:900px){
  .v38-product-grid{grid-template-columns:1fr}
  .result-card.v38-card-xl .result-card-link{grid-template-columns:1fr}
  .result-card.v38-card-xl .result-photo{min-height:210px}
}


/* v3.8b — XL mora biti očigledno drugačiji od običnog oglasa */
.result-card.v38-card-xl{
  border:2px solid #0f6f68 !important;
  box-shadow:0 10px 30px rgba(15,111,104,.14) !important;
}
.result-card.v38-card-xl .result-card-link{
  grid-template-columns:minmax(390px,48%) minmax(0,1fr) !important;
  min-height:285px !important;
}
.result-card.v38-card-xl .result-photo{
  min-height:285px !important;
}
.result-card.v38-card-xl .result-head h2{
  font-size:27px !important;
}
.result-card.v38-card-xl .result-info{
  padding:24px !important;
}
.result-card.v38-card-xl .v38-badge-xl{
  font-size:11px;
  padding:7px 11px;
  box-shadow:0 4px 10px rgba(0,0,0,.16);
}
@media(max-width:900px){
  .result-card.v38-card-xl .result-card-link{
    grid-template-columns:320px minmax(0,1fr) !important;
    min-height:245px !important;
  }
  .result-card.v38-card-xl .result-photo{min-height:245px !important}
}
@media(max-width:650px){
  .result-card.v38-card-xl .result-card-link{
    grid-template-columns:1fr !important;
  }
  .result-card.v38-card-xl .result-photo{
    min-height:0 !important;
    aspect-ratio:16/10;
  }
}

.v38-dev-note{margin-top:8px;padding:10px 12px;border:1px dashed #b8d8d4;border-radius:10px;background:#f7fbfa;color:#536260 !important;font-size:13px}


/* v3.8c — pravi XL: glavna fotografija + do 3 thumbnails */
.result-card.v38-card-xl .result-photo{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 94px !important;
  grid-template-rows:1fr !important;
  gap:8px !important;
  padding:8px !important;
  background:#eef3f2 !important;
}
.result-card.v38-card-xl .result-photo > img{
  position:relative !important;
  inset:auto !important;
  grid-column:1 !important;
  grid-row:1 !important;
  width:100% !important;
  height:100% !important;
  min-height:269px !important;
  object-fit:cover !important;
  border-radius:10px !important;
}
.result-card.v38-card-xl .v38-xl-thumbs{
  grid-column:2 !important;
  grid-row:1 !important;
  display:grid !important;
  grid-template-rows:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  min-width:0 !important;
}
.result-card.v38-card-xl .v38-xl-thumbs span{
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:8px;
  background:#dfe8e6;
  min-height:0;
}
.result-card.v38-card-xl .v38-xl-thumbs img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.result-card.v38-card-xl .photo-num{
  left:18px !important;
  bottom:18px !important;
}
.result-card.v38-card-xl .v38-promo-badge{
  left:18px !important;
  top:18px !important;
}
.result-card.v38-card-xl .result-card-link{
  grid-template-columns:minmax(500px,54%) minmax(0,1fr) !important;
  min-height:285px !important;
}
@media(max-width:1100px){
  .result-card.v38-card-xl .result-card-link{
    grid-template-columns:minmax(390px,48%) minmax(0,1fr) !important;
  }
  .result-card.v38-card-xl .result-photo{
    grid-template-columns:minmax(0,1fr) 82px !important;
  }
}
@media(max-width:900px){
  .result-card.v38-card-xl .result-card-link{
    grid-template-columns:1fr !important;
  }
  .result-card.v38-card-xl .result-photo{
    grid-template-columns:minmax(0,1fr) 110px !important;
    min-height:330px !important;
  }
}
@media(max-width:650px){
  .result-card.v38-card-xl .result-photo{
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    min-height:0 !important;
  }
  .result-card.v38-card-xl .result-photo > img{
    grid-column:1 !important;
    grid-row:1 !important;
    min-height:0 !important;
    aspect-ratio:16/10 !important;
  }
  .result-card.v38-card-xl .v38-xl-thumbs{
    grid-column:1 !important;
    grid-row:2 !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-template-rows:1fr !important;
    height:82px !important;
  }
}


/* v3.8d — compact XL proportions
   XL ostaje jasno veći od običnog oglasa, ali više nije "dupla stranica". */
.result-card.v38-card-xl .result-card-link{
  grid-template-columns:minmax(360px,46%) minmax(0,1fr) !important;
  min-height:210px !important;
}
.result-card.v38-card-xl .result-photo{
  grid-template-columns:minmax(0,1fr) 76px !important;
  min-height:210px !important;
  max-height:245px !important;
  gap:6px !important;
  padding:6px !important;
}
.result-card.v38-card-xl .result-photo > img{
  min-height:198px !important;
  max-height:233px !important;
}
.result-card.v38-card-xl .v38-xl-thumbs{
  gap:6px !important;
}
.result-card.v38-card-xl .result-info{
  padding:18px 20px !important;
}
.result-card.v38-card-xl .result-head h2{
  font-size:23px !important;
}
.result-card.v38-card-xl .photo-num{
  left:14px !important;
  bottom:14px !important;
}
.result-card.v38-card-xl .v38-promo-badge{
  left:14px !important;
  top:14px !important;
}

@media(max-width:1100px){
  .result-card.v38-card-xl .result-card-link{
    grid-template-columns:minmax(330px,44%) minmax(0,1fr) !important;
    min-height:200px !important;
  }
  .result-card.v38-card-xl .result-photo{
    grid-template-columns:minmax(0,1fr) 70px !important;
    min-height:200px !important;
    max-height:230px !important;
  }
  .result-card.v38-card-xl .result-photo > img{
    min-height:188px !important;
    max-height:218px !important;
  }
}
@media(max-width:900px){
  .result-card.v38-card-xl .result-card-link{
    grid-template-columns:1fr !important;
  }
  .result-card.v38-card-xl .result-photo{
    grid-template-columns:minmax(0,1fr) 90px !important;
    min-height:250px !important;
    max-height:280px !important;
  }
  .result-card.v38-card-xl .result-photo > img{
    min-height:238px !important;
    max-height:268px !important;
  }
}
@media(max-width:650px){
  .result-card.v38-card-xl .result-photo{
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
  .result-card.v38-card-xl .result-photo > img{
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:16/10 !important;
  }
  .result-card.v38-card-xl .v38-xl-thumbs{
    height:70px !important;
  }
}


/* v3.8e — XL +20% visine u odnosu na v3.8d */
.result-card.v38-card-xl .result-card-link{
  min-height:252px !important;
}
.result-card.v38-card-xl .result-photo{
  min-height:252px !important;
  max-height:294px !important;
}
.result-card.v38-card-xl .result-photo > img{
  min-height:238px !important;
  max-height:280px !important;
}

@media(max-width:1100px){
  .result-card.v38-card-xl .result-card-link{
    min-height:240px !important;
  }
  .result-card.v38-card-xl .result-photo{
    min-height:240px !important;
    max-height:276px !important;
  }
  .result-card.v38-card-xl .result-photo > img{
    min-height:226px !important;
    max-height:262px !important;
  }
}