.jou-wrap{max-width:1240px;margin:30px auto 70px;padding:0 18px;color:#141b26}.jou-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);gap:25px}.jou-main{min-width:0}.jou-main h1{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:16px 0}.jou-main h2{font-size:23px;margin:24px 0 12px}.jou-photo{position:relative;aspect-ratio:16/7;overflow:hidden;border-radius:7px;background:#e9eef0}.jou-photo img{width:100%;height:100%;object-fit:cover}.jou-photo>button{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:36px;height:36px;background:#17202cbb;color:white;font-size:26px;cursor:pointer}.jou-prev{left:12px}.jou-next{right:12px}.jou-thumbs{display:flex;gap:7px;overflow-x:auto;margin-top:8px}.jou-thumb{border:2px solid transparent;padding:0;flex:0 0 90px;height:66px;border-radius:5px;overflow:hidden;cursor:pointer}.jou-thumb.active{border-color:#007b32}.jou-thumb img{width:100%;height:100%;object-fit:cover}.jou-crumb{font-size:12px;color:#707780;margin:15px 0}.jou-crumb a{color:inherit}.jou-stats{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;margin:12px 0}.jou-price{display:inline-block;background:#f2f6f3;padding:13px;border-radius:6px;margin:12px 0;color:#53605b}.jou-price strong{font-size:26px;color:#087c37;margin:0 7px}.jou-price small{font-size:12px}.jou-intro{margin:8px 0 16px}.jou-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:25px}.jou-highlights span{background:#f0f8f3;border-radius:8px;padding:12px;font-size:13px}.jou-tabs{display:flex;gap:3px;overflow-x:auto;border-bottom:1px solid #e1e5e6;margin-top:24px}.jou-tabs button{flex:0 0 auto;background:none;border:0;padding:12px 14px;font-size:13px;cursor:pointer}.jou-tabs button[aria-selected=true]{background:#078238;color:#fff;border-radius:5px 5px 0 0}.jou-panel[hidden]{display:none}.jou-panel{padding:5px 0 20px}.jou-sidebar{min-width:0}.jou-card{background:#fff;border:1px solid #edf0f0;box-shadow:0 2px 16px #17202c0a;border-radius:7px;padding:18px;margin-bottom:12px}.jou-card h3{font-size:18px;margin:0 0 12px}.jou-card:first-child h3{color:#067b34}.jou-side-price{font-size:30px;font-weight:800;color:#078138;line-height:1.1}.jou-info{display:grid;grid-template-columns:45% 55%;gap:6px;padding:8px 0;font-size:13px}.jou-info strong{font-weight:500}.jou-benefits{background:#e9f8ed}.jou-benefits h3{color:#086e32}.jou-benefits p{font-size:13px;margin:10px 0}.jou-related{display:flex;gap:10px;align-items:center;margin:10px 0;color:#121a20;text-decoration:none;font-size:12px}.jou-related img{width:76px;height:55px;object-fit:cover;border-radius:5px}.jou-related small{display:block;color:#078238;font-weight:bold}.jou-book-widget{margin-top:14px}.jou-book-widget button,.jou-book-widget .button{background:#007c33;color:white}.jou-mobile-book,.jou-mobile-modal{display:none}@media(max-width:767px){.jou-wrap{padding:0 14px;margin:0 auto 90px}.jou-layout{display:block}.jou-sidebar{display:none}.jou-photo{aspect-ratio:16/9;margin:0 -14px;border-radius:0}.jou-thumb{flex-basis:68px;height:50px}.jou-main h1{font-size:24px}.jou-highlights{gap:8px}.jou-highlights span{font-size:12px}.jou-mobile-book{display:block;position:fixed;bottom:0;left:0;right:0;z-index:99;padding:10px 14px;background:white;box-shadow:0 -2px 10px #0001}.jou-mobile-book button{width:100%;background:#007e35;color:#fff;border:0;border-radius:5px;padding:14px;font-weight:700;font-size:17px}.jou-mobile-modal:not([hidden]){display:flex;position:fixed;inset:0;z-index:9999;background:#0009;align-items:end}.jou-mobile-dialog{background:white;width:100%;max-height:85vh;overflow:auto;border-radius:15px 15px 0 0;padding:22px}.jou-modal-close{float:right;background:none;border:0;font-size:22px}}@media(min-width:768px) and (max-width:900px){.jou-layout{grid-template-columns:minmax(0,1.6fr) minmax(245px,1fr)}}