/* ===== UGC + Trustpilot — portados do template Wavy ===== */
/* ===== UGC carousel (ON REAL FEET style) ===== */
.dy-ugc{padding:48px 0 6px;overflow:hidden}
.dy-ugc h2{text-align:center;font-size:clamp(23px,6vw,28px);font-weight:500;letter-spacing:.005em;line-height:1.15;padding:0 20px}
.dy-ugc-sub{text-align:center;font-size:14px;color:var(--dy-soft);margin-top:10px;padding:0 24px;line-height:1.55}
.dy-ugc-vp{overflow:hidden;margin-top:26px;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.dy-ugc-track{display:flex;gap:14px;width:max-content;animation:dy-revscroll 52s linear infinite;will-change:transform}
.dy-ugc-vp:active .dy-ugc-track{animation-play-state:paused}
.dy-ugc-card{flex:0 0 auto;width:232px}
.dy-ugc-ph{position:relative;width:100%;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#f1f0ee;box-shadow:0 12px 26px rgba(0,0,0,.13)}
.dy-ugc-ph img{width:100%;height:100%;object-fit:cover;display:block}
.dy-ugc-tag{position:absolute;left:9px;bottom:9px;z-index:2;display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,.82);color:#fff;font-size:11px;font-weight:500;letter-spacing:.01em;padding:5px 10px 5px 8px;border-radius:40px;backdrop-filter:blur(2px)}
.dy-ugc-tag svg{width:14px;height:14px;flex:0 0 auto;display:block}
/* ===== TRUSTPILOT (official template) ===== */
.dy-tps{padding:30px 0 46px}
.dy-tps-head{display:flex;flex-direction:column;align-items:center;gap:11px;padding:0 20px}
.dy-tps-logo{display:inline-flex;align-items:center;gap:6px;font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--dy-ink)}
.dy-tps-tpstar{width:21px;height:21px;background:#00b67a;display:inline-flex;align-items:center;justify-content:center;border-radius:3px}
.dy-tps-tpstar svg{width:15px;height:15px}
.dy-tps-stars{display:flex;gap:2px}
.dy-tps-stars span{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:2px;background:#00b67a}
.dy-tps-stars span.off{background:#dcdce6}
.dy-tps-stars span svg{width:17px;height:17px}
.dy-tps-rate{font-size:13.5px;color:var(--dy-soft);text-align:center}
.dy-tps-rate b{color:var(--dy-ink)}
.dy-tps-cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:24px 18px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dy-tps-cards::-webkit-scrollbar{display:none}
.dy-tps-card{flex:0 0 84%;max-width:330px;scroll-snap-align:center;border:1px solid var(--dy-line);border-radius:8px;padding:18px;background:#fff;display:flex;flex-direction:column}
.dy-tps-cstars{display:flex;gap:2px;margin-bottom:11px}
.dy-tps-cstars span{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:2px;background:#00b67a}
.dy-tps-cstars span.off{background:#dcdce6}
.dy-tps-cstars span svg{width:14px;height:14px}
.dy-tps-vrow{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#00b67a;font-weight:700;margin-bottom:9px}
.dy-tps-vrow svg{width:14px;height:14px;flex:0 0 auto}
.dy-tps-card h3{font-size:15px;font-weight:700;color:var(--dy-ink);letter-spacing:-.01em;line-height:1.3}
.dy-tps-card p{font-size:13.5px;color:#3a3a3a;line-height:1.6;margin-top:7px}
.dy-tps-cmeta{font-size:12px;color:var(--dy-soft);margin-top:13px}
.dy-tps-cmeta b{color:var(--dy-ink);font-weight:700}
/* ===== convivencia com o tema ===== */
.dy-ugc,.dy-tps{max-width:1352px;margin:0 auto;padding:26px 16px;font-family:inherit}
.dy-ugc h2,.dy-tps h2{font-size:clamp(24px,4vw,32px);font-weight:600;text-align:center;margin:0 0 8px}
.dy-ugc-sub{font-size:14px;color:var(--dy-soft);text-align:center;margin:0 auto 20px;max-width:620px;line-height:1.6}
.dy-ugc-vp{overflow:hidden;width:100%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.dy-ugc-track{display:flex;gap:14px;width:max-content;animation:dy-revscroll 52s linear infinite;will-change:transform}
.dy-ugc-vp:active .dy-ugc-track,.dy-ugc-vp:hover .dy-ugc-track{animation-play-state:paused}
@keyframes dy-revscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.dy-ugc-card{flex:0 0 auto;margin:0}
.dy-ugc-ph{position:relative;width:190px;border-radius:12px;overflow:hidden;background:#f2f0ee}
@media (min-width:1000px){.dy-ugc-ph{width:240px}}
.dy-ugc-ph img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.dy-ugc-tag{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);border-radius:40px;padding:5px 10px 5px 6px;font-size:11.5px;font-weight:600;color:#1a1a1a}
.dy-ugc-tag svg{width:15px;height:15px;flex:0 0 auto}
/* Trustpilot */
.dy-tps{background:#f7f6f4;max-width:none;padding:34px 16px}
.dy-tps-in{max-width:1352px;margin:0 auto}
.dy-tps-head{text-align:center;margin-bottom:22px}
.dy-tps-logo{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:700;letter-spacing:-.02em}
.dy-tps-tpstar,.dy-tps-stars span,.dy-tps-cstars span{display:inline-flex;align-items:center;justify-content:center;background:#00b67a;border-radius:3px;width:24px;height:24px}
.dy-tps-tpstar svg,.dy-tps-stars svg,.dy-tps-cstars svg{width:16px;height:16px}
.dy-tps-stars{display:flex;gap:3px;justify-content:center;margin-top:10px}
.dy-tps-rate{font-size:13.5px;color:var(--dy-soft);margin-top:10px}
.dy-tps-cards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dy-tps-cards::-webkit-scrollbar{display:none}
.dy-tps-card{flex:0 0 84%;max-width:330px;scroll-snap-align:center;background:#fff;border:1px solid var(--dy-line);
  border-radius:12px;padding:16px;display:flex;flex-direction:column}
@media (min-width:700px){.dy-tps-card{flex:0 0 44%}}
@media (min-width:1000px){.dy-tps-card{flex:0 0 24%}}
.dy-tps-in{position:relative}
.dy-tps-cstars{display:flex;gap:3px}
.dy-tps-cstars span{width:20px;height:20px}
.dy-tps-vrow{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#00875a;font-weight:600;margin-top:10px}
.dy-tps-vrow svg{width:13px;height:13px}
.dy-tps-card h3{font-size:15px;font-weight:600;margin:9px 0 0;line-height:1.35}
.dy-tps-card p{font-size:13.5px;color:var(--dy-soft);line-height:1.6;margin:7px 0 0}
.dy-tps-cmeta{font-size:12px;color:#8a8a8a;margin-top:12px}
.dy-tps-cmeta b{color:var(--dy-ink);font-weight:600}

/* ===== ajustes finais ===== */
/* Contencao quando a secao e FILHA DE FLEX/GRID (alvo React, nao tema Shopify):
   min-width:auto de flex item deixa o track (width:max-content) inflar a coluna
   inteira e a pagina ganha overflow horizontal — foi o que cortou os cards do
   clone do WHOOP em 1152px. */
.dy-ugc,.dy-tps{min-width:0;width:100%;max-width:100%}
.dy-ugc-vp{max-width:100%}
/* sem fade lateral no carrossel de UGC e cards maiores */
.dy-ugc-vp{-webkit-mask-image:none!important;mask-image:none!important}
.dy-ugc-ph{width:250px!important}
@media (min-width:1000px){.dy-ugc-ph{width:320px!important}}
.dy-ugc-card{width:auto!important}


/* trustpilot rola tambem no desktop (cards um pouco maiores) */
@media (min-width:1000px){.dy-tps-card{flex:0 0 30%!important;max-width:none}}