/* Customer features on the shop: reviews (photos, verified buyers, shop replies), saved addresses,
   Google/Apple sign-in buttons and the checkout address picker. Same tokens as vai.css; logical
   properties so Arabic mirrors. */

.reviews-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;align-items:start}
.review-who{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}
.verified{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--accent-text);font-size:12px;font-weight:600}
.verified svg{width:14px;height:14px}
.review-photos{display:flex;flex-wrap:wrap;gap:8px}
.review-photos a{display:block;border-radius:12px;overflow:hidden;line-height:0}
.review-photos img{width:88px;height:88px;object-fit:cover}
.review-reply{margin-block-start:6px;padding:12px 14px;border-radius:14px;background:var(--surface-2);font-size:14px}
.review-reply b{display:block;font-size:13px;margin-block-end:2px}

.address-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.address-card{display:flex;flex-direction:column;gap:10px}
.address-card address{font-style:normal;color:var(--muted);line-height:1.6}
.address-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:auto}
.address-actions form{display:contents}
.tag-default{padding:2px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700}
.danger-link{color:var(--danger)}

.social-signin{display:grid;gap:10px}
.social-signin .btn{width:100%;gap:10px}
.social-signin svg{width:20px;height:20px}
.or-line{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}
.or-line::before,.or-line::after{content:"";flex:1;height:1px;background:var(--line)}

.address-pick{display:grid;gap:8px;margin-block-end:16px}
.address-pick label{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer}
.address-pick label:has(input:checked){border-color:var(--ink)}
.address-pick input{margin-block-start:3px;accent-color:var(--accent);flex:none}
.address-pick span{display:block;font-size:14px;color:var(--muted)}
.address-pick b{color:var(--ink)}
.consent-note{font-size:13px;color:var(--muted);margin-block-start:6px}

.rate-list{display:grid;gap:20px}
.rate-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:start}
.rate-item img{width:96px;height:96px;object-fit:cover;border-radius:14px;background:var(--surface-2)}
@media (max-width:640px){.rate-item{grid-template-columns:64px minmax(0,1fr);gap:14px}.rate-item img{width:64px;height:64px}}