.page-beauty .beauty{width:100%;max-width:var(--shell);margin:auto;background:#fbf4e7}
/* Preserve V2 approved background overlay and byte-identical first-panel art. */
.page-beauty .beauty-panel{position:relative;width:100%;padding:20px 16px 26px;background:linear-gradient(#fffaf2e0,#fffaf2e0),url('../assets/details/common-bg.png') center top/cover no-repeat;box-shadow:inset 0 0 0 1px #c5a16d}
.page-beauty .beauty-panel:first-child{padding-top:0}.page-beauty .common-topbar{width:calc(100% + 32px);margin-left:-16px}
.page-beauty .beauty-panel h1,.page-beauty .beauty-panel h2,.page-beauty .beauty-panel h3,.page-beauty .beauty-panel p{margin:0}
.page-beauty .portrait-art{position:relative;width:calc(100% + 32px);margin-left:-16px;margin-top:calc(-12.8957% - 4.1266px);aspect-ratio:483/671}
.page-beauty .portrait-art img{display:block;width:100%;height:auto;object-fit:contain}
.page-beauty #beauty-roman,.page-beauty #beauty-name,.page-beauty #beauty-role,.page-beauty #beauty-art-script,.page-beauty #beauty-quote{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.page-beauty .beauty-title{text-align:center;font:44px/1.15 'Times New Roman',serif;color:#371c10;letter-spacing:-1.5px;padding:7px 0 10px;white-space:nowrap}
.page-beauty .beauty-title span{color:#b67929}.page-beauty .beauty-intro{font:16px/1.55 'Malgun Gothic',sans-serif;text-align:center;color:#934327;padding-bottom:22px}
.page-beauty .beauty-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.page-beauty .quick-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;height:78px;border:1px solid #c5a16d;border-radius:7px;background:#fffaf2;font:11px/1.2 'Malgun Gothic',sans-serif;padding:0;white-space:nowrap;color:#24160e}
.page-beauty .quick-action>img{display:block;width:32px;height:32px;object-fit:contain}
.page-beauty .store-cta{display:flex;align-items:center;justify-content:center;margin-top:12px;min-height:52px;color:white;font:23px/1.2 'Malgun Gothic',sans-serif;background:url('../assets/beauty-v002/store-cta-surface.png') center/100% 100% no-repeat}
.page-beauty .tiny-footer{padding:12px 0 0;text-align:center;letter-spacing:4px;font:10px/1.5 'Times New Roman',serif}
.page-beauty .total{text-align:center;font:11px/1.5 'Times New Roman',serif;letter-spacing:3px}.page-beauty .branch{text-align:center;font:bold 23px/1.5 Batang,serif;padding:4px 0}
.page-beauty .service-title{text-align:center;font:38px/1.5 Batang,serif}.page-beauty .section-intro{font:13px/1.6 'Malgun Gothic',sans-serif;text-align:center;padding:12px 0}
.page-beauty .beauty-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.page-beauty .service-card{position:relative;min-width:0;border:1px solid #c5a16d;border-radius:8px;background:#fffaf2;overflow:hidden;padding-bottom:14px}
.page-beauty .service-context{display:block;width:100%;height:125px;object-fit:cover}.page-beauty .service-badge{position:absolute;left:50%;top:100px;transform:translateX(-50%);width:52px;height:52px;object-fit:contain}
.page-beauty .service-copy{padding:34px 12px 0}.page-beauty .service-copy h3{display:flex;align-items:center;justify-content:center;min-height:42px;text-align:center;font:bold 14px/1.4 'Malgun Gothic',sans-serif;word-break:keep-all}
.page-beauty .service-copy .english{text-align:center;font:10px/1.4 'Times New Roman',serif;color:#963d1e;padding:5px 0 12px}
.page-beauty .service-description{font:12px/1.6 'Malgun Gothic',sans-serif;word-break:keep-all}
.page-beauty #beauty-service-footer{font:bold 23px/1.5 Batang,serif;text-align:center;padding-top:18px}
.page-beauty .specialty-title,.page-beauty .career-title{font:bold 22px/1.4 'Times New Roman',serif;text-align:center;padding:10px 0}
.page-beauty .education-note{text-align:center;font:12px/1.5 'Malgun Gothic',sans-serif;padding-bottom:10px}
.page-beauty .beauty-education-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:4px 0 20px}
.page-beauty .education-tile{position:relative;overflow:hidden;min-width:0;background:#fffaf2;border:1px solid #c5a16d;border-radius:6px;padding-bottom:8px;text-align:center}
.page-beauty .education-illustration{display:block;width:100%;height:76px;object-fit:cover}.page-beauty .education-index{position:absolute;left:4px;top:4px;width:20px;height:20px;border:1px solid #c5a16d;border-radius:50%;background:#fffaf2;font:11px/18px 'Times New Roman',serif}
.page-beauty .education-tile h3{font:bold 12px/1.4 'Malgun Gothic',sans-serif;padding-top:5px}.page-beauty .education-tile p{font:10px/1.4 'Malgun Gothic',sans-serif;color:#9a5e29}
.page-beauty .beauty-career-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px;margin-bottom:20px}
.page-beauty .career-item{position:relative;min-width:0;padding-left:35px;min-height:104px;color:#2d2117}
.page-beauty .career-thumbnail{position:absolute;left:0;top:0;width:30px;height:45px;object-fit:cover;border-radius:3px}.page-beauty .career-number{display:none}
.page-beauty .career-copy h3{font:bold 11px/1.5 'Malgun Gothic',sans-serif;padding-bottom:5px;word-break:keep-all}.page-beauty .career-copy p{font:10px/1.5 'Malgun Gothic',sans-serif;word-break:keep-all}
.page-beauty .information-title{font:25px/1.5 'Times New Roman',serif}.page-beauty #beauty-information-note{text-align:left}.page-beauty .real-logo{display:block;margin:-50px 0 12px auto;width:46px;height:46px;object-fit:contain}
.page-beauty .beauty-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 14px}.page-beauty .shop-photo{display:block;padding:2px;border:1px solid #c5a16d;border-radius:6px;overflow:hidden}.page-beauty .shop-photo img{display:block;width:100%;height:125px;object-fit:cover}
.page-beauty .beauty-info-grid{display:grid;gap:12px}.page-beauty .information-contact{display:flex;align-items:start;gap:10px;font:13px/1.5 'Malgun Gothic',sans-serif}.page-beauty .information-contact>img{width:28px;height:28px;object-fit:contain}.page-beauty .information-contact span{display:block;font-size:12px}.page-beauty .naver-info span{color:#008336}
.page-beauty .panel-navigation{display:flex;justify-content:space-between;margin-top:18px}.page-beauty .panel-nav-control{width:44px;height:44px}.page-beauty .panel-nav-control button,.page-beauty .panel-nav-control a{display:block;width:44px;height:44px;border:0;background:none;padding:0}.page-beauty .panel-nav-control img{display:block;width:100%;height:100%;object-fit:contain}

/* This page owns its dialog layout as well. */
.page-beauty dialog{width:calc(100% - 24px);max-width:430px;max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--gold);border-radius:18px;background:var(--ivory);color:var(--ink);padding:44px 20px 24px}.page-beauty dialog::backdrop{background:#22180db3}.page-beauty dialog h2{font-size:23px;line-height:1.4;text-align:center;margin:0 0 14px}.page-beauty dialog p{line-height:1.7;font-size:15px}.page-beauty dialog .close{position:absolute;top:4px;right:6px;width:44px;height:44px;border:0;background:none;font-size:30px}.page-beauty dialog a,.page-beauty dialog button:not(.close){display:block;min-height:44px;width:100%;text-align:center;border:1px solid var(--gold);border-radius:10px;background:#fff9ef;margin-top:14px;padding:12px}