.root-layout:has(.app-header){--color-primary: #c9232e;--color-primary-hover: #b5222c;--color-surface: #f6f5f2;--color-border: #e5e5e5;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.root-layout:has(.app-header) :is(button,input,select,textarea){font-family:inherit}.root-layout:has(.app-header) :is(.section-title,.zone-main-title,.hairmakeup-title,.reservation-title){font-family:inherit;font-size:clamp(26px,3.2vw,36px);font-weight:750;line-height:1.25;letter-spacing:-.035em;overflow-wrap:anywhere}.root-layout:has(.app-header) :is(.section-header,.zone-header-wrapper,.hairmakeup-header,.reservation-header){text-align:left}.root-layout:has(.app-header) :is(.section-subtitle,.zone-subtitle,.hairmakeup-subtitle,.reservation-subtitle){font-size:14px;line-height:1.7;letter-spacing:0}.root-layout:has(.app-header) .tag-circles-scroll{justify-content:flex-start!important;overflow-x:auto;scroll-padding-inline:20px}.root-layout:has(.app-header) .tag-circles-scroll>*{flex-shrink:0}.root-layout:has(.app-header) :is(.service-card,.location-card,.hairmakeup-card,.partner-card,.benefit-card,.reservation-main-card,.flow-card){border-radius:8px;box-shadow:none;border-color:#e5e5e5}.root-layout:has(.app-header) .service-card:hover{transform:none;box-shadow:none}.root-layout:has(.app-header) .service-container{max-width:1040px}.root-layout:has(.app-header) :is(.res-naver-btn,.res-channel-btn){min-height:48px;border-radius:6px;box-shadow:none;font-family:inherit;font-size:15px;line-height:1.5;padding:12px 20px;transform:none}.root-layout:has(.app-header) .res-naver-btn{background:#c9232e;border:1px solid #c9232e;color:#fff}.root-layout:has(.app-header) .res-channel-btn{background:#fff;border:1px solid #d4d4d4;color:#222}.root-layout:has(.app-header) .res-naver-btn:hover{background:#b5222c;transform:none}.root-layout:has(.app-header) .res-channel-btn:hover{background:#f6f5f2;color:#222;transform:none}.root-layout:has(.app-header) :is(.service-tab-btn,.service-sub-tab-btn,.faq-tab-btn,.review-filter-tab){min-height:44px;font-family:inherit;line-height:1.5}.root-layout:has(.app-header) :is(a,button):focus-visible{outline:2px solid #c9232e;outline-offset:3px}.root-layout:has(.app-header) .footer-logout-btn{min-height:44px;min-width:60px;padding:8px 12px;font:inherit;font-size:12px;color:#555;background:transparent;border:1px solid #ddd;border-radius:6px;cursor:pointer}@media (min-width: 1000px){.root-layout:has(.app-header) .service-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.root-layout:has(.app-header) .service-card{padding:28px 24px}}@media (max-width: 768px){.root-layout:has(.app-header) .service-cards{grid-template-columns:minmax(0,1fr)}.root-layout:has(.app-header) .service-card{min-width:0}.root-layout:has(.app-header) .support-cs-container{bottom:calc(72px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){.root-layout:has(.app-header) *,.root-layout:has(.app-header) *:before,.root-layout:has(.app-header) *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}