:root {
    --primary: #2563eb;
    --accent: #f59e0b;
    --gold: #d4af37;
    --red: #ef4444;
}

/* 🚩 QUY TẮC RESET CỰC MẠNH */
#secondary, .sidebar, aside, .col-md-4, .ova_sidebar { display: none !important; }

/* CSS TRIỆT TIÊU CACHE V18 - 3D BADGE & ĐỒNG BỘ THUMBNAIL */
.plugintoptop-wrapper { background-color: #f8fafc !important; width:100% !important; padding: 40px 0 !important; }
.promo-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 30px !important; max-width: 1200px !important; margin: 0 auto !important; }
.promo-card { padding: 0 !important; height: 250px !important; display: flex !important; flex-direction: row !important; border-radius: 20px !important; position: relative !important; background: #fff !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; overflow: hidden !important; }
.promo-thumb { flex: 0 0 240px !important; max-width: 240px !important; width: 240px !important; height: 100% !important; background-size: cover; background-position: center; }

/* 🚩 STICKER 90K ĐƯỢC LÀM MỚI NGHỆ THUẬT */
.promo-badge { 
    position: absolute !important; 
    top: -8px !important; 
    left: -8px !important; 
    background: linear-gradient(135deg, #ef4444, #991b1b) !important; 
    color: #ffeb3b !important; 
    padding: 12px 25px !important; 
    font-size: 1.6rem !important; 
    font-weight: 950 !important; 
    z-index: 100 !important; 
    border-radius: 15px 5px 25px 5px !important; 
    box-shadow: 5px 5px 15px rgba(0,0,0,0.4), inset 1px 1px 4px rgba(255,255,255,0.5) !important; 
    transform: rotate(-4deg) !important; 
    text-shadow: 2px 2px 0 #7f1d1d, -1px -1px 0 #7f1d1d, 1px -1px 0 #7f1d1d, -1px 1px 0 #7f1d1d, 1px 1px 0 #7f1d1d !important; 
    text-transform: uppercase !important; 
    border: 2px solid rgba(255,255,255,0.3) !important; 
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; 
}
.promo-badge:hover { transform: rotate(0deg) scale(1.1) !important; }

.featured-ribbon { top: 8px !important; right: 8px !important; left: auto !important; width: 25px !important; height: 25px !important; z-index: 50 !important; position: absolute !important; background: transparent !important; }
.promo-content { flex: 1 !important; padding: 10px !important; display: flex; flex-direction: column; min-width: 0 !important; }
.promo-header h3 { margin: 5px 0 10px !important; height: auto !important; font-size: 1.35rem !important; font-weight: 800 !important; padding-right: 30px; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden; white-space: normal !important; }

.conditions-text { font-size: 1.05rem !important; line-height: 1.4 !important; height: 155px !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; position: relative !important; }
.conditions-text p { margin: 0 0 4px 0 !important; }
.conditions-text * { font-size: 1.05rem !important; line-height: 1.4 !important; }

/* CSS XUỐNG DÒNG SPAN */
.conditions-text span, .conditions-box span { 
    white-space: pre-line !important; 
    display: inline-block !important; 
    font-size: 1.2rem !important; 
    line-height: 1.23 !important; 
}

.conditions-text::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); pointer-events: none; }

/* BỐ CỤC FOOTER: LABEL TRÁI - ĐẾM NGƯỢC PHẢI */
.promo-footer { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; padding: 10px 0 0px 0 !important; margin-top: auto !important; border-top: 1px dashed #e2e8f0 !important; }
.expiry-label { font-size: 0.85rem !important; margin: 0 !important; color: #64748b !important; font-weight: 700 !important; }
.promo-countdown { display: flex !important; flex-direction: row !important; gap: 12px !important; align-items: center !important; }
.countdown-unit { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 2px !important; }
.countdown-val { color: #ef4444 !important; font-size: 1.45rem !important; font-weight: 900 !important; line-height: 1 !important; }
.countdown-label { color: #ef4444 !important; font-size: 0.75rem !important; font-weight: 700 !important; text-transform: uppercase !important; }

/* DIỆT LỖI DẤU X GHOST & DESIGN POPUP V22 */
.ptt-modal-overlay { display: none !important; opacity: 0 !important; visibility: hidden !important; align-items: center !important; justify-content: center !important; position: fixed; inset: 0; z-index: 9999999 !important; background: rgba(0,0,0,0.85); }
.ptt-modal-overlay.active { display: flex !important; opacity: 1 !important; visibility: visible !important; }
.ptt-modal-container { background: white !important; width: 90% !important; max-width: 1000px !important; border-radius: 20px !important; position: relative !important; overflow: hidden !important; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5) !important; }
.ptt-modal-close { position: absolute !important; right: 15px !important; top: 15px !important; background: #ef4444 !important; color: white !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; font-size: 25px !important; cursor: pointer !important; border: none !important; z-index: 100 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.ptt-modal-body { display: flex !important; flex-direction: row !important; height: 500px !important; width: 100% !important; }
.ptt-modal-body-thumb { width: 45% !important; height: 100% !important; background-size: cover; background-position: center; border-right: 1px solid #e2e8f0; }
.ptt-modal-info { width: 55% !important; padding: 40px !important; display: flex !important; flex-direction: column !important; overflow-y: auto !important; }
.ptt-modal-info h2 { font-size: 2rem !important; font-weight: 800 !important; margin: 0 0 20px 0 !important; }
.conditions-box { font-size: 1.25rem !important; line-height: 1.6 !important; display: flex !important; flex-direction: column !important; }
.conditions-box * { font-size: 1.25rem !important; line-height: 1.6 !important; }
.conditions-box p { margin: 0 0 10px 0 !important; }

/* POPUP SPAN OVERRIDE */
.conditions-box span { font-size: 1.35rem !important; line-height: 1.5 !important; }

.ptt-modal-footer { margin-top: auto !important; padding-top: 20px !important; border-top: 1px dashed #e2e8f0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; }
.ptt-modal-footer .promo-countdown { justify-content: flex-end !important; gap: 20px !important; }
.ptt-modal-footer .countdown-val { font-size: 1.55rem !important; }
.ptt-modal-footer .countdown-unit { gap: 4px !important; }

/* 🚩 MOBILE 1 CỘT - HIỆN FULL NỘI DUNG */
@media (max-width: 768px) {
    .promo-grid { grid-template-columns: 1fr !important; gap: 25px !important; padding: 70px 15px 0 15px !important; }
    .promo-card { flex-direction: column !important; height: auto !important; min-height: auto !important; border-radius: 20px !important; overflow: hidden !important; }
    .promo-thumb { flex: 0 0 250px !important; width: 100% !important; max-width: 100% !important; height: 250px !important; }
    .promo-content { padding: 10px !important; }
    .conditions-text { height: auto !important; max-height: none !important; margin-bottom: 20px !important; }
    .conditions-text::after { display: none !important; }
    .conditions-text span, .conditions-box span { font-size: 1.5rem !important; line-height: 1.4 !important; }
    .promo-header h3 { -webkit-line-clamp: unset !important; white-space: normal !important; font-size: 1.6rem !important; margin-bottom: 10px !important; }
    .expiry-label { font-size: 1rem !important; }
    .countdown-val, .countdown-label { font-size: 1.6rem !important; }
    .promo-footer { padding: 10px 10px !important; border-top: 1px dashed #eee !important; flex-direction: column !important; }
}