/* LOUIE DESIGN | Inquiry mobile v2.1 | isolated mobile UI */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-bottom:96px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,video,svg,canvas{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
a{color:inherit;text-decoration:none}
:root{--bg:#070808;--bg-2:#090a0a;--panel:#0d0e0e;--line:rgba(214,173,65,.24);--line-strong:rgba(231,190,76,.44);--gold:#d9ad43;--gold-light:#f2d27f;--text:#f5f1e8;--muted:#9a958d;--header-h:66px}
body.mobile-public-page{width:100%;min-width:0;max-width:100%;margin:0;overflow-x:hidden;overscroll-behavior-x:none;padding-bottom:calc(82px + env(safe-area-inset-bottom));font-family:Inter,"Noto Sans Thai","Noto Sans","Noto Sans KR",Arial,sans-serif;color:var(--text);background:#050606;font-size:16px;line-height:1.58;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.mobile-public-page main{width:100%;min-width:0;max-width:100%;overflow-x:hidden}
body.mobile-public-page .wr-1,body.mobile-public-page .wr-2{min-width:0}
.wr-2{width:min(calc(100% - 20px),620px);margin-inline:auto}

/* shared mobile header: same shell as main pages */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(4,5,5,.96);border-bottom:1px solid rgba(214,173,65,.24);box-shadow:0 10px 28px rgba(0,0,0,.28);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}
.site-header__inner{width:min(calc(100% - 20px),620px);min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;position:relative;margin-inline:auto}
.site-header .brand{grid-column:1;display:flex;align-items:center;gap:9px;min-width:0}
.site-header .brand img{width:42px;height:42px;flex:0 0 42px;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(0,0,0,.58))}
.site-header .brand span{min-width:0;display:grid;line-height:1.13}
.site-header .brand small{display:none}
.site-header .brand strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.81rem;letter-spacing:.055em}
.site-header .locale-switcher{grid-column:2;justify-self:end;display:flex;padding:3px;border:1px solid rgba(214,173,65,.30);border-radius:999px;background:rgba(0,0,0,.36)}
.site-header .locale-switcher a{min-width:31px;padding:6px 7px;border-radius:999px;color:#7e7b75;text-align:center;font-size:.625rem;white-space:nowrap}
.site-header .locale-switcher a.active{background:linear-gradient(180deg,#edc85e,#c89429);color:#10100f;font-weight:850;box-shadow:0 4px 12px rgba(204,156,42,.22)}
.site-header .nav-toggle{display:block;grid-column:3;justify-self:end;width:38px;height:38px;padding:0;border:1px solid rgba(214,173,65,.26);border-radius:10px;background:rgba(255,255,255,.018);color:#fff}
.site-header .nav-toggle span{display:block;width:20px;height:2px;margin:4px auto;background:currentColor;border-radius:99px;transition:transform .2s ease,opacity .2s ease}
.site-header .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-header .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.site-header .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.site-header .site-nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 7px);max-height:calc(100vh - var(--header-h) - 28px);overflow-y:auto;padding:9px;border:1px solid rgba(214,173,65,.28);border-radius:13px;background:rgba(8,9,9,.985);box-shadow:0 22px 48px rgba(0,0,0,.52);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;gap:2px;font-size:.9rem}
.site-header .site-nav.is-open{display:flex}
.site-header .site-nav a{min-height:40px;display:flex;align-items:center;justify-content:center;padding:9px 10px;border:1px solid rgba(255,255,255,.045);border-radius:8px;background:#0d0e0e;color:#ddd6c9;text-align:center}
.site-header .site-nav a.is-active{border-color:rgba(214,173,65,.28);background:rgba(217,173,67,.055);color:#efca65}

/* inquiry mobile */
.inquiry-page{background:#050606;color:#eee9de}
.inquiry-main{width:100%;overflow:hidden;background:#050606}
.inquiry-shell{width:calc(100% - 20px);max-width:620px;margin-inline:auto}
.inquiry-hero{padding:30px 0 26px;border-bottom:1px solid rgba(214,167,72,.16);background:radial-gradient(circle at 88% 10%,rgba(214,167,72,.09),transparent 34%),linear-gradient(180deg,#080909 0%,#060707 100%)}
.inquiry-hero__grid{display:grid;grid-template-columns:1fr;gap:20px}
.inquiry-hero__copy>span,.inquiry-section-head>span,.inquiry-section-head>div>span{display:block;color:#d8ab48;font-size:10px;font-weight:900;letter-spacing:.12em}
.inquiry-hero__copy h1{margin-top:8px;color:#f4eee4;font-size:clamp(30px,9vw,39px);font-weight:950;line-height:1.08;letter-spacing:-.045em;word-break:keep-all}
.inquiry-hero__copy h2{margin-top:12px;max-width:560px;color:#dfb54e;font-size:clamp(18px,5.6vw,23px);font-weight:850;line-height:1.32;letter-spacing:-.02em;word-break:keep-all}
.inquiry-hero__copy p{margin-top:12px;color:#aaa39a;font-size:12px;line-height:1.68;word-break:keep-all}
.inquiry-primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;margin-top:18px;padding:0 18px;border:1px solid rgba(245,211,120,.22);border-radius:10px;background:linear-gradient(180deg,#e4bd58,#c99b37);box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.18);color:#18130a;font-size:12.5px;font-weight:900}
.inquiry-primary b{font-size:18px;line-height:1}
.inquiry-hero__copy small{display:block;margin-top:8px;color:#6f6a63;font-size:9.5px;line-height:1.5}
.inquiry-brief{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(214,167,72,.26);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008));box-shadow:0 18px 38px rgba(0,0,0,.16)}
.inquiry-brief article{display:grid;grid-template-columns:31px minmax(0,1fr);gap:7px;min-height:104px;padding:14px 10px;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.inquiry-brief article:nth-child(2n){border-right:0}
.inquiry-brief article:nth-child(n+3){border-bottom:0}
.inquiry-brief article>b{color:rgba(216,171,72,.44);font-size:20px;font-weight:900;line-height:1}
.inquiry-brief strong,.inquiry-brief span{display:block;word-break:keep-all}
.inquiry-brief strong{color:#eee9de;font-size:11.5px;line-height:1.4}
.inquiry-brief span{margin-top:5px;color:#858078;font-size:9.5px;line-height:1.45}

.inquiry-rules{padding:30px 0 32px;border-bottom:1px solid rgba(255,255,255,.05);background:#080909}
.inquiry-section-head h2{margin-top:6px;color:#f1ebe1;font-size:25px;font-weight:900;line-height:1.22;letter-spacing:-.025em;word-break:keep-all}
.inquiry-rule-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:15px}
.inquiry-rule-grid article{position:relative;padding:15px 15px 16px;border:1px solid rgba(255,255,255,.085);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008));overflow:hidden}
.inquiry-rule-grid article>b{display:block;color:rgba(216,171,72,.48);font-size:21px;font-weight:900;line-height:1}
.inquiry-rule-grid h3{margin-top:10px;color:#e8dfcc;font-size:14px;font-weight:850;line-height:1.4;word-break:keep-all}
.inquiry-rule-grid p{margin-top:7px;color:#918b83;font-size:10.5px;line-height:1.68;word-break:keep-all}
.inquiry-rule-grid article.is-urgent{border-color:rgba(216,171,72,.38);background:linear-gradient(180deg,rgba(216,171,72,.052),rgba(255,255,255,.008))}
.inquiry-rule-grid article.is-urgent::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#e2b74e,rgba(226,183,78,.12))}
.inquiry-rule-grid article.is-urgent h3{color:#d8ab48}

.inquiry-board{padding:30px 0 34px;background:radial-gradient(circle at 15% 15%,rgba(214,167,72,.045),transparent 30%),#050606}
.inquiry-section-head--board{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.inquiry-section-head--board>div{min-width:0}
.inquiry-section-head--board p{flex:0 0 auto;margin:0 0 2px;color:#807a72;font-size:9.5px;line-height:1.4;text-align:right;white-space:nowrap}
.inquiry-board__table{margin-top:15px;border:1px solid rgba(214,167,72,.26);border-radius:12px;overflow:hidden;background:#080909;box-shadow:0 16px 34px rgba(0,0,0,.14)}
.inquiry-board__head{display:grid;grid-template-columns:76px 54px minmax(0,1fr);gap:7px;padding:9px 12px;border-bottom:1px solid rgba(214,167,72,.17);background:rgba(214,167,72,.045);color:#b8923c;font-size:8.5px;font-weight:850}
.inquiry-board__row{display:grid;grid-template-columns:76px 54px minmax(0,1fr);gap:5px 7px;align-items:start;padding:12px;border-top:1px solid rgba(255,255,255,.055)}
.inquiry-board__head>span:last-child{display:none}.inquiry-board__head+.inquiry-board__row{border-top:0}
.inquiry-board__row time{grid-row:1/3;color:#d8ab48;font-size:10px;font-weight:850;line-height:1.45;font-variant-numeric:tabular-nums}.inquiry-board__type{display:inline-flex;width:max-content;min-width:42px;height:20px;align-items:center;justify-content:center;padding:0 7px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:#8d8880;font-size:8.5px;font-weight:900;line-height:1}.inquiry-board__type.is-urgent{border-color:rgba(216,171,72,.52);background:rgba(216,171,72,.10);color:#dfb54f}.inquiry-board__row.is-urgent{background:linear-gradient(90deg,rgba(216,171,72,.04),transparent 38%)}.inquiry-board__row strong{min-width:0;color:#eee9de;font-size:10.5px;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}.inquiry-board__work{grid-column:2/4;min-width:0;color:#8e8880;font-size:9.7px;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}
.inquiry-board__empty{padding:28px 14px;text-align:center;color:#67625c;font-size:10.5px}

/* PC rail off on mobile */
.contact-rail{display:none}

/* fixed contact bar - intentionally identical to other mobile pages */
.contact-mobile{position:fixed;z-index:1400;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;border:1px solid rgba(214,173,65,.30);border-radius:15px;background:rgba(8,9,10,.93);box-shadow:0 -6px 24px rgba(0,0,0,.38),0 8px 24px rgba(0,0,0,.30);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}
.contact-mobile::before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(239,202,108,.70),transparent);pointer-events:none}
.contact-mobile__item{min-width:0;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px 2px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));color:#f5f0e4;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);-webkit-tap-highlight-color:transparent}
.contact-mobile__item:active{transform:translateY(1px);background:rgba(214,173,65,.075);border-color:rgba(214,173,65,.25)}
.contact-mobile__icon,.contact-mobile__item>span{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#181a1b;font-size:10px;line-height:1}
.contact-mobile__icon.has-image{background:transparent}
.contact-mobile__icon.has-image img{display:block;width:100%;height:100%;object-fit:contain}
.contact-mobile__item--zalo .contact-mobile__icon img{transform:scale(1.06)}
.contact-mobile__item--telegram .contact-mobile__icon img{transform:scale(.98)}
.contact-mobile__item--kakao .contact-mobile__icon img{transform:scale(1.04)}
.contact-mobile__item>strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#eee8dc;font-size:9.5px;font-weight:760;line-height:1;letter-spacing:-.02em;white-space:nowrap}
.contact-mobile__item.is-pending{opacity:.62}

/* shared compact footer: same geometry as other mobile pages */
.site-footer-compact{display:block!important;position:relative!important;width:100%!important;max-width:none!important;min-height:0!important;margin:12px 0 0!important;padding:12px 12px 82px!important;border:0!important;border-top:1px solid rgba(214,173,65,.24)!important;border-radius:0!important;background:radial-gradient(circle at 50% -20%,rgba(214,173,65,.055),transparent 38%),#080909!important;box-shadow:none!important;overflow:visible!important}
.site-footer-compact::before,.site-footer-compact::after{display:none!important;content:none!important}
.site-footer-compact>.wr-2{width:100%!important;max-width:440px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
.site-footer-compact__main{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;min-height:0!important}
.site-footer-compact__brand{display:inline-flex!important;align-items:center!important;justify-self:start!important;gap:9px!important;min-width:0!important;color:#f1ece3!important}
.site-footer-compact__brand img{display:block!important;width:40px!important;height:40px!important;max-width:40px!important;flex:0 0 40px!important;object-fit:contain!important}
.site-footer-compact__brand span{display:block!important;min-width:0!important}
.site-footer-compact__brand strong{display:block!important;margin:0!important;color:#eee9df!important;font-size:13px!important;line-height:1.05!important;font-weight:900!important;letter-spacing:.02em!important}
.site-footer-compact__brand small{display:block!important;margin-top:3px!important;color:#9d927f!important;font-size:7.8px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:.02em!important}
.site-footer-compact__visitors{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
.site-footer-compact__visitors>span{min-width:0!important;width:100%!important;height:34px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:4px 2px!important;border:1px solid rgba(214,173,65,.28)!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(214,173,65,.045),rgba(255,255,255,.01))!important}
.site-footer-compact__visitors b{color:#948c80!important;font-size:7.5px!important;font-weight:800!important;line-height:1!important}
.site-footer-compact__visitors strong{color:#dfb84e!important;font-size:12px!important;font-weight:950!important;line-height:1!important;font-variant-numeric:tabular-nums!important}
.site-footer-compact__bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:0!important;margin-top:8px!important;padding-top:7px!important;border-top:1px solid rgba(255,255,255,.05)!important;background:none!important;color:#625d56!important;font-size:8px!important;line-height:1.2!important}
.site-footer-compact__bottom a{margin:0!important;padding:0!important;border:0!important;color:#8f887f!important;font-size:8.5px!important;font-weight:850!important;line-height:1!important;letter-spacing:.09em!important}

@media (max-width:390px){
  :root{--header-h:62px}
  body.mobile-public-page{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .site-header__inner{width:calc(100% - 14px);min-height:62px;gap:6px}
  .site-header .brand{gap:7px}.site-header .brand img{width:38px;height:38px;flex-basis:38px}.site-header .brand strong{font-size:.72rem;letter-spacing:.035em}
  .site-header .locale-switcher{padding:2px}.site-header .locale-switcher a{min-width:27px;padding:5px;font-size:.56rem}.site-header .nav-toggle{width:35px;height:35px;border-radius:9px}
  .inquiry-shell{width:calc(100% - 16px)}
  .inquiry-hero{padding-top:27px}.inquiry-hero__copy h1{font-size:30px}.inquiry-hero__copy h2{font-size:18px}
  .inquiry-brief article{grid-template-columns:28px minmax(0,1fr);min-height:100px;padding:12px 8px}.inquiry-brief strong{font-size:10.8px}.inquiry-brief span{font-size:9px}
  .inquiry-section-head h2{font-size:23px}
  .inquiry-section-head--board{display:block}.inquiry-section-head--board p{margin-top:6px;text-align:left}
  .inquiry-board__head,.inquiry-board__row{grid-template-columns:70px 50px minmax(0,1fr);gap:5px;padding-left:10px;padding-right:10px}
  .inquiry-board__row time,.inquiry-board__row strong,.inquiry-board__work{font-size:9.4px}.inquiry-board__type{min-width:38px;height:19px;padding:0 6px;font-size:8px}
  .contact-mobile{left:7px;right:7px;gap:4px;padding:5px;border-radius:15px}.contact-mobile__item{height:48px;gap:3px}.contact-mobile__icon,.contact-mobile__item>span{width:22px;height:22px;flex-basis:22px}.contact-mobile__item>strong{font-size:9px}
}