/* Product page extras: dispatch countdown, review photos, questions and answers */

/* Dispatch countdown and delivery estimate (one line each, so the live update never moves the page) */
.dsp{margin:12px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--soft);font-size:14px;line-height:1.45}
.dsp[hidden]{display:none}
.dsp p{margin:0}
.dsp-line{display:flex;gap:8px;align-items:flex-start;font-weight:600;color:var(--ok)}
.dsp-line svg{flex:none;margin-top:1px}
.dsp-line span,.dsp-eta{font-variant-numeric:tabular-nums}
.dsp-eta{margin-top:2px;padding-left:26px;color:var(--muted)}
.dsp-eta b{color:var(--ink)}
.dsp-checkout{margin:10px 0 0}

/* Review photos and the "With photos" filter */
.rv-photos{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 6px;padding:0;list-style:none}
.rv-photos a{display:block;width:72px;height:72px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--soft);cursor:zoom-in}
.rv-photos img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.rv-photos a:hover img{transform:scale(1.06)}
.rv-photos a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.rv-filter-bar{margin:0 0 14px}
.rv-filter{font:inherit;font-size:14px;padding:6px 14px;border:1.5px solid var(--line);border-radius:999px;background:transparent;color:inherit;cursor:pointer}
.rv-filter[aria-pressed="true"]{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}
.rv-filter[aria-pressed="true"] .muted{color:inherit;opacity:.85}
.reviews.only-photos .review:not([data-photos]){display:none}
.lb-reviews .lb-img{cursor:default}

/* Questions and answers */
.qa-list{display:grid;gap:14px}
.qa-item{padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.qa-q,.qa-a{display:flex;gap:12px;margin:0}
.qa-a{margin-top:12px}
.qa-q>span{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.qa-a>div{min-width:0;overflow-wrap:anywhere}
.qa-a p{margin:0 0 4px}
.qa-tag{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--panel);font-size:13px;font-weight:700}
.qa-tag-a{background:var(--brand);color:var(--on-brand)}
.qa-helpful{margin:8px 0 0}
.qa-helpful-btn{font:inherit;font-size:13px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:inherit;cursor:pointer}
.qa-helpful-btn:hover:not(:disabled){border-color:var(--ink)}
.qa-helpful-btn:disabled{cursor:default;opacity:.7}
.qa-more{margin-top:14px}
.qa-more>summary{margin-bottom:14px;font-weight:600;cursor:pointer}
.qa-ask{margin-top:18px}
.qa-ask>summary{display:inline-block;list-style:none;cursor:pointer}
.qa-ask>summary::-webkit-details-marker{display:none}
.qa-ask[open]>summary{margin-bottom:14px}
.qa-form{max-width:640px}
.qa-row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media (max-width:560px){.qa-row{grid-template-columns:1fr}.qa-item{padding:14px}}
