.mactak-sg{--sg-blue:#4778b5;--sg-line:#d5dfec;margin:12px 0 28px;color:#202a3a;max-width:100%}
.mactak-sg-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.mactak-sg-heading p{margin:0!important;color:#607086;font-size:14px;line-height:1.5}
.mactak-sg-total{display:inline-flex;flex:none;align-items:center;border:1px solid var(--sg-line);border-radius:20px;background:#eef3f9;color:#365f94;font-size:13px;font-weight:700;padding:6px 12px;white-space:nowrap}
.mactak-sg-collage{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;aspect-ratio:2.25;overflow:hidden;border-radius:8px;background:#edf2f7}
.mactak-sg-tile{display:block;position:relative;overflow:hidden;min-width:0;min-height:0;background:#e9eef5;text-decoration:none!important}
.mactak-sg-tile:first-child{grid-row:1 / 3}
.mactak-sg-tile picture,.mactak-sg-tile img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.mactak-sg-tile img{transition:transform .2s ease}
.mactak-sg-tile:hover img{transform:scale(1.035)}
.mactak-sg-more{position:absolute;inset:auto 10px 10px;display:flex;justify-content:center;align-items:center;gap:10px;min-height:40px;padding:7px 10px;border:1px solid #fff9;border-radius:5px;background:#203d62e8;color:#fff;font-weight:700;font-size:14px;box-shadow:0 2px 8px #0003}
.mactak-sg-all{margin-top:14px!important;border:0!important;background:none!important;padding:0!important}
.mactak-sg-all summary{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:9px 20px;border:1px solid var(--sg-blue);border-radius:5px;color:#365f94;background:#f6f9fd;cursor:pointer;font-size:14px;font-weight:700;list-style:none}
.mactak-sg-all summary::-webkit-details-marker{display:none}
.mactak-sg-all ol{margin:14px 0;padding:0 0 0 24px;columns:2;font-size:14px}
.mactak-sg-all li{margin:8px 0!important;padding:0!important;break-inside:avoid}
.mactak-sg a:focus-visible,.mactak-sg button:focus-visible,.mactak-sg summary:focus-visible{outline:3px solid #80b5f3!important;outline-offset:3px}
html.mactak-sg-open{overflow:hidden!important}
.mactak-sg-dialog{position:fixed!important;inset:0!important;width:min(1280px,calc(100vw - 40px))!important;max-width:none!important;height:min(940px,calc(100vh - 40px))!important;height:min(940px,calc(100dvh - 40px))!important;max-height:none!important;margin:auto!important;border:1px solid #ffffff30!important;border-radius:12px!important;padding:0!important;background:#111923!important;color:#fff!important;box-shadow:0 20px 90px #0008!important;overflow:hidden!important}
.mactak-sg-dialog:not([open]){display:none!important}
.mactak-sg-dialog::backdrop{background:#06101ee8;backdrop-filter:blur(3px)}
.mactak-sg-viewer{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;height:100%;min-height:0}
.mactak-sg-toolbar{display:flex!important;justify-content:space-between;align-items:center;gap:14px;min-height:60px;padding:8px 16px!important;background:#172333;border-bottom:1px solid #ffffff16}
.mactak-sg-toolbar>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0}
.mactak-sg-toolbar strong{font-size:16px!important;color:#fff!important}
.mactak-sg-position{font-size:14px;color:#b9c9dd;white-space:nowrap}
.mactak-sg-dialog button{box-sizing:border-box!important;cursor:pointer;font:inherit;touch-action:manipulation}
.mactak-sg-close{flex:none;display:grid;place-items:center;width:44px!important;height:44px!important;border:1px solid #63778e!important;border-radius:7px!important;padding:0!important;background:#22354b!important;color:#fff!important;font-size:31px!important;line-height:1!important}
.mactak-sg-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding:12px 70px;background:#0e1620;touch-action:pan-y pinch-zoom}
.mactak-sg-main-picture{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:0;min-width:0}
.mactak-sg-main{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;user-select:none;-webkit-user-drag:none;transition:opacity .12s ease}
.mactak-sg-stage.is-loading .mactak-sg-main{opacity:.4}
.mactak-sg-prev,.mactak-sg-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px!important;height:54px!important;display:grid;place-items:center;border:1px solid #a8bdd5!important;border-radius:8px!important;padding:0 0 5px!important;background:#f6f9ff!important;color:#264f82!important;font-family:Arial,sans-serif!important;font-size:42px!important;line-height:1!important;box-shadow:0 2px 12px #0005}
.mactak-sg-prev{left:12px}.mactak-sg-next{right:12px}
.mactak-sg-image-status{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);margin:0!important;color:#fff;background:#152338d9;border-radius:4px;padding:5px 10px!important;font-size:13px!important;max-width:80%;text-align:center}
.mactak-sg-image-status:empty{display:none}
.mactak-sg-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 16px;border-top:1px solid #ffffff16;font-size:13px;line-height:1.5}
.mactak-sg-caption-text{color:#d3deec}
.mactak-sg-original{display:inline-flex;align-items:center;min-height:36px;flex:none;color:#b5d4ff!important;font-size:13px;text-decoration:underline!important}
.mactak-sg-thumbs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:10px 16px 14px;background:#172333;scrollbar-width:thin;scrollbar-color:#738ca9 #172333;overscroll-behavior-x:contain}
.mactak-sg-thumb{position:relative;flex:0 0 88px;width:88px!important;height:68px!important;border:2px solid transparent!important;border-radius:5px!important;background:#27384c!important;padding:2px!important;opacity:.65;overflow:hidden}
.mactak-sg-thumb[aria-current="true"]{border-color:#8fc0ff!important;opacity:1}
.mactak-sg-thumb img{display:block!important;max-width:none!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:2px}
.mactak-sg-thumb span{position:absolute;bottom:2px;right:2px;padding:1px 4px;border-radius:2px;background:#0a1426c9;color:#fff;font-size:10px;line-height:1.4}
@media(max-width:767px){
 .mactak-sg-heading{align-items:flex-start;gap:10px}.mactak-sg-heading p{font-size:13px}
 .mactak-sg-collage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1.35fr 1fr 1fr;aspect-ratio:.95;gap:6px}
 .mactak-sg-tile:first-child{grid-row:1;grid-column:1 / -1}.mactak-sg-more{inset:auto 5px 5px;padding:5px;gap:4px;font-size:12px;min-height:32px}
 .mactak-sg-all summary{width:100%;padding:9px 12px}.mactak-sg-all ol{columns:1}
 .mactak-sg-dialog{width:100vw!important;height:100vh!important;height:100dvh!important;max-width:100vw!important;border:0!important;border-radius:0!important}
 .mactak-sg-toolbar{min-height:58px;padding:7px 10px!important;gap:8px}.mactak-sg-toolbar>div{display:block}.mactak-sg-toolbar strong{display:block;font-size:14px!important}.mactak-sg-position{font-size:12px}
 .mactak-sg-stage{padding:8px 2px 58px}.mactak-sg-prev,.mactak-sg-next{top:auto;bottom:4px;transform:none;width:46px!important;height:44px!important;font-size:35px!important}.mactak-sg-prev{left:calc(50% - 54px)}.mactak-sg-next{right:calc(50% - 54px)}
 .mactak-sg-image-status{bottom:57px;font-size:12px!important}
 .mactak-sg-caption{display:block;padding:5px 10px;font-size:12px}.mactak-sg-caption-text{display:block}.mactak-sg-original{font-size:12px;min-height:32px}
 .mactak-sg-thumbs{gap:6px;padding:8px 10px 10px}.mactak-sg-thumb{flex-basis:70px;width:70px!important;height:54px!important}
}
@media(prefers-reduced-motion:reduce){.mactak-sg-tile img,.mactak-sg-main{transition:none!important}}