.voge-order-notice[hidden] { display: none !important; }
.voge-order-notice { position: fixed; inset: 0; z-index: 2147483647; display: grid; place-items: center; padding: 18px; background: rgba(8,8,9,.76); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); font-family: Roboto,Arial,sans-serif; }
.voge-order-notice__dialog { position: relative; width: min(470px,100%); max-height: min(760px,calc(100vh - 36px)); overflow: auto; border: 1px solid #323235; border-radius: 20px; background: linear-gradient(155deg,#202022,#151517 62%); color: #f5f5f5; box-shadow: 0 30px 90px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.04); }
.voge-order-notice__header { display: flex; gap: 14px; align-items: flex-start; padding: 22px 52px 17px 22px; border-bottom: 1px solid #303033; }
.voge-order-notice__icon,.voge-order-notice__menu-icon { display: grid; flex: 0 0 auto; place-items: center; border-radius: 11px; }
.voge-order-notice__icon { width: 44px; height: 44px; background: linear-gradient(145deg,#5b4600,#362a00); color: #ffd21c; box-shadow: inset 0 0 0 1px rgba(255,210,28,.25); }
.voge-order-notice svg { width: 20px; height: 20px; }
.voge-order-notice__title { margin: 1px 0 4px; color: #fff; font-size: 20px; line-height: 1.25; }
.voge-order-notice__subtitle { margin: 0; color: #99999e; font-size: 13px; line-height: 1.45; }
.voge-order-notice__close { position: absolute; top: 17px; right: 17px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #363639; border-radius: 9px; background: #252528; color: #aaa; cursor: pointer; font-size: 23px; line-height: 1; }
.voge-order-notice__body { padding: 18px 22px 22px; }
.voge-order-notice__warning { margin: 0 0 17px; padding: 13px 14px; border: 1px solid rgba(255,210,28,.25); border-radius: 11px; background: rgba(255,210,28,.07); color: #e8e8e8; font-size: 14px; line-height: 1.55; }
.voge-order-notice__warning strong { color: #ffd21c; }
.voge-order-notice__continue,.voge-order-notice__menu-item { display: flex; align-items: center; width: 100%; border: 0; font: inherit; text-align: left; cursor: pointer; transition: transform .16s ease,background-color .16s ease,border-color .16s ease; }
.voge-order-notice__continue {
    position: relative;
    justify-content: center;
    min-height: 58px;
    padding: 15px 20px;
    border: 2px solid #fff0a3;
    border-radius: 13px;
    background: linear-gradient(135deg,#ffe45f 0%,#ffd21c 46%,#f4b900 100%);
    color: #171200;
    box-shadow: 0 7px 0 #9f7700,0 13px 26px rgba(255,210,28,.27),inset 0 1px rgba(255,255,255,.68);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .015em;
    text-transform: uppercase;
}
.voge-order-notice__divider { display: flex; gap: 12px; align-items: center; margin: 19px 0 12px; color: #838388; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.voge-order-notice__divider::before,.voge-order-notice__divider::after { height: 1px; flex: 1; background: #303033; content: ''; }
.voge-order-notice__menu { display: grid; gap: 8px; }
.voge-order-notice__menu-item { gap: 12px; min-height: 52px; padding: 9px 12px; border: 1px solid #313134; border-radius: 11px; background: #232326; color: #efeff0; font-weight: 600; }
.voge-order-notice__menu-icon { width: 34px; height: 34px; background: #303034; color: #bdbdc1; }
.voge-order-notice__arrow { margin-left: auto; color: #68686d; font-size: 19px; }
.voge-order-notice__continue:hover,.voge-order-notice__menu-item:hover { transform: translateY(-1px); }
.voge-order-notice__continue:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg,#fff18a 0%,#ffdc3c 48%,#ffc400 100%);
    box-shadow: 0 9px 0 #9f7700,0 17px 32px rgba(255,210,28,.38),inset 0 1px rgba(255,255,255,.75);
}
.voge-order-notice__continue:active {
    transform: translateY(5px);
    box-shadow: 0 2px 0 #9f7700,0 7px 16px rgba(255,210,28,.24),inset 0 1px rgba(255,255,255,.6);
}
.voge-order-notice__menu-item:hover { border-color: #55555a; background: #2a2a2e; }
.voge-order-notice button:focus-visible { outline: 2px solid #ffd21c; outline-offset: 2px; }
@media (max-width:479px) { .voge-order-notice { padding: 10px; align-items: end; } .voge-order-notice__dialog { max-height: calc(100vh - 20px); border-radius: 18px 18px 12px 12px; } .voge-order-notice__header { padding: 18px 48px 15px 17px; } .voge-order-notice__body { padding: 15px 17px 18px; } .voge-order-notice__continue { min-height: 60px; font-size: 14px; } }
@media (prefers-reduced-motion:reduce) { .voge-order-notice__continue,.voge-order-notice__menu-item { transition: none; } }