/* Cannabis page visual overrides.
   Loaded globally, scoped to .cannabis-shell only. */

.cannabis-shell .plant-card{
  min-height: 340px !important;
}

.cannabis-shell .plant-image{
  height: 235px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #102719 !important;
}

.cannabis-shell .plant-image.has-image{
  border: 0 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #102719 !important;
}

.cannabis-shell .type-grid{
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.cannabis-shell .type-card{
  min-height: 390px !important;
}

.cannabis-shell .type-image{
  height: 260px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #102719 !important;
}

.cannabis-shell .type-image.has-image{
  border: 0 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #102719 !important;
}

.cannabis-shell .vendor-object-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

.cannabis-shell .vendor-object-card{
  position:relative;
  min-height:315px;
  padding:14px;
  border:1px solid rgba(201,241,95,.16);
  border-radius:28px 28px 8px 8px;
  background:linear-gradient(180deg,rgba(21,68,42,.70),rgba(7,28,17,.94));
  overflow:hidden;
}

.cannabis-shell .vendor-object-image{
  position:relative;
  height:170px;
  display:grid;
  place-items:center;
  border-radius:22px 22px 6px 6px;
  background:#102719;
  overflow:hidden;
  margin-bottom:13px;
}

.cannabis-shell .vendor-object-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.cannabis-shell .vendor-object-placeholder{
  display:none;
  color:#c8d0bd;
  text-align:center;
  padding:14px;
  font-size:10px;
  line-height:1.35;
}

.cannabis-shell .vendor-object-image.is-placeholder .vendor-object-placeholder{
  display:block;
}

.cannabis-shell .vendor-object-placeholder strong{
  display:block;
  color:#fff;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:7px;
}

.cannabis-shell .vendor-object-placeholder span{
  display:block;
  margin-top:5px;
  word-break:break-word;
}

.cannabis-shell .vendor-object-meta{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
  margin-bottom:9px;
}

.cannabis-shell .vendor-object-meta small,
.cannabis-shell .vendor-object-meta span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  border-radius:999px;
  padding:0 8px;
  background:rgba(0,0,0,.20);
  color:var(--can-green,#c9f15f);
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.cannabis-shell .vendor-object-meta span{
  color:#f1ead2;
}

.cannabis-shell .vendor-object-card h3{
  margin:0 0 6px;
  color:#fff;
  font-size:17px;
  line-height:1.08;
  letter-spacing:-.04em;
}

.cannabis-shell .vendor-object-card p{
  margin:0;
  color:#aebb9f;
  font-size:11px;
  line-height:1.45;
}

.cannabis-shell .blunt-item{
  grid-template-columns: 96px minmax(0,1fr) !important;
  min-height: 156px !important;
  align-items: center !important;
}

.cannabis-shell .blunt-thumb{
  width: 96px !important;
  height: 144px !important;
  border-radius: 18px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #102719 !important;
}

.cannabis-shell .blunt-thumb.has-image{
  border: 0 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #102719 !important;
}

@media(max-width:1180px){
  .cannabis-shell .type-grid{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
  .cannabis-shell .vendor-object-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
  .cannabis-shell .plant-image{height:260px !important;}
  .cannabis-shell .type-image{height:285px !important;}
}

@media(max-width:720px){
  .cannabis-shell .metrics-grid,
  .cannabis-shell .object-strip,
  .cannabis-shell .catalog-grid,
  .cannabis-shell .type-grid,
  .cannabis-shell .vendor-object-grid,
  .cannabis-shell .blunt-list{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .cannabis-shell .metric-card{
    min-height: 132px !important;
    padding: 13px !important;
  }
  .cannabis-shell .metric-card strong{
    font-size: 22px !important;
  }
  .cannabis-shell .metric-card p{
    font-size: 10px !important;
  }

  .cannabis-shell .object-card{
    min-height: 260px !important;
    padding: 11px !important;
  }
  .cannabis-shell .object-image{
    height: 132px !important;
  }
  .cannabis-shell .object-card h3{
    font-size: 16px !important;
  }
  .cannabis-shell .object-card p{
    font-size: 10px !important;
  }

  .cannabis-shell .vendor-object-card{
    min-height:270px;
    padding:10px;
    border-radius:22px 22px 8px 8px;
  }
  .cannabis-shell .vendor-object-image{
    height:135px;
    border-radius:18px 18px 6px 6px;
  }
  .cannabis-shell .vendor-object-meta{
    display:grid;
    gap:5px;
  }
  .cannabis-shell .vendor-object-meta small,
  .cannabis-shell .vendor-object-meta span{
    min-height:20px;
    width:max-content;
    font-size:7px;
    padding:0 6px;
  }
  .cannabis-shell .vendor-object-card h3{
    font-size:13px;
  }
  .cannabis-shell .vendor-object-card p{
    font-size:9px;
  }

  .cannabis-shell .plant-card{
    min-height: 285px !important;
    padding: 10px !important;
  }
  .cannabis-shell .plant-image{
    height: 170px !important;
  }
  .cannabis-shell .plant-card h3{
    font-size: 13px !important;
  }
  .cannabis-shell .plant-card p{
    font-size: 10px !important;
  }
  .cannabis-shell .plant-key{
    font-size: 8px !important;
    word-break: break-word !important;
  }

  .cannabis-shell .type-card{
    min-height: 310px !important;
    padding: 10px !important;
  }
  .cannabis-shell .type-image{
    height: 190px !important;
  }
  .cannabis-shell .type-card h3{
    font-size: 14px !important;
  }
  .cannabis-shell .type-card p{
    font-size: 10px !important;
  }

  .cannabis-shell .blunt-item{
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    align-items: start !important;
    gap: 8px !important;
  }
  .cannabis-shell .blunt-thumb{
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 3 !important;
    border-radius: 16px !important;
  }
  .cannabis-shell .blunt-item strong{
    font-size: 11px !important;
  }
  .cannabis-shell .blunt-item span{
    font-size: 8px !important;
  }
}