/* SEOUL – Trang chi tiết bài Tin vui (khai trương / khuyến mãi / báo chí). Màu dùng chung biến --sh-*. */
.sg-root{background:var(--sh-bg);padding:18px 0 40px}
.sg-crumb{margin:0 0 14px}
.sg-crumb a{display:inline-flex;align-items:center;gap:6px;color:var(--sh-main);font-weight:700;text-decoration:none;font-size:.95em}
.sg-crumb svg{width:18px;height:18px;fill:currentColor}
.sg-crumb a:hover{text-decoration:underline}

.sg-top{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:36px;align-items:start;background:var(--sh-card);border-radius:calc(var(--sh-r) + 6px);padding:24px;box-shadow:0 10px 40px rgba(60,10,0,.08)}
.sg-top--noimg{grid-template-columns:minmax(0,1fr)}
.sg-poster{position:sticky;top:16px}
.sg-poster__btn{display:block;position:relative;width:100%;padding:0;border:0;border-radius:var(--sh-r);overflow:hidden;background:var(--sh-bg);cursor:zoom-in;box-shadow:0 8px 24px rgba(60,10,0,.15)}
.sg-poster__img{display:block;width:100%;height:auto}
.sg-poster__zoom{position:absolute;right:10px;bottom:10px;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:.8em;font-weight:700;opacity:0;transition:opacity .15s}
.sg-poster__btn:hover .sg-poster__zoom{opacity:1}

.sg-info{min-width:0}
.sg-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.sg-type,.sg-state{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-weight:800;font-size:.82em;letter-spacing:.02em}
.sg-type{background:color-mix(in srgb,var(--sh-main) 10%,#fff);color:var(--sh-main)}
.sg-state--live{background:#e7f6ec;color:#16743a}
.sg-state--soon{background:#fff4d6;color:#8a5a00}
.sg-state--ended{background:#eee;color:#666}
.sg-dot{width:8px;height:8px;border-radius:50%;background:#1f9d4c;box-shadow:0 0 0 0 rgba(31,157,76,.6);animation:sg-pulse 1.6s infinite}
@keyframes sg-pulse{70%{box-shadow:0 0 0 8px rgba(31,157,76,0)}100%{box-shadow:0 0 0 0 rgba(31,157,76,0)}}
.sg-title{font-family:var(--sh-font-h,inherit);font-size:clamp(1.55em,3.2vw,2.3em);line-height:1.18;font-weight:800;margin:0 0 10px;color:var(--sh-dark);overflow-wrap:anywhere}
.sg-place{display:flex;align-items:center;gap:6px;margin:0 0 16px;font-weight:700;color:var(--sh-main);font-size:1.05em}
.sg-place svg{width:18px;height:18px;fill:currentColor;flex:none}
.sg-place a{color:inherit;text-decoration:none}
.sg-place a:hover{text-decoration:underline}

.sg-cd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 18px;padding:12px 16px;border-radius:var(--sh-r);background:var(--sh-dark);color:#fff}
.sg-cd__l{font-weight:700;font-size:.9em;opacity:.85}
.sg-cd__v{display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}
.sg-cd__v b{display:inline-block;min-width:1.6em;text-align:center;font-size:1.45em;line-height:1;color:var(--sh-accent)}
.sg-cd__v small{font-size:.75em;opacity:.75;margin-right:6px}
.sg-note{display:flex;gap:8px;align-items:flex-start;margin:0 0 18px;padding:12px 14px;border-radius:var(--sh-r);background:#f3f3f3;color:#555;font-weight:600}
.sg-note svg{width:20px;height:20px;fill:currentColor;flex:none;margin-top:2px}

.sg-offers{margin:0 0 18px;padding:16px 18px;border-radius:var(--sh-r);background:linear-gradient(135deg,#fff8e1,#fff1c7);border:1.5px dashed color-mix(in srgb,var(--sh-accent) 80%,#c88a00)}
.sg-offers h2{margin:0 0 8px;font-size:.85em;text-transform:uppercase;letter-spacing:.06em;color:#8a5a00;font-weight:800}
.sg-offers ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sg-offers li{display:flex;gap:10px;align-items:flex-start;font-weight:700;font-size:1.05em;line-height:1.45;color:var(--sh-dark)}
.sg-offers li svg{width:20px;height:20px;flex:none;margin-top:2px;padding:2px;border-radius:50%;background:var(--sh-main);fill:#fff}
.sg-lead{font-size:1.1em;margin:0 0 18px}

.sg-rows{margin:0 0 20px;display:grid;gap:2px}
.sg-rows>div{display:grid;grid-template-columns:22px 118px minmax(0,1fr);gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--sh-text) 9%,transparent)}
.sg-rows>div:last-child{border-bottom:0}
.sg-rows svg{width:20px;height:20px;fill:var(--sh-main);margin-top:2px}
.sg-rows dt{font-weight:700;color:color-mix(in srgb,var(--sh-text) 70%,transparent)}
.sg-rows dd{margin:0;overflow-wrap:anywhere}
.sg-rows dd a{color:var(--sh-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--sh-main) 40%,transparent);text-underline-offset:3px}

.sg-btns{display:flex;flex-wrap:wrap;gap:10px}
.sg-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--sh-main) 35%,transparent);background:#fff;color:var(--sh-main)!important;font:inherit;font-weight:800;font-size:.95em;text-decoration:none;cursor:pointer;transition:transform .12s,background .12s}
.sg-btn svg{width:18px;height:18px;fill:currentColor;flex:none}
.sg-btn:hover{background:color-mix(in srgb,var(--sh-main) 7%,#fff);transform:translateY(-1px)}
.sg-btn--main{background:var(--sh-main);border-color:var(--sh-main);color:#fff!important;box-shadow:0 6px 18px color-mix(in srgb,var(--sh-main) 35%,transparent)}
.sg-btn--main:hover{background:color-mix(in srgb,var(--sh-main) 88%,#000)}
.sg-btn--main b{font-weight:800;opacity:.9}
.sg-share.is-done{background:#e7f6ec;border-color:#9bd3ae;color:#16743a!important}
.sg-date{margin:14px 0 0;font-size:.85em;opacity:.6}

.sg-body{margin:22px 0 0;background:var(--sh-card);border-radius:calc(var(--sh-r) + 6px);box-shadow:0 10px 40px rgba(60,10,0,.06);overflow:hidden}
.sg-body>summary{cursor:pointer;list-style:none;padding:16px 24px;font-weight:800;color:var(--sh-dark);display:flex;justify-content:space-between;align-items:center}
.sg-body>summary::-webkit-details-marker{display:none}
.sg-body>summary::after{content:"";width:10px;height:10px;border-right:2.5px solid var(--sh-main);border-bottom:2.5px solid var(--sh-main);transform:rotate(45deg);transition:transform .2s;margin-left:12px}
.sg-body[open]>summary::after{transform:rotate(-135deg)}
.sg-body__in{padding:0 24px 22px;max-width:760px;font-size:1.02em;line-height:1.75}
.sg-body__in p{margin:0 0 .8em}
.sg-body__in img{max-width:100%;height:auto;border-radius:12px}
.sg-body__in a{color:var(--sh-main);overflow-wrap:anywhere}
.sg-body__in h1,.sg-body__in h2,.sg-body__in h3{font-size:1.15em;line-height:1.35;margin:1.2em 0 .5em;color:var(--sh-dark)}
.sg-body__in hr{border:0;border-top:1px dashed #ddd;margin:1.2em 0}
.sg-press .sg-body{margin-top:22px}

.sg-rel{margin:36px 0 0}
.sg-rel .sn-group__head{margin-bottom:16px}
.sg-all{text-align:center;margin:24px 0 0}

.sg-dock{display:none}
@media (max-width:900px){
	.sg-top{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px}
	.sg-poster{position:static;max-width:460px;margin:0 auto;width:100%}
}
@media (max-width:900px){
	/* Điện thoại/máy tính bảng: tiêu đề lên trước, rồi poster, rồi ưu đãi */
	.sg-top{gap:0}
	.sg-info{display:contents}
	.sg-tags{order:1}
	.sg-title{order:2}
	.sg-place{order:3}
	.sg-poster{order:4;margin:4px auto 18px}
	.sg-cd,.sg-note,.sg-offers,.sg-lead,.sg-rows,.sg-btns,.sg-date{order:5}
}
@media (max-width:700px){
	.sg-root{padding:12px 0 92px}
	.sg-poster{max-width:340px}
	.sg-type,.sg-state{font-size:.74em;padding:4px 10px}
	.sg-tags{gap:6px}
	.sg-top{padding:12px;border-radius:var(--sh-r)}
	.sg-rows>div{grid-template-columns:20px minmax(0,1fr);gap:4px 10px}
	.sg-rows dt{grid-column:2;font-size:.85em}
	.sg-rows dd{grid-column:2}
	.sg-rows svg{grid-row:1 / span 2}
	.sg-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
	.sg-btns .sg-btn{justify-content:center;padding:11px 8px;font-size:.86em;white-space:nowrap;min-width:0}
	.sg-btns .sg-btn--main{grid-column:1 / -1;font-size:.95em}
	.sg-body>summary{padding:14px 16px}
	.sg-body__in{padding:0 16px 18px}
	.sg-dock{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid #eee;box-shadow:0 -6px 20px rgba(0,0,0,.08);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
	.sg-dock a,.sg-dock button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:0;background:none;font:inherit;font-size:.72em;font-weight:700;color:var(--sh-text);text-decoration:none;border-radius:12px;cursor:pointer}
	.sg-dock svg{width:22px;height:22px;fill:var(--sh-main)}
	.sg-dock .is-main{background:var(--sh-main);color:#fff}
	.sg-dock .is-main svg{fill:#fff}
}
@media print{.sg-dock,.sg-btns,.sg-rel,.sh-head,.sh-foot{display:none!important}.sg-body__in{display:block}}