/* ix.ua v312 — public organization composition
   Gallery now follows the purpose block in the main column.
   Active needs live in the right sidebar as compact cards. */

body .org-profile-grid-v311{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,30.5%)!important;
  gap:18px!important;
  align-items:start!important;
}

/* Main organization card is now a simple vertical story. */
body .org-about-v311{
  display:flex!important;
  flex-direction:column!important;
  padding:18px!important;
}
body .org-about-v311>.org-section-title{order:1!important}
body .org-about-v311>.org-about-description,
body .org-about-v311>.org-about-empty-v311{order:2!important}
body .org-about-v311>.org-about-more{order:3!important;align-self:flex-start!important}
body .org-about-v311>.org-purpose-v311{order:4!important;margin-top:16px!important}
body .org-about-v311>.org-gallery-side{
  order:5!important;
  width:100%!important;
  max-width:none!important;
  margin-top:16px!important;
  box-sizing:border-box!important;
}

/* Gallery gets a wider, calmer presentation under the purpose block. */
body .org-about-v311>.org-gallery-side .org-gallery-grid{
  grid-template-columns:1.45fr 1fr 1fr!important;
  grid-template-rows:154px!important;
  gap:8px!important;
}
body .org-about-v311>.org-gallery-side .org-gallery-item{
  display:block!important;
  grid-column:auto!important;
  grid-row:auto!important;
}
body .org-about-v311>.org-gallery-side .org-gallery-item:nth-child(n+4){
  display:none!important;
}
body .org-about-v311>.org-gallery-side .org-gallery-item:first-child{
  grid-column:auto!important;
  grid-row:auto!important;
}
body .org-about-v311>.org-gallery-side .org-gallery-item img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Empty photo placeholders use the same wide layout. */
body .org-photo-place-grid-v311{
  grid-template-columns:1.45fr 1fr 1fr!important;
  grid-template-rows:145px!important;
  gap:8px!important;
}
body .org-photo-place-grid-v311>span,
body .org-photo-place-grid-v311>span.is-main{
  grid-column:auto!important;
  grid-row:auto!important;
}

/* Right sidebar: trust -> needs -> contacts. */
body .org-public-side-v311{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-width:0!important;
}

/* Compact current-needs block. */
body .org-needs-side-v312{
  padding:15px!important;
}
body .org-needs-title-v312{
  padding-bottom:11px!important;
}
body .org-needs-title-v312>span{
  background:#fff2ed!important;
  color:#f05a27!important;
}
body .org-needs-list-v312{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin-top:10px!important;
}
body .org-need-mini-v312{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-height:76px!important;
  padding:7px!important;
  border:1px solid #e2ebe9!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#2b4449!important;
  text-decoration:none!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;
}
body .org-need-mini-v312:hover{
  transform:translateY(-1px)!important;
  border-color:#c8e3dd!important;
  box-shadow:0 6px 15px rgba(35,79,78,.07)!important;
}
body .org-need-mini-photo-v312{
  display:grid!important;
  place-items:center!important;
  width:72px!important;
  height:62px!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#eef8f5 0%,#f9fcfb 100%)!important;
}
body .org-need-mini-photo-v312 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body .org-need-mini-photo-v312 i{
  font-style:normal!important;
  font-size:23px!important;
}
body .org-need-mini-copy-v312{
  display:block!important;
  min-width:0!important;
}
body .org-need-mini-copy-v312 small{
  display:block!important;
  margin-bottom:3px!important;
  color:#8a9694!important;
  font-size:9.5px!important;
  line-height:1.2!important;
}
body .org-need-mini-copy-v312 b{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  color:#273e44!important;
  font-size:12px!important;
  line-height:1.3!important;
}
body .org-need-mini-copy-v312 em{
  display:block!important;
  margin-top:4px!important;
  color:#0b8f82!important;
  font-style:normal!important;
  font-size:10px!important;
  font-weight:700!important;
}

body .org-needs-empty-v312{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  margin-top:10px!important;
  padding:12px!important;
  border:1px dashed #d7e5e2!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#fbfdfd 0%,#f5faf8 100%)!important;
}
body .org-needs-empty-v312>i{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  background:#e8f7f2!important;
  color:#079486!important;
  font-style:normal!important;
  font-weight:800!important;
}
body .org-needs-empty-v312 b{
  display:block!important;
  margin:1px 0 3px!important;
  color:#31484d!important;
  font-size:12px!important;
}
body .org-needs-empty-v312 p{
  margin:0!important;
  color:#7a8987!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}

/* Sharing becomes the only footer action in the contact card. */
body .org-side-actions-v312{
  display:block!important;
}
body .org-side-actions-v312 button{
  width:100%!important;
}

/* Old full-width needs presentation should never reserve layout space. */
body>main .org-needs-v311:not(.org-needs-side-v312){
  margin-top:0!important;
}

@media(max-width:980px){
  body .org-profile-grid-v311{
    grid-template-columns:minmax(0,1fr) minmax(290px,32%)!important;
  }
  body .org-about-v311>.org-gallery-side .org-gallery-grid,
  body .org-photo-place-grid-v311{
    grid-template-columns:1.3fr 1fr!important;
    grid-template-rows:135px 105px!important;
  }
  body .org-about-v311>.org-gallery-side .org-gallery-item:first-child,
  body .org-photo-place-grid-v311>span.is-main{
    grid-row:1/3!important;
  }
  body .org-about-v311>.org-gallery-side .org-gallery-item:nth-child(3),
  body .org-photo-place-grid-v311>span:nth-child(3){
    display:block!important;
  }
}
@media(max-width:850px){
  body .org-profile-grid-v311{
    grid-template-columns:1fr!important;
  }
  body .org-public-side-v311{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  body .org-needs-side-v312{
    grid-column:1 / 3!important;
  }
}
@media(max-width:700px){
  body .org-public-side-v311{
    display:flex!important;
  }
  body .org-about-v311>.org-gallery-side .org-gallery-grid,
  body .org-photo-place-grid-v311{
    grid-template-columns:1.35fr 1fr!important;
    grid-template-rows:105px 105px!important;
  }
  body .org-about-v311>.org-gallery-side .org-gallery-item:first-child,
  body .org-photo-place-grid-v311>span.is-main{
    grid-row:1/3!important;
  }
  body .org-need-mini-v312{
    grid-template-columns:66px minmax(0,1fr)!important;
  }
  body .org-need-mini-photo-v312{
    width:66px!important;
    height:58px!important;
  }
}