/* Parcours guidé de la fiche produit et de l'atelier « Ajouter mon logo ». */
:root { --pj-ink:#1d1d1f; --pj-muted:#6e6e73; --pj-line:#d2d2d7; --pj-soft:#f5f5f7; --pj-blue:#0071e3; --pj-green:#1d7a46; --pj-navy:#172554; }

/* Prix « À partir de » sous le titre */
.pj-price-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; margin:4px 0 14px; padding:14px 16px; border-radius:16px; background:var(--pj-soft); }
.pj-from { margin:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; color:var(--pj-ink); }
.pj-from > span { font-size:14px; color:var(--pj-muted); }
.pj-from strong { font-size:clamp(24px, 3vw, 30px); font-weight:700; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.pj-from small { font-size:13px; color:var(--pj-muted); }
.pj-grid-toggle { display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 14px; border:1px solid var(--pj-line); border-radius:999px; background:#fff; color:var(--pj-ink); font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.pj-grid-toggle::before { content:''; width:16px; height:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v3H4zm0 5.5h16v3H4zM4 16h16v3H4z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v3H4zm0 5.5h16v3H4zM4 16h16v3H4z'/%3E%3C/svg%3E") center/contain no-repeat; }
.pj-grid-toggle[aria-expanded="true"] { background:var(--pj-ink); color:#fff; border-color:var(--pj-ink); }
.pj-grid-toggle:focus-visible, .pj-chip:focus-visible, .pj-q-step:focus-visible, .pj-tiers-toggle:focus-visible, .pj-stepper-step:focus-visible { outline:2px solid var(--pj-blue); outline-offset:2px; }

/* Mode : sans marquage / avec votre logo */
.detail-info .purchase-mode { border-radius:999px; padding:4px; }
.detail-info .purchase-mode button { min-height:44px; border-radius:999px; font-size:15px; }

/* Étapes numérotées */
.pj-step-title { display:flex; align-items:center; gap:10px; margin:0 0 12px; font-size:19px; font-weight:700; letter-spacing:-.015em; color:var(--pj-ink); }
.pj-num { flex:0 0 auto; display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--pj-ink); color:#fff; font-size:14px; font-weight:700; }
.pj-quantity { margin:6px 0 22px; padding:18px; border:1px solid var(--pj-line); border-radius:20px; background:#fff; }
.pj-q-row { display:flex; align-items:center; gap:8px; }
.pj-q-step { flex:0 0 auto; width:48px; height:48px; border:1px solid var(--pj-line); border-radius:50%; background:#fff; color:var(--pj-ink); font-size:22px; line-height:1; cursor:pointer; }
.pj-q-step:hover { border-color:var(--pj-ink); }
.pj-q-input { width:min(160px, 100%); min-width:0; height:56px; padding:0 12px; border:2px solid var(--pj-ink); border-radius:14px; text-align:center; font:inherit; font-size:26px; font-weight:700; font-variant-numeric:tabular-nums; color:var(--pj-ink); background:#fff; -moz-appearance:textfield; }
.pj-q-input::-webkit-outer-spin-button, .pj-q-input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.pj-q-input:focus { outline:3px solid #0071e340; border-color:var(--pj-blue); }
.pj-q-input:invalid { border-color:#d70015; }
.pj-q-unit-label { font-size:15px; color:var(--pj-muted); }
.pj-chips { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 4px; }
.pj-chip { min-width:56px; min-height:40px; padding:0 14px; border:1px solid var(--pj-line); border-radius:999px; background:#fff; color:var(--pj-ink); font:inherit; font-size:14px; font-weight:600; font-variant-numeric:tabular-nums; cursor:pointer; }
.pj-chip:hover { border-color:var(--pj-ink); }
.pj-chip.active { background:var(--pj-ink); border-color:var(--pj-ink); color:#fff; }
.pj-q-help { margin:6px 0 0; font-size:13px; color:var(--pj-muted); }
.pj-q-help.is-error { color:#d70015; font-weight:600; }
.pj-q-price { margin-top:14px; padding:14px 16px; border-radius:14px; background:var(--pj-soft); }
.pj-q-price p { margin:0; }
.pj-q-unit strong { font-size:30px; font-weight:700; letter-spacing:-.02em; font-variant-numeric:tabular-nums; color:var(--pj-ink); }
.pj-q-unit span { font-size:15px; color:var(--pj-muted); }
.pj-q-placeholder { font-size:15px; color:var(--pj-muted); }
.pj-q-total { margin-top:2px !important; font-size:14px; color:var(--pj-ink); font-variant-numeric:tabular-nums; }
.pj-q-saving:not(:empty) { display:inline-block; margin-top:8px !important; padding:3px 10px; border-radius:999px; background:#e3f4e8; color:var(--pj-green); font-size:13px; font-weight:600; }
.pj-q-stock:not(:empty) { margin-top:6px !important; font-size:13px; color:var(--pj-green); }
.pj-q-stock.is-low { color:#b25000; }
.pj-q-logo { display:grid; grid-template-columns:1fr auto; align-items:center; gap:2px 12px; margin-top:10px; padding:14px 16px; border-radius:14px; background:var(--pj-navy); color:#fff; }
.pj-q-logo p { margin:0; font-size:15px; }
.pj-q-logo strong { font-size:20px; font-variant-numeric:tabular-nums; }
.pj-q-logo small { grid-column:1; font-size:12px; color:#c9d3ee; }
.pj-q-logo .pj-logo-cta { grid-column:2; grid-row:1 / span 2; min-height:44px; padding:0 18px; border:0; border-radius:999px; background:#fff; color:var(--pj-navy); font-weight:700; white-space:nowrap; cursor:pointer; }
.pj-q-logo .pj-logo-cta:hover { background:#e8eefc; }
.pj-tiers-toggle { margin-top:12px; min-height:44px; padding:0; border:0; background:none; color:var(--pj-blue); font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.pj-tiers-toggle::after { content:' ›'; }
.pj-tiers-toggle[aria-expanded="true"]::after { content:' ‹'; }
.pj-tiers .price-grid-wrap { margin-top:6px; }

/* Étape 2 : la grille couleurs × tailles */
.pv-grid.pj-step { padding:18px; border:1px solid var(--pj-line); border-radius:20px; background:#fff; }
.pv-grid .pv-title.pj-step-title { font-size:19px; }
.pj-progress { display:flex; flex-direction:column; gap:6px; }
.pj-progress p { margin:0; font-size:14px; font-weight:600; color:var(--pj-ink); font-variant-numeric:tabular-nums; }
.pj-progress-bar { height:6px; border-radius:999px; background:#e8e8ed; overflow:hidden; }
.pj-progress-bar span { display:block; height:100%; width:0; border-radius:inherit; background:var(--pj-blue); transition:width .25s ease; }
.pj-progress.is-complete p { color:var(--pj-green); }
.pj-progress.is-complete .pj-progress-bar span { background:var(--pj-green); }

/* Actions du formulaire produit */
.pv-actions .pv-marked { background:var(--pj-navy); border-color:var(--pj-navy); }

/* Atelier « Ajouter mon logo » : barre d'étapes unique */
.personalization-workspace .pj-stepper { position:sticky; top:0; z-index:5; padding:10px 20px 8px; background:rgba(255,255,255,.96); -webkit-backdrop-filter:saturate(180%) blur(16px); backdrop-filter:saturate(180%) blur(16px); border-bottom:1px solid #e5e5ea; }
.personalization-workspace .pj-stepper ol { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:6px; margin:0; padding:0; list-style:none; counter-reset:none; }
.personalization-workspace .pj-stepper li { position:relative; min-width:0; }
.personalization-workspace .pj-stepper li + li::before { content:''; position:absolute; top:22px; left:-6px; width:6px; height:2px; background:#d2d2d7; }
.personalization-workspace .pj-stepper-step { display:flex; align-items:center; gap:8px; width:100%; min-height:44px; padding:6px 8px; border:1px solid transparent; border-radius:12px; background:none; color:var(--pj-muted); font:inherit; text-align:left; cursor:pointer; }
.personalization-workspace .pj-stepper-step:hover { background:var(--pj-soft); }
.personalization-workspace .pj-dot { flex:0 0 auto; display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; border:2px solid #c7c7cc; background:#fff; color:var(--pj-muted); font-size:13px; font-weight:700; }
.personalization-workspace .pj-stepper-text { display:flex; flex-direction:column; min-width:0; }
.personalization-workspace .pj-stepper-label { font-size:13px; font-weight:600; line-height:1.2; color:inherit; }
.personalization-workspace .pj-stepper-detail { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11.5px; color:var(--pj-muted); }
.personalization-workspace .pj-stepper li.is-done .pj-dot { border-color:var(--pj-green); background:var(--pj-green); color:#fff; }
.personalization-workspace .pj-stepper li.is-done .pj-stepper-step { color:var(--pj-ink); }
.personalization-workspace .pj-stepper li.is-current .pj-stepper-step { border-color:var(--pj-ink); background:#fff; color:var(--pj-ink); box-shadow:0 2px 10px rgba(0,0,0,.06); }
.personalization-workspace .pj-stepper li.is-current .pj-dot { border-color:var(--pj-ink); background:var(--pj-ink); color:#fff; }
.personalization-workspace .pj-stepper-current { display:none; margin:0 0 6px; font-size:13px; font-weight:700; color:var(--pj-ink); }
.personalization-workspace .pj-hint { margin:6px 2px 0; font-size:13px; color:var(--pj-ink); }
.personalization-workspace .pj-hint::before { content:'→ '; color:var(--pj-blue); font-weight:700; }
.personalization-workspace .pj-dialog-quantity { max-width:560px; margin:4px auto 18px; padding:20px; border:1px solid var(--pj-line); border-radius:20px; background:#fff; box-shadow:0 8px 30px rgba(0,0,0,.06); }
.personalization-workspace .pj-dialog-lead { margin:-4px 0 12px; font-size:14px; color:var(--pj-muted); }
.personalization-workspace .pj-dialog-estimate:not(:empty) { margin:12px 0 0; padding:12px 14px; border-radius:12px; background:var(--pj-soft); font-size:14px; font-weight:600; color:var(--pj-ink); }
.personalization-workspace .pj-split { margin-top:14px; width:100%; min-height:50px; border:0; border-radius:999px; background:var(--pj-ink); color:#fff; font-size:16px; font-weight:700; cursor:pointer; }
.personalization-workspace .pj-split:disabled { opacity:.45; cursor:not-allowed; }
.personalization-workspace .pj-estimate { margin:6px 0 0; font-size:13px; font-weight:600; color:var(--pj-ink); }
.personalization-workspace .pw-guided-step[data-tool-step="white"] > summary, .personalization-workspace .pw-guided-step[data-tool-step="colour"] > summary { color:var(--pj-muted); font-weight:500; }

/* Responsive : aucune barre horizontale, cibles tactiles confortables */
.product-detail, .detail-info, .pj-quantity, .pv-grid { min-width:0; max-width:100%; }
.detail-info h1 { overflow-wrap:anywhere; }
@media (max-width: 900px) {
  .personalization-workspace .pj-stepper-detail { display:none; }
}
@media (max-width: 700px) {
  .pj-price-head { padding:12px 14px; }
  .pj-quantity, .pv-grid.pj-step { padding:14px; border-radius:16px; }
  .pj-q-input { flex:1 1 auto; width:auto; }
  .pj-q-logo { grid-template-columns:1fr; }
  .pj-q-logo .pj-logo-cta { grid-column:1; grid-row:auto; margin-top:10px; width:100%; }
  .personalization-workspace .pj-stepper { padding:8px 12px 6px; }
  .personalization-workspace .pj-stepper-current { display:block; }
  .personalization-workspace .pj-stepper ol { gap:4px; }
  .personalization-workspace .pj-stepper li + li::before { display:none; }
  .personalization-workspace .pj-stepper-step { justify-content:center; padding:4px; }
  .personalization-workspace .pj-stepper-text { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .personalization-workspace .pj-stepper li { display:flex; justify-content:center; }
  .personalization-workspace .pj-stepper li::after { content:''; position:absolute; bottom:0; left:8%; right:8%; height:3px; border-radius:3px; background:#e5e5ea; }
  .personalization-workspace .pj-stepper li.is-done::after { background:var(--pj-green); }
  .personalization-workspace .pj-stepper li.is-current::after { background:var(--pj-ink); }
  .personalization-workspace .pj-dialog-quantity { margin:0 0 14px; padding:16px; }
}
@media (max-width: 380px) {
  .pj-q-step { width:44px; height:44px; }
  .pj-q-unit-label { display:none; }
  .pj-chip { min-width:48px; padding:0 10px; }
}

/* Ajustements après captures */
.pj-from-wrap { display:flex; flex-direction:column; gap:2px; min-width:0; }
.pj-from-note { font-size:12.5px; color:var(--pj-muted); }
@media (max-width: 700px) {
  .detail-info h1 { font-size:clamp(26px, 7.4vw, 34px); line-height:1.12; }
}

/* Étape quantité de l'atelier : une seule chose à faire à l'écran */
.personalization-workspace .pj-dialog-quantity { grid-column:1 / -1; width:100%; box-sizing:border-box; }
#personalization-workspace[data-journey-step="quantity"] .pw-body > :not(.pj-dialog-quantity) { display:none !important; }
#personalization-workspace[data-journey-step="quantity"] .pw-body { display:block !important; }
#personalization-workspace[data-journey-step="quantity"] .pw-footer-quantity,
#personalization-workspace[data-journey-step="quantity"] .pw-footer .custom-quote,
#personalization-workspace[data-journey-step="quantity"] .pj-estimate { display:none !important; }
.personalization-workspace .pj-dialog-quantity .pw-quantity-panel { margin-top:16px; }
.personalization-workspace .pj-estimate { width:100%; text-align:center; font-size:12.5px; }
#personalization-workspace .pj-q-input { width:min(160px, 100%); height:56px; padding:0 12px; border:2px solid var(--pj-ink); border-radius:14px; font-size:26px; font-weight:700; color:var(--pj-ink); text-align:center; }
#personalization-workspace .pj-q-row { flex-wrap:nowrap; }
@media (max-width: 700px) { #personalization-workspace .pj-q-input { flex:1 1 auto; width:auto; } }
#personalization-workspace .pj-next { width:100%; min-height:50px; padding:0 24px; border:0; border-radius:999px; background:var(--pj-ink); color:#fff; font-size:16px; font-weight:700; cursor:pointer; }
#personalization-workspace .pj-next:hover { background:#000; }
#personalization-workspace .pj-next:focus-visible { outline:3px solid #0071e380; outline-offset:2px; }
.pj-q-saving:not(:empty) { border-radius:10px; }
@media (max-width: 700px) {
  .detail-info .purchase-mode { grid-template-columns:1fr 1fr; }
  .detail-info .purchase-mode button { padding:10px 6px; font-size:14px; }
}
/* Titre produit : lisible sans repousser le prix sous la ligne de flottaison */
.product-detail .detail-info h1 { font-size:clamp(30px, 2.9vw, 44px); line-height:1.08; letter-spacing:-.025em; margin:8px 0 12px; }
@media (max-width: 700px) { .product-detail .detail-info h1 { font-size:clamp(25px, 7.2vw, 32px); line-height:1.12; letter-spacing:-.02em; } }

.pj-quantity [data-shipping-estimate] { margin:12px 0 4px; }
.pj-price-head .product-sheet-link.in-price-head { min-height:44px; }
.pj-price-head .pj-grid-toggle { margin-left:auto; }
@media (max-width: 520px) { .pj-price-head .pj-grid-toggle { margin-left:0; } }
/* Téléphone : photo plus compacte pour faire remonter le titre et le prix. */
@media (max-width:700px){
  .breadcrumbs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}
  .detail-visual{max-height:min(78vw,330px)}
  .detail-visual img{max-height:min(70vw,300px);width:100%;object-fit:contain}
}

/* Répartition par taille : lignes compactes (taille, quantité, aperçu en lien discret). */
#personalization-workspace .pj-dialog-quantity .pw-size-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2px 12px; padding:8px 0; }
#personalization-workspace .pj-dialog-quantity .pw-size-row label { display:grid; grid-template-columns:3.2em minmax(0,1fr) 92px; align-items:center; gap:8px; font-weight:700; grid-column:1 / -1; }
#personalization-workspace .pj-dialog-quantity .pw-size-row label input { grid-column:3; grid-row:1; min-height:44px; text-align:center; }
#personalization-workspace .pj-dialog-quantity .pw-size-row label small { grid-column:2; grid-row:1; font-weight:400; color:#86868b; font-size:12px; overflow:hidden; text-overflow:ellipsis; }
#personalization-workspace .pj-dialog-quantity .pw-size-row .pw-view-size { grid-column:1 / -1; justify-self:start; min-height:0; padding:0; border:0; background:none; color:#0066cc; font-size:13px; font-weight:500; text-decoration:underline; }

/* Toutes les quantités de la grille tarifaire : pastilles compactes, sur plusieurs lignes. */
@media (max-width: 640px) {
  .pj-chips { gap:6px; }
  .pj-chip { min-height:40px; min-width:44px; padding:0 9px; font-size:13px; }
}
/* Vignette dont la photo fournisseur ne charge pas : retirée de la galerie. */
.product-gallery [data-gallery-image][hidden] { display:none !important; }

/* Bascule « Sans marquage / Avec marquage » : les deux choix sont lisibles, le marquage est mis en avant. */
.detail-info .purchase-mode { gap:6px; background:#eef4ff; border:1px solid #cfe0fb; }
.detail-info .purchase-mode button { color:#1d1d1f; font-weight:700; border:2px solid transparent; transition:background .15s,color .15s,border-color .15s; }
.detail-info .purchase-mode button[data-purchase-mode="custom"] { color:#0a5bc4; background:#fff; border-color:#0071e3; }
.detail-info .purchase-mode button[data-purchase-mode="custom"]::before { content:"✦ "; }
.detail-info .purchase-mode button[data-purchase-mode="custom"]:hover { background:#0071e3; color:#fff; }
.detail-info .purchase-mode button[data-purchase-mode="blank"].active { background:#fff; color:#1d1d1f; border-color:#c7c7cc; box-shadow:0 2px 10px rgba(20,30,55,.1); }
.detail-info .purchase-mode button[data-purchase-mode="custom"].active { background:#0071e3; color:#fff; }

/* Appels à l'action d'achat : bleu de la marque, plus engageant que le noir. */
.purchase-actions .btn.primary { background:#0071e3; border-color:#0071e3; color:#fff; box-shadow:0 6px 18px rgba(0,113,227,.28); }
.purchase-actions .btn.primary:hover { background:#0062c4; border-color:#0062c4; }
body .pv-sticky .pv-sticky-cta { background:#0071e3; box-shadow:0 6px 18px rgba(0,113,227,.28); }
body .pv-sticky .pv-sticky-cta:hover { background:#0062c4; }

.marking-prompt { border:0; border-radius:20px; padding:0; width:min(92vw,520px); box-shadow:0 30px 80px rgba(0,0,0,.28); color:#1d1d1f; }
.marking-prompt::backdrop { background:rgba(17,27,56,.55); }
.marking-prompt-body { padding:28px 26px 24px; display:grid; gap:14px; }
.marking-prompt h2 { margin:0; font-size:22px; line-height:1.25; letter-spacing:-.01em; }
.marking-prompt p { margin:0; color:#6e6e73; }
.marking-prompt-actions { display:grid; gap:10px; margin-top:6px; }
.marking-prompt-actions button { min-height:52px; border-radius:999px; font:inherit; font-weight:700; font-size:16px; cursor:pointer; padding:0 18px; }
.marking-prompt-yes { background:#0071e3; color:#fff; border:2px solid #0071e3; }
.marking-prompt-yes:hover { background:#0062c4; }
.marking-prompt-no { background:#fff; color:#1d1d1f; border:2px solid #d2d2d7; }
.marking-prompt-no:hover { border-color:#1d1d1f; }
/* Fenêtre de réassurance (aperçu photo indisponible) */
.reassure-prompt { width:min(94vw,560px); }
.reassure-badge { display:inline-flex; align-items:center; gap:6px; align-self:start; padding:6px 12px; border-radius:999px; background:#e8f5ec; color:#1e7a3c !important; font-weight:700; font-size:13px; }
.reassure-points { margin:0; padding:0 0 0 18px; color:#3a3a3c; font-size:14px; line-height:1.5; display:grid; gap:4px; }
.reassure-recap { display:grid; grid-template-columns:1fr auto; gap:2px 14px; align-items:baseline; padding:14px 16px; border-radius:14px; background:#f5f5f7; }
.reassure-product { font-weight:700; color:#1d1d1f; }
.reassure-quantity { color:#6e6e73; font-size:14px; text-align:right; }
.reassure-total { grid-column:2; font-size:22px; color:#1d1d1f; text-align:right; }
.reassure-unit { grid-column:1 / -1; color:#6e6e73; font-size:12.5px; }
/* « Prix sur devis » (produits en stock sans tarif calculable). */
.pqr{margin:18px 0;padding:22px;border-radius:18px;background:linear-gradient(135deg,#f4f7ff,#eef6f9);border:1px solid #dfe6f3}
.pqr h2{margin:0 0 6px;font-size:22px;color:#1d2440}
.pqr p{margin:0 0 14px;color:#4b5268}
.pqr-open,.pqr-submit{display:block;width:100%;min-height:54px;border:0;border-radius:999px;background:#0071e3;color:#fff;font:inherit;font-weight:800;font-size:17px;cursor:pointer}
.pqr-open:hover,.pqr-submit:hover{background:#0062c4}
.pqr-points{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px;color:#2f3a55;font-size:14px}
.pqr-points li::before{content:"✓ ";color:#1e7a3c;font-weight:800}
.pqr-dialog{border:0;border-radius:20px;padding:0;width:min(94vw,620px);max-height:92vh;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.pqr-dialog::backdrop{background:rgba(17,27,56,.55)}
.pqr-form{display:grid;gap:14px;padding:24px}
.pqr-head{display:flex;justify-content:space-between;align-items:center}
.pqr-head h2{margin:0;font-size:22px}
.pqr-close{border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:#555}
.pqr-product{margin:-6px 0 0;color:#5b6275;font-weight:600}
.pqr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pqr-form label{display:grid;gap:6px;font-size:14px;font-weight:600;color:#1d2440}
.pqr-form input:not([type=radio]):not([type=file]),.pqr-form select,.pqr-form textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1.5px solid #cbd1df;border-radius:10px;font:inherit;font-weight:400}
.pqr-form input:focus,.pqr-form select:focus,.pqr-form textarea:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.15)}
.pqr-choice{display:flex;gap:18px;border:0;padding:0;margin:0}
.pqr-choice legend{font-weight:700;font-size:14px;margin-bottom:6px;color:#1d2440}
.pqr-choice label{display:flex;align-items:center;gap:8px;font-weight:600}
.pqr-marking{display:grid;gap:12px;padding:14px;border-radius:12px;background:#f5f7fb}
.pqr-marking[hidden]{display:none}
.pqr-file small{font-weight:400;color:#6a7086}
.pqr-trap{position:absolute!important;left:-9999px!important}
.pqr-status:empty{display:none}
.pqr-status{margin:0;padding:12px 14px;border-radius:10px;font-weight:600}
.pqr-status.is-ok{background:#e8f5ec;color:#1e7a3c}
.pqr-status.is-error{background:#fdecea;color:#a1271b}
.pqr-legal{margin:0;font-size:12px;color:#6a7086}
@media(max-width:560px){.pqr-grid{grid-template-columns:1fr}.pqr-form{padding:18px}}