/* YadakPars Quick Order — front-end UI by UnixSee */
.yadakpars-order-shell {
    --yadakpars-primary: #102a43;
    --yadakpars-primary-dark: #071b2f;
    --yadakpars-accent: #b7864b;
    --yadakpars-surface: #fff;
    --yadakpars-form-width: 680px;
    --yadakpars-radius: 18px;
    --yp-text: #182536;
    --yp-muted: #667085;
    --yp-line: #dde3e8;
    --yp-soft: #f6f8fa;
    position: relative;
    width: min(100%, var(--yadakpars-form-width));
    margin: 28px auto;
    overflow: hidden;
    color: var(--yp-text);
    background: var(--yadakpars-surface);
    border: 1px solid rgba(16,42,67,.13);
    border-radius: var(--yadakpars-radius);
    box-shadow: 0 22px 60px rgba(7,27,47,.13);
    font-family: inherit;
    isolation: isolate;
}
.yadakpars-order-shell *, .yadakpars-order-shell *::before, .yadakpars-order-shell *::after { box-sizing: border-box; }
.yadakpars-order-header {
    position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px;
    min-height: 132px; padding: 25px 27px; color: #fff;
    background:
        radial-gradient(circle at 8% 0, rgba(183,134,75,.28), transparent 34%),
        linear-gradient(135deg, var(--yadakpars-primary-dark), var(--yadakpars-primary));
    border-bottom: 3px solid var(--yadakpars-accent);
}
.yadakpars-order-header::after { content: ""; position: absolute; left: -52px; bottom: -62px; width: 160px; height: 160px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; }
.yadakpars-brand-mark { position: relative; z-index: 1; display: grid; place-items: center; width: 58px; height: 58px; overflow: hidden; color: var(--yadakpars-primary-dark); background: linear-gradient(145deg, #d9b988, var(--yadakpars-accent)); border: 1px solid rgba(255,255,255,.4); border-radius: 16px; box-shadow: inset 0 1px rgba(255,255,255,.45), 0 9px 22px rgba(0,0,0,.2); }
.yadakpars-brand-mark img { display: block; width: 100%; height: 100%; padding: 6px; object-fit: contain; background: #fff; }
.yadakpars-brand-mark span { font-size: 19px; font-weight: 900; letter-spacing: -1px; direction: ltr; }
.yadakpars-header-copy { position: relative; z-index: 1; min-width: 0; }
.yadakpars-eyebrow { display: inline-block; margin-bottom: 6px; color: #e8cda9; font-size: 11px; font-weight: 700; }
.yadakpars-header-copy h2 { margin: 0; color: #fff; font-size: clamp(20px, 3vw, 27px); line-height: 1.45; font-weight: 800; }
.yadakpars-header-copy p { margin: 6px 0 0; color: #dce5eb; font-size: 12px; line-height: 1.9; }
.yadakpars-secure-badge { position: relative; z-index: 1; display: grid; justify-items: center; gap: 5px; min-width: 75px; padding: 9px 8px; color: #f6e6d1; background: rgba(7,27,47,.36); border: 1px solid rgba(183,134,75,.48); border-radius: 12px; }
.yadakpars-secure-badge b { display: grid; place-items: center; width: 24px; height: 24px; color: var(--yadakpars-primary-dark); background: var(--yadakpars-accent); border-radius: 50%; }
.yadakpars-secure-badge small { font-size: 10px; white-space: nowrap; }
.yadakpars-vpn-note { display: flex; align-items: flex-start; gap: 10px; margin: 20px 24px 0; padding: 12px 13px; color: #57452e; background: #fcf7ef; border: 1px solid #ead8c2; border-radius: 11px; }
.yadakpars-vpn-note > span { display: grid; place-items: center; width: 23px; height: 23px; flex: 0 0 23px; color: #fff; background: var(--yadakpars-accent); border-radius: 7px; font-weight: 900; }
.yadakpars-vpn-note p { margin: 0; font-size: 12px; line-height: 1.8; }
.yadakpars-order-form { display: grid; gap: 17px; padding: 23px 24px 26px; }
.yadakpars-field-grid, .yadakpars-location-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px; }
.yadakpars-field { min-width: 0; }
.yadakpars-field label { display: block; margin: 0 0 7px; color: #25364a; font-size: 13px; font-weight: 700; line-height: 1.55; }
.yadakpars-required { color: #b42318; }
.yadakpars-field input, .yadakpars-field textarea, .yadakpars-field select {
    display: block; width: 100%; min-height: 47px; margin: 0; padding: 11px 12px; color: var(--yp-text); background: #fff;
    border: 1px solid var(--yp-line); border-radius: 10px; box-shadow: none; outline: none; font: inherit; font-size: 13px; transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.yadakpars-field textarea { min-height: 98px; resize: vertical; line-height: 1.8; }
.yadakpars-field select { cursor: pointer; }
.yadakpars-field select:disabled { color: #98a2b3; background: #f3f5f6; cursor: not-allowed; }
.yadakpars-field input::placeholder, .yadakpars-field textarea::placeholder { color: #9aa5b1; opacity: 1; }
.yadakpars-field input:focus, .yadakpars-field textarea:focus, .yadakpars-field select:focus { border-color: var(--yadakpars-accent); box-shadow: 0 0 0 3px rgba(183,134,75,.14); }
.yadakpars-field .is-invalid, .yadakpars-field input[aria-invalid="true"], .yadakpars-field textarea[aria-invalid="true"], .yadakpars-field select[aria-invalid="true"] { border-color: #d92d20; background: #fffafa; box-shadow: 0 0 0 3px rgba(217,45,32,.1); }
.yadakpars-field-hint, .yadakpars-amount-words { display: block; min-height: 18px; margin-top: 6px; color: var(--yp-muted); font-size: 11px; line-height: 1.7; }
.yadakpars-input-with-suffix { position: relative; }
.yadakpars-input-with-suffix input { padding-left: 72px; }
.yadakpars-input-with-suffix > span { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); padding-right: 10px; color: var(--yadakpars-primary); border-right: 1px solid var(--yp-line); font-size: 11px; font-weight: 700; }
.yadakpars-payment-summary { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px 16px; background: linear-gradient(180deg, #f8fafb, #f2f5f7); border: 1px solid var(--yp-line); border-radius: 12px; }
.yadakpars-payment-summary > span { color: #475467; font-size: 12px; }
.yadakpars-payment-summary strong { display: flex; align-items: baseline; gap: 6px; color: var(--yadakpars-primary-dark); }
.yadakpars-payment-summary b { color: var(--yadakpars-accent); font-size: 22px; line-height: 1; }
.yadakpars-payment-button, .yadakpars-confirm-button {
    position: relative; display: grid; justify-items: center; width: 100%; min-height: 58px; padding: 11px 18px; color: #fff;
    background: linear-gradient(135deg, var(--yadakpars-primary), var(--yadakpars-primary-dark)); border: 1px solid var(--yadakpars-primary-dark); border-bottom: 3px solid var(--yadakpars-accent); border-radius: 12px;
    box-shadow: 0 12px 25px rgba(7,27,47,.17); cursor: pointer; font: inherit; transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.yadakpars-payment-button:hover, .yadakpars-confirm-button:hover { transform: translateY(-1px); box-shadow: 0 15px 30px rgba(7,27,47,.22); filter: brightness(1.06); }
.yadakpars-payment-button:focus-visible, .yadakpars-confirm-button:focus-visible { outline: 3px solid rgba(183,134,75,.35); outline-offset: 2px; }
.yadakpars-payment-button span { font-size: 14px; font-weight: 800; }
.yadakpars-payment-button small { margin-top: 3px; color: #dfe7ed; font-size: 10px; }
.yadakpars-payment-button[disabled], .yadakpars-confirm-button[disabled] { opacity: .65; cursor: wait; transform: none; }
.yadakpars-payment-button.is-busy::after, .yadakpars-confirm-button.is-busy::after { content: ""; position: absolute; left: 15px; top: 50%; width: 17px; height: 17px; margin-top: -9px; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; border-radius: 50%; animation: yadakpars-spin .7s linear infinite; }
.yadakpars-honeypot { position: fixed !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; }
.yadakpars-inline-error { max-width: 680px; margin: 20px auto; padding: 14px 16px; color: #8a1f17; background: #fff2f0; border: 1px solid #f2c5c0; border-radius: 10px; text-align: center; }
.yadakpars-modal[hidden] { display: none !important; }
.yadakpars-modal { position: fixed; z-index: 999999; inset: 0; display: grid; place-items: center; padding: 18px; }
.yadakpars-modal-backdrop { position: absolute; inset: 0; background: rgba(3,17,30,.72); backdrop-filter: blur(4px); }
.yadakpars-modal-dialog { position: relative; z-index: 1; width: min(100%, 430px); padding: 28px; text-align: center; background: #fff; border: 1px solid rgba(183,134,75,.45); border-radius: 18px; box-shadow: 0 28px 75px rgba(0,0,0,.3); animation: yadakpars-modal-in .18s ease-out; }
.yadakpars-modal-close { position: absolute; top: 10px; left: 10px; width: 35px; height: 35px; color: #667085; background: #f4f6f8; border: 0; border-radius: 50%; cursor: pointer; font-size: 22px; }
.yadakpars-modal-icon { display: grid; place-items: center; width: 54px; height: 54px; margin: 0 auto 13px; color: var(--yadakpars-primary-dark); background: var(--yadakpars-accent); border-radius: 16px; font-size: 25px; font-weight: 900; }
.yadakpars-modal-dialog h3 { margin: 0 0 7px; color: var(--yadakpars-primary-dark); font-size: 21px; }
.yadakpars-modal-dialog > p { margin: 0; color: var(--yp-muted); font-size: 12px; }
.yadakpars-confirm-amount { display: flex; align-items: baseline; justify-content: center; gap: 7px; margin: 21px 0; padding: 16px; color: var(--yadakpars-primary-dark); background: #f6f8fa; border: 1px solid var(--yp-line); border-radius: 12px; }
.yadakpars-confirm-amount strong { color: var(--yadakpars-accent); font-size: 26px; }
.yadakpars-confirm-amount span { font-size: 12px; }
.yadakpars-modal-actions { display: grid; gap: 9px; }
.yadakpars-cancel-button { min-height: 42px; color: #475467; background: #fff; border: 1px solid var(--yp-line); border-radius: 10px; cursor: pointer; font: inherit; }
.yadakpars-modal-open { overflow: hidden; }
.yadakpars-result-panel { padding: 33px 25px; text-align: center; }
.yadakpars-result-icon { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 14px; color: #fff; background: #b42318; border-radius: 20px; font-size: 30px; font-weight: 900; box-shadow: 0 10px 25px rgba(180,35,24,.2); }
.yadakpars-result-panel.is-success .yadakpars-result-icon { background: #177245; box-shadow-color: rgba(23,114,69,.2); }
.yadakpars-result-panel.is-warning .yadakpars-result-icon { background: var(--yadakpars-accent); }
.yadakpars-result-panel h3 { margin: 0 0 7px; color: var(--yadakpars-primary-dark); font-size: 22px; }
.yadakpars-result-panel > p { margin: 0; color: var(--yp-muted); font-size: 13px; }
.yadakpars-receipt { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 24px; text-align: right; }
.yadakpars-receipt > div { padding: 12px; background: #f7f9fa; border: 1px solid var(--yp-line); border-radius: 10px; }
.yadakpars-receipt .is-wide { grid-column: 1 / -1; }
.yadakpars-receipt span, .yadakpars-receipt strong { display: block; }
.yadakpars-receipt span { margin-bottom: 5px; color: var(--yp-muted); font-size: 10px; }
.yadakpars-receipt strong { color: #25364a; font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
.yadakpars-result-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.yadakpars-result-actions button, .yadakpars-retry-link, .yadakpars-new-order-link { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 14px; color: var(--yadakpars-primary); background: #fff; border: 1px solid #ccd5dc; border-radius: 9px; cursor: pointer; text-decoration: none; font: inherit; font-size: 12px; }
.yadakpars-retry-link { margin-top: 17px; color: #fff; background: var(--yadakpars-primary); border-color: var(--yadakpars-primary); }
.yadakpars-new-order-link { margin-top: 17px; margin-right: 7px; }
.yadakpars-toast-region { position: fixed; z-index: 1000000; right: 18px; bottom: 18px; display: grid; gap: 9px; width: min(390px, calc(100vw - 36px)); pointer-events: none; }
.yadakpars-toast { padding: 13px 15px; color: #fff; background: var(--yadakpars-primary-dark); border-right: 4px solid var(--yadakpars-accent); border-radius: 10px; box-shadow: 0 15px 35px rgba(0,0,0,.22); font-size: 12px; line-height: 1.7; pointer-events: auto; }
.yadakpars-toast.is-error { background: #8a1f17; border-right-color: #f4a39a; }
.yadakpars-toast ul { margin: 0; padding-right: 18px; }
@keyframes yadakpars-spin { to { transform: rotate(360deg); } }
@keyframes yadakpars-modal-in { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
@media (max-width: 640px) {
    .yadakpars-order-shell { width: 100%; margin: 16px auto; border-radius: min(var(--yadakpars-radius), 14px); }
    .yadakpars-order-header { grid-template-columns: auto 1fr; min-height: 0; padding: 20px 17px; }
    .yadakpars-secure-badge { grid-column: 1 / -1; grid-template-columns: auto auto; justify-content: center; min-width: 0; padding: 7px; }
    .yadakpars-brand-mark { width: 50px; height: 50px; border-radius: 13px; }
    .yadakpars-header-copy h2 { font-size: 20px; }
    .yadakpars-vpn-note { margin: 15px 15px 0; }
    .yadakpars-order-form { padding: 18px 15px 21px; gap: 15px; }
    .yadakpars-field-grid, .yadakpars-location-grid, .yadakpars-receipt { grid-template-columns: 1fr; }
    .yadakpars-receipt .is-wide { grid-column: auto; }
    .yadakpars-payment-summary { align-items: flex-start; flex-direction: column; gap: 7px; }
    .yadakpars-payment-summary strong { align-self: flex-end; }
    .yadakpars-modal-dialog { padding: 25px 18px 20px; }
}
@media print {
    body * { visibility: hidden !important; }
    .yadakpars-order-shell, .yadakpars-order-shell * { visibility: visible !important; }
    .yadakpars-order-shell { position: absolute; inset: 0 auto auto 0; width: 100%; max-width: none; margin: 0; border: 0; box-shadow: none; }
    .yadakpars-result-actions, .yadakpars-new-order-link { display: none !important; }
}