.htg-gallery{background:#0d2137;border-radius:28px;padding:24px;box-shadow:0 20px 50px #0d213714}.htg-stage{display:grid;grid-template-columns:1fr 196px;gap:24px;align-items:center;direction:ltr}.htg-hero{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#f4f7fa;touch-action:pan-y}.htg-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease}.htg-photo.htg-fade{opacity:0}.htg-zoom{position:absolute;right:14px;top:14px;color:#0d2137;background:#fffffff0;border:0;width:42px;height:42px;border-radius:50%;font-size:21px}.htg-count{position:absolute;left:16px;bottom:16px;background:#0d2137df;color:white;backdrop-filter:blur(10px);border-radius:30px;padding:9px 16px;font-size:13px;direction:ltr}.htg-side{color:white}.htg-mini-label{color:#a0b0c1;letter-spacing:2px;font-size:11px;margin-bottom:14px}.htg-peek{border-radius:14px;overflow:hidden;aspect-ratio:16/10;background:white}.htg-peek img{width:100%;height:100%;object-fit:cover}.htg-nextlabel{font-size:12px;color:#b7c4d2;margin:11px 0 30px}.htg-nav{display:flex;gap:9px;direction:ltr}.htg-nav button{border:1px solid #66748555;background:#ffffff0b;color:white;width:48px;height:48px;border-radius:50%;font-size:25px}.htg-nav button:hover{background:#e0a630;color:#0d2137}.htg-progress{display:flex;gap:5px;margin:21px 0 0;direction:ltr}.htg-bar{height:3px;background:#536173;flex:1;border-radius:3px;overflow:hidden}.htg-bar.htg-active{background:#e0a630}.htg-footer{display:flex;justify-content:space-between;align-items:center;padding:19px 0 16px;color:#cad4df}.htg-status{font-size:12px;display:flex;align-items:center;gap:8px}.htg-status i{width:6px;height:6px;border-radius:50%;background:#e0a630}.htg-actions{display:flex;gap:9px}.htg-actions button{border:1px solid #71809366;color:white;background:transparent;border-radius:25px;padding:8px 14px;font-size:12px}.htg-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;direction:ltr}.htg-thumb{position:relative;border:2px solid transparent;border-radius:12px;background:#fff;padding:0;overflow:hidden;aspect-ratio:16/10}.htg-thumb img{width:100%;height:100%;object-fit:cover;display:block}.htg-thumb b{position:absolute;left:5px;bottom:5px;background:#0d2137c9;color:white;font-size:9px;padding:3px 5px;border-radius:4px}.htg-thumb.htg-active{border-color:#e0a630;box-shadow:0 0 0 2px #e0a63020}.htg-hint{display:flex;justify-content:space-between;color:#8191a1;font-size:12px;margin-top:19px}.htg-hint strong{color:#977024;font-weight:400}dialog.htg-dialog{border:0;border-radius:20px;padding:12px;background:#0d2137;max-width:92vw}dialog.htg-dialog::backdrop{background:#07111fe8}dialog.htg-dialog img{display:block;width:min(1200px,85vw);aspect-ratio:16/10;object-fit:contain}dialog.htg-dialog button{position:absolute;right:20px;top:20px;width:42px;height:42px;border:0;border-radius:50%;font-size:22px;background:white}.htg-all .htg-rail{grid-template-columns:repeat(4,1fr)} @media(max-width:699px){.htg-gallery{padding:12px;border-radius:22px;margin:0 -4px}.htg-stage{display:block}.htg-hero{border-radius:15px}.htg-zoom{width:34px;height:34px;top:9px;right:9px;font-size:18px}.htg-count{font-size:11px;left:10px;bottom:10px;padding:6px 10px}.htg-side{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.htg-mini-label,.htg-peek,.htg-nextlabel{display:none}.htg-nav{gap:8px}.htg-nav button{width:38px;height:38px;font-size:21px}.htg-progress{width:150px;margin:0}.htg-footer{padding:16px 0 13px}.htg-status{font-size:10px;gap:6px}.htg-actions{gap:6px}.htg-actions button{font-size:11px;padding:8px 10px}.htg-rail{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding:2px 1px 8px;gap:8px;scrollbar-width:none}.htg-rail::-webkit-scrollbar{display:none}.htg-thumb{min-width:90px;width:90px;scroll-snap-align:center;border-radius:9px}.htg-all .htg-rail{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}.htg-all .htg-thumb{width:100%;min-width:0}.htg-hint{display:block;font-size:11px;text-align:center;line-height:1.9;margin-top:18px}.htg-hint span{display:block}}@media(prefers-reduced-motion:reduce){.htg-photo{transition:none}}.htg-gallery{border:1px solid #e0a63070}.htg-hero{box-shadow:0 0 0 1px #e0a63050}.htg-mini-label{color:#e0a630}.htg-nav button{border-color:#e0a63099;color:#e0a630;background:#e0a6300e}.htg-nav [data-htg-next]{background:#e0a630;color:#0d2137;border-color:#e0a630}.htg-actions [data-htg-pause]{border-color:#e0a630aa;color:#e0a630}.htg-actions [data-htg-grid]{border-color:#e0a630;background:#e0a630;color:#0d2137}.htg-zoom{background:#e0a630;color:#0d2137}.htg-count{border:1px solid #e0a63088;color:#f3c567}.htg-thumb.htg-active{border-color:#e0a630;box-shadow:0 0 0 2px #e0a63042}.htg-hint strong{color:#977024}
.htg-section{padding:48px 0}.htg-heading{margin-bottom:24px}.htg-heading:after{content:"";display:block;height:3px;width:40px;background:#e0a630;margin-top:12px}.htg-gallery button{font-family:inherit;cursor:pointer}.htg-gallery button:focus-visible,.htg-dialog button:focus-visible{outline:3px solid #e0a630;outline-offset:3px}.htg-gallery .htg-status{color:#cad4df}.htg-gallery .htg-nextlabel{color:#b7c4d2}.htg-dialog{margin:auto}.htg-dialog img{max-height:85vh}.htg-gallery [hidden]{display:none!important}@media(max-width:699px){.htg-section{padding:30px 0}}

@media(max-width:699px){.htg-footer{flex-wrap:wrap;gap:12px}.htg-actions{margin-inline-start:auto}.htg-status{white-space:normal}.htg-progress{max-width:45%}}

.htg-rail{grid-template-columns:repeat(var(--htg-count,6),1fr)}.htg-gallery:has(.htg-thumb:nth-child(8)){--htg-count:8}.htg-all .htg-rail{grid-template-columns:repeat(3,1fr)}.htg-all:has(.htg-thumb:nth-child(8)) .htg-rail{grid-template-columns:repeat(4,1fr)}