/* Epazario — logo paleti: mavi #0868FF, teal #04BCB1, lacivert #0F2345 */

:root {
    --epz-blue: #0868FF;
    --epz-blue-deep: #0452D6;
    --epz-teal: #04BCB1;
    --epz-navy: #0F2345;
    --epz-navy-2: #16325C;
    --epz-mist: #F4F8FC;
    --epz-line: #D5E3F4;
    --epz-soft: #E7F1FF;
    --epz-teal-soft: #E5F8F7;
}

body.krk-site {
    --krk-ink: var(--epz-navy);
    --krk-ink-2: var(--epz-navy-2);
    --krk-ink-3: #1d3f6e;
    --krk-bone: var(--epz-mist);
    --krk-orange: var(--epz-blue);
    --krk-orange-deep: var(--epz-blue-deep);
    --krk-steel: var(--epz-teal);
    --krk-glow: rgba(8, 104, 255, 0.35);
    --krk-radius: 0.9rem;
    background:
        radial-gradient(900px 420px at 100% -10%, rgba(8, 104, 255, 0.08), transparent 55%),
        radial-gradient(700px 320px at 0% 20%, rgba(4, 188, 177, 0.08), transparent 50%),
        var(--epz-mist);
}

body.krk-site .pz-store-promo {
    background: var(--epz-navy);
    letter-spacing: 0.06em;
}
body.krk-site .pz-store-promo__row span::before {
    background: var(--epz-teal);
    border-radius: 99px;
    transform: none;
    width: 0.42rem;
    height: 0.42rem;
}
body.krk-site .pz-topbar {
    background: #0c1c36;
}
body.krk-site .pz-topbar a:hover { color: #7ee0da; }
body.krk-site .pz-live-pill {
    background: rgba(4, 188, 177, 0.16);
    border-color: rgba(4, 188, 177, 0.45);
    color: #bff5f1;
}

body.krk-site .pz-header,
body.krk-site header.bg-white,
body.krk-site .bg-white.border-b {
    box-shadow: 0 10px 30px -24px rgba(15, 35, 69, 0.45);
}

.krk-hero {
    background: var(--epz-navy);
}
.krk-hero__shade {
    background:
        linear-gradient(105deg, rgba(15, 35, 69, 0.94) 0%, rgba(15, 35, 69, 0.78) 38%, rgba(8, 104, 255, 0.28) 68%, rgba(4, 188, 177, 0.22) 100%),
        linear-gradient(0deg, rgba(15, 35, 69, 0.8) 0%, transparent 46%) !important;
}
.krk-hero__accent {
    width: 5px;
    border-radius: 99px;
    background: linear-gradient(180deg, transparent, var(--epz-teal), var(--epz-blue), transparent) !important;
    box-shadow: 0 0 28px rgba(4, 188, 177, 0.55);
}
.krk-hero__logo {
    width: min(100%, 280px);
    height: auto;
    background: #fff;
    border-radius: 18px;
    padding: 0.7rem 0.95rem;
    box-shadow: 0 16px 40px -20px rgba(0, 0, 0, 0.45);
    filter: none;
}
.krk-proof {
    background: linear-gradient(90deg, var(--epz-navy) 0%, #12407a 55%, #0d8f88 140%);
}
.krk-proof__item strong { color: #fff; }

body.krk-site .pz-btn {
    border-radius: 999px !important;
}
body.krk-site .pz-btn-primary {
    background: linear-gradient(180deg, #2b86ff 0%, var(--epz-blue) 45%, var(--epz-blue-deep) 100%) !important;
    box-shadow: 0 12px 24px -14px rgba(8, 104, 255, 0.8) !important;
}
body.krk-site .pz-btn-primary:hover:not(:disabled) {
    background: linear-gradient(180deg, #3b92ff, #0452D6) !important;
}

/* Bayi paneli */
body.krk-seller {
    --krk-orange: #0868FF;
    --krk-orange-deep: #0452D6;
    --krk-orange-soft: #E7F1FF;
    --pz-brand: #0868FF;
    --pz-brand-dark: #0452D6;
    --pz-brand-soft: #E7F1FF;
    --pz-canvas: #F4F8FC;
    --krk-bone: #F4F8FC;
    background:
        radial-gradient(820px 340px at 100% -8%, rgba(8, 104, 255, 0.09), transparent 55%),
        radial-gradient(640px 280px at 0% 0%, rgba(4, 188, 177, 0.08), transparent 50%),
        #F4F8FC !important;
}
body.krk-seller .pz-support-cta {
    background: linear-gradient(180deg, #12d0c4 0%, #04BCB1 100%) !important;
    box-shadow: 0 10px 22px -14px rgba(4, 188, 177, 0.9);
}
body.krk-seller .pz-support-cta:hover {
    background: linear-gradient(180deg, #2ad9ce 0%, #039e95 100%) !important;
}

/* Admin */
.fi-body,
.fi-simple-layout {
    --krk-orange: #0868FF;
    --pz-brand: #0868FF;
    --pz-brand-2: #0452D6;
    --pz-admin-brand: #0868FF;
    --pz-admin-brand-soft: #E7F1FF;
    --pz-canvas: #F4F8FC;
}
.fi-sidebar {
    background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%) !important;
    border-right: 1px solid #D5E3F4 !important;
}
.fi-sidebar-item-active > a,
.fi-sidebar-item.fi-active > a {
    background: #E7F1FF !important;
    color: #0452D6 !important;
    box-shadow: inset 3px 0 0 #04BCB1 !important;
}
.fi-btn.fi-color-primary {
    border-radius: 999px !important;
}
.fi-simple-layout {
    background:
        radial-gradient(700px 360px at 12% 18%, rgba(8, 104, 255, 0.18), transparent 55%),
        radial-gradient(560px 280px at 90% 80%, rgba(4, 188, 177, 0.16), transparent 50%),
        #F4F8FC !important;
}
.fi-logo img {
    height: 2.1rem !important;
}