
/* Edu Games 0.7.3: card com cabecalho STEAM branco, capa integral e base azul */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background:#173c8b !important;
  border:0 !important;
  border-radius:15px !important;
  padding:0 0 22px !important;
  overflow:hidden !important;
  box-shadow:0 12px 26px rgba(0,0,0,.18) !important;
  transition:transform .27s cubic-bezier(.2,.7,.2,1),box-shadow .27s !important;
  position:relative;
}
.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after{display:none !important}
.woocommerce ul.products li.product:hover{
  transform:translateY(-12px) !important;
  box-shadow:0 24px 40px rgba(0,0,0,.35) !important;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a:first-child{
  position:static !important;display:block !important;
  overflow:visible !important;border-radius:0 !important;
}
.woocommerce ul.products li.product .ed-cover-frame{
  display:flex !important;flex-direction:column !important;position:relative !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;
  padding:0 !important;margin:0 0 10px !important;
  border-radius:0 !important;overflow:hidden !important;line-height:normal !important;
  width:100% !important;
}
.woocommerce ul.products li.product .ed-cover-frame::before,
.woocommerce ul.products li.product .ed-cover-frame::after{display:none !important}
.woocommerce ul.products li.product .ed-platform-header{
  display:flex;justify-content:center;align-items:center;gap:0;
  width:100%;height:49px;background:#f1f2f4;color:#111827;
  font-size:16px;font-weight:900;letter-spacing:.4px;line-height:1;z-index:2;
}
.woocommerce ul.products li.product .ed-platform-icon{display:none !important}
.woocommerce ul.products li.product .ed-cover-frame img{
  display:block !important;width:100% !important;max-width:100% !important;
  aspect-ratio:1/1 !important;height:auto !important;object-fit:cover !important;
  margin:0 !important;padding:0 !important;
  border-radius:0 0 11px 11px !important;background:#0c183c !important;
  box-shadow:none !important;transform:none !important;
  transition:filter .27s ease !important;
}
.woocommerce ul.products li.product:hover .ed-cover-frame img{
  transform:none !important;filter:brightness(1.05) !important;
}
.woocommerce ul.products li.product .ed-cover-brand{
  left:10px !important;bottom:10px !important;
  width:clamp(30px,18%,54px) !important;height:clamp(30px,18%,54px) !important;
}
.woocommerce ul.products li.product .ed-platform-ribbon{display:none !important}
.woocommerce ul.products li.product .ed-sale-flag{
  right:9px !important;top:59px !important;border-radius:5px !important;
  padding:6px 8px !important;background:#6949df !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  padding:0 16px !important;color:#fff !important;font-size:16px !important;
  font-weight:800 !important;line-height:1.3 !important;min-height:43px !important;
  margin:2px 0 7px !important;
}
.woocommerce ul.products li.product .price{
  padding:0 16px !important;margin:0 !important;display:block !important;
  color:#ffdb31 !important;font-size:21px !important;font-weight:900 !important;
  line-height:1.4 !important;
}
.woocommerce ul.products li.product .price del{
  color:#c6d3f5 !important;opacity:.82 !important;
  font-size:13px !important;display:block !important;
}
.woocommerce ul.products li.product .price ins{color:#ffdc34 !important}
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button{display:none !important}
@media(max-width:640px){
  .woocommerce ul.products li.product .ed-platform-header{height:38px;font-size:13px}
  .woocommerce ul.products li.product .ed-platform-icon{display:none !important}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px !important;padding:0 10px !important;min-height:36px !important}
  .woocommerce ul.products li.product .price{padding:0 10px !important;font-size:17px !important}
  .woocommerce ul.products li.product .ed-sale-flag{top:47px !important}
}
@media(prefers-reduced-motion:reduce){
  .woocommerce ul.products li.product{transition:none !important}
  .woocommerce ul.products li.product:hover{transform:none !important}
}
