body{font-family:Arial,sans-serif;margin:0;padding:0}.tab-wrapper{background:#fff;border-radius:12px;margin:20px auto;max-width:1200px;box-shadow:0 2px 10px rgb(0 0 0 / .06);padding:20px 24px}.tabs{display:flex;justify-content:center;background:#fff;padding:20px 0;border-bottom:none}body.single-fish #modalMeta,body.single-fish .modal-meta{display:none!important}.tabs button{background:none;border:none;padding:15px 30px;font-size:16px;cursor:pointer;transition:0.3s;color:#222}.tabs button.active{border-bottom:3px solid #07c;font-weight:700;color:#07c}.reset-btn{padding:10px 18px;font-size:13px;font-weight:700;letter-spacing:.5px;border:none;border-radius:999px;background-color:#07c;color:#fff;cursor:pointer;transition:background-color 0.3s ease;height:42px;margin:0;white-space:nowrap}.reset-btn:hover{background-color:#005fa3}.filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:20px 20px;background:#fff;border-bottom:2px solid #ccc}.filter select{padding:10px;font-size:16px}.gallery{background:#fff0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:40px;justify-content:center}.card{background:var(--ast-global-color-5);border-radius:8px;box-shadow:0 4px 10px rgb(0 0 0 / .1);overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:400px;pointer-events:auto;z-index:1;transition:transform 0.2s ease,box-shadow 0.3s ease;position:relative;cursor:pointer;touch-action:manipulation;word-wrap:break-word}.card img{width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center;display:block;background:var(--ast-global-color-5);padding:10px;margin:0 auto;transition:transform 0.3s ease}.card img:hover{transform:scale(1.05)}.card-body{padding:15px;text-align:left}.card-body h3{margin:0 0 10px;font-size:18px}.card-body p{font-size:14px;color:#555}body.single-fish #modalMeta{display:none!important}#imageModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .85);justify-content:center;align-items:center;z-index:9999;padding:20px;box-sizing:border-box;opacity:0;transition:opacity 0.3s ease;pointer-events:none}#imageModal.show{display:flex;opacity:1;pointer-events:auto}#imageModal .modal-content{position:relative;width:100%;max-width:800px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0 / .4);transform:scale(.9);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease}#imageModal.show .modal-content{transform:scale(1);opacity:1}#modalImage{width:100%;max-height:400px;height:auto;object-fit:contain;background:#fff;padding:10px;display:block}#imageModal .modal-body{padding:20px}#imageModal .modal-close{position:absolute;top:10px;right:15px;font-size:28px;color:#fff;background:rgb(0 0 0 / .6);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;font-weight:700;z-index:10001;transition:background 0.3s;padding:0;box-sizing:border-box}#imageModal .modal-close:hover{background:rgb(0 0 0 / .8);color:#fc0}@media (max-width:768px){.card{max-height:90vh;overflow-y:auto}.card img{max-height:140px;object-fit:contain}.card-body h3{font-size:18px;text-align:center}.card-body p{font-size:15px;text-align:left}.card button,.card a.button{width:100%;font-size:15px;padding:0 10px;display:block;box-sizing:border-box;margin-top:20px}#imageModal .modal-content{max-height:85vh;overflow-y:auto;margin:40px auto!important;padding:16px!important;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0 / .2)}#modalImage{max-height:140px!important;width:100%!important;object-fit:contain!important;padding:5px;margin-bottom:10px}#imageModal .modal-body{padding:15px}#imageModal .modal-close{top:5px;right:10px;width:44px;height:44px;font-size:32px}.modal-link-btn{width:100%;font-size:16px;padding:12px;text-align:center;margin-top:16px}#imageModal .modal-body h3{font-size:20px;margin-bottom:8px}#imageModal .modal-body p{font-size:15px;line-height:1.5}}.read-more{color:var(--ast-global-color-0);font-weight:700;cursor:pointer;text-decoration:underline;transition:color 0.3s ease}.read-more:hover{color:var(--ast-global-color-1);text-decoration:none}.modal-link-btn{display:block;margin:20px auto 0 auto;padding:10px 16px;background-color:var(--ast-global-color-0);color:#fff;text-align:center;text-decoration:none;border-radius:4px;font-weight:700;width:fit-content}.filter select{padding:10px 16px;font-size:15px;border:1px solid #ccc;border-radius:999px;background:#fff;appearance:none;box-shadow:0 1px 2px rgb(0 0 0 / .05);transition:border-color 0.3s ease,box-shadow 0.3s ease}.filter select:focus{border-color:#07c;outline:none;box-shadow:0 0 0 3px rgb(0 119 204 / .2)}.tabs{position:relative}.tabs button{background:none;border:none;padding:12px 24px;font-size:15px;font-weight:500;border-radius:999px;color:#333;transition:all 0.3s ease;position:relative}.tabs button.active{background-color:#07c;color:#fff;font-weight:600;box-shadow:0 2px 6px rgb(0 119 204 / .2)}.tabs button:not(.active):hover{background-color:#e6f3ff;color:#07c}.tabs button+button{margin-left:12px}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgb(0 0 0 / .1)}.card-body h3{font-size:17px;font-weight:600}.card-body p{font-size:14px;color:#555;line-height:1.5}.modal-full-desc{font-size:16px;line-height:1.6;color:#444;padding-top:10px;border-top:1px solid #eee}