.detail{background:transparent;border-radius:0;box-shadow:none}
.detail-inner{gap:20px;align-items:start}
.d-img{border:1px solid #dfe6ee;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.d-info{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.d-img:has(#matp-gallery){align-items:stretch;padding:24px}
#matp-gallery{display:grid;width:100%;max-width:720px;gap:14px;margin:auto}
.matp-main-trigger{display:block;width:100%;padding:0;border:0;border-radius:8px;background:#fff;box-shadow:0 1px 0 rgba(13,36,64,.08);cursor:zoom-in;overflow:hidden}
#matp-gallery .matp-display-img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:8px;transition:transform .2s ease}
.matp-main-trigger:hover .matp-display-img{transform:scale(1.012)}
.matp-main-trigger:focus-visible,.matp-thumb:focus-visible,.matp-lightbox button:focus-visible{outline:3px solid #e8a020;outline-offset:3px}
.matp-thumb-strip{display:flex;gap:9px;justify-content:center;overflow-x:auto;padding:3px 3px 7px;scrollbar-width:thin}
.matp-thumb{flex:0 0 92px;padding:3px;border:2px solid transparent;border-radius:7px;background:#fff;cursor:pointer;opacity:.68;transition:border-color .15s ease,opacity .15s ease,transform .15s ease}
.matp-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.matp-thumb:hover{opacity:1;transform:translateY(-1px)}
.matp-thumb.active{border-color:#e8a020;opacity:1}
.matp-lightbox[hidden]{display:none}
.matp-lightbox{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(52px,1fr) minmax(0,1200px) minmax(52px,1fr);grid-template-rows:1fr auto;align-items:center;padding:72px 20px 24px;background:rgba(5,15,27,.94);backdrop-filter:blur(8px)}
.matp-lightbox-img{grid-column:2;grid-row:1;display:block;max-width:100%;max-height:calc(100vh - 130px);margin:auto;object-fit:contain;border-radius:7px;box-shadow:0 22px 70px rgba(0,0,0,.38)}
.matp-lightbox-close,.matp-lightbox-arrow{display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);background:rgba(9,28,48,.76);color:#fff;cursor:pointer;transition:background .15s ease,transform .15s ease}
.matp-lightbox button[hidden]{display:none}
.matp-lightbox-close:hover,.matp-lightbox-arrow:hover{background:#e8a020;transform:scale(1.05)}
.matp-lightbox-close{position:absolute;top:18px;right:20px;width:46px;height:46px;border-radius:50%;font-size:2rem;line-height:1}
.matp-lightbox-arrow{width:48px;height:64px;border-radius:8px;font-size:3rem;line-height:1}
.matp-lightbox-prev{grid-column:1;grid-row:1;justify-self:start}
.matp-lightbox-next{grid-column:3;grid-row:1;justify-self:end}
.matp-lightbox-count{grid-column:2;grid-row:2;justify-self:center;margin-top:15px;color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.08em}
body.matp-lightbox-open{overflow:hidden}

@media(max-width:900px){
  .detail-inner{gap:18px}
}

@media(max-width:640px){
  .d-img:has(#matp-gallery){padding:12px}
  .matp-thumb{flex-basis:74px}
  .matp-lightbox{grid-template-columns:48px minmax(0,1fr) 48px;padding:66px 8px 18px}
  .matp-lightbox-arrow{width:42px;height:56px;font-size:2.5rem}
  .matp-lightbox-close{top:12px;right:12px}
}

@media (prefers-reduced-motion: reduce) {
  .matp-display-img,.matp-thumb,.matp-lightbox-close,.matp-lightbox-arrow{transition:none}
}