.detail-gallery-section{background:linear-gradient(180deg,#f6f9fa 0%,#eef4f4 100%)}
.detail-gallery{display:grid;grid-template-columns:minmax(0,1.2fr) 220px;gap:22px;align-items:stretch;direction:ltr}
html[dir="rtl"] .detail-gallery{grid-template-columns:220px minmax(0,1.2fr)}
.detail-gallery-stage{min-width:0}
.detail-gallery-frame{position:relative;overflow:hidden;min-height:620px;border:1px solid rgba(11,31,51,.12);background:linear-gradient(160deg,#0d1921,#102736 52%,#18384b 100%);box-shadow:0 30px 80px rgba(6,18,27,.20)}
.detail-gallery-main{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.025);transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .45s ease,filter .8s ease;filter:saturate(1.02) contrast(1.03) brightness(.98)}
.detail-gallery-frame:hover .detail-gallery-main{transform:scale(1.055)}
.detail-gallery-frame::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,15,21,.04),rgba(7,15,21,.12) 45%,rgba(7,15,21,.58) 100%);pointer-events:none;z-index:1}
.detail-gallery-frame::after{content:'';position:absolute;inset:18px;border:1px solid rgba(255,255,255,.16);pointer-events:none;z-index:2}
.detail-gallery-sheen{position:absolute;inset:-10%;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.16) 36%,transparent 50%);transform:translateX(-120%);transition:transform 1.2s ease;pointer-events:none;z-index:2}
.detail-gallery-frame:hover .detail-gallery-sheen{transform:translateX(120%)}
.detail-gallery-orbit{position:absolute;right:7.5%;top:12%;width:122px;height:122px;border-radius:50%;border:1px solid rgba(159,224,216,.28);background:radial-gradient(circle,rgba(159,224,216,.12),rgba(159,224,216,0) 70%);box-shadow:0 0 42px rgba(31,166,168,.18);z-index:1}
html[dir="rtl"] .detail-gallery-orbit{right:auto;left:7.5%}
.detail-gallery-meta{position:absolute;inset:auto 0 0 0;padding:36px 34px 30px;display:grid;gap:8px;z-index:3;color:#fff;max-width:min(720px,100%)}
.detail-gallery-counter{font:700 .74rem/1 Manrope,sans-serif;letter-spacing:.14em;color:#d6e7ea;opacity:.88}
.detail-gallery-title{font-family:Alexandria,Manrope,sans-serif;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.2}
html[dir="ltr"] .detail-gallery-title{font-family:Manrope,Arial,sans-serif;letter-spacing:-.03em}
.detail-gallery-desc{margin:0;color:rgba(236,245,247,.88);font-size:1rem;line-height:1.78;max-width:62ch}
.detail-gallery-controls{position:absolute;z-index:4;inset:auto 26px 28px auto;display:flex;gap:10px}
html[dir="rtl"] .detail-gallery-controls{inset:auto auto 28px 26px}
.detail-gallery-nav{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(7,15,21,.28);backdrop-filter:blur(10px);color:#fff;font-size:1.2rem;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.detail-gallery-nav:hover{transform:translateY(-2px);background:rgba(7,15,21,.44);border-color:rgba(255,255,255,.4)}
.detail-gallery-progress{margin-top:14px;height:4px;background:rgba(11,31,51,.1);overflow:hidden}
.detail-gallery-progress i{display:block;height:100%;background:linear-gradient(90deg,#1fa6a8,#8fdacf,#b88942);transition:width .45s ease}
.detail-gallery-rail{display:grid;gap:12px;align-content:start}
.detail-gallery-thumb{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid rgba(11,31,51,.12);background:rgba(255,255,255,.72);cursor:pointer;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;text-align:start}
.detail-gallery-thumb:hover,.detail-gallery-thumb.active{transform:translateY(-2px);border-color:rgba(31,166,168,.34);background:#fff;box-shadow:0 16px 36px rgba(11,31,51,.08)}
.detail-gallery-thumb img{width:78px;height:78px;object-fit:cover;display:block}
.detail-gallery-thumb span{font:700 .9rem/1.35 Manrope,Arial,sans-serif;color:#102736}
html[dir="rtl"] .detail-gallery-thumb span{font-family:Alexandria,Manrope,sans-serif}
@media(max-width:1100px){.detail-gallery{grid-template-columns:1fr}.detail-gallery-rail{grid-template-columns:repeat(5,minmax(120px,1fr));overflow:auto;padding-bottom:4px}.detail-gallery-thumb{grid-template-columns:1fr;gap:8px}.detail-gallery-thumb img{width:100%;height:92px}.detail-gallery-frame{min-height:540px}}
@media(max-width:760px){.detail-gallery-frame{min-height:420px}.detail-gallery-meta{padding:26px 22px 88px}.detail-gallery-title{font-size:1.35rem}.detail-gallery-desc{font-size:.92rem;line-height:1.7}.detail-gallery-controls{inset:auto 18px 20px auto}html[dir="rtl"] .detail-gallery-controls{inset:auto auto 20px 18px}.detail-gallery-rail{grid-template-columns:repeat(5,160px)}}


/* V16.5 gallery refinement */
.detail-gallery{grid-template-columns:1fr!important;gap:0!important}.detail-gallery-stage{order:1}.detail-gallery-rail{order:2;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;overflow:auto;padding-top:14px}.detail-gallery-thumb{grid-template-columns:1fr;gap:8px;min-width:150px;padding:8px}.detail-gallery-thumb img{width:100%;height:96px}.detail-gallery-frame{min-height:600px}.detail-gallery-meta{max-width:min(760px,100%)}.detail-gallery-controls{inset:auto 24px 24px auto}.detail-gallery-section .section-head p:empty{display:none}
@media(max-width:760px){.detail-gallery-frame{min-height:420px}}

/* V16.9 — fixed gallery viewport. Source image dimensions never resize the frame. */
.detail-gallery-frame{aspect-ratio:16/9!important;height:auto!important;min-height:0!important;max-height:none!important}
.detail-gallery-main{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
@media(max-width:760px){.detail-gallery-frame{aspect-ratio:4/3!important;min-height:0!important}}