.variety-main-photo { float: right; width: min(42%,320px); margin: 0 0 18px 22px; border: 1px solid #dce1d8; border-radius: 4px; padding: 6px; background: #fff; }
.variety-main-photo a { display: block; }
.variety-main-photo img { display: block; width: 100%; height: auto; max-height: 320px; object-fit: contain; }
.variety-main-photo figcaption { font-size: 12px; text-align: center; line-height: 1.5; margin-top: 6px; color: #66705b; }
.mango-photo-gallery { margin: 28px 0; min-width: 0; }
.variety-media-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid #ddd; }
.variety-media-heading h3 { font-size: 22px; margin: 0; }
.variety-photo-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.variety-photo-grid.owl-loaded { display: block; }
.variety-photo-grid .owl-stage { display: flex; flex-wrap: nowrap; }
.variety-photo-grid .owl-item { display: flex; flex: 0 0 auto; float: none; }
.variety-photo-grid .variety-photo { width: 100%; }
.variety-photo-grid .owl-nav { display: flex; justify-content: flex-end; gap: 8px; margin: 12px 0 0; }
.variety-photo-grid .owl-nav.disabled { display: none; }
.variety-photo-grid .owl-nav button.owl-prev,.variety-photo-grid .owl-nav button.owl-next { width: 36px; height: 36px; margin: 0; border: 1px solid #dce1d8; border-radius: 4px; background: #f7f9f5; color: #486631; }
.variety-photo-grid .owl-nav button:focus-visible { outline: 2px solid #486631; outline-offset: 2px; }
.variety-photo-grid .owl-nav .disabled { opacity: .4; }
.variety-photo { min-width: 0; margin: 0; border: 1px solid #dce1d8; border-radius: 4px; overflow: hidden; background: #fff; }
.variety-photo-link { display: block; position: relative; width: 100%; aspect-ratio: 4 / 3; background: #f7f9f5; }
.variety-photo-link img { display: block; width: 100%; height: 100%; object-fit: contain; }
.variety-photo-link > i { position: absolute; right: 6px; bottom: 6px; width: 28px; height: 28px; line-height: 28px; text-align: center; background: #fff; color: #486631; border-radius: 4px; }
.variety-photo figcaption { font-size: 12px; line-height: 1.5; padding: 9px 10px; overflow-wrap: anywhere; }
.variety-photo figcaption a { color: #486631; }
.variety-media-empty { color: #66705b; font-size: 14px; margin: 0; }
.variety-reference-list { list-style: none; padding: 0; margin: 10px 0 16px; }
.variety-reference-list li { padding: 12px 0 !important; margin: 0 !important; border-bottom: 1px solid #e5e8e1; }
.variety-reference-list li:last-child { border-bottom: 0; }
.categories .variety-reference-list li a { display: block; min-width: 0; padding: 4px 0; color: #486631; text-align: left; line-height: 1.7; }
.categories .variety-reference-list li a span { position: static; float: none; right: auto; top: auto; max-width: 100%; }
.categories .variety-reference-list li a .variety-reference-title { display: inline; color: #486631; font-weight: 600; font-size: 14px; }
.variety-reference-title .fa { font-size: 11px; margin-left: 4px; }
.categories .variety-reference-list li a .variety-reference-url { display: block; margin-top: 4px; font-size: 12px; color: #66705b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.variety-reference-list .mango-ebay-logo { vertical-align: baseline; }
#myModal_Glossary .modal-dialog { width: calc(100% - 32px); max-width: 1100px; margin: 16px auto; min-height: calc(100% - 32px); }
#myModal_Glossary .modal-content { border-radius: 6px; border-top: 3px solid #ffbd2e; }
#myModal_Glossary .modal-header { align-items: center; padding: 18px 24px; }
#myModal_Glossary .modal-title { font-size: 22px; margin: 0; }
#myModal_Glossary .close { color: #354b2e; opacity: 1; font-size: 28px; }
#myModal_Glossary .modal-body { padding: 24px; line-height: 1.75; }
#myModal_Glossary .variety-glossary-definition { display: flow-root; overflow-wrap: anywhere; }
#myModal_Glossary .variety-glossary-definition img { float: left; width: auto !important; height: auto !important; max-width: min(200px,100%) !important; max-height: 267px; object-fit: contain; margin: 0 18px 12px 0; }
#myModal_Glossary .variety-glossary-definition table { display: block; max-width: 100%; overflow: auto; }
#myModal_Glossary .variety-glossary-ad { clear: both; text-align: center; margin-top: 24px; max-width: 100%; overflow: hidden; }
@media(max-width:575px) {
    #myModal_Glossary .modal-dialog { width: calc(100% - 20px); margin: 10px auto; min-height: calc(100% - 20px); }
    #myModal_Glossary .modal-header,#myModal_Glossary .modal-body { padding: 16px; }
    #myModal_Glossary .variety-glossary-definition img { float: none; display: block; margin: 0 auto 16px; }
}
@media(max-width:991px) { .variety-photo-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:575px) {
    .variety-main-photo { float: none; width: min(100%,320px); margin: 0 auto 20px; }
    .variety-photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
    .variety-photo figcaption { padding: 8px; }
    .variety-media-heading h3 { font-size: 21px; }
}