:root {
    --cpdn-primary: #062C4E; --cpdn-primary-rgb: 6,44,78; --cpdn-primary-contrast: #fff;
    --cpdn-secondary: #CBE9FF; --cpdn-secondary-rgb: 203,233,255;
    --cpdn-muted: #A6B2BF; --cpdn-muted-rgb: 166,178,191;
    --cpdn-accent: #CBB353; --cpdn-accent-rgb: 203,179,83; --cpdn-accent-contrast: #07111F;
    --cpdn-panel-width: 420px; --cpdn-font: "Pogonia", Arial, sans-serif;
    --cpdn-trigger-size: 28px; --cpdn-trigger-gap: 8px;
}
.cpdn-trigger,
.elementor .cpdn-trigger,
.elementor-widget-cpdn-mobile-menu-trigger .cpdn-trigger {
    appearance: none !important; box-sizing: border-box !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    gap: var(--cpdn-trigger-gap) !important;
    width: auto !important; min-width: max(44px, calc(var(--cpdn-trigger-size) + 16px)) !important;
    height: max(44px, calc(var(--cpdn-trigger-size) + 16px)) !important; min-height: 44px !important;
    margin: 0 !important; padding: 8px 10px !important; border: 1px solid transparent !important;
    border-radius: 11px !important; background: var(--cpdn-trigger-bg, var(--cpdn-primary)) !important;
    color: var(--cpdn-trigger-contrast, var(--cpdn-primary-contrast)) !important;
    font: 400 14px/1 var(--cpdn-font) !important; text-transform: none !important;
    text-decoration: none !important; letter-spacing: normal !important; box-shadow: none !important;
    cursor: pointer !important; transition: background-color .18s, color .18s, box-shadow .18s !important;
}
.cpdn-trigger:hover, .cpdn-trigger:focus-visible { background: var(--cpdn-accent) !important; color: var(--cpdn-accent-contrast) !important; }
.cpdn-trigger:focus-visible { outline: 2px solid var(--cpdn-primary) !important; outline-offset: 3px !important; }
.cpdn-trigger::before, .cpdn-trigger::after { content: none !important; display: none !important; }
.cpdn-trigger__icon { display: grid !important; place-items: center; width: var(--cpdn-trigger-size); height: var(--cpdn-trigger-size); flex: 0 0 var(--cpdn-trigger-size); }
.cpdn-trigger__icon-svg { display: block !important; width: 100% !important; height: 100% !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.7; stroke-linecap: round; }
.cpdn-trigger__icon-svg path { fill: none !important; stroke: currentColor !important; }
.cpdn-trigger__label { color: inherit !important; font: inherit !important; }
.cpdn-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
#cpdn-root, #cpdn-root *, #cpdn-root *::before, #cpdn-root *::after { box-sizing: border-box; }
#cpdn-root[hidden], #cpdn-root [hidden] { display: none !important; }
#cpdn-root {
    position: fixed !important; top: var(--cpdn-viewport-top, 0px) !important; right: 0 !important; bottom: auto !important; left: 0 !important;
    height: var(--cpdn-viewport-height, 100dvh) !important; z-index: 2147483000 !important;
    display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
    background: transparent !important; color: var(--cpdn-primary) !important;
    font: 400 16px/1.5 var(--cpdn-font) !important; text-align: start !important; direction: inherit !important;
    isolation: isolate; -webkit-tap-highlight-color: transparent;
}
#cpdn-root :where(button, a, input, h2, p, span) { font-family: var(--cpdn-font) !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; }
#cpdn-root :where(button, a) { -webkit-appearance: none !important; appearance: none !important; text-decoration: none !important; box-shadow: none !important; }
#cpdn-root :where(button, a)::before, #cpdn-root :where(button, a)::after { content: none !important; display: none !important; }
#cpdn-root :where(button, a, input):focus-visible { outline: 2px solid var(--cpdn-primary) !important; outline-offset: -3px !important; }
#cpdn-root .cpdn-overlay { position: absolute; inset: 0; background: var(--cpdn-overlay, rgba(6,44,78,.55)); opacity: 0; transition: opacity .24s ease; }
#cpdn-root .cpdn-panel {
    position: absolute !important; inset-block: 0 !important; inset-inline: auto !important;
    width: min(var(--cpdn-panel-width), 100vw) !important; max-width: 100vw !important;
    display: grid !important; grid-template-rows: auto minmax(0,1fr) auto !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
    background: #fff !important; overflow: hidden !important; outline: none !important;
    box-shadow: -16px 0 64px rgba(6,44,78,.16) !important;
    transform: translateX(103%); transition: transform .24s cubic-bezier(.2,.75,.2,1);
}
#cpdn-root.cpdn-root--right .cpdn-panel { right: 0 !important; }
#cpdn-root.cpdn-root--left .cpdn-panel { left: 0 !important; transform: translateX(-103%); box-shadow: 16px 0 64px rgba(6,44,78,.16) !important; }
#cpdn-root.is-open .cpdn-panel { transform: translateX(0); }
#cpdn-root.is-open .cpdn-overlay { opacity: 1; }
#cpdn-root .cpdn-panel__header {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    min-height: 84px; gap: 20px; padding: calc(18px + env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) 18px max(22px, env(safe-area-inset-left));
    margin: 0 !important; border: 0 !important; border-bottom: 2px solid var(--cpdn-accent) !important;
    background: var(--cpdn-primary) !important; color: var(--cpdn-primary-contrast) !important;
}
#cpdn-root .cpdn-brand { display: inline-flex !important; align-items: center; min-width: 0; max-width: calc(100% - 64px); margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: inherit !important; }
#cpdn-root .cpdn-brand:focus-visible, #cpdn-root .cpdn-close:focus-visible { outline-color: var(--cpdn-primary-contrast) !important; outline-offset: 4px !important; }
#cpdn-root .cpdn-brand__image { display: block !important; width: auto !important; height: auto !important; max-width: min(190px, 56vw); max-height: 44px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; object-fit: contain; }
#cpdn-root .cpdn-brand__text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: inherit !important; font-size: 16px !important; line-height: 1.35 !important; }
#cpdn-root .cpdn-close { display: grid !important; place-items: center; flex: 0 0 44px; width: 44px !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; border: 1px solid currentColor !important; border-radius: 14px !important; background: transparent !important; color: inherit !important; cursor: pointer; opacity: .85; }
#cpdn-root .cpdn-close:hover { opacity: 1; background: rgba(255,255,255,.12) !important; }
#cpdn-root .cpdn-icon { display: block !important; flex: 0 0 auto; width: 20px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.6 !important; stroke-linecap: round; stroke-linejoin: round; }
#cpdn-root .cpdn-icon :where(path,circle) { fill: none !important; stroke: currentColor !important; }
#cpdn-root .cpdn-levels { position: relative; min-height: 0; overflow: hidden; background: #fff; }
#cpdn-root .cpdn-level { position: absolute; inset: 0; display: none; grid-template-rows: auto minmax(0,1fr); margin: 0; padding: 0; min-height: 0; background: #fff; }
#cpdn-root .cpdn-level.is-active { display: grid; }
#cpdn-root .cpdn-level__toolbar { padding: 18px 22px 14px; border-bottom: 1px solid rgba(var(--cpdn-primary-rgb),.08); background: #fff; }
#cpdn-root .cpdn-back { display: inline-flex !important; align-items: center; gap: 5px; min-width: 0 !important; width: auto !important; min-height: 44px; margin: -9px 0 4px -6px !important; padding: 3px 6px !important; border: 0 !important; border-radius: 6px !important; background: transparent !important; color: var(--cpdn-primary) !important; font-size: 12px !important; line-height: 1.4 !important; cursor: pointer; }
#cpdn-root .cpdn-back .cpdn-icon { width: 15px !important; height: 15px !important; }
#cpdn-root .cpdn-back:hover { background: rgba(var(--cpdn-secondary-rgb),.3) !important; }
#cpdn-root .cpdn-level__heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
#cpdn-root .cpdn-level__heading h2 { min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; color: var(--cpdn-primary) !important; font-size: 21px !important; line-height: 1.35 !important; outline: none !important; overflow-wrap: anywhere; }
#cpdn-root .cpdn-level__count { flex: 0 0 auto; min-width: 28px; padding: 2px 8px; border: 1px solid rgba(var(--cpdn-primary-rgb),.1); border-radius: 20px; color: var(--cpdn-primary); font-size: 12px; line-height: 1.6; text-align: center; }
#cpdn-root .cpdn-level__scroll { min-height: 0; padding: 16px 22px 24px; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: var(--cpdn-muted) transparent; }
#cpdn-root .cpdn-view-all { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; margin: 0 0 16px !important; padding: 10px 14px !important; border: 1px solid rgba(var(--cpdn-primary-rgb),.09) !important; border-radius: 12px !important; background: rgba(var(--cpdn-secondary-rgb),.22) !important; color: var(--cpdn-primary) !important; font-size: 13px !important; line-height: 1.5 !important; }
#cpdn-root .cpdn-view-all .cpdn-icon { width: 16px !important; height: 16px !important; }
#cpdn-root .cpdn-view-all:hover { background: rgba(var(--cpdn-secondary-rgb),.4) !important; }
#cpdn-root .cpdn-search-wrap { position: relative; margin-bottom: 14px; }
#cpdn-root .cpdn-search { display: block !important; width: 100% !important; min-width: 0 !important; height: 50px !important; min-height: 50px !important; margin: 0 !important; padding: 11px 44px !important; border: 1px solid #9AA9B7 !important; border-radius: 12px !important; background: #fff !important; color: var(--cpdn-primary) !important; font-size: 16px !important; line-height: 1.5 !important; box-shadow: none !important; }
#cpdn-root .cpdn-search::placeholder { color: #596774 !important; opacity: 1; }
#cpdn-root .cpdn-search:focus { border-color: var(--cpdn-primary) !important; outline: 2px solid rgba(var(--cpdn-secondary-rgb),.8) !important; outline-offset: 1px !important; }
#cpdn-root .cpdn-search::-webkit-search-cancel-button { display: none; }
#cpdn-root .cpdn-search-icon { position: absolute; inset-inline-start: 15px; top: 15px; color: #596774; pointer-events: none; }
#cpdn-root .cpdn-search-clear { position: absolute; inset-inline-end: 5px; top: 5px; display: grid !important; place-items: center; width: 40px !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; color: var(--cpdn-primary) !important; cursor: pointer; }
#cpdn-root .cpdn-search-clear[hidden] { display: none !important; }
#cpdn-root .cpdn-search-clear .cpdn-icon { width: 17px !important; height: 17px !important; }
#cpdn-root .cpdn-list { list-style: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
#cpdn-root .cpdn-item { display: block; position: relative; margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid rgba(var(--cpdn-primary-rgb),.075) !important; list-style: none !important; }
#cpdn-root .cpdn-item:last-child { border-bottom: 0 !important; }
#cpdn-root .cpdn-item::before { display: none !important; }
#cpdn-root .cpdn-item__row { display: flex !important; align-items: center; justify-content: space-between; gap: 18px; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 62px; margin: 0 !important; padding: 14px 12px !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; color: var(--cpdn-primary) !important; font-size: 15px !important; line-height: 1.5 !important; text-align: start !important; cursor: pointer; transition: background-color .15s; }
#cpdn-root .cpdn-item__row:hover, #cpdn-root .cpdn-item__row:focus-visible { background: rgba(var(--cpdn-secondary-rgb),.25) !important; }
#cpdn-root .cpdn-item__content { display: grid; gap: 3px; min-width: 0; }
#cpdn-root .cpdn-item__title { color: inherit !important; font: inherit !important; overflow-wrap: anywhere; }
#cpdn-root .cpdn-item__description { color: #596774 !important; font-size: 12px !important; line-height: 1.55 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#cpdn-root .cpdn-item.is-current .cpdn-item__row { background: rgba(var(--cpdn-accent-rgb),.12) !important; box-shadow: inset 3px 0 var(--cpdn-accent) !important; }
#cpdn-root .cpdn-item.is-ancestor .cpdn-arrow { background: rgba(var(--cpdn-accent-rgb),.2); }
#cpdn-root .cpdn-item__row--static { color: #596774 !important; cursor: default; }
#cpdn-root .cpdn-arrow { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 10px; background: rgba(var(--cpdn-secondary-rgb),.3); color: var(--cpdn-primary); }
#cpdn-root .cpdn-arrow .cpdn-icon { width: 15px !important; height: 15px !important; }
#cpdn-root .cpdn-empty { display: grid; justify-items: center; gap: 12px; padding: 36px 12px; color: #596774; text-align: center; }
#cpdn-root .cpdn-empty p { margin: 0 !important; color: inherit !important; font-size: 14px !important; }
#cpdn-root .cpdn-empty button { width: auto !important; min-height: 40px; margin: 0 !important; padding: 8px 14px !important; border: 1px solid rgba(var(--cpdn-primary-rgb),.16) !important; border-radius: 9px !important; background: #fff !important; color: var(--cpdn-primary) !important; font-size: 13px !important; cursor: pointer; }
#cpdn-root .cpdn-panel__footer { margin: 0 !important; padding: 16px max(22px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left)); border-top: 1px solid rgba(var(--cpdn-primary-rgb),.08); background: #fff; }
#cpdn-root .cpdn-cta { display: flex !important; align-items: center; justify-content: space-between; gap: 16px; min-height: 52px; margin: 0 !important; padding: 14px 18px !important; border: 1px solid var(--cpdn-accent) !important; border-radius: 12px !important; background: var(--cpdn-accent) !important; color: var(--cpdn-accent-contrast) !important; font-size: 14px !important; line-height: 1.4 !important; transition: background-color .18s, color .18s; }
#cpdn-root .cpdn-cta span { color: inherit !important; font: inherit !important; }
#cpdn-root .cpdn-cta:hover, #cpdn-root .cpdn-cta:focus-visible { border-color: var(--cpdn-primary) !important; background: var(--cpdn-primary) !important; color: var(--cpdn-primary-contrast) !important; }
html.cpdn-body-locked { overflow: hidden !important; overscroll-behavior: none; }
:dir(rtl) #cpdn-root .cpdn-icon--back, :dir(rtl) #cpdn-root .cpdn-icon--forward { transform: scaleX(-1); }
:dir(rtl) #cpdn-root .cpdn-item.is-current .cpdn-item__row { box-shadow: inset -3px 0 var(--cpdn-accent) !important; }
:dir(rtl) #cpdn-root .cpdn-back { margin-inline: -6px 0 !important; }
@media (max-width: 600px) {
    #cpdn-root .cpdn-panel { width: 100vw !important; }
    #cpdn-root .cpdn-panel__header { min-height: 78px; padding-inline: max(18px, env(safe-area-inset-left)) max(18px, env(safe-area-inset-right)); }
    #cpdn-root .cpdn-level__toolbar { padding-inline: 18px; }
    #cpdn-root .cpdn-level__scroll { padding-inline: 18px; }
    #cpdn-root .cpdn-panel__footer { padding-inline: max(18px, env(safe-area-inset-left)) max(18px, env(safe-area-inset-right)); }
}
@media (prefers-reduced-motion: reduce) {
    #cpdn-root *, .cpdn-trigger { transition: none !important; animation: none !important; }
}