.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;background:#f5f5f5}.ap-img-wrap img{width:100%;height:100%;object-fit:cover}.ap-card-body{padding:16px;text-align:center;flex:1;display:flex;flex-direction:column;gap:8px}.ap-card-body h3{font-size:16px;font-weight:600;margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ap-price{font-size:20px;font-weight:700;color:#e74c3c;margin:0}.ap-btn{display:inline-block;padding:10px 28px;background:#000;color:#fff;border-radius:999px;font-size:14px;text-decoration:none;transition:.2s;margin-top:auto;cursor:pointer}.ap-btn:hover{background:#333;transform:scale(1.05)}.ap-pagination{margin-top:40px;text-align:center;width:100%}.ap-page-numbers{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.ap-page-numbers .page-number{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;text-decoration:none;font-weight:600;transition:.2s;cursor:pointer}.ap-page-numbers .page-number:hover{background:#000;color:#fff;border-color:#000;transform:translateY(-2px)}.ap-page-numbers .page-number.current{background:#000;color:#fff;border-color:#000;cursor:default}.ap-pagination .page-numbers{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.ap-pagination .page-numbers a,.ap-pagination .page-numbers span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;text-decoration:none;font-weight:600;transition:.2s}.ap-pagination .page-numbers a:hover{background:#000;color:#fff;border-color:#000;transform:translateY(-2px)}.ap-pagination .page-numbers .current{background:#000;color:#fff;border-color:#000}.ap-pagination .page-numbers .prev,.ap-pagination .page-numbers .next{padding:0 16px}.ap-pagination .page-numbers .dots{border:none;background:0 0;min-width:30px}@media (max-width:600px){.ap-page-numbers .page-number,.ap-pagination .page-numbers a,.ap-pagination .page-numbers span{min-width:36px;height:36px;font-size:14px}}.ap-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:9999;justify-content:center;align-items:center;padding:10px}.ap-modal-content{background:#fff;width:100%;max-width:600px;max-height:95vh;border-radius:12px;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3)}.ap-close{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.8);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;font-size:24px;line-height:1;transition:.2s}.ap-close:hover{background:#000;transform:scale(1.1)}.ap-slider{position:relative;height:300px;overflow:hidden;background:#f5f5f5;flex-shrink:0}.ap-slider img{display:none;width:100%;height:100%;object-fit:contain}.ap-slider img.active{display:block}.ap-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.7);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;z-index:10;transition:.2s}.ap-arrow:hover{background:#000}.ap-arrow.left{left:10px}.ap-arrow.right{right:10px}.ap-dots{text-align:center;padding:12px;background:#fff}.ap-dot{width:8px;height:8px;background:#ddd;border-radius:50%;display:inline-block;margin:0 4px;cursor:pointer;transition:.2s}.ap-dot.active{background:#000;width:24px;border-radius:4px}.ap-modal-body{flex:1;overflow-y:auto;padding:20px}.ap-modal-body h2{font-size:22px;margin:0 0 10px;line-height:1.3}.ap-modal-price{font-size:28px;font-weight:700;color:#e74c3c;margin:0 0 15px}.ap-desc{font-size:15px;line-height:1.7;color:#555;margin-bottom:20px}.ap-footer{padding:15px 20px;background:#f9f9f9;border-top:1px solid #eee;flex-shrink:0}.ap-footer .ap-btn{width:100%;padding:14px;font-size:16px;font-weight:600;background:#27ae60;text-align:center}.ap-footer .ap-btn:hover{background:#229954}@media (max-width:600px){.ap-modal{padding:0;align-items:flex-end}.ap-modal-content{max-height:90vh;border-radius:20px 20px 0 0}.ap-slider{height:250px}.ap-modal-body h2{font-size:18px}.ap-modal-price{font-size:24px}.ap-desc{font-size:14px}.ap-arrow{width:36px;height:36px;font-size:20px}}body.ap-modal-open{overflow:hidden}