.ap-wrapper{display:flex;gap:24px;max-width:1400px;margin:auto;padding:10px}.ap-sidebar{width:260px;background:#fff;padding:18px;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.08)}@media (max-width:900px){.ap-wrapper{flex-direction:column}.ap-sidebar{width:100%}}.ap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;flex:1}@media (max-width:1100px){.ap-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.ap-grid{grid-template-columns:1fr}}.ap-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08);display:flex;flex-direction:column;transition:.25s ease}.ap-card:hover{transform:translateY(-4px)}.ap-img-wrap{aspect-ratio:1/1;overflow:hidden}.ap-img-wrap img{width:100%;height:100%;object-fit:cover}.ap-card-body{padding:16px;text-align:center}.ap-card-body h3{font-size:16px;font-weight:600;margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ap-btn{display:inline-block;padding:10px 28px;background:#000;color:#fff;border-radius:999px;font-size:14px;text-decoration:none;transition:.2s}.ap-btn:hover{background:#222}.ap-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;justify-content:center;align-items:center}.ap-modal-content{background:#fff;width:95%;max-width:500px;max-height:90vh;border-radius:16px;position:relative;display:flex;flex-direction:column;overflow:hidden}.ap-close{position:absolute;top:8px;right:8px;background:#000;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100}.ap-desc{padding:12px;overflow-y:auto;flex:1;font-size:14px;line-height:1.6}.ap-slider{max-height:45vh;overflow:hidden}.ap-slider img{width:100%;height:auto;object-fit:cover}.ap-slider img{display:none;width:100%}.ap-slider img.active{display:block}.ap-arrow{position:absolute;top:45%;background:#000;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.ap-arrow.left{left:10px}.ap-arrow.right{right:10px}.ap-dots{text-align:center;padding:8px}.ap-dot{width:8px;height:8px;background:#ccc;border-radius:50%;display:inline-block;margin:3px}.ap-dot.active{background:#000}