/* aiproblems.eu checkout — Primus Med design (suderinta su landing puslapiu) */
/* Vietiniai sriftai (tie patys kaip landing'e), be uzklausu i Google */
@font-face { font-family: "Anton"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/anton-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Anton"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/anton-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/hanken-grotesk-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/hanken-grotesk-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/hanken-grotesk-600-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/hanken-grotesk-600-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/hanken-grotesk-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/hanken-grotesk-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/fonts/hanken-grotesk-800-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/fonts/hanken-grotesk-800-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Anton Fallback"; src: local("Impact"); size-adjust: 76.76%; ascent-override: 153.24%; descent-override: 42.87%; line-gap-override: 0%; }
@font-face { font-family: "Hanken Fallback"; src: local("Arial"); size-adjust: 116.22%; ascent-override: 86.04%; descent-override: 26.07%; line-gap-override: 0%; }

*, *::before, *::after { box-sizing: border-box; }

html, body {
    margin: 0; padding: 0;
    font-family: 'Hanken Grotesk', 'Hanken Fallback', Arial, sans-serif;
    color: #1C1F16;
    background: #F4F4ED;
    min-height: 100vh;
    line-height: 1.55;
}

.qpc-page { max-width: 660px; margin: 0 auto; padding: 0 16px 48px; }
.qpc-mono { font-family: 'Hanken Grotesk', 'Hanken Fallback', Arial, sans-serif; }

/* Hero */
.qpc-hero {
    background: #23271C;
    color: #F4F4ED;
    border-radius: 0 0 20px 20px;
    margin: 0 -16px 28px;
    padding: 36px 16px 32px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.qpc-hero::after { content: none; }
.qpc-hero-inner { position: relative; z-index: 1; max-width: 500px; margin: 0 auto; }
.qpc-hero-compact { padding: 26px 16px 22px; }
.qpc-badge-top {
    display: inline-block; padding: 0; border-radius: 0;
    background: transparent;
    color: #D2FF00;
    font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
    margin-bottom: 14px;
}
.qpc-hero-title {
    font-family: 'Anton', 'Anton Fallback', Impact, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 32px; line-height: 1.12; margin: 0 0 10px; letter-spacing: 0.5px;
}
.qpc-hero-subtitle { font-size: 14px; color: #B7BBA8; margin: 0 0 18px; }
.qpc-price {
    display: inline-flex; align-items: baseline; gap: 6px;
    background: transparent;
    border: 1px solid rgba(244, 244, 237, 0.3);
    padding: 10px 20px; border-radius: 10px;
    margin: 14px 0 16px;
}
.qpc-price-amount { font-family: 'Anton', 'Anton Fallback', Impact, sans-serif; font-weight: 400; font-size: 40px; letter-spacing: 0.5px; }
.qpc-price-currency { font-size: 15px; color: #B7BBA8; }
.qpc-badges { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.qpc-badge {
    font-size: 12px; font-weight: 600; padding: 6px 12px;
    background: transparent;
    border: 1px solid rgba(244, 244, 237, 0.3);
    border-radius: 10px;
    color: #F4F4ED;
}

/* Video mygtukai (perrašo inline stilius per specifiškumą) */
.qpc-page .qpc-about-btn {
    background: transparent;
    color: #F4F4ED;
    border: 1px solid rgba(244, 244, 237, 0.5);
    border-radius: 10px;
    box-shadow: none;
    font-family: 'Hanken Grotesk', 'Hanken Fallback', Arial, sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 11px 22px;
}
.qpc-page .qpc-about-btn:hover {
    background: rgba(244, 244, 237, 0.1);
    transform: translateY(-1px);
    box-shadow: none;
}
.qpc-page .qpc-about-btn:active { transform: translateY(0) scale(0.99); }

.qpc-main { }

/* Card */
.qpc-card {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 28px 24px;
    border: 1px solid rgba(28, 31, 22, 0.16);
    box-shadow: none;
    margin-bottom: 18px;
}
.qpc-card-title {
    font-family: 'Anton', 'Anton Fallback', Impact, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 22px; line-height: 1.12; margin: 0 0 8px;
    color: #1C1F16;
}
.qpc-card-desc { color: #5A5C51; font-size: 15px; margin: 0 0 18px; }

.qpc-divider { border: none; border-top: 1px solid rgba(28, 31, 22, 0.16); margin: 16px 0; }

/* Form */
.qpc-form { display: flex; flex-direction: column; gap: 14px; }
.qpc-field label { display: block; font-size: 14px; font-weight: 700; margin-bottom: 6px; color: #1C1F16; }
.qpc-field label small { color: #5A5C51; font-weight: 400; }
.qpc-field input, .qpc-field textarea, .qpc-field select {
    width: 100%; padding: 12px 14px;
    border: 1px solid rgba(28, 31, 22, 0.35);
    border-radius: 10px;
    font: inherit; font-size: 16px; color: #1C1F16; background: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.qpc-field input:focus, .qpc-field textarea:focus, .qpc-field select:focus {
    outline: none; border-color: #23271C; box-shadow: 0 0 0 3px rgba(210, 255, 0, 0.55);
}
.qpc-field input::placeholder, .qpc-field textarea::placeholder { color: #8A8C80; }
.qpc-field textarea { resize: vertical; min-height: 64px; }
.qpc-error { display: block; color: #A82F2F; font-size: 13px; font-weight: 600; margin-top: 5px; }

.qpc-row { display: flex; gap: 14px; }
.qpc-half { flex: 1; }
@media (max-width: 480px) {
    .qpc-row { flex-direction: column; gap: 14px; }
}

/* Buttons */
.qpc-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 13px 22px; border: none; border-radius: 10px;
    font: inherit; font-weight: 800; font-size: 15px;
    text-transform: uppercase; letter-spacing: 0.5px;
    cursor: pointer; transition: transform 0.15s ease, background 0.2s ease;
    text-decoration: none;
}
.qpc-btn-primary {
    background: #D2FF00;
    color: #23271C;
    border: 1px solid #D2FF00;
    box-shadow: none;
}
.qpc-btn-primary:hover { background: #E4FF4D; transform: translateY(-1px); box-shadow: none; }
.qpc-btn-primary:active { transform: translateY(0) scale(0.99); }
.qpc-btn-primary:disabled { opacity: 0.55; cursor: not-allowed; transform: none; }
.qpc-btn-lg { font-size: 17px; padding: 17px 26px; width: 100%; margin-top: 8px; }
.qpc-btn-ghost { background: transparent; color: #5A5C51; border: 1px solid rgba(28, 31, 22, 0.35); }
.qpc-btn-ghost:hover { background: #E9E9DF; }

.qpc-note { font-size: 14px; color: #5A5C51; text-align: center; margin: 12px 0 0; }
.qpc-note strong { color: #1C1F16; }

/* Alerts */
.qpc-alert { padding: 14px 16px; border-radius: 10px; margin-bottom: 16px; font-size: 15px; }
.qpc-alert strong { display: block; margin-bottom: 4px; }
.qpc-alert p { margin: 4px 0 0; font-size: 14px; }
.qpc-alert-success { background: #E4F0D8; color: #2E4A1E; border: 1px solid #7FA35C; }
.qpc-alert-warning { background: #F5EFD3; color: #6B5A16; border: 1px solid #C4AD4B; }
.qpc-alert-error   { background: #F4DEDC; color: #7C2A24; border: 1px solid #C06A62; }

/* Details/Status */
.qpc-detail-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
    margin-top: 8px;
}
.qpc-detail-item small { display: block; font-size: 12px; color: #5A5C51; text-transform: uppercase; letter-spacing: 0.5px; }
.qpc-detail-item strong, .qpc-detail-item span { font-size: 15px; }
.qpc-full-width { grid-column: 1 / -1; }
@media (max-width: 480px) { .qpc-detail-grid { grid-template-columns: 1fr; } }

.qpc-status {
    display: inline-block; padding: 4px 12px; border-radius: 10px; font-size: 13px; font-weight: 700;
}
.qpc-status-success { background: #E4F0D8; color: #2E4A1E; }
.qpc-status-warning { background: #F5EFD3; color: #6B5A16; }
.qpc-status-info    { background: #E2E8D6; color: #3A4230; }
.qpc-status-default { background: #E9E9DF; color: #5A5C51; }

.qpc-detail-box { background: #E9E9DF; padding: 14px 16px; border-radius: 10px; font-size: 14px; }
.qpc-detail-box strong { display: block; margin-bottom: 4px; font-size: 14px; }
.qpc-detail-box p { margin: 2px 0; color: #5A5C51; }

/* Events */
.qpc-events-title { font-size: 13px; color: #5A5C51; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 8px; }
.qpc-events { display: flex; flex-direction: column; gap: 6px; max-height: 260px; overflow-y: auto; }
.qpc-event { display: flex; gap: 12px; font-size: 13px; color: #5A5C51; padding: 7px 0; border-bottom: 1px solid rgba(28, 31, 22, 0.16); }
.qpc-event:last-child { border-bottom: none; }
.qpc-event-time { color: #8A8C80; white-space: nowrap; min-width: 140px; font-size: 12px; }

.qpc-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }

/* Footer */
.qpc-footer { text-align: center; padding: 28px 0 0; font-size: 14px; color: #5A5C51; }
.qpc-footer p { margin: 4px 0; }
.qpc-footer p strong { color: #1C1F16; }
.qpc-trust { display: block; min-height: 32px; margin-top: 10px; }