/* Achadinhos: demonstração interativa e perguntas frequentes
   (includes/achadinhos-extras.php), nas páginas Shopee, Temu e Mercado Livre. */

/* Demonstração */
.ach-demo{padding-top:90px;padding-bottom:40px}
.ach-demo-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:center;margin-bottom:26px}
.ach-demo-controls label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#8a7a94;letter-spacing:.02em}
.ach-demo-controls input,.ach-demo-controls select{min-width:220px;padding:11px 14px;border:1.5px solid #e7ddf0;border-radius:12px;font:inherit;font-size:14px;color:#3d2f47;background:#fff;outline:none}
.ach-demo-controls select{min-width:160px}
.ach-demo-controls input:focus,.ach-demo-controls select:focus{border-color:#9364db}
.ach-demo-controls button{padding:11px 16px;border:1.5px solid #e7ddf0;border-radius:12px;background:#fff;font:inherit;font-size:13px;font-weight:600;color:#685780;cursor:pointer}
.ach-demo-controls button[aria-pressed=true]{background:#fdf0f5;border-color:#f3b8cf;color:#b8336a}
.ach-demo-controls button:hover{border-color:#cdb6ec}
.ach-demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ach-demo-card{border:1px solid #eae2f0;border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.ach-demo-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #40225e12}
.ach-demo-card[hidden]{display:none}
.ach-demo-photo{position:relative;aspect-ratio:1;display:grid;place-items:center;font-size:64px}
.ach-demo-photo::before{filter:drop-shadow(0 10px 18px #0000001a)}
.ach-demo-photo--0{background:linear-gradient(145deg,#e3f6ea,#bfe7cf)}.ach-demo-photo--0::before{content:'🥤'}
.ach-demo-photo--1{background:linear-gradient(145deg,#ece8fb,#cfc4f2)}.ach-demo-photo--1::before{content:'🎧'}
.ach-demo-photo--2{background:linear-gradient(145deg,#fdf0e1,#f6d2ab)}.ach-demo-photo--2::before{content:'🧳'}
.ach-demo-photo--3{background:linear-gradient(145deg,#fff6db,#f5e2a8)}.ach-demo-photo--3::before{content:'💡'}
.ach-demo-photo>span{position:absolute;left:12px;bottom:12px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6d5d78;background:#ffffffc7;padding:4px 9px;border-radius:999px}
.ach-demo-save{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:#fffffff0;box-shadow:0 3px 10px #0000001a;font-size:18px;color:#a493b0;cursor:pointer;line-height:1}
.ach-demo-save[aria-pressed=true]{color:#e0457b}
.ach-demo-info{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.ach-demo-info small{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a38ab1}
.ach-demo-info h3{font-size:16px;color:#3d2f47;margin:6px 0 6px}
.ach-demo-info p{font-size:13px;line-height:1.7;color:#8f8099;margin:0 0 14px;flex:1}
.ach-demo-detail{align-self:flex-start;padding:9px 14px;border:0;border-radius:10px;background:#f4eefb;color:#6c3ca6;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.ach-demo-detail:hover{background:#ebe1f8}
#ach-demo-count{text-align:center;font-size:13px;color:#8a7a94;margin:20px 0 4px}
.ach-demo-disclaimer{text-align:center;font-size:11px;color:#a497ad;margin:0}
#ach-demo-dialog{border:0;border-radius:20px;padding:28px;max-width:420px;width:calc(100% - 32px);box-shadow:0 30px 80px #2b16402e;color:#3d2f47}
#ach-demo-dialog::backdrop{background:#1d102a73;backdrop-filter:blur(3px)}
#ach-demo-dialog h2{font-size:22px;margin:10px 0 8px}
#ach-demo-dialog p{font-size:14px;line-height:1.7;color:#7d6e88}
#ach-demo-dialog form{position:absolute;top:12px;right:12px}
.ach-demo-close{width:34px;height:34px;border:0;border-radius:50%;background:#f4eefb;font-size:20px;color:#6c3ca6;cursor:pointer;line-height:1}
#ach-demo-dialog-save{margin-top:8px;padding:12px 18px;border:0;border-radius:12px;background:#7541cc;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
#ach-demo-dialog-save[aria-pressed=true]{background:#fdf0f5;color:#b8336a}

/* Perguntas frequentes */
.ach-faq-section{padding-top:60px;padding-bottom:60px;max-width:860px}
.ach-faq-search{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#8a7a94;margin:0 auto 20px;max-width:520px}
.ach-faq-search input{padding:12px 16px;border:1.5px solid #e7ddf0;border-radius:12px;font:inherit;font-size:14px;outline:none}
.ach-faq-search input:focus{border-color:#9364db}
.ach-faq-list{display:flex;flex-direction:column;gap:10px}
.ach-faq-list details{border:1px solid #eae2f0;border-radius:14px;background:#fff;padding:0 20px}
.ach-faq-list details[hidden]{display:none}
.ach-faq-list summary{list-style:none;cursor:pointer;padding:18px 28px 18px 0;font-size:15px;font-weight:700;color:#49354f;position:relative}
.ach-faq-list summary::-webkit-details-marker{display:none}
.ach-faq-list summary::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400;color:#9364db}
.ach-faq-list details[open] summary::after{content:'−'}
.ach-faq-list details p{font-size:14px;line-height:1.8;color:#7d6e88;margin:0 0 18px}
.ach-faq-list summary:focus-visible{outline:3px solid #bda0e8;outline-offset:4px;border-radius:6px}
#ach-faq-count{text-align:center;font-size:13px;color:#8a7a94;margin-top:16px}

@media(max-width:900px){.ach-demo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){

.ach-demo{padding-top:60px}
.ach-demo-controls{flex-direction:column;align-items:stretch}
.ach-demo-controls input,.ach-demo-controls select{min-width:0;width:100%}
.ach-demo-grid{gap:12px}
.ach-demo-photo{font-size:46px}
.ach-demo-info{padding:12px 14px 14px}
.ach-demo-info h3{font-size:14px}
.ach-demo-info p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.ach-demo-card{transition:none}.ach-demo-card:hover{transform:none}}