/* Žmogaus Keliu Astrologijos Platforma: bendras PRO dizainas */
:root {
    --zkap-user-accent: #7c3aed;
    --zkap-user-secondary: #3b82f6;
    --zkap-user-radius: 24px;
    --zkap-user-width: 1180px;
}

body.zkap-design-active {
    --zkap-accent: var(--zkap-user-accent);
    --zkap-secondary: var(--zkap-user-secondary);
    --zkap-radius: var(--zkap-user-radius);
    --zkap-width: var(--zkap-user-width);
    --zkap-radius-sm: max(12px, calc(var(--zkap-radius) - 10px));
    --zkap-radius-lg: calc(var(--zkap-radius) + 12px);
    --zkap-ease: cubic-bezier(.2,.75,.25,1);
}

body.zkap-theme-mystic {
    --zkap-page: #f5f2fb;
    --zkap-surface: #ffffff;
    --zkap-surface-soft: #f7f3ff;
    --zkap-ink: #211a35;
    --zkap-muted: #716987;
    --zkap-line: rgba(91, 55, 153, .14);
    --zkap-hero-1: #09051a;
    --zkap-hero-2: #23104d;
    --zkap-hero-3: #4c1d95;
    --zkap-glow: rgba(124, 58, 237, .35);
    --zkap-gold: #f6d48f;
    --zkap-shadow: 0 24px 70px rgba(35, 16, 77, .13);
    --zkap-shadow-hover: 0 32px 90px rgba(54, 25, 108, .22);
}

body.zkap-theme-elegant {
    --zkap-page: #f7f9fc;
    --zkap-surface: #ffffff;
    --zkap-surface-soft: #f1f5fb;
    --zkap-ink: #152238;
    --zkap-muted: #66748a;
    --zkap-line: rgba(35, 65, 105, .12);
    --zkap-hero-1: #edf4ff;
    --zkap-hero-2: #ffffff;
    --zkap-hero-3: #eee9ff;
    --zkap-glow: rgba(59, 130, 246, .2);
    --zkap-gold: #9a6b24;
    --zkap-shadow: 0 18px 55px rgba(31, 53, 88, .10);
    --zkap-shadow-hover: 0 28px 75px rgba(31, 53, 88, .16);
}

body.zkap-theme-cosmic {
    --zkap-page: #eef5ff;
    --zkap-surface: #ffffff;
    --zkap-surface-soft: #eff8ff;
    --zkap-ink: #10223d;
    --zkap-muted: #61738e;
    --zkap-line: rgba(13, 93, 157, .13);
    --zkap-hero-1: #020817;
    --zkap-hero-2: #081d46;
    --zkap-hero-3: #0b4c6f;
    --zkap-glow: rgba(14, 165, 233, .3);
    --zkap-gold: #d9f5ff;
    --zkap-shadow: 0 22px 65px rgba(4, 36, 78, .14);
    --zkap-shadow-hover: 0 34px 90px rgba(5, 55, 105, .23);
}

.zkap-ui,
.zkap-ui *,
.zkap-service-form,
.zkap-service-form *,
.zkap-analysis-status,
.zkap-analysis-status *,
.zkap-client-dashboard,
.zkap-client-dashboard *,
.zkap-ai-chat,
.zkap-ai-chat *,
.zkap-credit-packages,
.zkap-credit-packages *,
.zkap-legacy-forecast-catalog,
.zkap-legacy-forecast-catalog *,
.zkap-horoscope-catalog,
.zkap-horoscope-catalog * {
    box-sizing: border-box;
}

.zkap-page {
    margin: 0;
    overflow: clip;
    color: var(--zkap-ink);
    background: var(--zkap-page);
}

.zkap-container {
    width: min(var(--zkap-width), calc(100% - 40px));
    margin-inline: auto;
}

.zkap-section {
    position: relative;
    padding: 90px 0;
}

.zkap-section-heading {
    max-width: 760px;
    margin: 0 auto 44px;
    text-align: center;
}

.zkap-section-heading h2,
.zkap-premium-cta h2,
.zkap-personal-cta h2 {
    margin: 0;
    color: var(--zkap-ink);
    font-size: clamp(30px, 4.5vw, 52px);
    line-height: 1.12;
    letter-spacing: -.035em;
    font-weight: 850;
}

.zkap-section-heading > p:last-child,
.zkap-premium-cta > div > p:last-child,
.zkap-personal-cta > div > p:last-child {
    margin: 18px 0 0;
    color: var(--zkap-muted);
    font-size: 17px;
    line-height: 1.75;
}

.zkap-kicker,
.zkap-card-eyebrow {
    display: flex;
    margin: 0 0 13px;
    align-items: center;
    gap: 8px;
    color: #d9d2ff;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.zkap-kicker--dark,
.zkap-card-eyebrow {
    color: var(--zkap-accent);
}

.zkap-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 18% 15%, color-mix(in srgb, var(--zkap-secondary) 42%, transparent), transparent 34%),
        radial-gradient(circle at 82% 22%, color-mix(in srgb, var(--zkap-accent) 45%, transparent), transparent 36%),
        linear-gradient(138deg, var(--zkap-hero-1), var(--zkap-hero-2) 52%, var(--zkap-hero-3));
}

body.zkap-theme-elegant .zkap-hero {
    color: var(--zkap-ink);
    border-bottom: 1px solid var(--zkap-line);
}

body.zkap-theme-elegant .zkap-hero .zkap-kicker,
body.zkap-theme-elegant .zkap-hero .zkap-lead,
body.zkap-theme-elegant .zkap-hero .zkap-sign-hero__facts,
body.zkap-theme-elegant .zkap-hero .zkap-updated,
body.zkap-theme-elegant .zkap-breadcrumb {
    color: var(--zkap-muted) !important;
}

.zkap-hero--horoscope {
    min-height: 720px;
    display: grid;
    align-items: center;
    padding: 105px 0 95px;
    text-align: center;
}

.zkap-hero--sign {
    min-height: 480px;
    padding: 64px 0 78px;
}

.zkap-hero__content {
    position: relative;
    z-index: 3;
    max-width: 920px;
}

.zkap-hero h1 {
    margin: 0;
    color: inherit;
    font-size: clamp(58px, 9vw, 108px);
    line-height: .96;
    letter-spacing: -.065em;
    font-weight: 900;
    text-shadow: 0 15px 45px rgba(0, 0, 0, .2);
}

.zkap-hero--sign h1 {
    font-size: clamp(54px, 8vw, 92px);
}

.zkap-lead {
    max-width: 790px;
    margin: 27px auto 34px;
    color: rgba(239, 244, 255, .88);
    font-size: clamp(17px, 2vw, 20px);
    line-height: 1.75;
}

.zkap-hero__actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
}

.zkap-button,
.zkap-ui .button,
.zkap-service-form .button,
.zkap-analysis-status .button,
.zkap-client-dashboard .button,
.zkap-ai-chat .button,
.zkap-credit-packages .button,
.zkap-legacy-forecast-catalog .button,
.zkap-horoscope-catalog .button {
    position: relative;
    display: inline-flex;
    min-height: 54px;
    padding: 0 27px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    overflow: hidden;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    background: linear-gradient(135deg, var(--zkap-secondary), var(--zkap-accent)) !important;
    box-shadow: 0 15px 38px var(--zkap-glow) !important;
    cursor: pointer;
    transition: transform .25s var(--zkap-ease), box-shadow .25s var(--zkap-ease), filter .25s var(--zkap-ease);
}

.zkap-button > span,
.zkap-ui .button > span {
    position: relative;
    z-index: 2;
}

.zkap-button:hover,
.zkap-ui .button:hover,
.zkap-service-form .button:hover,
.zkap-analysis-status .button:hover,
.zkap-client-dashboard .button:hover,
.zkap-ai-chat .button:hover,
.zkap-credit-packages .button:hover,
.zkap-legacy-forecast-catalog .button:hover,
.zkap-horoscope-catalog .button:hover {
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 21px 50px var(--zkap-glow) !important;
    filter: saturate(1.08);
}

.zkap-button--ghost {
    color: #fff !important;
    border-color: rgba(255,255,255,.28) !important;
    background: rgba(255,255,255,.08) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px);
}

body.zkap-theme-elegant .zkap-button--ghost {
    color: var(--zkap-ink) !important;
    border-color: var(--zkap-line) !important;
    background: rgba(255,255,255,.72) !important;
}

body.zkap-buttons-solid .zkap-button,
body.zkap-buttons-solid .zkap-ui .button,
body.zkap-buttons-solid .zkap-service-form .button,
body.zkap-buttons-solid .zkap-credit-packages .button,
body.zkap-buttons-solid .zkap-legacy-forecast-catalog .button {
    box-shadow: 0 10px 25px color-mix(in srgb, var(--zkap-accent) 22%, transparent) !important;
}

body.zkap-buttons-planet .zkap-button::before,
body.zkap-buttons-planet .zkap-ui .button::before,
body.zkap-buttons-planet .zkap-service-form .button::before,
body.zkap-buttons-planet .zkap-credit-packages .button::before,
body.zkap-buttons-planet .zkap-legacy-forecast-catalog .button::before {
    content: "";
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 32% 30%, #fff 0 10%, transparent 12%),
        radial-gradient(circle at 35% 35%, #fde68a, #fb7185 46%, #7c3aed 78%);
    box-shadow: 0 0 0 3px rgba(255,255,255,.14), 0 0 17px rgba(255,255,255,.35);
}

.zkap-hero__meta {
    display: flex;
    max-width: 720px;
    margin: 42px auto 0;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.zkap-hero__meta span {
    padding: 10px 16px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    color: rgba(244,247,255,.76);
    background: rgba(255,255,255,.055);
    backdrop-filter: blur(12px);
}

.zkap-hero__meta b {
    color: #fff;
}

body.zkap-theme-elegant .zkap-hero__meta span {
    color: var(--zkap-muted);
    border-color: var(--zkap-line);
    background: rgba(255,255,255,.6);
}
body.zkap-theme-elegant .zkap-hero__meta b { color: var(--zkap-ink); }

.zkap-cosmos,
.zkap-cosmos::before,
.zkap-cosmos::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.zkap-cosmos::before {
    content: "";
    opacity: .36;
    background-image:
        radial-gradient(circle, #fff 0 1px, transparent 1.5px),
        radial-gradient(circle, #fff 0 1px, transparent 1.5px),
        radial-gradient(circle, rgba(255,255,255,.9) 0 1.5px, transparent 2px);
    background-size: 63px 63px, 91px 91px, 143px 143px;
    background-position: 0 0, 30px 18px, 70px 35px;
}

body.zkap-stars-off .zkap-cosmos::before { display: none; }
body.zkap-theme-elegant .zkap-cosmos::before { opacity: .08; filter: invert(1); }

.zkap-orbit {
    position: absolute;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
    transform: rotate(-16deg);
}
.zkap-orbit--one { width: 560px; height: 220px; left: -170px; top: 120px; }
.zkap-orbit--two { width: 680px; height: 260px; right: -230px; bottom: 55px; transform: rotate(18deg); }

.zkap-planet {
    position: absolute;
    border-radius: 50%;
    box-shadow: inset -18px -20px 35px rgba(0,0,0,.32), 0 0 55px rgba(124,58,237,.3);
}
.zkap-planet--one {
    width: 105px;
    height: 105px;
    top: 18%;
    left: 7%;
    background: radial-gradient(circle at 32% 27%, #fff1a8, #f97316 35%, #7c2d12 74%);
}
.zkap-planet--two {
    width: 62px;
    height: 62px;
    right: 9%;
    bottom: 20%;
    background: radial-gradient(circle at 32% 25%, #dbeafe, #38bdf8 38%, #1d4ed8 80%);
}
body.zkap-theme-elegant .zkap-planet { opacity: .22; }

.zkap-constellation {
    position: absolute;
    width: 220px;
    height: 150px;
    top: 18%;
    right: 16%;
    opacity: .35;
    background:
        radial-gradient(circle at 10% 70%, #fff 0 2px, transparent 3px),
        radial-gradient(circle at 35% 35%, #fff 0 2px, transparent 3px),
        radial-gradient(circle at 62% 62%, #fff 0 2px, transparent 3px),
        radial-gradient(circle at 88% 20%, #fff 0 2px, transparent 3px);
}

.zkap-section--zodiac { background: var(--zkap-page); }
.zkap-zodiac-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.zkap-zodiac-card {
    position: relative;
    display: flex;
    min-height: 230px;
    padding: 25px;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border: 1px solid var(--zkap-line);
    border-radius: var(--zkap-radius);
    color: var(--zkap-ink) !important;
    text-decoration: none !important;
    background: linear-gradient(145deg, var(--zkap-surface), var(--zkap-surface-soft));
    box-shadow: var(--zkap-shadow);
    transition: transform .28s var(--zkap-ease), box-shadow .28s var(--zkap-ease), border-color .28s;
}

.zkap-zodiac-card:hover {
    color: var(--zkap-ink) !important;
    border-color: color-mix(in srgb, var(--zkap-accent) 35%, transparent);
    transform: translateY(-8px);
    box-shadow: var(--zkap-shadow-hover);
}

.zkap-zodiac-card__glow {
    position: absolute;
    width: 170px;
    height: 170px;
    right: -80px;
    top: -90px;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--zkap-accent) 28%, transparent), transparent 67%);
    transition: transform .35s var(--zkap-ease);
}
.zkap-zodiac-card:hover .zkap-zodiac-card__glow { transform: scale(1.5); }

.zkap-zodiac-card__symbol {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--zkap-accent) 14%, transparent);
    border-radius: 22px;
    color: var(--zkap-accent);
    font-size: 41px;
    line-height: 1;
    background: linear-gradient(145deg, color-mix(in srgb, var(--zkap-secondary) 12%, #fff), color-mix(in srgb, var(--zkap-accent) 13%, #fff));
}

.zkap-zodiac-card__body { display: block; position: relative; z-index: 1; }
.zkap-zodiac-card__body strong { display: block; margin: 18px 0 5px; font-size: 24px; font-weight: 850; }
.zkap-zodiac-card__body small { display: block; color: var(--zkap-muted); font-size: 13px; }
.zkap-zodiac-card__body em {
    display: inline-block;
    margin-top: 10px;
    padding: 4px 9px;
    border-radius: 999px;
    color: var(--zkap-accent);
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    background: color-mix(in srgb, var(--zkap-accent) 8%, transparent);
}
.zkap-zodiac-card__arrow { position: absolute; right: 24px; bottom: 25px; color: var(--zkap-accent); font-size: 22px; }

.zkap-section--periods { padding-top: 0; }
.zkap-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.zkap-feature-card,
.zkap-content-card,
.zkap-lucky-card,
.zkap-service-form,
.zkap-analysis-status,
.zkap-client-dashboard,
.zkap-ai-chat,
.zkap-credit-packages,
.zkap-legacy-forecast-card,
.zkap-horoscope,
.zkap-horoscope--empty {
    border: 1px solid var(--zkap-line);
    border-radius: var(--zkap-radius);
    background: var(--zkap-surface);
    box-shadow: var(--zkap-shadow);
}

.zkap-feature-card { padding: 34px; }
.zkap-feature-card__icon {
    display: grid;
    width: 58px;
    height: 58px;
    margin-bottom: 23px;
    place-items: center;
    border-radius: 18px;
    color: #fff;
    font-size: 28px;
    background: linear-gradient(135deg, var(--zkap-secondary), var(--zkap-accent));
    box-shadow: 0 13px 30px var(--zkap-glow);
}
.zkap-feature-card h2 { margin: 0 0 13px; color: var(--zkap-ink); font-size: 24px; }
.zkap-feature-card > p:last-child { margin: 0; color: var(--zkap-muted); line-height: 1.72; }

.zkap-section--cta { padding-top: 0; }
.zkap-premium-cta,
.zkap-personal-cta {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    min-height: 260px;
    padding: 52px 54px;
    align-items: center;
    gap: 35px;
    overflow: hidden;
    border-radius: var(--zkap-radius-lg);
    color: #fff;
    background:
        radial-gradient(circle at 92% 15%, color-mix(in srgb, var(--zkap-secondary) 55%, transparent), transparent 30%),
        linear-gradient(135deg, var(--zkap-hero-1), var(--zkap-hero-2), var(--zkap-hero-3));
    box-shadow: 0 28px 78px rgba(15, 18, 45, .22);
}
.zkap-premium-cta h2,
.zkap-personal-cta h2 { color: #fff; font-size: clamp(30px, 4vw, 46px); }
.zkap-premium-cta > div > p:last-child,
.zkap-personal-cta > div > p:last-child { color: rgba(239,244,255,.77); }
.zkap-premium-cta__planet {
    position: absolute;
    width: 210px;
    height: 210px;
    right: 18%;
    top: -115px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
}
.zkap-premium-cta__planet span {
    position: absolute;
    width: 62px;
    height: 62px;
    right: 14px;
    bottom: 20px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 25%, #fde68a, #fb7185 40%, #7c3aed 85%);
    box-shadow: 0 0 35px rgba(251,113,133,.35);
}

.zkap-breadcrumb {
    position: relative;
    z-index: 3;
    display: inline-flex;
    margin-bottom: 44px;
    color: rgba(228,233,255,.74) !important;
    font-weight: 750;
    text-decoration: none !important;
}
.zkap-sign-hero__layout { position: relative; z-index: 3; display: flex; align-items: center; gap: 36px; }
.zkap-sign-hero__symbol {
    display: grid;
    width: 158px;
    height: 158px;
    flex: 0 0 158px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.19);
    border-radius: 40px;
    background: rgba(255,255,255,.08);
    box-shadow: inset 0 0 40px rgba(255,255,255,.05), 0 22px 55px rgba(0,0,0,.18);
    backdrop-filter: blur(15px);
}
.zkap-sign-hero__symbol span { font-size: 86px; line-height: 1; }
.zkap-sign-hero__copy { min-width: 0; }
.zkap-sign-hero__facts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; color: rgba(236,241,255,.82); }
.zkap-sign-hero__facts span { padding: 8px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.05); }
.zkap-updated { margin: 15px 0 0; color: rgba(218,224,255,.56); font-size: 13px; }

.zkap-section--sign-content { background: var(--zkap-page); }
.zkap-summary-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .85fr); gap: 24px; }
.zkap-content-card { padding: 34px; }
.zkap-content-card h2 { margin: 0 0 20px; color: var(--zkap-ink); font-size: 28px; line-height: 1.25; }
.zkap-rich-copy { color: color-mix(in srgb, var(--zkap-ink) 83%, var(--zkap-muted)); font-size: 16px; line-height: 1.83; }
.zkap-rich-copy p:last-child { margin-bottom: 0; }
.zkap-card-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.zkap-card-heading > span { color: var(--zkap-accent); font-size: 30px; }
.zkap-metric { margin-bottom: 17px; }
.zkap-metric:last-child { margin-bottom: 0; }
.zkap-metric > div:first-child { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 7px; color: var(--zkap-muted); }
.zkap-metric strong { color: var(--zkap-accent); }
.zkap-metric__track { height: 9px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--zkap-accent) 9%, var(--zkap-page)); }
.zkap-metric__track span { display: block; width: var(--zkap-value); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--zkap-secondary), var(--zkap-accent)); box-shadow: 0 0 16px var(--zkap-glow); }

.zkap-advice {
    display: flex;
    margin-top: 24px;
    padding: 30px 34px;
    align-items: center;
    gap: 22px;
    border-radius: var(--zkap-radius);
    color: #fff;
    background: linear-gradient(135deg, color-mix(in srgb, var(--zkap-secondary) 82%, #111827), color-mix(in srgb, var(--zkap-accent) 83%, #111827));
    box-shadow: 0 22px 55px var(--zkap-glow);
}
.zkap-advice__icon { display: grid; width: 58px; height: 58px; flex: 0 0 58px; place-items: center; border: 1px solid rgba(255,255,255,.17); border-radius: 18px; font-size: 28px; background: rgba(255,255,255,.08); }
.zkap-advice p { margin: 0 0 5px; color: rgba(239,244,255,.68); font-size: 11px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.zkap-advice h2 { margin: 0; color: #fff; font-size: 21px; line-height: 1.45; }

.zkap-lucky-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 17px; margin-top: 24px; }
.zkap-lucky-card { display: flex; padding: 22px; align-items: center; gap: 15px; }
.zkap-lucky-card > span { display: grid; width: 46px; height: 46px; flex: 0 0 46px; place-items: center; border-radius: 15px; color: var(--zkap-accent); font-size: 22px; background: color-mix(in srgb, var(--zkap-accent) 9%, transparent); }
.zkap-lucky-card p { margin: 0 0 3px; color: var(--zkap-muted); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.zkap-lucky-card h3 { margin: 0; color: var(--zkap-ink); font-size: 18px; }

.zkap-period-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; margin-top: 24px; }
.zkap-period-card { min-height: 100%; }
.zkap-sign-description { margin-top: 24px; }
.zkap-personal-cta { margin-top: 24px; min-height: 225px; }
.zkap-personal-cta h2 { max-width: 760px; font-size: clamp(28px, 3.4vw, 40px); }

.zkap-sign-navigation { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 10px; margin-top: 34px; }
.zkap-sign-navigation a {
    display: flex;
    min-height: 58px;
    padding: 9px 11px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--zkap-line);
    border-radius: var(--zkap-radius-sm);
    color: var(--zkap-ink) !important;
    text-decoration: none !important;
    background: var(--zkap-surface);
    box-shadow: 0 9px 24px rgba(30, 35, 55, .05);
    transition: .22s var(--zkap-ease);
}
.zkap-sign-navigation a:hover,
.zkap-sign-navigation a.is-current { color: #fff !important; border-color: transparent; background: linear-gradient(135deg, var(--zkap-secondary), var(--zkap-accent)); transform: translateY(-2px); }
.zkap-sign-navigation span { font-size: 20px; }
.zkap-sign-navigation strong { font-size: 12px; }

/* Trumpųjų kodų ir visų kitų įskiepio lankytojų dalių PRO stilius */
.zkap-service-form,
.zkap-analysis-status,
.zkap-client-dashboard,
.zkap-ai-chat,
.zkap-credit-packages,
.zkap-legacy-forecast-catalog,
.zkap-horoscope-catalog {
    width: min(var(--zkap-width), calc(100% - 30px));
    margin: 36px auto;
    padding: clamp(24px, 4vw, 42px);
    color: var(--zkap-ink);
}

.zkap-service-form > h2,
.zkap-analysis-status > h2,
.zkap-client-dashboard > h2,
.zkap-ai-chat > h2,
.zkap-credit-packages > h2,
.zkap-horoscope-catalog > h2 {
    margin: 0 0 14px;
    color: var(--zkap-ink);
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.15;
}

.zkap-service-description,
.zkap-analysis-result,
.zkap-client-analysis__content { color: var(--zkap-muted); line-height: 1.78; }

.zkap-service-price {
    display: inline-flex;
    margin: 18px 0 28px;
    padding: 10px 16px;
    border-radius: 999px;
    color: var(--zkap-accent);
    background: color-mix(in srgb, var(--zkap-accent) 9%, transparent);
}
.zkap-service-price strong { font-size: 21px; }

.zkap-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.zkap-form-field { margin: 0 !important; }
.zkap-form-field--textarea,
.zkap-form > p,
.zkap-form > button,
.zkap-form > .button { grid-column: 1 / -1; }
.zkap-form label { display: block; margin-bottom: 7px; color: var(--zkap-ink); font-size: 14px; }
.zkap-form input:not([type="checkbox"]):not([type="radio"]),
.zkap-form textarea,
.zkap-form select,
.zkap-client-dashboard input:not([type="checkbox"]),
.zkap-client-dashboard textarea,
.zkap-ai-chat input,
.zkap-ai-chat textarea,
body.zkap-design-checkout-on.woocommerce-checkout .woocommerce input.input-text,
body.zkap-design-checkout-on.woocommerce-checkout .woocommerce textarea,
body.zkap-design-checkout-on.woocommerce-checkout .woocommerce select {
    width: 100%;
    min-height: 49px;
    padding: 12px 14px;
    border: 1px solid var(--zkap-line) !important;
    border-radius: 13px !important;
    color: var(--zkap-ink);
    background: color-mix(in srgb, var(--zkap-surface) 93%, var(--zkap-page)) !important;
    box-shadow: none !important;
    transition: border-color .2s, box-shadow .2s;
}
.zkap-form textarea,
.zkap-ai-chat textarea { min-height: 135px; resize: vertical; }
.zkap-form input:focus,
.zkap-form textarea:focus,
.zkap-form select:focus,
.zkap-client-dashboard input:focus,
.zkap-ai-chat input:focus,
.zkap-ai-chat textarea:focus,
body.zkap-design-checkout-on.woocommerce-checkout .woocommerce input.input-text:focus,
body.zkap-design-checkout-on.woocommerce-checkout .woocommerce textarea:focus {
    outline: none;
    border-color: color-mix(in srgb, var(--zkap-accent) 65%, transparent) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--zkap-accent) 10%, transparent) !important;
}

.zkap-message,
.zkap-notice,
.zkap-horoscope--empty {
    padding: 17px 19px;
    border: 1px solid var(--zkap-line);
    border-radius: var(--zkap-radius-sm);
    color: var(--zkap-ink);
    background: var(--zkap-surface-soft);
}
.zkap-message--success,
.zkap-notice--success { border-color: rgba(16,185,129,.22); background: rgba(16,185,129,.08); }
.zkap-message--error,
.zkap-notice--error { border-color: rgba(239,68,68,.22); background: rgba(239,68,68,.08); }
.zkap-message p:last-child,
.zkap-notice p:last-child { margin-bottom: 0; }

.zkap-client-summary,
.zkap-ai-chat__layout,
.zkap-ai-chat__messages { gap: 18px !important; }
.zkap-client-card,
.zkap-client-profile,
.zkap-ai-chat__threads,
.zkap-ai-chat__conversation,
.zkap-ai-chat__message,
.zkap-client-analysis,
.zkap-credit-package {
    border: 1px solid var(--zkap-line) !important;
    border-radius: var(--zkap-radius-sm) !important;
    background: var(--zkap-surface-soft) !important;
    box-shadow: none !important;
}
.zkap-client-card { padding: 21px !important; }
.zkap-client-profile { padding: 25px !important; }
.zkap-ai-chat__threads,
.zkap-ai-chat__conversation { padding: 22px; }
.zkap-ai-chat__message { padding: 14px 16px !important; }
.zkap-ai-chat__message--assistant { border-left: 4px solid var(--zkap-accent) !important; }
.zkap-ai-chat__message--user { border-left: 4px solid var(--zkap-secondary) !important; }

.zkap-credit-packages > div,
.zkap-legacy-forecast-catalog > div {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)) !important;
    gap: 20px !important;
}
.zkap-credit-package,
.zkap-legacy-forecast-card {
    padding: 28px !important;
    transition: transform .24s var(--zkap-ease), box-shadow .24s var(--zkap-ease);
}
.zkap-credit-package:hover,
.zkap-legacy-forecast-card:hover { transform: translateY(-5px); box-shadow: var(--zkap-shadow) !important; }
.zkap-credit-package h3,
.zkap-legacy-forecast-card h3 { margin-top: 0; color: var(--zkap-ink); font-size: 22px; }

.zkap-table { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--zkap-line); border-radius: var(--zkap-radius-sm); }
.zkap-table th,
.zkap-table td { padding: 13px 15px; border-bottom: 1px solid var(--zkap-line); text-align: left; }
.zkap-table th { color: var(--zkap-ink); background: var(--zkap-surface-soft); }
.zkap-table tr:last-child td { border-bottom: 0; }

.zkap-horoscope { padding: 30px; }
.zkap-horoscope__title { margin: 0 0 20px; color: var(--zkap-ink); font-size: 28px; }
.zkap-horoscope__content { color: var(--zkap-muted); line-height: 1.8; }
.zkap-horoscope-metrics { gap: 12px !important; }
.zkap-horoscope-metric { padding: 15px; border: 1px solid var(--zkap-line); border-radius: 14px; background: var(--zkap-surface-soft); }
.zkap-horoscope-metric strong,
.zkap-horoscope-metric span { display: block; }
.zkap-horoscope-metric span { margin: 4px 0; color: var(--zkap-accent); font-weight: 800; }
.zkap-horoscope-metric progress { width: 100%; accent-color: var(--zkap-accent); }
.zkap-horoscope-facts { gap: 9px !important; }
.zkap-horoscope-facts span { padding: 7px 10px; border-radius: 999px; color: var(--zkap-muted); background: var(--zkap-surface-soft); }
.zkap-horoscope-advice { margin: 18px 0 0; padding: 18px 20px; border: 0; border-left: 4px solid var(--zkap-accent); border-radius: 0 14px 14px 0; color: var(--zkap-ink); background: color-mix(in srgb, var(--zkap-accent) 7%, transparent); }
.zkap-zodiac-grid,
.zkap-period-nav { gap: 12px !important; }
.zkap-zodiac-link { border: 1px solid var(--zkap-line) !important; border-radius: 15px !important; color: var(--zkap-ink) !important; background: var(--zkap-surface-soft); transition: .2s; }
.zkap-zodiac-link:hover,
.zkap-zodiac-link[aria-current="true"] { color: #fff !important; border-color: transparent !important; background: linear-gradient(135deg, var(--zkap-secondary), var(--zkap-accent)); }

/* WooCommerce apmokėjimas */
body.zkap-design-checkout-on.woocommerce-checkout .woocommerce,
body.zkap-design-confirmation-on.woocommerce-order-received .woocommerce {
    width: min(var(--zkap-width), calc(100% - 30px));
    margin: 38px auto 70px;
    color: var(--zkap-ink);
}
body.zkap-design-checkout-on.woocommerce-checkout form.checkout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
    gap: 26px;
    align-items: start;
}
body.zkap-design-checkout-on.woocommerce-checkout #customer_details,
body.zkap-design-checkout-on.woocommerce-checkout #order_review,
body.zkap-design-confirmation-on.woocommerce-order-received .woocommerce-order {
    padding: clamp(22px, 3vw, 36px);
    border: 1px solid var(--zkap-line);
    border-radius: var(--zkap-radius);
    background: var(--zkap-surface);
    box-shadow: var(--zkap-shadow);
}
body.zkap-design-checkout-on.woocommerce-checkout #customer_details { display: grid; grid-template-columns: 1fr; gap: 18px; }
body.zkap-design-checkout-on.woocommerce-checkout #order_review { position: sticky; top: 24px; }
body.zkap-design-checkout-on.woocommerce-checkout #order_review_heading { margin-top: 0; }
body.zkap-design-checkout-on.woocommerce-checkout table.shop_table,
body.zkap-design-confirmation-on.woocommerce-order-received table.shop_table { border: 1px solid var(--zkap-line); border-radius: 14px; overflow: hidden; }
body.zkap-design-checkout-on.woocommerce-checkout #payment { border-radius: 16px; background: var(--zkap-surface-soft); }
body.zkap-design-checkout-on.woocommerce-checkout #place_order {
    width: 100%;
    min-height: 58px;
    border: 0;
    border-radius: 999px;
    font-weight: 850;
    background: linear-gradient(135deg, var(--zkap-secondary), var(--zkap-accent));
    box-shadow: 0 16px 38px var(--zkap-glow);
}
body.zkap-design-confirmation-on.woocommerce-order-received .woocommerce-thankyou-order-received {
    margin: 0 0 25px;
    padding: 25px 28px;
    border: 1px solid rgba(16,185,129,.22);
    border-radius: var(--zkap-radius);
    color: #087d5b;
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 850;
    background: rgba(16,185,129,.08);
}
body.zkap-design-confirmation-on.woocommerce-order-received .woocommerce-order-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    gap: 12px;
    margin: 0 0 28px;
    padding: 0;
}
body.zkap-design-confirmation-on.woocommerce-order-received .woocommerce-order-overview li {
    float: none;
    margin: 0;
    padding: 15px;
    border: 1px solid var(--zkap-line);
    border-right: 1px solid var(--zkap-line);
    border-radius: 14px;
    background: var(--zkap-surface-soft);
}

@media (prefers-reduced-motion: no-preference) {
    body.zkap-motion-on .zkap-planet--one { animation: zkap-float-one 8s ease-in-out infinite; }
    body.zkap-motion-on .zkap-planet--two { animation: zkap-float-two 10s ease-in-out infinite; }
    body.zkap-motion-on .zkap-orbit--one { animation: zkap-orbit 28s linear infinite; }
    body.zkap-motion-on .zkap-cosmos::before { animation: zkap-stars 30s linear infinite; }
}

@keyframes zkap-float-one { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(8px,-14px,0); } }
@keyframes zkap-float-two { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(-10px,12px,0); } }
@keyframes zkap-orbit { to { transform: rotate(344deg); } }
@keyframes zkap-stars { to { background-position: 63px 63px, -61px 109px, 213px -108px; } }

@media (max-width: 1100px) {
    .zkap-zodiac-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .zkap-sign-navigation { grid-template-columns: repeat(4, minmax(0,1fr)); }
    .zkap-period-grid { grid-template-columns: 1fr 1fr; }
    .zkap-period-grid .zkap-period-card:last-child { grid-column: 1 / -1; }
}

@media (max-width: 850px) {
    .zkap-section { padding: 68px 0; }
    .zkap-hero--horoscope { min-height: 640px; padding: 85px 0 72px; }
    .zkap-zodiac-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .zkap-feature-grid,
    .zkap-summary-grid,
    .zkap-period-grid,
    .zkap-premium-cta,
    .zkap-personal-cta { grid-template-columns: 1fr; }
    .zkap-period-grid .zkap-period-card:last-child { grid-column: auto; }
    .zkap-premium-cta,
    .zkap-personal-cta { padding: 40px; }
    .zkap-lucky-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .zkap-sign-navigation { grid-template-columns: repeat(3, minmax(0,1fr)); }
    body.zkap-design-checkout-on.woocommerce-checkout form.checkout { grid-template-columns: 1fr; }
    body.zkap-design-checkout-on.woocommerce-checkout #order_review { position: static; }
    .zkap-ai-chat__layout { grid-template-columns: 1fr !important; }
}

@media (max-width: 620px) {
    .zkap-container { width: min(var(--zkap-width), calc(100% - 28px)); }
    .zkap-hero h1 { font-size: clamp(48px, 16vw, 72px); }
    .zkap-hero--sign { padding: 42px 0 56px; }
    .zkap-sign-hero__layout { align-items: flex-start; flex-direction: column; gap: 22px; }
    .zkap-sign-hero__symbol { width: 112px; height: 112px; flex-basis: 112px; border-radius: 28px; }
    .zkap-sign-hero__symbol span { font-size: 62px; }
    .zkap-hero__actions { flex-direction: column; }
    .zkap-button { width: 100%; }
    .zkap-hero__meta { align-items: stretch; flex-direction: column; }
    .zkap-zodiac-grid,
    .zkap-feature-grid,
    .zkap-lucky-grid,
    .zkap-sign-navigation { grid-template-columns: 1fr; }
    .zkap-zodiac-card { min-height: 205px; }
    .zkap-content-card,
    .zkap-feature-card,
    .zkap-service-form,
    .zkap-analysis-status,
    .zkap-client-dashboard,
    .zkap-ai-chat,
    .zkap-credit-packages,
    .zkap-legacy-forecast-catalog,
    .zkap-horoscope-catalog { padding: 24px; }
    .zkap-advice { align-items: flex-start; padding: 24px; }
    .zkap-form { grid-template-columns: 1fr; }
    .zkap-form-field { grid-column: 1; }
    .zkap-premium-cta,
    .zkap-personal-cta { padding: 32px 26px; }
    .zkap-planet--one { width: 72px; height: 72px; left: -18px; }
    .zkap-planet--two { right: -10px; }
}

/* Papildomi PRO užsakymo ir katalogo komponentai */
.zkap-planet {
    translate: var(--zkap-parallax-x, 0) var(--zkap-parallax-y, 0);
    transition: translate .24s ease-out;
}

.zkap-service-purchase-summary {
    display: flex;
    margin: 18px 0 24px;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.zkap-service-purchase-summary .zkap-service-price { margin: 0; }
.zkap-service-delivery {
    margin: 0;
    padding: 9px 14px;
    border: 1px solid var(--zkap-line);
    border-radius: 999px;
    color: var(--zkap-muted);
    background: var(--zkap-surface-soft);
}
.zkap-order-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 4px 0 28px;
}
.zkap-order-steps > div {
    display: flex;
    min-height: 66px;
    padding: 13px;
    align-items: center;
    gap: 11px;
    border: 1px solid var(--zkap-line);
    border-radius: var(--zkap-radius-sm);
    background: var(--zkap-surface-soft);
}
.zkap-order-steps span {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: 850;
    background: linear-gradient(135deg, var(--zkap-secondary), var(--zkap-accent));
}
.zkap-order-steps strong { color: var(--zkap-ink); font-size: 13px; }
.zkap-consent { padding: 15px 17px; border: 1px solid var(--zkap-line); border-radius: 13px; background: var(--zkap-surface-soft); }
.zkap-form-trust { margin: -4px 0 0 !important; color: var(--zkap-muted); font-size: 13px; text-align: center; }

.zkap-service-catalog-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)) !important;
    gap: 20px !important;
}
.zkap-legacy-forecast-card__icon {
    display: grid;
    width: 54px;
    height: 54px;
    margin-bottom: 20px;
    place-items: center;
    border-radius: 17px;
    color: #fff;
    font-size: 24px;
    background: linear-gradient(135deg, var(--zkap-secondary), var(--zkap-accent));
    box-shadow: 0 13px 30px var(--zkap-glow);
}
.zkap-legacy-forecast-card__price { margin: 20px 0 8px; color: var(--zkap-accent); font-size: 24px; }
.zkap-legacy-forecast-card__delivery { margin: 0 0 22px; color: var(--zkap-muted); }

.zkap-horoscope-catalog .zkap-zodiac-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin: 20px 0 30px;
}
.zkap-zodiac-link {
    display: flex !important;
    min-height: 142px;
    padding: 18px 12px !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none !important;
}
.zkap-zodiac-link__symbol { margin-bottom: 7px; color: var(--zkap-accent); font-size: 34px; }
.zkap-zodiac-link strong { display: block; font-size: 16px; }
.zkap-zodiac-link small { display: block; margin-top: 4px; color: var(--zkap-muted); font-size: 11px; }
.zkap-zodiac-link:hover small,
.zkap-zodiac-link[aria-current="true"] small { color: rgba(255,255,255,.75); }
.zkap-catalog-selection {
    display: flex;
    margin: 26px 0 16px;
    padding: 24px;
    align-items: center;
    gap: 18px;
    border: 1px solid var(--zkap-line);
    border-radius: var(--zkap-radius);
    background: var(--zkap-surface-soft);
}
.zkap-catalog-selection__symbol {
    display: grid;
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    place-items: center;
    border-radius: 22px;
    color: #fff;
    font-size: 40px;
    background: linear-gradient(135deg, var(--zkap-secondary), var(--zkap-accent));
    box-shadow: 0 14px 34px var(--zkap-glow);
}
.zkap-catalog-selection h2 { margin: 0 0 4px; color: var(--zkap-ink); }
.zkap-catalog-selection p:last-child { margin: 0; color: var(--zkap-muted); }
.zkap-period-nav { display: flex !important; margin: 14px 0 22px !important; flex-wrap: wrap; }
.zkap-period-nav .button.is-current { filter: brightness(.86); box-shadow: inset 0 0 0 2px rgba(255,255,255,.35), 0 15px 38px var(--zkap-glow) !important; }
.zkap-horoscope--empty { display: flex; margin-top: 20px; align-items: center; gap: 12px; }
.zkap-horoscope--empty > span { color: var(--zkap-accent); font-size: 26px; }
.zkap-horoscope--empty p { margin: 0; }
.zkap-horoscope-metrics { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(130px,1fr)) !important; margin: 20px 0 !important; }
.zkap-horoscope-metric > div { display: flex; justify-content: space-between; gap: 8px; }

@media (max-width: 620px) {
    .zkap-order-steps { grid-template-columns: 1fr; }
    .zkap-service-purchase-summary { align-items: flex-start; flex-direction: column; }
    .zkap-catalog-selection { align-items: flex-start; flex-direction: column; }
}

/* V16.2 vieninga astrologijos portalo sąsaja */
.zkap-pro-page{width:min(var(--zkap-user-width,1180px),calc(100% - 32px));margin:38px auto 70px;position:relative;z-index:1}
.zkap-pro-hero{padding:clamp(34px,6vw,76px);border-radius:var(--zkap-user-radius,24px);margin-bottom:24px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(31,16,62,.96),rgba(24,49,92,.92));color:#fff;box-shadow:0 25px 70px rgba(15,23,42,.22)}
.zkap-theme-elegant .zkap-pro-hero{background:linear-gradient(135deg,#fff,#f1f5ff);color:#182033;border:1px solid rgba(70,86,130,.12)}
.zkap-theme-cosmic .zkap-pro-hero{background:radial-gradient(circle at 85% 20%,rgba(59,130,246,.56),transparent 30%),linear-gradient(135deg,#120a35,#191d56 55%,#071b39)}
.zkap-pro-kicker{display:inline-flex;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
.zkap-pro-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.04;margin:0 0 18px;color:inherit;max-width:850px}
.zkap-pro-hero p{font-size:clamp(17px,2vw,21px);line-height:1.7;max-width:780px;margin:0;opacity:.9}
.zkap-pro-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.zkap-pro-button,.zkap-account-links a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,var(--zkap-user-accent),var(--zkap-user-secondary));color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:0 12px 28px rgba(68,56,202,.25);transition:transform .2s ease,box-shadow .2s ease}
.zkap-pro-button:hover,.zkap-account-links a:hover{transform:translateY(-2px);box-shadow:0 17px 36px rgba(68,56,202,.32)}
.zkap-pro-button--secondary{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);box-shadow:none}
.zkap-pro-content-card,.zkap-scope-notice,.zkap-account-links{padding:clamp(22px,4vw,40px);border-radius:var(--zkap-user-radius,24px);background:var(--zkap-surface,#fff);border:1px solid rgba(100,116,139,.14);box-shadow:0 18px 50px rgba(15,23,42,.09);margin:0 0 24px}
.zkap-scope-notice{display:grid;grid-template-columns:minmax(170px,.35fr) 1fr;gap:18px;border-left:5px solid var(--zkap-user-accent);font-size:16px;line-height:1.65}
.zkap-scope-notice strong{font-size:18px}
.zkap-account-links{display:flex;flex-wrap:wrap;gap:12px;padding:18px}
.zkap-account-links a{min-height:42px;padding:9px 17px}
.zkap-pro-content-card--chat h2{margin-top:0}
.zkap-portal-menu>a::after{content:' ✦';font-size:.75em;opacity:.7}
.zkap-portal-menu .sub-menu{min-width:235px}
.zkap-portal-menu .sub-menu a{white-space:nowrap}
@media(max-width:700px){.zkap-pro-page{width:min(100% - 20px,1180px);margin-top:20px}.zkap-pro-hero{padding:30px 22px}.zkap-scope-notice{grid-template-columns:1fr}.zkap-pro-content-card{padding:20px 16px}}

/* V16.2.2 atskiros astrologijos WooCommerce kategorijos */
.zkap-shop-category-hero{
    display:grid;
    grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);
    gap:clamp(22px,4vw,52px);
    align-items:center;
    width:min(var(--zkap-user-width,1180px),calc(100% - 32px));
    margin:8px auto 34px;
    padding:clamp(18px,3vw,34px);
    border:1px solid rgba(100,116,139,.16);
    border-radius:var(--zkap-user-radius,24px);
    background:linear-gradient(135deg,rgba(31,16,62,.97),rgba(24,49,92,.94));
    color:#fff;
    box-shadow:0 22px 62px rgba(15,23,42,.16);
    overflow:hidden;
}
.zkap-theme-elegant .zkap-shop-category-hero{
    background:linear-gradient(135deg,#fff,#eef3ff);
    color:#182033;
}
.zkap-shop-category-hero__image img{
    display:block;
    width:100%;
    aspect-ratio:3/2;
    object-fit:cover;
    border-radius:calc(var(--zkap-user-radius,24px) - 7px);
    box-shadow:0 16px 38px rgba(0,0,0,.2);
}
.zkap-shop-category-hero__content>span{
    display:inline-flex;
    margin-bottom:12px;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.13);
    font-size:12px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.zkap-shop-category-hero__content h1{
    margin:0 0 14px;
    color:inherit;
    font-size:clamp(32px,5vw,58px);
    line-height:1.06;
}
.zkap-shop-category-hero__content div{
    font-size:17px;
    line-height:1.7;
    opacity:.9;
}
@media(max-width:760px){
    .zkap-shop-category-hero{grid-template-columns:1fr;width:min(100% - 20px,1180px)}
}