/* SVT - question cards (block 79, SVT Draft - Search and Routing 0.8 Part 7 step 5).
   Markup: svt_askq_html() in plugins/svt-core/includes/svt-askq.php. One card on every
   template: the top products' pictures, the question, its answer sentence, the whole card
   one link to the answer page. Weights are set on every text element, because the theme
   resets <b> and headings differ by template (Operating Rules 2.40, block 78c). */

.svt-askq{clear:both;box-sizing:border-box;margin:0 0 18px;padding:16px 0 12px;border-top:1px solid var(--svt-hairline,#E5E1D8)}
.svt-askq--cat,.svt-askq--dead{margin:28px 0 8px;padding:0;border-top:0}
.svt-askq--top{margin:4px 0 24px;padding:0;border-top:0}
.svt-askq.svt-askq--top .svt-askq__h{font-size:18px}
.svt-askq--rank{border-top:0;padding:0;margin:0}
.svt-askq .svt-askq__h{margin:0 0 4px;padding:0;font-size:15px;font-weight:700;line-height:1.3;color:var(--svt-ink,#12213B)}
.svt-askq--cat .svt-askq__h,.svt-askq--dead .svt-askq__h{font-size:22px;line-height:1.25}
.svt-askq .svt-askq__sub{margin:0 0 12px;font-size:14px;font-weight:400;line-height:1.45;color:var(--svt-slate-ink,#655F55)}
.svt-askq .svt-askq__h + .svt-askq__list{margin-top:10px}

.svt-askq .svt-askq__list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none}
.svt-askq .svt-askq__list > li{margin:0;padding:0;min-width:0}
.svt-askq .svt-askq__list > li::before{content:none}
.svt-askq a.svt-askq__card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;box-sizing:border-box;height:100%;padding:12px 16px;border:1px solid var(--svt-hairline,#E5E1D8);border-radius:var(--svt-radius-card,12px);background:var(--svt-card,#fff);color:inherit;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease}
.svt-askq a.svt-askq__card:hover,.svt-askq a.svt-askq__card:focus-visible{border-color:var(--svt-click,#4974C4);box-shadow:0 6px 18px rgba(18,33,59,.07);text-decoration:none}
.svt-askq a.svt-askq__card:focus-visible{outline:2px solid var(--svt-click,#4974C4);outline-offset:2px}
.svt-askq .svt-askq__card:not(:has(.svt-askq__imgs)){grid-template-columns:minmax(0,1fr) auto}

.svt-askq .svt-askq__imgs{display:flex;gap:6px}
.svt-askq .svt-askq__img{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:52px;height:52px;padding:3px;border:1px solid var(--svt-hairline,#E5E1D8);border-radius:var(--svt-radius-inner,8px);background:#fff}
.svt-askq .svt-askq__img img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}

.svt-askq .svt-askq__txt{display:block;min-width:0}
.svt-askq .svt-askq__q{display:block;font-size:16px;font-weight:700;line-height:1.3;color:var(--svt-click-ink,#35589C);text-wrap:pretty}
.svt-askq .svt-askq__a{display:-webkit-box;margin-top:3px;font-size:13.5px;font-weight:400;line-height:1.4;color:var(--svt-slate-ink,#655F55);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.svt-askq .svt-askq__go{display:block;width:16px;height:16px;color:var(--svt-slate-ink,#655F55);transition:transform .16s ease,color .16s ease}
.svt-askq a.svt-askq__card:hover .svt-askq__go{color:var(--svt-click,#4974C4);transform:translateX(3px)}

.svt-askq .svt-askq__all{margin:10px 0 0;font-size:14px;font-weight:400;line-height:1.4}
.svt-askq .svt-askq__all a{font-weight:700;color:var(--svt-click-ink,#35589C);text-decoration:none}
.svt-askq .svt-askq__all a:hover{text-decoration:underline}
.svt-askq--rank .svt-askq__all{text-align:center}

@media (min-width:768px){
 .svt-askq .svt-askq__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media (max-width:480px){
 .svt-askq a.svt-askq__card{column-gap:12px;padding:12px}
 .svt-askq .svt-askq__img{width:46px;height:46px}
 .svt-askq .svt-askq__img + .svt-askq__img{display:none}
 .svt-askq .svt-askq__q{font-size:15px}
 .svt-askq .svt-askq__go{display:none}
 .svt-askq a.svt-askq__card{grid-template-columns:auto minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
 .svt-askq a.svt-askq__card,.svt-askq .svt-askq__go{transition:none}
 .svt-askq a.svt-askq__card:hover .svt-askq__go{transform:none}
}