/* techcosmetic FAQ block, 2026-10-23 */
.tcfaq{--ink:#1d1d1f;--sub:#6e6e73;--line:rgba(0,0,0,.08);--card:#fff;--bg:#f5f5f7;--acc:#0071e3;
font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
background:var(--bg);border-radius:28px;padding:36px 28px 28px;margin:32px 0;color:var(--ink);-webkit-font-smoothing:antialiased}
.tcfaq *{box-sizing:border-box}
.tcfaq .tcfaq-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 4px 20px}
.tcfaq h2{font-size:30px;line-height:1.1;font-weight:700;letter-spacing:-.02em;margin:0}
.tcfaq .tcfaq-count{font-size:14px;color:var(--sub);white-space:nowrap}
.tcfaq .tcfaq-item{background:var(--card);border-radius:18px;margin:0 0 10px;outline:none;cursor:pointer;
box-shadow:0 1px 2px rgba(0,0,0,.04),0 0 0 1px var(--line);transition:box-shadow .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.tcfaq .tcfaq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;margin:0;
font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.01em}
.tcfaq .tcfaq-ico{flex:0 0 28px;height:28px;border-radius:50%;background:var(--bg);position:relative;transition:background .3s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.tcfaq .tcfaq-ico:before,.tcfaq .tcfaq-ico:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--ink);transition:background .3s ease}
.tcfaq .tcfaq-ico:after{transform:rotate(90deg)}
.tcfaq .tcfaq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1) .12s}
.tcfaq .tcfaq-a>div{overflow:hidden}
.tcfaq .tcfaq-a p{margin:0;padding:0 22px 22px;font-size:16px;line-height:1.55;color:#424245;opacity:0;transform:translateY(-6px);transition:opacity .35s ease .15s,transform .45s cubic-bezier(.2,.8,.2,1) .12s}
.tcfaq .tcfaq-item:focus-within,.tcfaq .tcfaq-item:focus{box-shadow:0 10px 30px rgba(0,0,0,.08),0 0 0 1px var(--line);transform:translateY(-1px)}
.tcfaq .tcfaq-item:focus-within .tcfaq-a,.tcfaq .tcfaq-item:focus .tcfaq-a{grid-template-rows:1fr}
.tcfaq .tcfaq-item:focus-within .tcfaq-a p,.tcfaq .tcfaq-item:focus .tcfaq-a p{opacity:1;transform:none}
.tcfaq .tcfaq-item:focus-within .tcfaq-ico,.tcfaq .tcfaq-item:focus .tcfaq-ico{background:var(--acc);transform:rotate(135deg)}
.tcfaq .tcfaq-item:focus-within .tcfaq-ico:before,.tcfaq .tcfaq-item:focus-within .tcfaq-ico:after,.tcfaq .tcfaq-item:focus .tcfaq-ico:before,.tcfaq .tcfaq-item:focus .tcfaq-ico:after{background:#fff}
@media (hover:hover){
.tcfaq .tcfaq-item:hover{box-shadow:0 10px 30px rgba(0,0,0,.08),0 0 0 1px var(--line);transform:translateY(-1px)}
.tcfaq .tcfaq-item:hover .tcfaq-a{grid-template-rows:1fr}
.tcfaq .tcfaq-item:hover .tcfaq-a p{opacity:1;transform:none}
.tcfaq .tcfaq-item:hover .tcfaq-ico{background:var(--acc);transform:rotate(135deg)}
.tcfaq .tcfaq-item:hover .tcfaq-ico:before,.tcfaq .tcfaq-item:hover .tcfaq-ico:after{background:#fff}}
.tcfaq .tcfaq-r{position:absolute;opacity:0;pointer-events:none}
.tcfaq .tcfaq-tabs{display:flex;gap:4px;background:rgba(0,0,0,.06);border-radius:14px;padding:4px;margin:0 0 18px}
.tcfaq .tcfaq-tabs label{flex:1 1 0;text-align:center;padding:10px 8px;border-radius:11px;font-size:15px;font-weight:600;color:var(--sub);cursor:pointer;white-space:nowrap;transition:background .3s ease,color .3s ease,box-shadow .3s ease}
.tcfaq .tcfaq-tabs label span{font-weight:500;opacity:.6;margin-left:4px}
.tcfaq .tcfaq-tabs label:hover{color:var(--ink)}
.tcfaq .tcfaq-p{display:none;animation:tcfaqIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes tcfaqIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#tcfaq-t1:checked~.tcfaq-tabs label[for=tcfaq-t1],#tcfaq-t2:checked~.tcfaq-tabs label[for=tcfaq-t2],#tcfaq-t3:checked~.tcfaq-tabs label[for=tcfaq-t3]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
#tcfaq-t1:checked~.tcfaq-p1,#tcfaq-t2:checked~.tcfaq-p2,#tcfaq-t3:checked~.tcfaq-p3{display:block}
#tcfaq-t1:focus-visible~.tcfaq-tabs label[for=tcfaq-t1],#tcfaq-t2:focus-visible~.tcfaq-tabs label[for=tcfaq-t2],#tcfaq-t3:focus-visible~.tcfaq-tabs label[for=tcfaq-t3]{outline:2px solid var(--acc)}
.tcfaq .tcfaq-stars{color:#ff9f0a;letter-spacing:2px}
.tcfaq .tcfaq-foot{margin:20px 4px 0;font-size:15px;color:var(--sub)}.tcfaq .tcfaq-foot p{margin:0 0 12px}.tcfaq .tcfaq-btns{display:flex;flex-wrap:wrap;gap:10px}.tcfaq a.tcfaq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none!important;color:#fff!important;transition:transform .2s ease,filter .2s ease}.tcfaq a.tcfaq-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.tcfaq a.tcfaq-wa{background:#25d366}.tcfaq a.tcfaq-tg{background:#2aabee}.tcfaq a.tcfaq-max{background:linear-gradient(135deg,#4f8bff,#8a3ffc)}.tcfaq a.tcfaq-ph{background:#fff;color:var(--ink)!important;box-shadow:0 0 0 1px var(--line)}
@media (max-width:600px){.tcfaq{border-radius:22px;padding:26px 14px 18px}.tcfaq h2{font-size:24px}.tcfaq .tcfaq-q{font-size:16px;padding:17px 16px}.tcfaq .tcfaq-a p{padding:0 16px 18px;font-size:15px}.tcfaq .tcfaq-tabs label{font-size:13px;padding:9px 4px}.tcfaq .tcfaq-tabs label span{display:none}.tcfaq a.tcfaq-btn{flex:1 1 40%}}
@media (prefers-reduced-motion:reduce){.tcfaq *{transition:none!important}}