/* ==========================================================================
   Shop Lộc Phát – style cho nội dung soạn bằng CKEditor (.lp-content)
   Dùng ở: trang chi tiết sản phẩm (khối "Chi tiết sản phẩm") và
           khung soạn thảo CKEditor trong admin (config.bodyClass = 'lp-content').
   Màu / cỡ chữ lấy theo design tokens của template.html.
   ========================================================================== */
.lp-content,.lp-content *,.lp-content *::before,.lp-content *::after{box-sizing:border-box}
.lp-content{font-family:'Be Vietnam Pro','Be Vietnam Pro Fallback',system-ui,sans-serif;font-size:15px;line-height:1.7;color:#3d4463;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
/* Khung soạn thảo: rộng tối đa bằng khối nội dung ngoài trang (880px + 2×20px lề) để xuống dòng giống hệt */
body.lp-content{margin:0 auto;padding:16px 20px;background:#fff;max-width:920px}
body.lp-content.lp-content--article{max-width:1192px}
.lp-content>*:first-child{margin-top:0}
.lp-content>*:last-child{margin-bottom:0}
.lp-content p{margin:0 0 14px}
.lp-content h1,.lp-content h2,.lp-content h3,.lp-content h4{color:#141a33;font-weight:800;letter-spacing:-0.015em;line-height:1.3;margin:28px 0 12px}
.lp-content h1{font-size:26px}
.lp-content h2{font-size:22px}
.lp-content h3{font-size:18px;font-weight:700}
.lp-content h4{font-size:16px;font-weight:700}
.lp-content strong,.lp-content b{color:#141a33;font-weight:700}
.lp-content a{color:#1d3fa0;text-decoration:underline;text-underline-offset:2px}
.lp-content a:hover{color:#e3262c}
.lp-content ul,.lp-content ol{margin:0 0 14px;padding-left:22px}
.lp-content li{margin:4px 0}
.lp-content ul li::marker{color:#e3262c}
.lp-content img{max-width:100%;height:auto;border-radius:12px;vertical-align:middle}
.lp-content figure{margin:0 0 14px}
.lp-content figcaption{font-size:13px;color:#5b6280;margin-top:6px;text-align:center}
.lp-content blockquote{margin:0 0 14px;padding:14px 18px;border-left:4px solid #1d3fa0;background:#eef1fb;border-radius:0 10px 10px 0;color:#2a3150}
.lp-content blockquote p:last-child{margin-bottom:0}
.lp-content hr{border:0;border-top:1px solid #e6e8ef;margin:24px 0}
.lp-content table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14px;border:1px solid #e6e8ef;border-radius:10px;overflow:hidden}
.lp-content th,.lp-content td{border:1px solid #e6e8ef;padding:10px 12px;text-align:left;vertical-align:top}
.lp-content th,.lp-content thead td{background:#f3f4f8;color:#141a33;font-weight:700}
.lp-content tr:nth-child(even) td{background:#fafbfd}
.lp-content iframe,.lp-content video{max-width:100%;border:0;border-radius:12px}
.lp-content .table-wrap,.lp-content .lp-scroll{overflow-x:auto}

/* Lưới bố cục (plugin layoutmanager của CKEditor tạo .row / .col-*) */
.lp-content .container,.lp-content .container-fluid{padding:0;max-width:none}
.lp-content .row{display:flex;flex-wrap:wrap;margin:0 -10px 14px}
.lp-content .row>[class*="col-"]{padding:0 10px;flex:0 0 100%;max-width:100%;min-width:0}
@media (min-width:768px){
  .lp-content .row>.col-md-1,.lp-content .row>.col-sm-1,.lp-content .row>.col-lg-1,.lp-content .row>.col-xs-1{flex-basis:8.3333%;max-width:8.3333%}
  .lp-content .row>.col-md-2,.lp-content .row>.col-sm-2,.lp-content .row>.col-lg-2,.lp-content .row>.col-xs-2{flex-basis:16.6667%;max-width:16.6667%}
  .lp-content .row>.col-md-3,.lp-content .row>.col-sm-3,.lp-content .row>.col-lg-3,.lp-content .row>.col-xs-3{flex-basis:25%;max-width:25%}
  .lp-content .row>.col-md-4,.lp-content .row>.col-sm-4,.lp-content .row>.col-lg-4,.lp-content .row>.col-xs-4{flex-basis:33.3333%;max-width:33.3333%}
  .lp-content .row>.col-md-5,.lp-content .row>.col-sm-5,.lp-content .row>.col-lg-5,.lp-content .row>.col-xs-5{flex-basis:41.6667%;max-width:41.6667%}
  .lp-content .row>.col-md-6,.lp-content .row>.col-sm-6,.lp-content .row>.col-lg-6,.lp-content .row>.col-xs-6{flex-basis:50%;max-width:50%}
  .lp-content .row>.col-md-7,.lp-content .row>.col-sm-7,.lp-content .row>.col-lg-7,.lp-content .row>.col-xs-7{flex-basis:58.3333%;max-width:58.3333%}
  .lp-content .row>.col-md-8,.lp-content .row>.col-sm-8,.lp-content .row>.col-lg-8,.lp-content .row>.col-xs-8{flex-basis:66.6667%;max-width:66.6667%}
  .lp-content .row>.col-md-9,.lp-content .row>.col-sm-9,.lp-content .row>.col-lg-9,.lp-content .row>.col-xs-9{flex-basis:75%;max-width:75%}
  .lp-content .row>.col-md-10,.lp-content .row>.col-sm-10,.lp-content .row>.col-lg-10,.lp-content .row>.col-xs-10{flex-basis:83.3333%;max-width:83.3333%}
  .lp-content .row>.col-md-11,.lp-content .row>.col-sm-11,.lp-content .row>.col-lg-11,.lp-content .row>.col-xs-11{flex-basis:91.6667%;max-width:91.6667%}
  .lp-content .row>.col-md-12,.lp-content .row>.col-sm-12,.lp-content .row>.col-lg-12,.lp-content .row>.col-xs-12{flex-basis:100%;max-width:100%}
}
.lp-content .text-center{text-align:center}
.lp-content .text-right{text-align:right}
.lp-content .img-fluid,.lp-content .img-responsive{max-width:100%;height:auto}

/* Khung nhấn mạnh có thể chèn bằng "Định dạng" (Styles) của CKEditor */
.lp-content .lp-note{padding:14px 18px;border-radius:12px;background:#fff1f0;border:1px solid #f3d6d4;color:#2a3150;margin:0 0 14px}
.lp-content .lp-box{padding:16px 18px;border-radius:14px;background:#f3f4f8;margin:0 0 14px}
.lp-content .lp-badge{display:inline-block;background:#e3262c;color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px}

/* Bài viết tin tức (trang /tin-tuc/...) – chữ to hơn, giãn dòng rộng */
.lp-content--article{font-size:17px;line-height:1.75;color:#2a3150}
.lp-content--article p{margin:0 0 20px;text-wrap:pretty}
.lp-content--article ul,.lp-content--article ol,.lp-content--article figure,.lp-content--article blockquote,.lp-content--article table{margin-bottom:20px}
.lp-content--article img{border-radius:14px}