/* popup */
.sea-popup[hidden] { display: none; }
.sea-popup { contain: layout style paint; width: 100%; position: fixed; top: 0; left: 0; height: -webkit-fill-available; height: 100vh; z-index: 10000000; }
.sea-popup-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.6); z-index: 9998; }
.sea-popup-dialog { position: fixed; z-index: 9999; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(92%, 680px); border: 1px solid #1b2440; border-radius: 12px; box-shadow: 0 18px 42px rgba(0,0,0,.5); padding: 1rem; max-height: calc(100vh - 64px); overflow-y: auto; -webkit-overflow-scrolling: touch; }
.sea-workshop-popup { display: grid; grid-template-columns: 1fr; gap: .75rem; }
.popup-supertitle { display:inline-block; font-size:.85rem; letter-spacing:.08em; text-transform:uppercase; color: var(--sea-accent); background: rgba(77,163,255,.12); border: 1px solid var(--sea-accent); padding: .25rem .5rem; border-radius: 999px; }
.sea-workshop-popup .workshop-head { display: grid; gap: .4rem; }
.sea-workshop-popup .workshop-title { margin: 0; font-family: Poppins, sans-serif; }
.sea-workshop-popup .workshop-meta { display: flex; gap: .5rem; flex-wrap: wrap; color: var(--sea-muted); }
.sea-workshop-popup .workshop-body { display: grid; grid-template-columns: 1fr 1.6fr; gap: .75rem; align-items: start; }
.sea-workshop-popup .workshop-thumb { border-radius: 10px; overflow: hidden; box-shadow: 0 10px 28px rgba(0,0,0,.35); }
.sea-workshop-popup .workshop-thumb-img { width: 100%; height: auto; display: block; }
.sea-workshop-popup .workshop-desc { display: grid; gap: .5rem; }
.sea-workshop-popup .workshop-section h4 { margin: .2rem 0; font-family: Poppins, sans-serif; }
.sea-popup-content p { margin: 0 0 1rem; line-height: 1.7; }
.sea-workshop-popup .workshop-section .section-body p { margin: 0 0 1rem; line-height: 1.7; }
.sea-workshop-popup .workshop-section .section-body ul,
.sea-workshop-popup .workshop-section .section-body ol { margin: .6rem 0 1rem; padding-left: 1.2rem; }
.sea-workshop-popup li { margin: .35rem 0; line-height: 1.75; }
.sea-workshop-popup .workshop-actions { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.sea-workshop-popup .workshop-share { display: flex; gap: .5rem; }
.sea-workshop-popup .share-link { border: 1px solid var(--sea-gray); padding: .3rem .55rem; border-radius: 8px; color: var(--sea-muted); }
.sea-popup-dialog { opacity: 0; transform: translate(-50%, -50%) scale(.96); transition: transform .22s ease, opacity .22s ease; }
.sea-popup.open .sea-popup-dialog { opacity: 1; transform: translate(-50%, -50%) scale(1); }
@media (max-width: 900px) { .sea-workshop-popup .workshop-body { grid-template-columns: 1fr; } }
.sea-popup-title { margin: 0 0 .5rem; font-family: Poppins, sans-serif; }
.sea-popup-content { color: var(--sea-muted); }
.sea-popup-actions { margin-top: 1rem; }
.sea-popup-close { position: absolute; right: .6rem; top: .6rem; background: transparent; border: 1px solid var(--sea-gray); color: var(--sea-text); border-radius: 8px; padding: .25rem .55rem; cursor: pointer; }
.sea-popup-close:hover { border-color: var(--sea-accent); }