/* OneWorldOneSeed interactive visual plant galleries */

.plant-hero-media{min-width:0}

/* Main-photo thumbnail strip */
.owos-hero-thumb-shell{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 30px;
  align-items:center;
  gap:6px;
  margin-top:8px;
}

.owos-hero-thumbs{
  display:flex;
  gap:6px;
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:none;
}

.owos-hero-thumbs::-webkit-scrollbar{display:none}

.owos-hero-thumb{
  appearance:none;
  flex:0 0 66px;
  width:66px;
  height:50px;
  padding:2px;
  border:2px solid transparent;
  border-radius:8px;
  background:transparent;
  cursor:pointer;
  overflow:hidden;
}

.owos-hero-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:5px;
}

.owos-hero-thumb:hover,
.owos-hero-thumb:focus-visible,
.owos-hero-thumb.is-selected,
.owos-hero-thumb.is-previewing{
  border-color:#3f7739;
}

.owos-thumb-arrow{
  appearance:none;
  width:30px;
  height:36px;
  border:1px solid rgba(60,90,60,.2);
  border-radius:999px;
  background:#fff;
  cursor:pointer;
  font-size:21px;
}

.owos-thumb-arrow:disabled{
  opacity:.25;
  cursor:default;
}

/* Photo gallery + two right-side discovery galleries */
.owos-visual-discovery{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);
  gap:18px;
  align-items:start;
  margin:18px 0 22px;
}

.owos-photo-gallery{
  margin:0;
  padding:0;
  border:0;
}

.owos-gallery-heading{
  margin-bottom:9px;
}

.owos-gallery-heading h2{
  margin:0 0 2px;
  font-size:1.35rem;
}

.owos-gallery-heading p{
  margin:0;
  font-size:.86rem;
  opacity:.68;
}

.owos-gallery-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.owos-gallery-item{
  margin:0;
  min-width:0;
}

.owos-gallery-preview{
  appearance:none;
  display:block;
  width:100%;
  aspect-ratio:4/3;
  padding:0;
  border:1px solid rgba(80,105,80,.16);
  border-radius:9px;
  background:transparent;
  overflow:hidden;
  cursor:pointer;
}

.owos-gallery-preview img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.owos-gallery-item figcaption{
  padding:5px 2px 0;
  line-height:1.25;
}

.owos-gallery-item figcaption strong{
  display:block;
  font-size:.76rem;
}

.owos-gallery-info{
  margin-top:2px;
  font-size:.6rem;
  opacity:.65;
}

.owos-gallery-info summary{
  cursor:pointer;
  user-select:none;
}

.owos-gallery-info div{
  padding-top:3px;
  overflow-wrap:anywhere;
}

/* Related + similar galleries on right */
.owos-visual-side{
  display:grid;
  gap:12px;
}

.owos-discovery-panel{
  padding:10px;
  border:1px solid rgba(80,105,80,.16);
  border-radius:10px;
  background:rgba(248,250,247,.78);
}

.owos-discovery-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:7px;
}

.owos-discovery-heading h3{
  margin:0;
  font-size:.98rem;
}

.owos-mini-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
}

.owos-mini-plant-card{
  min-width:0;
  color:inherit;
  text-decoration:none;
}

.owos-mini-media{
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:6px;
  background:rgba(90,115,90,.08);
}

.owos-mini-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.owos-mini-fallback{
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
  font-size:1.25rem;
  opacity:.5;
}

.owos-mini-copy{
  display:block;
  padding-top:4px;
  min-width:0;
}

.owos-mini-copy strong{
  display:block;
  font-size:.62rem;
  line-height:1.12;
  overflow:hidden;
  text-overflow:ellipsis;
}

.owos-mini-scientific{
  display:block;
  margin-top:2px;
  font-size:.5rem;
  line-height:1.1;
  opacity:.58;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media(hover:hover) and (pointer:fine){
  .owos-mini-plant-card:hover .owos-mini-media,
  .owos-gallery-preview:hover{
    outline:2px solid rgba(63,119,57,.35);
    outline-offset:1px;
  }
}

@media(max-width:900px){
  .owos-visual-discovery{
    grid-template-columns:1fr;
  }

  .owos-visual-side{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .owos-hero-thumb{
    flex-basis:56px;
    width:56px;
    height:44px;
  }

  .owos-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .owos-visual-side{
    grid-template-columns:1fr;
  }

  .owos-mini-grid{
    grid-template-columns:repeat(5,minmax(70px,1fr));
    overflow-x:auto;
    padding-bottom:4px;
  }
}

/* Keep main hero photo fixed-size while allowing thumbnail strip below it */
.plant-hero-media{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}

.plant-hero-media > .plant-hero-image{
  display:block;
  width:100%;
  height:430px !important;
  min-height:430px !important;
  object-fit:cover;
  border-radius:9px;
  background:#e8eee7;
  box-shadow:0 3px 12px rgba(25,55,36,.08);
}

.owos-hero-thumb-shell{
  width:100%;
  margin-top:8px;
}

@media(max-width:700px){
  .plant-hero-media > .plant-hero-image{
    height:350px !important;
    min-height:350px !important;
  }
}

/* Smaller plant galleries */
.owos-gallery-grid{
  width:92%;
  margin-inline:auto;
}