/* SEOUL – Trang chủ mới. Màu, phông, kích thước lấy từ biến --sh-* (chỉnh trong admin). */
.sh-root{--sh-main:#c50101;--sh-dark:#2d1111;--sh-accent:#ffc928;--sh-bg:#fff6ee;--sh-card:#fff;--sh-text:#2b1a14;--sh-r:16px;--sh-w:1200px;--sh-gap:72px;--sh-fs:16px;--sh-upper:uppercase;
	font-family:var(--sh-font,inherit);font-size:var(--sh-fs);line-height:1.6;color:var(--sh-text);-webkit-font-smoothing:antialiased}
body.sh-body{margin:0;background:#fff;overflow-x:hidden}
.sh-root *,.sh-root *::before,.sh-root *::after{box-sizing:border-box}
.sh-root img{max-width:100%;height:auto;display:block}
.sh-root a{color:inherit;text-decoration:none}
.sh-root ul,.sh-root ol{list-style:none;margin:0;padding:0}
.sh-wrap{width:100%;max-width:calc(var(--sh-w) + 40px);margin:0 auto;padding:0 20px}
.sh-main{display:block;overflow-x:clip}

/* nút */
.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:700;font-size:.95em;line-height:1.2;border:2px solid transparent;transition:transform .15s,background .15s,color .15s;cursor:pointer;white-space:nowrap}
.sh-btn:hover{transform:translateY(-2px)}
.sh-btn--lg{padding:15px 28px;font-size:1.02em}
.sh-btn--sm{padding:8px 16px;font-size:.88em}
.sh-btn--main{background:var(--sh-main);color:#fff!important}
.sh-btn--main:hover{background:color-mix(in srgb,var(--sh-main) 85%,#000)}
.sh-btn--accent{background:var(--sh-accent);color:var(--sh-dark)!important}
.sh-btn--ghost{border-color:currentColor;color:inherit}
.sh-btn--ghost:hover{background:rgba(255,255,255,.12)}

/* đầu trang */
.sh-head{background:var(--sh-head-bg,#2d1111);color:var(--sh-head-tx,#fff);z-index:50;position:relative}
.sh-head.is-sticky{position:sticky;top:0}
.admin-bar .sh-head.is-sticky{top:32px}
.sh-head__in{display:flex;align-items:center;gap:20px;min-height:calc(var(--sh-logo-h,52px) + 20px)}
.sh-logo{flex:none;display:flex;align-items:center;font-weight:800;font-size:1.3em}
.sh-logo{min-width:0;flex:0 1 auto}
.sh-head .sh-logo__img{height:var(--sh-logo-h,52px);width:auto;max-width:220px;object-fit:contain;object-position:left center}
.sh-nav{flex:1;min-width:0}
.sh-nav__list{display:flex;flex-wrap:nowrap;justify-content:center;gap:0}
.sh-nav__list>li{position:relative}
.sh-nav__list a{display:block;padding:10px 9px;font-weight:600;font-size:.82em;text-transform:uppercase;letter-spacing:.02em;border-radius:8px;white-space:nowrap}
.sh-nav__list a:hover,.sh-nav__list .current-menu-item>a{color:var(--sh-accent)}
.sh-nav .sub-menu{position:absolute;left:0;top:100%;min-width:220px;background:#fff;color:var(--sh-text);border-radius:12px;padding:8px;box-shadow:0 12px 32px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s;z-index:5}
.sh-nav li:hover>.sub-menu,.sh-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.sh-nav .sub-menu a{text-transform:none;font-size:.92em}
.sh-nav .sub-menu a:hover{background:var(--sh-bg);color:var(--sh-main)}
.sh-nav .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-3px)}
.sh-head__act{flex:none;display:flex;align-items:center;gap:12px}
.sh-head__tel{display:flex;align-items:center;gap:6px;font-weight:800;color:var(--sh-accent)!important}
.sh-head__tel svg{width:20px;height:20px;fill:currentColor}
.sh-head .sh-burger{display:none;width:42px;height:42px;min-height:0;border:0;background:rgba(255,255,255,.1);border-radius:10px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;margin:0;box-shadow:none}
.sh-burger span{display:block;width:20px;height:2px;background:var(--sh-head-tx,#fff);border-radius:2px;transition:.2s}
.sh-head.is-open .sh-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.sh-head.is-open .sh-burger span:nth-child(2){opacity:0}
.sh-head.is-open .sh-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:1440px){.sh-head__tel span{display:none}}
@media (max-width:1240px){
	.sh-head .sh-burger{display:flex}
	.sh-head__in{justify-content:space-between}
	.sh-nav{position:absolute;left:0;right:0;top:100%;background:var(--sh-head-bg,#2d1111);max-height:0;overflow:auto;transition:max-height .25s}
	.sh-head.is-open .sh-nav{max-height:calc(100vh - 80px)}
	.sh-nav__list{display:block;padding:8px 20px 20px}
	.sh-nav__list a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0}
	.sh-nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;background:none;color:inherit;box-shadow:none;padding:0 0 0 16px;min-width:0}
	.sh-nav .sub-menu a:hover{background:none}
	.sh-nav .menu-item-has-children>a::after{display:none}
}
@media (max-width:600px){
	.sh-head__tel span,.sh-head__extra{display:none}
	.sh-head__in{gap:10px}
	.sh-head .sh-logo__img{max-width:150px;height:calc(var(--sh-logo-h,52px) * .8)}
	.sh-head .sh-btn--sm{padding:8px 12px}
}

/* khối chung */
.sh-sec{padding:var(--sh-gap) 0}
.sh-sec--hero{padding:0}
.sh-bg-white{background:#fff}
.sh-bg-light{background:var(--sh-bg)}
.sh-bg-dark{background:var(--sh-dark);color:#fff}
.sh-bg-main{background:var(--sh-main);color:#fff}
.sh-h2{font-family:var(--sh-font-h,inherit);text-transform:var(--sh-upper);font-weight:800;font-size:clamp(1.6em,3.2vw,2.4em);line-height:1.15;margin:0 0 .3em;letter-spacing:-.01em;color:inherit}
.sh-bg-white .sh-h2,.sh-bg-light .sh-h2{color:var(--sh-main)}
.sh-sub{margin:0;opacity:.8;max-width:640px}
.sh-sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.sh-more{flex:none;font-weight:700;color:var(--sh-main)!important;white-space:nowrap}
.sh-bg-dark .sh-more,.sh-bg-main .sh-more{color:var(--sh-accent)!important}
@media (max-width:700px){.sh-sec__head{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:20px}}
.sh-more span{display:inline-block;transition:transform .15s}
.sh-more:hover span{transform:translateX(4px)}
.sh-rich p{margin:0 0 1em}
.sh-rich p:last-child{margin-bottom:0}

/* ảnh bìa */
.sh-hero{position:relative;min-height:var(--hh,78vh);display:flex;align-items:center;color:var(--htx,#fff);background:var(--sh-dark);overflow:hidden;isolation:isolate}
.sh-hero picture,.sh-hero__img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;z-index:-2}
.sh-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,var(--ov,.45)) 0%,rgba(0,0,0,calc(var(--ov,.45) * .6)) 55%,rgba(0,0,0,calc(var(--ov,.45) * .2)) 100%)}
.sh-hero--center::before{background:rgba(0,0,0,var(--ov,.45))}
.sh-hero__in{padding-top:60px;padding-bottom:60px}
.sh-hero--center .sh-hero__in{text-align:center;display:flex;flex-direction:column;align-items:center}
.sh-eyebrow{display:inline-block;margin:0 0 14px;padding:6px 14px;border-radius:999px;background:var(--sh-accent);color:var(--sh-dark);font-weight:800;font-size:.85em;letter-spacing:.04em;text-transform:uppercase}
.sh-hero__title{font-family:var(--sh-font-h,inherit);letter-spacing:-.01em;text-transform:var(--sh-upper);font-size:clamp(2.4em,7vw,5em);font-weight:800;line-height:1.02;margin:0 0 .25em;max-width:12ch;color:inherit;text-shadow:0 4px 24px rgba(0,0,0,.25)}
.sh-hero--center .sh-hero__title{max-width:none}
.sh-hero__sub{font-size:clamp(1.05em,1.6vw,1.25em);max-width:560px;margin:0 0 28px;opacity:.95}
.sh-btns{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:700px){
	.sh-hero{min-height:var(--hhm,64vh);align-items:flex-end}
	.sh-hero::before{background:linear-gradient(0deg,rgba(0,0,0,calc(var(--ov,.45) + .25)) 0%,rgba(0,0,0,calc(var(--ov,.45) * .5)) 70%)}
	.sh-hero__in{padding-bottom:36px}
	.sh-btns .sh-btn{flex:1 1 auto}
}

/* con số */
.sh-sec--stats{padding:calc(var(--sh-gap) * .5) 0}
.sh-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;text-align:center}
.sh-stats li{display:flex;flex-direction:column;gap:2px}
.sh-stats__n{font-family:var(--sh-font-h,inherit);font-size:clamp(2em,4.5vw,3.2em);font-weight:800;line-height:1;color:var(--sh-accent)}
.sh-bg-white .sh-stats__n,.sh-bg-light .sh-stats__n{color:var(--sh-main)}
.sh-stats span{font-weight:600;opacity:.9;text-transform:uppercase;font-size:.85em;letter-spacing:.04em}
@media (max-width:700px){.sh-stats{grid-template-columns:repeat(2,1fr);gap:22px 12px}}

/* hàng vuốt ngang */
.sh-rail{position:relative}
.sh-rail__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 12px;margin:0 -2px;overscroll-behavior-x:contain}
.sh-rail__track::-webkit-scrollbar{display:none}
.sh-rail__track>li{scroll-snap-align:start;flex:none}
.sh-rail__btn{position:absolute;top:calc(50% - 28px);width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--sh-dark);font-size:26px;line-height:1;box-shadow:0 6px 18px rgba(0,0,0,.18);cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:opacity .15s}
.sh-rail__btn--p{left:-14px}
.sh-rail__btn--n{right:-14px}
.sh-rail__btn[disabled]{opacity:0;pointer-events:none}
@media (max-width:700px){.sh-rail__btn{display:none}.sh-rail__track{margin-right:-20px;padding-right:20px}}

/* thẻ khai trương / ưu đãi */
.sh-card{width:280px;background:var(--sh-card);color:var(--sh-text);border-radius:var(--sh-r);overflow:hidden;box-shadow:0 4px 18px rgba(60,10,0,.08);transition:transform .15s,box-shadow .15s}
.sh-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(60,10,0,.14)}
.sh-card>a,.sh-card>div{display:flex;flex-direction:column;height:100%}
.sh-card__img{position:relative;aspect-ratio:4/3;background:var(--sh-bg);display:block}
.sh-card__img img{width:100%;height:100%!important;object-fit:cover}
.sh-card__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.6em;color:var(--sh-main);opacity:.35}
.sh-tag{position:absolute;left:10px;top:10px;padding:4px 10px;border-radius:999px;font-size:.75em;font-weight:800;background:var(--sh-main);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.sh-tag--soon{background:var(--sh-accent);color:var(--sh-dark)}
.sh-tag--promo{background:#0a8a4a}
.sh-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}
.sh-card__body strong{font-size:1em;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sh-card__body small{font-size:.85em;opacity:.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:700px){.sh-card{width:74vw;max-width:300px}}

/* món nổi bật */
.sh-dish{width:240px}
.sh-dish a,.sh-dish>img{display:block}
.sh-dish img{width:100%;aspect-ratio:1;object-fit:contain;transition:transform .25s;filter:drop-shadow(0 12px 18px rgba(0,0,0,.18))}
.sh-dish a:hover img{transform:scale(1.05) rotate(-2deg)}
.sh-dish__cap{display:block;text-align:center;font-weight:700;margin-top:8px}
@media (max-width:700px){.sh-dish{width:52vw}}

/* thực đơn */
.sh-menu{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:18px}
.sh-menu a,.sh-menu li>div{position:relative;display:block;border-radius:var(--sh-r);overflow:hidden;aspect-ratio:4/5;background:var(--sh-dark);isolation:isolate}
.sh-menu__img,.sh-menu__img img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;transition:transform .35s}
.sh-menu a:hover .sh-menu__img img{transform:scale(1.06)}
.sh-menu__img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,0) 55%)}
.sh-menu__t{position:absolute;left:0;right:0;bottom:0;padding:16px;color:#fff;font-family:var(--sh-font-h,inherit);font-weight:800;text-transform:var(--sh-upper);font-size:1.05em;line-height:1.2;z-index:1}
@media (max-width:700px){.sh-menu{grid-template-columns:repeat(var(--cols-m,2),1fr);gap:12px}.sh-menu__t{padding:12px;font-size:.95em}}

/* hai cột chữ + ảnh */
.sh-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.sh-split--left .sh-split__media{order:-1}
.sh-split__media img{width:100%;border-radius:var(--sh-r);object-fit:cover;max-height:560px}
.sh-split__text .sh-btn{margin-top:22px}
@media (max-width:800px){.sh-split{grid-template-columns:1fr}.sh-split__media{order:-1}}

/* cấp độ cay */
.sh-sec--spicy .sh-split__media img{object-fit:contain;filter:drop-shadow(0 24px 40px rgba(0,0,0,.35));border-radius:0}
.sh-levels{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.sh-levels li{--p:calc(var(--i) / max(1, var(--n) - 1));padding:8px 14px;border-radius:999px;font-weight:700;font-size:.9em;color:#fff;
	background:color-mix(in srgb,#ff9a1f calc(100% - var(--p) * 100%),#7a0000);box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}
.sh-chili{margin-right:4px;font-size:.85em}

/* thư viện ảnh */
.sh-gal>li{width:340px}
.sh-gal--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.sh-gal--grid>li{width:auto}
.sh-gal__btn{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--sh-r);overflow:hidden}
.sh-gal__btn img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}
.sh-gal__btn:hover img{transform:scale(1.04)}
@media (max-width:700px){.sh-gal>li{width:72vw}.sh-gal--grid{grid-template-columns:repeat(2,1fr);gap:8px}}

/* xem ảnh lớn */
.sh-lb{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}
.sh-lb[hidden]{display:none}
.sh-lb img{max-width:100%;max-height:90vh;border-radius:8px}
.sh-lb button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:48px;height:48px;border-radius:50%;font-size:30px;line-height:1;cursor:pointer}
.sh-lb__x{top:16px;right:16px}
.sh-lb__p{left:12px;top:calc(50% - 24px)}
.sh-lb__n{right:12px;top:calc(50% - 24px)}

/* tuyển dụng & nhượng quyền */
.sh-cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.sh-cta__item{position:relative;border-radius:var(--sh-r);overflow:hidden;min-height:300px;display:flex;align-items:flex-end;background:var(--sh-dark);color:#fff;isolation:isolate}
.sh-cta__bg{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;z-index:-2;transition:transform .4s}
.sh-cta__item:hover .sh-cta__bg{transform:scale(1.04)}
.sh-cta__item::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,color-mix(in srgb,var(--sh-dark) 92%,transparent) 0%,color-mix(in srgb,var(--sh-dark) 35%,transparent) 100%)}
.sh-cta__in{padding:28px}
.sh-cta__in h3{font-family:var(--sh-font-h,inherit);font-weight:800;letter-spacing:0;text-transform:var(--sh-upper);font-size:1.5em;line-height:1.2;margin:0 0 8px;color:#fff}
.sh-cta__in p{margin:0 0 18px;opacity:.92}

/* chân trang */
.sh-foot{background:var(--sh-foot-bg,#1d0b0b);color:rgba(255,255,255,.82);font-size:.92em}
.sh-foot__in{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding-top:48px;padding-bottom:32px}
.sh-foot .sh-foot__logo{height:56px;width:auto;margin-bottom:14px}
.sh-foot p{margin:0 0 6px}
.sh-foot__name{font-weight:800;color:#fff;text-transform:uppercase}
.sh-foot p span{opacity:.65}
.sh-foot a:hover{color:var(--sh-accent)}
.sh-foot__links{display:grid;gap:8px;align-content:start}
.sh-foot__social{display:flex;flex-direction:column;align-items:flex-start;gap:10px;align-self:start}
.sh-foot__so:hover{background:rgba(255,255,255,.16)}
.sh-foot__fb{display:inline-flex;align-items:center;gap:8px;align-self:start;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:700;color:#fff}
.sh-foot__fb svg{width:20px;height:20px;fill:currentColor}
.sh-foot__badges{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;padding:6px 20px 18px}.sh-foot__badges img{max-height:72px;width:auto;height:auto}.sh-foot__seal{display:inline-block;background:#fff;border-radius:10px;padding:6px 8px;line-height:0;transition:transform .2s}.sh-foot__seal:hover{transform:translateY(-2px)}.sh-foot__seal img{height:64px;width:auto}
.sh-foot__copy{text-align:center;margin:0;padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);font-size:.85em;opacity:.7}
@media (max-width:800px){.sh-foot__in{grid-template-columns:1fr 1fr}.sh-foot__brand{grid-column:1/-1}}

/* hiệu ứng hiện dần khi cuộn */
.sh-js .sh-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.sh-js .sh-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.sh-js .sh-reveal{opacity:1;transform:none;transition:none}.sh-root *{scroll-behavior:auto!important}}

/* Dùng trên trang Elementor: chặn style chung của theme/Elementor ảnh hưởng đầu & chân trang */
.sh-head,.sh-foot{font-family:var(--sh-font,inherit);font-size:var(--sh-fs,16px);line-height:1.6}
.sh-head ul,.sh-foot ul{list-style:none;margin:0;padding:0}
.sh-head .sh-nav .sub-menu{padding:8px}
@media (max-width:1240px){.sh-head .sh-nav__list{padding:8px 20px 20px}.sh-head .sh-nav .sub-menu{padding:0 0 0 16px}}
.sh-head a,.sh-foot a{text-decoration:none}
.sh-head .sh-nav__list a{color:inherit}
.sh-foot p{color:inherit}
/* Mục "Tải app" trên menu đầu trang: ẩn ở bề rộng trung bình để menu không bị chật (vẫn có trong menu điện thoại) */
.sh-nav .menu-item-scn-app>a{white-space:nowrap}
@media (min-width:1241px) and (max-width:1500px){.sh-head .menu-item-scn-app{display:none}}
