.media-gallery{min-width:0;width:100%}.gallery-stage{position:relative;border-radius:16px;overflow:hidden;background:#e8eddf}.media-open{display:block;position:relative;width:100%;border:0;padding:0;background:#e8eddf;border-radius:12px;overflow:hidden;cursor:zoom-in}.media-open img,.court-photo .media-open img{width:100%;height:100%;max-height:none;object-fit:contain;display:block}.gallery-stage .court-photo,.gallery-stage .media-open{height:100%;border-radius:0}.gallery-stage{height:260px}.media-enlarge{position:absolute;bottom:12px;left:12px;background:#17352de8;color:#fff;padding:8px 12px;border-radius:20px;font-size:12px}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:42px;padding:0;border:1px solid #fff8;background:#fffE;color:#153429;border-radius:12px;font-size:28px;box-shadow:0 2px 12px #0002;z-index:1}.gallery-arrow.previous{left:10px}.gallery-arrow.next{right:10px}.gallery-count{position:absolute;top:12px;right:12px;background:#17352de8;color:#fff;padding:5px 10px;border-radius:20px;font-size:12px}.gallery-caption{font-size:13px;color:#5b695f;padding:10px 0;overflow-wrap:anywhere}.media-thumbs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px}.media-thumbs button{flex:0 0 66px;width:66px;height:48px;border:2px solid transparent;background:#e8eddf;border-radius:8px;padding:2px;overflow:hidden}.media-thumbs button.selected{border-color:#416c39;box-shadow:0 0 0 1px #416c39}.media-thumbs img{display:block;width:100%;height:100%;object-fit:cover}.video-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit;background:linear-gradient(140deg,#173b31,#39664a);color:#e5ffad;gap:12px}.video-tile b{font-size:42px}.video-tile small{font-size:11px;letter-spacing:2px}.media-thumbs .video-tile{gap:2px}.media-thumbs .video-tile b{font-size:16px}.media-thumbs .video-tile small{font-size:8px}.court-photo>.media-open{height:240px}.detail-overview{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:26px;align-items:start;margin:24px 0 32px}.detail-gallery .gallery-stage{height:auto;aspect-ratio:4/3;max-height:520px}.detail-gallery .media-open{height:100%}.detail-quick h3{font-size:28px;margin:18px 0 10px;overflow-wrap:anywhere}.detail-price{font-size:30px;display:block;margin-top:28px}.detail-price small{font-size:14px;font-weight:400}.detail-quick .primary{width:100%;margin-top:14px}.media-dialog{width:min(1080px,94vw);max-width:94vw;max-height:94dvh;overflow:auto;margin:auto;border:1px solid #526357;border-radius:20px;padding:20px;background:#13271f;color:#fff;box-shadow:0 30px 90px #0008}.media-dialog::backdrop{background:#07120de8;backdrop-filter:blur(5px)}.viewer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px}.viewer-top p{margin:6px 0 0;font-size:13px;color:#c6d7c9;overflow-wrap:anywhere}.viewer-top strong{overflow-wrap:anywhere}.viewer-close{background:#ffffff18;color:#fff;border:1px solid #ffffff30;border-radius:50%;width:42px;height:42px;flex:0 0 42px;padding:0}.viewer-stage{height:min(58dvh,650px);display:flex;align-items:center;justify-content:center;background:#08130e;border-radius:12px;overflow:hidden}.viewer-stage img,.viewer-stage video{width:100%;height:100%;object-fit:contain}.viewer-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0}.viewer-navigation button{color:#e8f9dc;background:#ffffff10;border:1px solid #ffffff40;border-radius:9px;padding:10px 14px}.media-dialog .media-thumbs button.selected{border-color:#d5f66b}.viewer-error{color:#ffd0a4;font-size:14px}.media-open:focus-visible,.media-thumbs button:focus-visible,.gallery-arrow:focus-visible,.media-dialog button:focus-visible{outline:3px solid #84a936;outline-offset:3px}body:has(.media-dialog[open]){overflow:hidden}
@media(max-width:1000px){.detail-overview{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:18px}.detail-quick{padding:22px}.detail-quick h3{font-size:23px}}
@media(max-width:700px){.detail-overview{grid-template-columns:1fr}.gallery-stage{height:auto;aspect-ratio:4/3}.detail-gallery .gallery-stage{max-height:440px}.detail-quick .detail-price{margin-top:16px}.media-dialog{padding:12px;border-radius:14px}.viewer-stage{height:52dvh}.viewer-navigation button{font-size:12px;padding:10px}.viewer-navigation span{font-size:12px}.viewer-top strong{font-size:15px}.court-preview{gap:18px}.media-thumbs button{flex-basis:60px;width:60px}}
.detail-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e0e5d9;margin-top:24px;padding-top:20px}.detail-footer button{flex-shrink:0}@media(max-width:600px){.detail-footer{align-items:stretch;flex-direction:column;gap:10px}}