.hko-public-entry{display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.65em .9em;color:inherit;font:inherit;text-decoration:none;cursor:pointer}.hko-public-basket{font-size:1.7em;line-height:1}.hko-public-notice{box-sizing:border-box;position:fixed;border:1px solid #e6ebf5;border-radius:24px;padding:32px 30px 26px;text-align:center;width:390px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;color:#142945;background:#fff;font:inherit;box-shadow:0 26px 90px #0b244d33;animation:hko-notice-enter .2s ease-out}
.hko-public-notice::backdrop{background:rgb(12 28 48 / 48%);backdrop-filter:blur(5px)}
.hko-public-notice .hko-notice-icon{display:grid;place-items:center;margin:4px auto 18px;width:64px;height:64px;border:1px solid #e0e7ff;border-radius:20px;background:linear-gradient(145deg,#f3f7ff,#eaf0ff);color:var(--hk-primary,#001ee6);font-size:38px;font-weight:400;line-height:1}
.hko-public-notice .hko-notice-label{display:block;color:#74839b;font-size:11px;line-height:1.8;margin:0 0 8px}
.hko-public-notice h2{font:inherit;font-size:22px;line-height:1.7;font-weight:800;letter-spacing:0;color:#142945;margin:0 0 10px;padding:0}
.hko-public-notice p{font:inherit;font-size:13px;line-height:2;color:#64758e;margin:0 auto 24px;max-width:290px}
.hko-public-notice .hko-notice-confirm{box-sizing:border-box;display:block;width:100%;min-height:48px;margin:0;border:1px solid var(--hk-primary,#001ee6);border-radius:13px;padding:10px 20px;background:var(--hk-primary,#001ee6);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s}
.hko-public-notice .hko-notice-confirm:hover{filter:brightness(.94)}
.hko-public-notice .hko-notice-dismiss{position:absolute;top:12px;left:12px;width:32px;height:32px;min-height:32px;border:1px solid #e8edf5;border-radius:10px;margin:0;padding:0;background:#f8faff;color:#718099;font:inherit;font-size:23px;line-height:1;cursor:pointer}
.hko-public-notice button:focus-visible{outline:3px solid #8da7ff;outline-offset:3px}
@keyframes hko-notice-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:480px){.hko-public-notice{padding:28px 22px 22px;border-radius:22px}.hko-public-notice h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.hko-public-notice{animation:none}.hko-public-notice .hko-notice-confirm{transition:none}}
.hko-public-page{padding:60px 20px;text-align:center;font:inherit}

.hk-card-compare[data-hko-notice]{cursor:pointer;opacity:1}.hk-card-compare[data-hko-notice] input{pointer-events:none}.hko-public-basket{color:var(--hk-primary,#001ee6)}@media(max-width:640px){.hk-header__actions .hk-cart-link{display:none!important}.hk-header__actions .hko-public-basket{display:inline-flex!important;padding:8px}}

.hk-header__actions a.hko-public-basket{position:relative;box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:66px;min-height:66px;padding:8px 6px;border:1px solid var(--hk-border,#e3e7ef);border-radius:15px;background:var(--hk-surface,#fff);color:var(--hk-primary,#001ee6);font:inherit;line-height:1.4;text-decoration:none}
.hk-header__actions a.hko-public-basket>svg{display:block;width:25px;height:25px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hk-header__actions a.hko-public-basket>span{display:block;font-size:10px;white-space:nowrap;color:inherit}
.hk-header__actions a.hko-public-basket>.hko-public-count{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:15px;height:15px;min-width:15px;margin:0;padding:0;border:2px solid var(--hk-surface,#fff);border-radius:50%;background:var(--hk-primary,#001ee6);color:#fff;font:inherit;font-size:9px;font-weight:700;line-height:1}
.hk-header__actions a.hko-public-basket:hover{background:var(--hk-surface,#f4f7ff);border-color:var(--hk-primary,#001ee6)}
.hk-header__actions a.hko-public-basket:focus-visible{outline:2px solid var(--hk-primary,#001ee6);outline-offset:3px}
@media(max-width:640px){.hk-header__actions a.hko-public-basket{min-width:44px;min-height:44px;padding:6px;border-radius:12px}.hk-header__actions a.hko-public-basket>span{display:none}.hk-header__actions a.hko-public-basket>svg{width:24px;height:24px}.hk-header__actions a.hko-public-basket>.hko-public-count{top:1px;right:1px}}
