
/* v0.9.8 — melhorias visuais de produto, carrinho, checkout e pagamento */
.productTrustV098{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px;margin-top:16px;padding-top:10px;color:#4b5563;text-align:center}
.productTrustV098 span{font-size:12px;font-weight:700}
.product .btn.full+.productTrustV098{margin-top:18px}
.product .info>small,.productTrustV098{display:block}

.cartLayoutV098{align-items:start}
.cartBoxV098{display:flex;flex-direction:column;gap:16px}
.cartItemV098{display:grid;grid-template-columns:92px 1fr auto auto;gap:16px;align-items:center;padding:16px;border:1px solid #e6eaee;border-radius:14px;background:#fbfcfd}
.cartMediaV098{width:92px}
.cartThumbImgV098{width:92px;height:122px;object-fit:cover;border-radius:12px;display:block;background:#111}
.cartThumbFallbackV098{width:92px;height:122px;border-radius:12px}
.cartInfoV098{display:flex;flex-direction:column;gap:5px;min-width:0}
.cartInfoV098 b{font-size:24px;line-height:1.1}
.cartInfoV098 small{font-size:14px;color:#667085}
.cartQtyV098{font-size:13px;color:#475467;font-weight:700}
.cartPriceV098{font-size:18px;font-weight:900;white-space:nowrap}
.cartActionsV098{text-align:right}
.cartRemoveV098{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #f1c1c1;border-radius:10px;color:#c81e1e;font-size:12px;font-weight:900;background:#fff}
.cartCheckoutNoteV098{text-align:center;font-size:13px;color:#667085;padding-top:6px}
.cartSummaryV098 h3{font-size:22px;margin-top:0}

.checkoutMainItemV098{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:center;margin-bottom:10px;padding:8px 0}
.checkoutThumbImgV098{width:120px;height:160px;object-fit:cover;border-radius:14px;display:block;background:#111}
.checkoutMainInfoV098{display:flex;flex-direction:column;gap:5px;min-width:0}
.checkoutMainInfoV098 b{font-size:25px;line-height:1.08}
.checkoutMainInfoV098 small{font-size:14px;color:#667085}
.checkoutMainInfoV098 span{font-size:13px;color:#475467;font-weight:700}
.checkoutMainPriceV098{text-align:right}
.checkoutMainPriceV098 strong{font-size:28px;white-space:nowrap}
.checkoutCouponBoxV098{margin:16px 0;padding:14px;border:1px solid #e6eaee;border-radius:12px;background:#fbfcfd}
.checkoutCouponBoxV098 label{display:block;font-size:12px;font-weight:900;margin-bottom:8px}
.checkoutCouponFormV098{display:flex;gap:8px}
.checkoutCouponFormV098 input{flex:1;padding:13px;border:1px solid #d8dde3;border-radius:8px}
.couponApplyBtnV098{border:0;border-radius:8px;padding:0 18px;font-weight:800;cursor:pointer}
.checkoutCouponActiveV098{margin-top:9px;font-size:12px;color:#16a34a;font-weight:800}
.checkoutCouponMsgV098{margin-top:10px;margin-bottom:0}

.payOptionsV098{margin-top:36px;gap:20px}
.payCardV098{background:#fff;border:2px solid #e3e8ec;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:18px;transition:.2s ease;box-shadow:0 8px 22px rgba(8,12,17,.04)}
.payCardV098:hover:not(:disabled){border-color:#39e66f;transform:translateY(-1px);box-shadow:0 14px 34px rgba(8,12,17,.08)}
.payCardHeadV098{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.payCardHeadV098 b{font-size:28px;line-height:1.05}
.payCardHeadV098 span{margin-top:6px;color:#667085;font-size:14px}
.payCardLogoSmallV098{width:152px;max-width:42%;object-fit:contain;align-self:flex-start}
.payCardLogoWideV098{width:180px;max-width:44%;object-fit:contain;align-self:flex-start}
.payCardBodyV098 ul{margin:0;padding-left:18px;color:#475467;display:grid;gap:8px}
.payCardBodyV098 li{font-size:13px}
.payCardV098 strong{margin-top:auto;font-size:16px;letter-spacing:.02em}
.payFooterLinkV098{margin-top:20px;text-align:center}
.payFooterLinkV098 a{font-weight:700;color:#111820}

@media(max-width:900px){
  .cartItemV098{grid-template-columns:92px 1fr;align-items:start}
  .cartPriceV098,.cartActionsV098{grid-column:2}
  .cartActionsV098{text-align:left}
  .checkoutMainItemV098{grid-template-columns:96px 1fr}
  .checkoutMainPriceV098{grid-column:2;text-align:left}
}
@media(max-width:700px){
  .productTrustV098{gap:8px 14px}
  .checkoutCouponFormV098{flex-direction:column}
  .payCardHeadV098{flex-direction:column}
  .payCardLogoSmallV098,.payCardLogoWideV098{max-width:100%;width:180px}
}
@media(max-width:520px){
  .cartItemV098{grid-template-columns:78px 1fr;gap:12px;padding:12px}
  .cartMediaV098{width:78px}
  .cartThumbImgV098,.cartThumbFallbackV098{width:78px;height:104px}
  .cartInfoV098 b{font-size:18px}
  .cartPriceV098{font-size:16px}
  .checkoutMainItemV098{grid-template-columns:84px 1fr;gap:12px}
  .checkoutThumbImgV098{width:84px;height:112px}
  .checkoutMainInfoV098 b{font-size:20px}
  .checkoutMainPriceV098 strong{font-size:22px}
}




/* v0.9.8.3 — mini cards premium corrigidos e alinhados como o layout aprovado */
.productTrustV098{display:none!important}
.productBenefitsPremiumV0983,
.productBenefitsPremiumV0982{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    margin:26px 0 0 !important;
    padding:0 !important;
    background:#fff !important;
    border:1px solid #dfe5e9 !important;
    border-radius:16px !important;
    box-shadow:0 8px 24px rgba(17,24,39,.035) !important;
    overflow:hidden !important;
}
.benefitCardMiniV0983{
    min-height:138px !important;
    padding:18px 16px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    position:relative !important;
    box-sizing:border-box !important;
    gap:10px !important;
    background:transparent !important;
}
.benefitCardMiniV0983:not(:last-child)::after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;
    top:28px !important;
    bottom:28px !important;
    width:1px !important;
    background:#e5e9ec !important;
}
.benefitRoundV0983{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(145deg,#ddfae8,#c9f6d7) !important;
    box-shadow:inset 0 0 0 1px rgba(31,197,95,.12) !important;
    flex:0 0 auto !important;
}
.benefitRoundV0983 svg{
    width:22px !important;
    height:22px !important;
    display:block !important;
    flex:0 0 auto !important;
}
.benefitMiniTextV0983{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    text-align:center !important;
}
.benefitMiniTextV0983 strong{
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    color:#111820 !important;
    display:block !important;
}
.benefitMiniTextV0983 span{
    font-size:12px !important;
    line-height:1.35 !important;
    color:#748091 !important;
    display:block !important;
}
@media(max-width:800px){
    .productBenefitsPremiumV0983,
    .productBenefitsPremiumV0982{
        grid-template-columns:1fr 1fr !important;
        margin-top:16px !important;
    }
    .benefitCardMiniV0983{
        min-height:124px !important;
        padding:16px 12px !important;
    }
    .benefitCardMiniV0983:nth-child(-n+2){
        border-bottom:1px solid #e5e9ec !important;
    }
    .benefitCardMiniV0983:nth-child(2)::after{
        display:none !important;
    }
    .benefitCardMiniV0983:not(:last-child)::after{
        top:20px !important;
        bottom:20px !important;
    }
}
@media(max-width:520px){
    .productBenefitsPremiumV0983,
    .productBenefitsPremiumV0982{
        border-radius:14px !important;
    }
    .benefitCardMiniV0983{
        min-height:118px !important;
        padding:14px 10px !important;
        gap:8px !important;
    }
    .benefitRoundV0983{
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        min-height:48px !important;
    }
    .benefitRoundV0983 svg{
        width:20px !important;
        height:20px !important;
    }
    .benefitMiniTextV0983 strong{font-size:13px !important;}
    .benefitMiniTextV0983 span{font-size:11px !important;}
}
