.greenlight-eprel { display: inline-grid; gap: .25rem .6rem; align-items: center; max-width: 100%; margin-block: .2rem; vertical-align: middle; }
.greenlight-eprel .greenlight-eprel-label { display: inline-flex; align-items: center; width: 5.7rem; max-width: 100%; }
.greenlight-eprel.greenlight-eprel-single .greenlight-eprel-label .greenlight-eprel-arrow,
.greenlight-eprel.greenlight-eprel-compact .greenlight-eprel-label .greenlight-eprel-arrow { display: block; width: 5.7rem; height: 3.13rem; max-width: 100%; object-fit: contain; margin: 0; }
.greenlight-eprel.greenlight-eprel-compact .greenlight-eprel-label { width: 4.6rem; }
.greenlight-eprel.greenlight-eprel-compact .greenlight-eprel-label .greenlight-eprel-arrow { width: 4.6rem; height: 2.53rem; }
.greenlight-eprel-sheet, .greenlight-eprel-public, .greenlight-eprel-label-text, .greenlight-eprel-more { font-size: .875rem; line-height: 1.4; text-decoration: underline; text-underline-offset: .15em; overflow-wrap: anywhere; }
.greenlight-eprel a:focus-visible, .greenlight-eprel-single-sheet a:focus-visible, .greenlight-eprel-more:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 2px; }
.greenlight-eprel-price-row { display: flex; align-items: flex-start; flex-wrap: wrap; gap: .4rem .8rem; margin-block-end: 1rem; }
.greenlight-eprel-price-row > .price { margin-block: .4rem 0; }
.greenlight-eprel-single-mount { display: inline-block; max-width: 100%; }
.greenlight-eprel-single-sheet { display: block; flex-basis: 100%; width: 100%; max-width: 100%; }
.greenlight-eprel-single-mount[hidden], .greenlight-eprel-single-sheet[hidden] { display: none; }
.greenlight-eprel-document-slot[hidden] { display: none; }
.greenlight-eprel-popover { position: fixed; inset: auto; z-index: 100000; box-sizing: border-box; width: min(340px, calc(100vw - 20px)); max-height: calc(100vh - 20px); margin: 0; padding: 10px; border: 1px solid #d7d7d7; border-radius: 6px; background: #fff; color: #222; box-shadow: 0 8px 30px #0003; font: 14px/1.4 sans-serif; }
.greenlight-eprel-popover[hidden] { display: none; }
.greenlight-eprel-popover-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.greenlight-eprel-popover-toolbar a { color: #222; text-decoration: underline; text-underline-offset: 2px; }
.greenlight-eprel-popover .greenlight-eprel-popover-close { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; min-height: 0; margin: 0; padding: 0; border: 1px solid #ddd; border-radius: 4px; background: #fff; color: #222; font: 24px/1 sans-serif; cursor: pointer; }
.greenlight-eprel-popover a:focus-visible, .greenlight-eprel-popover button:focus-visible { outline: 2px solid #222; outline-offset: 2px; }
.greenlight-eprel-popover-body { max-height: calc(100vh - 84px); overflow: auto; }
.greenlight-eprel-popover .greenlight-eprel-popover-image { display: block; width: 100%; height: auto; max-width: 100%; max-height: calc(100vh - 84px); margin: 0; object-fit: contain; }
.greenlight-eprel-popover .greenlight-eprel-popover-image[hidden] { display: none; }
.greenlight-eprel-popover-loading { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 160px; padding: 20px; box-sizing: border-box; }
.greenlight-eprel-popover-spinner { display: inline-block; flex: 0 0 24px; width: 24px; height: 24px; border: 3px solid #ddd; border-top-color: #24743d; border-radius: 50%; box-sizing: border-box; animation: greenlight-eprel-spin .8s linear infinite; }
@keyframes greenlight-eprel-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .greenlight-eprel-popover-spinner { animation: none; } }
.greenlight-eprel-variation-list, .greenlight-eprel-variation-card { display: grid; gap: .35rem; }
.greenlight-eprel-variation-name { font-size: .8rem; line-height: 1.35; }
@media (max-width: 480px) {
  .greenlight-eprel-price-row { gap: .3rem .5rem; }
  .greenlight-eprel-sheet { max-width: 15rem; }
}