.rep-main{max-width:1220px;width:calc(100% - 48px);margin:40px auto 80px;color:#242136;min-height:60vh}.rep-main h1{font-weight:750;font-size:34px;letter-spacing:-1px;margin-bottom:20px}.rep-main p{color:#746b85;line-height:1.8}.rep-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.rep-card{border:1px solid #e9e5ef;border-radius:14px;overflow:hidden;background:white;transition:transform .2s,box-shadow .2s}.rep-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #35125b12}.rep-card img{width:100%;aspect-ratio:1.96;object-fit:cover}.rep-card-body{padding:16px}.rep-card h3{font-size:15px;line-height:1.5;height:45px;overflow:hidden}.rep-card h3 a{color:#292233}.rep-card small{color:#8b8196}.rep-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.rep-btn{display:inline-flex;align-items:center;justify-content:center;background:#7024bd;border:1px solid #7024bd;color:white!important;border-radius:8px;padding:11px 20px;font-weight:600;cursor:pointer;text-decoration:none!important;gap:7px}.rep-btn.light{background:white;color:#7024bd!important;border-color:#e2d7ed}.rep-toolbar{display:flex;gap:12px;margin:24px 0;align-items:center;flex-wrap:wrap}.rep-input,.rep-main select{padding:12px 15px;border:1px solid #ddd5e7;border-radius:8px;outline:none;max-width:100%;background:#fff}.rep-input:focus{border-color:#7024bd}.rep-toolbar input{flex:1;min-width:180px}.rep-detail{display:grid;grid-template-columns:1fr 330px;gap:34px}.rep-cover{width:100%;border-radius:14px;border:1px solid #e9e5ef}.rep-panel{padding:25px;border:1px solid #e7dfed;background:white;border-radius:14px;align-self:start}.rep-panel hr{border-color:#eee7f4}.rep-panel h2{font-size:38px;margin:18px 0}.rep-tabs{display:flex;gap:24px;border-bottom:1px solid #e8e0ef;margin:28px 0 22px}.rep-tabs button{padding:14px 0;background:none;border:0;color:#776a86;cursor:pointer}.rep-tabs button.active{color:#7024bd;border-bottom:2px solid #7024bd}.rep-form{max-width:480px;margin:50px auto}.rep-form label{display:block;margin:18px 0 7px}.rep-form input,.rep-form textarea{width:100%}.rep-note{background:#faf6ff;padding:14px 18px;border-radius:8px;color:#786487;font-size:13px;margin:20px 0}.rep-cart-row{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #eee;align-items:center}.rep-cart-row img{width:140px;border-radius:8px}.rep-toast{position:fixed;top:90px;right:24px;background:#2a183d;color:white;padding:15px 23px;border-radius:10px;z-index:99999;box-shadow:0 10px 40px #0002}.rep-cart-link{position:fixed;bottom:14px;right:16px;z-index:9999;background:#7024bd;color:white!important;border-radius:30px;padding:12px 20px;box-shadow:0 3px 18px #4c168438}.rep-empty{text-align:center;padding:70px 20px;background:#faf8fc;border-radius:14px;grid-column:1/-1}@media(max-width:1000px){.rep-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rep-detail{grid-template-columns:1fr 290px}}@media(max-width:720px){.rep-main{width:calc(100% - 32px);margin-top:25px}.rep-main h1{font-size:26px}.rep-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rep-detail{grid-template-columns:1fr}.rep-card-body{padding:12px}.rep-btn{padding:9px 13px}.rep-cart-row{flex-wrap:wrap}}