#os-reservation-notice { position:fixed; z-index:43; color:#193d34; font-family:var(--font-body,'Pretendard',sans-serif); }
#os-reservation-notice * { box-sizing:border-box; }
#os-reservation-notice button,#os-reservation-notice a { font-family:inherit; -webkit-tap-highlight-color:transparent; }
#os-reservation-notice button { cursor:pointer; }
#os-reservation-notice :is(button,a):focus-visible { outline:3px solid #bc965c; outline-offset:4px; }
#os-reservation-notice svg { width:20px; height:20px; flex:none; }
.floating-actions .orn-menu-trigger { min-height:72px; gap:5px; padding:10px 4px; background:#f5f0e6; color:#254d40; font-family:inherit; font-size:12px; font-weight:700; line-height:1.4; letter-spacing:-.025em; text-align:center; }
.floating-actions .orn-menu-trigger:hover,.floating-actions .orn-menu-trigger[aria-expanded=true] { background:#e6eadf; color:#173f33; }
.floating-actions .orn-menu-trigger[hidden] { display:none; }
.floating-actions .orn-menu-trigger:focus-visible { outline:2px solid #987643; outline-offset:-4px; }
.floating-actions .orn-menu-trigger svg { width:20px; height:20px; color:currentColor; }
@media (min-width:769px) and (max-height:800px) { .floating-actions:has(.orn-menu-trigger:not([hidden])) .floating-action:not(.orn-menu-trigger) { min-height:66px; padding:8px 4px; } }
#os-reservation-notice .orn-panel { position:absolute; top:0; right:0; width:350px; max-height:calc(100dvh - 200px); overflow-y:auto; overscroll-behavior:contain; padding:22px; border:1px solid #dce4dd; border-radius:10px; background:#fffdf9; box-shadow:0 12px 44px #173c3326; }
#os-reservation-notice .orn-panel[hidden] { display:none; }
#os-reservation-notice .orn-header { display:flex; justify-content:space-between; align-items:center; gap:8px; padding-bottom:16px; border-bottom:1px solid #e5e6dc; }
#os-reservation-notice .orn-eyebrow { display:block; color:#6d7c73; font-size:12px; line-height:1.5; letter-spacing:-.02em; margin-bottom:5px; }
#os-reservation-notice h2 { margin:0; font-size:21px; line-height:1.4; font-weight:700; letter-spacing:-.05em; color:#183c32; }
#os-reservation-notice .orn-close { display:grid; place-items:center; width:36px; height:36px; flex:none; margin:-6px -8px -6px 0; padding:0; color:#607269; border:0; border-radius:6px; background:transparent; }
#os-reservation-notice .orn-close:hover { background:#edf1eb; }
#os-reservation-notice p { margin:15px 0 0; font-size:14px; line-height:1.8; letter-spacing:-.025em; word-break:keep-all; overflow-wrap:break-word; color:#52635b; }
#os-reservation-notice p.orn-lead { font-weight:650; color:#21473b; }
#os-reservation-notice .orn-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:21px; }
#os-reservation-notice .orn-actions a { display:flex; align-items:center; justify-content:center; gap:7px; min-height:53px; border-radius:6px; text-decoration:none; font-size:13px; font-weight:700; line-height:1.4; }
#os-reservation-notice .orn-kakao { background:#fee500; color:#302921; border:1px solid #f3db00; }
#os-reservation-notice .orn-kakao:hover { background:#f4dc00; }
#os-reservation-notice .orn-phone { flex-direction:column; gap:1px!important; color:#fff; background:#214b3e; border:1px solid #214b3e; }
#os-reservation-notice .orn-phone:hover { background:#14392d; }
#os-reservation-notice .orn-phone small { font-size:11px; font-weight:450; opacity:.83; }
#os-reservation-notice[data-layout=mobile] { right:12px; bottom:148px; }
#os-reservation-notice[data-layout=mobile] .orn-panel { top:auto; bottom:0; width:min(344px,calc(100vw - 24px)); max-height:calc(100dvh - 160px); padding:20px; }
#os-reservation-notice[data-layout=mobile] h2 { font-size:20px; }
#os-reservation-notice[data-layout=mobile] p { font-size:13px; }
.global-consult-bar-open #os-reservation-notice,.chat-open #os-reservation-notice { visibility:hidden; pointer-events:none; }
@media (max-width:768px) and (min-height:501px) {
 .floating-actions:has(.orn-menu-trigger:not([hidden])) { grid-template-columns:repeat(7,minmax(0,1fr)); }
 .floating-actions .orn-menu-trigger { min-height:var(--mobile-dock-height,58px); padding:5px 1px; gap:3px; font-size:10px; line-height:1.2; }
 .floating-actions .orn-menu-trigger svg { width:18px; height:18px; }
}
@media (max-height:600px) { #os-reservation-notice[data-layout=mobile] .orn-panel { position:fixed; top:12px; bottom:auto; right:12px; max-height:calc(100dvh - 24px); } }