.mco-tp-wrap{max-width:1100px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgb(0 0 0 / .12);overflow:hidden}.mco-tp-tabbar{display:flex;flex-wrap:nowrap;gap:3px;padding:10px;background:#f5f6f8;border-bottom:1px solid #e5e7eb;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mco-tp-tabbar::-webkit-scrollbar{display:none}.mco-tp-tabbtn{display:flex;align-items:center;gap:4px;padding:8px 11px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#374151;font-weight:600;font-size:13px;cursor:pointer;transition:background 0.15s ease,color 0.15s ease;white-space:nowrap;flex-shrink:0}.mco-tp-tabbtn:hover{background:#e9eaed}.mco-tp-tabbtn.is-active{background:#111827;color:#fff}.mco-tp-icon{font-size:16px}.mco-tp-tripcom-hero{background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:12px;padding:24px;color:#fff;margin-bottom:24px}.mco-tp-tripcom-hero h3{margin:0 0 16px;font-size:20px}.mco-tp-tripcom-form{display:flex;flex-wrap:wrap;gap:10px;background:#fff;border-radius:10px;padding:14px}.mco-tp-tc-field{display:flex;flex-direction:column;flex:1;min-width:110px}.mco-tp-tc-field label{font-size:11px;color:#6b7280;margin-bottom:4px}.mco-tp-tc-field input{border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:14px}.mco-tp-tc-btn{align-self:flex-end;background:#111827;color:#fff;border:none;border-radius:8px;padding:10px 22px;font-weight:600;cursor:pointer;font-size:14px}.mco-tp-tc-btn:hover{background:#2563eb}.mco-tp-hero{height:160px;background-size:cover;background-position:center;border-radius:12px;margin-bottom:18px;display:flex;align-items:flex-end;overflow:hidden;position:relative}.mco-tp-hero-overlay{width:100%;padding:16px 20px;background:linear-gradient(to top,rgb(0 0 0 / .65),#fff0)}.mco-tp-hero-overlay h3{color:#fff;margin:0;font-size:20px;text-shadow:0 1px 4px rgb(0 0 0 / .4)}.mco-tp-panels{padding:24px}.mco-tp-panel{display:none}.mco-tp-panel.is-active{display:block}.mco-tp-subtabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mco-tp-subtabs::-webkit-scrollbar{display:none}.mco-tp-subbtn{padding:8px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;flex-shrink:0}.mco-tp-subbtn.is-active{background:#2563eb;border-color:#2563eb;color:#fff}.mco-tp-subpanel{display:none}.mco-tp-subpanel.is-active{display:block}.mco-tp-subheading{margin:24px 0 12px;font-size:16px;font-weight:700;color:#111827}.mco-tp-package-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.mco-tp-package-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .06);transition:box-shadow 0.15s ease,transform 0.15s ease}.mco-tp-package-card:hover{box-shadow:0 6px 16px rgb(0 0 0 / .1);transform:translateY(-2px)}.mco-tp-package-img{height:140px;background-size:cover;background-position:center;background-color:#f3f4f6;position:relative}.mco-tp-package-body{padding:16px 18px}.mco-tp-package-body h3{margin:0 0 4px;font-size:17px}.mco-tp-package-provider{color:#6b7280;font-size:12px;margin:2px 0 14px}.mco-tp-package-btn{display:inline-flex;align-items:center;gap:6px;background:#111827;color:#fff!important;padding:10px 18px;border-radius:8px;text-decoration:none!important;font-weight:600;font-size:14px}.mco-tp-package-btn:hover{background:#2563eb}.mco-tp-package-bonus{color:#059669;font-size:12px;font-weight:600;margin:10px 0 0}.mco-tp-package-badge{position:absolute;top:10px;left:10px;background:rgb(17 24 39 / .85);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}.mco-tp-bonus-hint{margin-top:16px;color:#059669;font-weight:600;font-size:14px}.mco-tp-admin-hint{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:12px 16px;border-radius:8px;font-size:14px}.mco-tp-empty{color:#6b7280;font-style:italic}@media (max-width:640px){.mco-tp-panels{padding:16px}.mco-tp-tabbtn{font-size:13px;padding:8px 12px}.mco-tp-hero{height:110px;margin-bottom:14px}.mco-tp-hero-overlay{padding:10px 14px}.mco-tp-hero-overlay h3{font-size:16px}}