/* Shopee Autoblog PRO - Frontend Styles */

/* CTA Box */
.sap-cta-box {
    background: linear-gradient(135deg, #ff5722 0%, #e5552a 100%);
    border-radius: 12px;
    padding: 24px;
    margin: 28px 0;
    color: #fff;
    text-align: center;
    box-shadow: 0 4px 16px rgba(229,85,42,.3);
}
.sap-cta-inner { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.sap-product-name { font-size: 20px; font-weight: 700; }
.sap-price { font-size: 28px; font-weight: 800; }
.sap-badge { background: #fff; color: #e5552a; padding: 4px 12px; border-radius: 20px; font-size: 13px; font-weight: 700; }
.sap-btn-comprar {
    display: inline-block;
    background: #fff;
    color: #e5552a;
    padding: 14px 32px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .15s, box-shadow .15s;
}
.sap-btn-comprar:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.15); color: #e5552a; }
.sap-disclaimer-price { font-size: 11px; opacity: .8; }

/* Product image */
.sap-product-img {
    float: right;
    margin: 0 0 16px 24px;
    max-width: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(0,0,0,.12);
}
.sap-product-img img { width: 100%; height: auto; display: block; }
.sap-product-img figcaption { text-align: center; font-size: 12px; color: #666; padding: 6px; background: #f9f9f9; }

/* Disclaimer */
.sap-disclaimer {
    background: #f0f4f8;
    border-left: 4px solid #90a4ae;
    padding: 14px 18px;
    border-radius: 4px;
    font-size: 13px;
    color: #555;
    margin-top: 32px;
}

/* Unavailable notice */
.sap-notice-unavailable {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 14px 18px;
    border-radius: 4px;
    margin: 20px 0;
}

/* TOC */
.sap-toc {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px 24px;
    margin: 24px 0;
    display: inline-block;
    min-width: 280px;
}
.sap-toc h4 { margin-top: 0; font-size: 15px; }
.sap-toc ol { margin: 0; padding-left: 20px; }
.sap-toc li { margin-bottom: 6px; }
.sap-toc a { color: #e5552a; text-decoration: none; }
.sap-toc a:hover { text-decoration: underline; }

/* Responsive */
@media (max-width: 600px) {
    .sap-product-img { float: none; max-width: 100%; margin: 0 0 16px 0; }
    .sap-stats-grid { grid-template-columns: 1fr 1fr; }
}