/* SuperGrok preview-media v1: uncropped buds, flower-first, compact modal. */

#priceTableBody .thumb-button {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 62, 143, .28) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(223, 126, 158, .18), transparent 62%),
    #090a0f !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  transition: none !important;
  cursor: default !important;
}

#priceTableBody .thumb-button:hover,
#priceTableBody .thumb-button:focus-visible {
  border-color: rgba(255, 62, 143, .28) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  transform: none !important;
}

#priceTableBody .thumb-button::before,
#priceTableBody .thumb-button::after {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
}

#priceTableBody .thumb-button img,
#priceTableBody .thumb-button img[data-flower-photo],
#priceTableBody .thumb-button img[data-preview-media-photo="flower"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 4px !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .6)) saturate(1.08) contrast(1.04) !important;
  image-rendering: auto;
  pointer-events: none !important;
  transition: none !important;
}

#priceTableBody .thumb-button:hover img,
#priceTableBody .thumb-button:focus-visible img {
  transform: none !important;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .6)) saturate(1.08) contrast(1.04) !important;
}

#priceTableBody .thumb-button img[data-package-photo],
#priceTableBody .thumb-button img[data-package-image],
#priceTableBody .thumb-button img[src*="product-packages" i],
#priceTableBody .thumb-button img[src*="/packages/" i],
#priceTableBody .thumb-button img[src*="package" i],
#priceTableBody .thumb-button img[src*="packaging" i],
#priceTableBody .thumb-button img[src*="container" i],
#priceTableBody .thumb-button img[data-catalogue-illustration],
#priceTableBody .thumb-button img[src*="strain-card-art"],
#previewDialog img[data-package-photo],
#previewDialog img[data-package-image],
#previewDialog img[src*="product-packages" i],
#previewDialog img[src*="/packages/" i],
#previewDialog img[src*="package" i],
#previewDialog img[src*="packaging" i],
#previewDialog img[src*="container" i],
#previewDialog img[data-catalogue-illustration],
#previewDialog img[src*="strain-card-art"] {
  display: none !important;
}

#priceTableBody .image-kind,
#priceTableBody .price-illustration-disclosure,
#priceTableBody .price-package-inset,
#previewDialog .image-kind,
#previewDialog .price-illustration-disclosure,
#previewDialog .price-package-inset {
  display: none !important;
}

#previewDialog[data-preview-media="v1"] {
  width: min(calc(100% - 24px), 840px) !important;
  max-width: 840px !important;
  max-height: calc(100dvh - 20px) !important;
  overflow: auto;
}

#previewDialog[data-preview-media="v1"] .dialog-head {
  padding: 10px 14px !important;
}

#previewDialog[data-preview-media="v1"] .dialog-head h2 {
  font-size: clamp(1.15rem, 2.2vw, 1.5rem) !important;
  line-height: 1.08 !important;
}

#previewDialog[data-preview-media="v1"] .preview-body {
  padding: 10px 14px 14px !important;
}

#previewDialog [data-preview-media="v1"].preview-layout,
#previewDialog [data-preview-media="v1"].price-flower-preview {
  display: grid !important;
  grid-template-columns: minmax(240px, .9fr) minmax(0, 1.1fr) !important;
  gap: 12px !important;
  align-items: start !important;
}

#previewDialog .preview-media-stack {
  display: grid;
  min-width: 0;
  gap: 8px;
  align-content: start;
}

#previewDialog .preview-media-stack > .preview-media,
#previewDialog .preview-media-stack > .price-flower-preview__media {
  position: relative;
  display: grid !important;
  width: 100% !important;
  height: clamp(196px, 28vw, 292px) !important;
  min-height: 0 !important;
  max-height: 292px !important;
  aspect-ratio: auto !important;
  place-items: center;
  overflow: hidden;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(223, 126, 158, .09), transparent 58%),
    #07090c !important;
}

#previewDialog .preview-media-stack > .preview-media > img[data-flower-photo],
#previewDialog .preview-media-stack > .price-flower-preview__media > img[data-flower-photo],
#previewDialog img[data-preview-media-photo="flower"],
#previewDialog img[data-flower-photo],
#previewDialog .preview-media > img[data-flower-photo] {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 auto !important;
  padding: 6px !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  box-sizing: border-box !important;
  image-rendering: auto;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .65)) contrast(1.04) saturate(1.06) !important;
  transition: transform .22s ease, filter .22s ease !important;
}

#previewDialog .preview-media-stack > .price-terpene-profile,
#previewDialog .preview-media-stack > .price-terpene-chart,
#previewDialog .preview-media-stack > .preview-terpene-mount {
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(239, 231, 220, .13);
  border-radius: 11px;
  background: rgba(255, 255, 255, .022);
}

#previewDialog .preview-media-stack .price-terpene-profile h4,
#previewDialog .preview-media-stack .price-terpene-chart h4 {
  margin: 0 0 6px !important;
  font-size: 14px !important;
}

#previewDialog .preview-media-stack .price-terpene-profile__visual {
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 8px !important;
}

#previewDialog .preview-media-stack .price-terpene-donut {
  width: 50px !important;
  height: 50px !important;
}

#previewDialog .preview-media-stack .price-terpene-donut::before {
  width: 32px !important;
  height: 32px !important;
}

#previewDialog .price-terpene-donut > span {
  display: none !important;
}

#previewDialog .preview-media-stack .price-terpene-legend {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

#previewDialog .preview-media-stack .price-terpene-legend__item {
  min-height: 22px !important;
  padding: 3px 5px !important;
  font-size: 13px !important;
}

#previewDialog .preview-media-stack .price-terpene-chart__row {
  grid-template-columns: minmax(72px, 1fr) 36px minmax(58px, 1.15fr) !important;
  min-height: 26px !important;
  gap: 6px !important;
  font-size: 13px !important;
}

#previewDialog [data-preview-media="v1"] .price-flower-preview__details {
  justify-content: flex-start !important;
  padding-top: 0 !important;
  min-width: 0;
}

#previewDialog [data-preview-media="v1"] .price-flower-preview__details .product-title {
  font-size: clamp(1.45rem, 3vw, 2.05rem) !important;
  line-height: 1.05 !important;
}

#previewDialog [data-preview-media="v1"] .preview-facts,
#previewDialog [data-preview-media="v1"] .price-detail-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px 10px !important;
  margin-top: 8px !important;
}

#previewDialog [data-preview-media="v1"] .preview-fact {
  min-height: 0 !important;
  padding-top: 5px !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

#previewDialog [data-preview-media="v1"] .preview-fact strong {
  margin-bottom: 1px !important;
  font-size: 13px !important;
}

#previewDialog [data-preview-media="v1"] .price-prescription {
  margin-top: 8px !important;
  padding: 8px 10px !important;
}

#previewDialog [data-preview-media="v1"] .price-detail-cta {
  min-height: 34px !important;
  margin-top: 8px !important;
  padding: 7px 11px !important;
}

#previewDialog .price-preview-no-media {
  display: grid;
  width: min(100%, 22ch);
  min-height: 84px;
  place-items: center;
  margin: auto;
  padding: 12px;
  border: 1px dashed rgba(239, 231, 220, .22);
  border-radius: 10px;
  color: var(--muted, #b6a994);
  font: 650 13px/1.35 var(--ui, "Hanken Grotesk", system-ui, sans-serif);
  text-align: center;
}

@media (max-width: 900px) {
  #previewDialog[data-preview-media="v1"] {
    width: min(calc(100% - 18px), 760px) !important;
    max-height: calc(100dvh - 16px) !important;
  }

  #previewDialog [data-preview-media="v1"].preview-layout,
  #previewDialog [data-preview-media="v1"].price-flower-preview {
    grid-template-columns: minmax(210px, .88fr) minmax(0, 1.12fr) !important;
    gap: 10px !important;
  }

  #previewDialog .preview-media-stack > .preview-media,
  #previewDialog .preview-media-stack > .price-flower-preview__media {
    height: clamp(180px, 32vw, 250px) !important;
    max-height: 250px !important;
  }
}

@media (max-width: 760px) {
  #previewDialog[data-preview-media="v1"] {
    width: min(calc(100% - 12px), 640px) !important;
    max-height: calc(100dvh - 12px) !important;
  }

  #previewDialog [data-preview-media="v1"].preview-layout,
  #previewDialog [data-preview-media="v1"].price-flower-preview {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #previewDialog .preview-media-stack > .preview-media,
  #previewDialog .preview-media-stack > .price-flower-preview__media {
    height: min(52vw, 260px) !important;
    max-height: 260px !important;
  }

  #previewDialog .preview-media-stack .price-terpene-profile__visual {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }

  #previewDialog .preview-media-stack .price-terpene-donut {
    width: 44px !important;
    height: 44px !important;
  }

  #previewDialog .preview-media-stack .price-terpene-donut::before {
    width: 28px !important;
    height: 28px !important;
  }
}

@media (max-width: 480px) {
  #previewDialog[data-preview-media="v1"] {
    width: min(calc(100% - 8px), 420px) !important;
  }

  #previewDialog[data-preview-media="v1"] .preview-body {
    padding: 8px 10px 12px !important;
  }

  #previewDialog .preview-media-stack > .preview-media,
  #previewDialog .preview-media-stack > .price-flower-preview__media {
    height: min(58vw, 220px) !important;
    max-height: 220px !important;
  }

  #previewDialog [data-preview-media="v1"] .preview-facts,
  #previewDialog [data-preview-media="v1"] .price-detail-facts {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #previewDialog img,
  #priceTableBody .thumb-button img {
    transition: none !important;
  }
}