/* ================= LJP HOME v2 (independent skeleton) ================= */
.ljp-wrap{max-width:1120px;margin:0 auto;padding:0 16px;}
.ljp-loading{color:#b09a92;font-size:14px;padding:8px 0;}
/* hero */
.ljp-hero{background:linear-gradient(135deg,#a5170e 0%,#7e110b 55%,#5f0a06 100%);color:#fff;overflow:hidden;}
.ljp-hero-in{max-width:1120px;margin:0 auto;padding:48px 16px 76px;display:flex;gap:32px;align-items:center;}
.ljp-hero-txt{flex:1;min-width:0;}
.ljp-badge{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:4px 14px;font-size:13px;letter-spacing:1px;}
.ljp-hero-txt h1{font-size:38px;line-height:1.25;margin:16px 0 12px;font-weight:800;}
.ljp-hero-txt h1 span{color:#ffd479;}
.ljp-hero-txt p{color:rgba(255,255,255,.82);font-size:15px;max-width:520px;line-height:1.7;}
.ljp-hero-btns{margin-top:22px;display:flex;gap:12px;}
.ljp-btn-main{background:#ffd479;color:#7e110b;font-weight:800;padding:12px 30px;border-radius:8px;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.22);}
.ljp-btn-ghost{border:1px solid rgba(255,255,255,.5);color:#fff;padding:12px 26px;border-radius:8px;text-decoration:none;}
.ljp-hero-pts{list-style:none;display:flex;gap:18px;margin-top:20px;padding:0;color:rgba(255,255,255,.78);font-size:13px;}
.ljp-hero-pts li::before{content:"\2714";color:#ffd479;margin-right:6px;}
.ljp-hero-art{flex:0 0 46%;}
.ljp-hero-art svg{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.35);}
/* quote bar */
.ljp-quote{max-width:1120px;margin:-44px auto 0;position:relative;z-index:2;padding:0 16px;}
.ljp-quote-in{background:#fff;border-radius:14px;box-shadow:0 14px 34px rgba(94,10,6,.14);padding:20px 22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
.ljp-quote-title{min-width:160px;}
.ljp-quote-title b{display:block;font-size:18px;color:#a5170e;}
.ljp-quote-title span{font-size:12px;color:#a3948f;}
.ljp-quote-form{display:flex;gap:10px;flex:1;min-width:280px;flex-wrap:wrap;}
.ljp-quote-form select,.ljp-quote-form input{flex:1;min-width:140px;border:1px solid #ecdcd7;border-radius:8px;padding:11px 12px;font-size:14px;outline:none;color:#3a1d16;background:#fff;}
.ljp-quote-form select:focus,.ljp-quote-form input:focus{border-color:#d8261c;}
.ljp-quote-form button{background:linear-gradient(135deg,#e8362a,#a5170e);color:#fff;border:0;border-radius:8px;padding:11px 26px;font-size:15px;font-weight:700;cursor:pointer;}
.ljp-quote-out{width:100%;font-size:14px;color:#6b5a55;padding-top:4px;}
.ljp-quote-out b{color:#d8261c;}
/* fact band */
.ljp-factband{background:#23150f;color:#fff;margin-top:26px;}
.ljp-facts{max-width:1120px;margin:0 auto;padding:20px 16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;text-align:center;}
.ljp-facts b{display:block;font-size:22px;color:#ffd479;}
.ljp-facts span{font-size:12px;color:rgba(255,255,255,.65);letter-spacing:2px;}
/* sections */
.ljp-sec{padding:44px 0 10px;}
.ljp-sec-alt{background:#faf3f0;padding:44px 0;margin-top:32px;}
.ljp-sec-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px;}
.ljp-sec-head h2{font-size:24px;margin:0;color:#3a1d16;}
.ljp-sec-head h2::before{content:"";display:inline-block;width:5px;height:20px;background:#d8261c;border-radius:3px;margin-right:10px;vertical-align:-2px;}
.ljp-sec-head a{font-size:13px;color:#a5170e;text-decoration:none;}
/* hot cards */
.ljp-hot{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ljp-card{background:#fff;border:1px solid #f2e4e0;border-radius:12px;padding:16px;text-decoration:none;display:block;transition:transform .15s,box-shadow .15s,border-color .15s;}
.ljp-card:hover{transform:translateY(-3px);border-color:#f3c6bd;box-shadow:0 10px 24px rgba(168,28,18,.14);}
.ljp-thumb{height:82px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#fffdfc 0%,#fdf3ef 100%);border:1px solid #f7e8e3;}
.ljp-thumb .ljp-brand{width:52px;height:52px;box-sizing:border-box;padding:7px;border-radius:14px;
  background:#fff;object-fit:contain;box-shadow:0 4px 12px rgba(94,10,6,.10);}
.tile-art{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;
  color:#fff;font-weight:800;font-size:14px;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.28);
  padding:4px;text-align:center;box-sizing:border-box;box-shadow:0 4px 12px rgba(94,10,6,.10);}
.ljp-card h3{font-size:15px;color:#3a1d16;margin:12px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ljp-card .ljp-rate{font-size:13px;color:#a5170e;font-weight:700;}
.ljp-card .ljp-go{margin-top:10px;font-size:13px;color:#a3948f;}
/* category rows */
.ljp-cats{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;}
.ljp-cat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #f2e4e0;border-radius:10px;padding:10px 14px;text-decoration:none;}
.ljp-cat b{flex:0 0 38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:17px;}
.ljp-cat span{flex:1;font-size:14px;color:#3a1d16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ljp-cat i{font-style:normal;color:#c9b0a8;}
/* steps */
.ljp-steps{padding:40px 0 56px;}
.ljp-steps-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ljp-steps-row li{background:#fff;border:1px solid #f2e4e0;border-top:3px solid #d8261c;border-radius:10px;padding:16px;}
.ljp-steps-row b{color:#d8261c;font-size:20px;}
.ljp-steps-row span{display:block;font-weight:700;color:#3a1d16;margin:8px 0 4px;}
.ljp-steps-row i{font-style:normal;font-size:13px;color:#a3948f;}
/* responsive */
@media (max-width:900px){
  .ljp-hero-in{flex-direction:column;padding:36px 16px 64px;}
  .ljp-hero-art{flex:none;width:100%;}
  .ljp-hot{grid-template-columns:repeat(2,1fr);}
  .ljp-steps-row{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .ljp-hero-txt h1{font-size:28px;}
  .ljp-hot{grid-template-columns:1fr;}
  .ljp-cats{grid-template-columns:1fr;}
  .ljp-steps-row{grid-template-columns:1fr;}
  .ljp-facts{justify-content:flex-start;}
  .ljp-quote{margin-top:-32px;}
}