html{height:100%;--app-ink: #0f172a;--app-navy: #092154;--app-primary: #0a4f8b;--app-cyan: #00a8e8;--app-teal: #1cb1a4;--app-muted: #64748b;--app-line: #e2e8f0;--app-paper: #ffffff;--app-surface: #f8fafc;--app-cream: #f0ede8;--app-green: #78ad67;--app-red: #e60a14;--app-footer: #0f172a;--app-accent: var(--app-primary);--app-soft: #e8f4fb;--app-success: #25734e;--app-danger: var(--app-red);--page-gutter: 50px;--admin-background: #f8fafc;--admin-sidebar: #081e3b;--admin-active: #052f6b;--admin-paper: #ffffff;--admin-line: #e2e8f0;--admin-ink: #0f172a;--admin-muted: #64748b;--admin-cyan: #00a8e8;--admin-avatar: #1e40af;--admin-login-background: #0a2540;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Google Sans Flex;--mat-sys-body-large-font: Google Sans Flex;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Google Sans Flex;--mat-sys-body-medium-font: Google Sans Flex;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Google Sans Flex;--mat-sys-body-small-font: Google Sans Flex;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Google Sans Flex;--mat-sys-display-large-font: Google Sans Flex;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Google Sans Flex;--mat-sys-display-medium-font: Google Sans Flex;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Google Sans Flex;--mat-sys-display-small-font: Google Sans Flex;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Google Sans Flex;--mat-sys-headline-large-font: Google Sans Flex;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Google Sans Flex;--mat-sys-headline-medium-font: Google Sans Flex;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Google Sans Flex;--mat-sys-headline-small-font: Google Sans Flex;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Google Sans Flex;--mat-sys-label-large-font: Google Sans Flex;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Google Sans Flex;--mat-sys-label-medium-font: Google Sans Flex;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Google Sans Flex;--mat-sys-label-small-font: Google Sans Flex;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Google Sans Flex;--mat-sys-title-large-font: Google Sans Flex;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Google Sans Flex;--mat-sys-title-medium-font: Google Sans Flex;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Google Sans Flex;--mat-sys-title-small-font: Google Sans Flex;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%;background:var(--app-surface);color:var(--app-ink);font-family:Google Sans Flex,Segoe UI,sans-serif!important}*,*:before,*:after{box-sizing:border-box}.mat-mdc-form-field-required-marker{color:var(--app-red, #e60a14)}.required-asterisk{color:var(--app-red, #e60a14);font-weight:700}.grecaptcha-badge{visibility:hidden!important;pointer-events:none!important}.recaptcha-notice{margin:0;color:#64748b;font-size:11px;line-height:1.45;text-align:center}.recaptcha-notice a{color:#486581;text-decoration:underline;text-underline-offset:2px}@media(max-width:760px){:root{--page-gutter: 20px}}.delivery-dialog-panel{max-width:960px!important;width:960px!important}.delivery-dialog-panel .mat-mdc-dialog-container,.delivery-dialog-panel .mdc-dialog__surface{max-width:960px!important;width:960px!important;padding:0!important;border-radius:16px!important;overflow:hidden!important;background:transparent!important;box-shadow:0 16px 32px #0f172a33!important}@media(max-width:760px){.delivery-dialog-panel{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:8px!important}.delivery-dialog-panel .mat-mdc-dialog-container,.delivery-dialog-panel .mdc-dialog__surface{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important}}.gihon-login-dialog-panel{max-width:480px!important;width:100%!important}.gihon-login-dialog-panel .mat-mdc-dialog-container,.gihon-login-dialog-panel .mdc-dialog__surface{max-width:480px!important;width:100%!important;padding:0!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 16px 36px #0f172a38!important}.gihon-register-dialog-panel{max-width:520px!important;width:100%!important}.gihon-register-dialog-panel app-register-page{min-height:0}.gihon-register-dialog-panel .mat-mdc-dialog-container,.gihon-register-dialog-panel .mdc-dialog__surface{max-width:520px!important;width:100%!important;max-height:calc(100dvh - 32px)!important;padding:0!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 16px 36px #0f172a38!important}.gihon-confirm-dialog-panel{max-width:440px!important;width:100%!important}.gihon-confirm-dialog-panel .mat-mdc-dialog-container,.gihon-confirm-dialog-panel .mdc-dialog__surface{max-width:440px!important;width:100%!important;padding:0!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 16px 36px #0f172a38!important}.gihon-cookie-dialog-panel{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}.gihon-cookie-dialog-panel .mat-mdc-dialog-container,.gihon-cookie-dialog-panel .mdc-dialog__surface{max-height:calc(100dvh - 24px)!important;padding:0!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important}.gihon-cart-inactivity-dialog-panel{max-width:calc(100vw - 24px)!important}.gihon-cart-inactivity-dialog-panel .mat-mdc-dialog-container,.gihon-cart-inactivity-dialog-panel .mdc-dialog__surface{padding:0!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 16px 36px #0f172a38!important}@media(max-width:600px){.gihon-cookie-dialog-panel{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:8px!important}.gihon-cookie-dialog-panel .mat-mdc-dialog-container,.gihon-cookie-dialog-panel .mdc-dialog__surface{max-height:calc(100dvh - 16px)!important;border-radius:10px!important}}.gihon-compensation-dialog-panel{max-width:520px!important;width:100%!important}.gihon-compensation-dialog-panel .mat-mdc-dialog-container,.gihon-compensation-dialog-panel .mdc-dialog__surface{max-width:520px!important;width:100%!important;padding:0!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 16px 36px #0f172a38!important}.cdk-overlay-backdrop{background-color:#09111e66!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}.gihon-profile-menu{min-width:288px!important;max-width:calc(100vw - 24px)!important;border-radius:14px!important;padding:6px 0!important;overflow:hidden!important;background:var(--app-paper, #ffffff)!important;box-shadow:0 18px 42px #081e3b29,0 2px 8px #081e3b14!important;border:1px solid #d7e5ee!important}.gihon-profile-menu .mat-mdc-menu-content{padding:0!important}.gihon-profile-menu .menu-user-header{display:flex;align-items:center;gap:12px;min-height:70px;padding:14px 18px;cursor:default;background:linear-gradient(135deg,#f7fbfd,#edf7fb)}.gihon-profile-menu .menu-user-header .menu-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#00a8e8,#0a4f8b);color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 8px #0a4f8b38}.gihon-profile-menu .menu-user-header .menu-user-details{display:flex;flex-direction:column;gap:2px;overflow:hidden}.gihon-profile-menu .menu-user-header .menu-user-details strong{font-size:14px;font-weight:700;color:var(--app-ink, #0f172a);line-height:1.25;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gihon-profile-menu .menu-user-header .menu-user-details small{font-size:12px;color:var(--app-muted, #64748b);line-height:1.25;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gihon-profile-menu .mat-divider{border-top-color:#e2edf3!important}.gihon-profile-menu .mat-mdc-menu-item{min-height:44px;height:44px;display:flex;align-items:center;gap:10px;margin:2px 6px;padding:0 10px!important;border-radius:8px;font-size:13px;font-weight:600;color:var(--app-ink, #0f172a);line-height:1;transition:background-color .15s ease,color .15s ease}.gihon-profile-menu .mat-mdc-menu-item:hover:not([disabled]){background:var(--app-soft, #e8f4fb)!important;color:var(--app-navy, #092154)}.gihon-profile-menu .mat-mdc-menu-item:hover:not([disabled]) .menu-item-icon-wrap{background:#d5eef8}.gihon-profile-menu .mat-mdc-menu-item .menu-item-icon-wrap{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;border-radius:8px;background:#f0f7fa;color:var(--app-primary, #0a4f8b);transition:background-color .15s ease}.gihon-profile-menu .mat-mdc-menu-item .menu-item-icon-wrap .menu-item-icon{display:block;font-size:19px;line-height:1}.gihon-profile-menu .mat-mdc-menu-item .menu-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.gihon-profile-menu .mat-mdc-menu-item.logout-menu-item{color:var(--app-danger, #e60a14)!important}.gihon-profile-menu .mat-mdc-menu-item.logout-menu-item .logout-icon-wrap{background:#fff0f0}.gihon-profile-menu .mat-mdc-menu-item.logout-menu-item .logout-icon{color:var(--app-danger, #e60a14)!important}.gihon-profile-menu .mat-mdc-menu-item.logout-menu-item:hover:not([disabled]){background:#fff2f2!important}.gihon-profile-menu .mat-mdc-menu-item.logout-menu-item:hover:not([disabled]) .logout-icon-wrap{background:#ffe1e1}