#vf-packages-root { padding-top:30px; background:#111; }
#vf-packages-root, #vf-packages-root * { box-sizing:border-box; }
.wing-packages { --bg:#111; --card:#0f0f12; --brand:#ff5a1f; --brand-hover:#ff7843; --text:#fff; --muted:rgba(255,255,255,.5); --radius:14px; background:var(--bg); color:var(--text); padding:40px 0; font-family:"Raleway",sans-serif; }
.wing-packages .packages-wrap { max-width:1200px; margin:0 auto; padding:0 15px; }
.wing-packages h2 { font-size:clamp(28px,4vw,48px); font-weight:300; text-align:center; margin:0 0 40px; text-transform:uppercase; }
.wing-packages .packages-orange { color:var(--brand); font-weight:700; }
.wing-packages .packages-tabs { display:flex; justify-content:center; gap:12px; margin-bottom:40px; flex-wrap:wrap; }
.wing-packages .packages-tab { height:40px; padding:12px 24px; border-radius:50px; background:rgba(255,255,255,.03); color:#fff; border:1px solid rgba(255,255,255,.1); cursor:pointer; transition:.3s cubic-bezier(.4,0,.2,1); font:700 11px "Raleway",sans-serif; text-transform:uppercase; letter-spacing:1px; }
.wing-packages .packages-tab.active { background:var(--brand); border-color:var(--brand); box-shadow:0 8px 20px rgba(255,90,31,.3); }
.wing-packages .packages-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.wing-packages .package-card { height:609.8125px; background:var(--card); border:1px solid rgba(255,255,255,.05); border-radius:var(--radius); display:flex; flex-direction:column; transition:.4s cubic-bezier(.4,0,.2,1); overflow:hidden; animation:packagesFade .5s ease backwards; }
@keyframes packagesFade { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }
.wing-packages .package-card:hover { transform:translateY(-8px); border-color:var(--brand); background:#141418; box-shadow:0 15px 35px rgba(0,0,0,.4); }
.wing-packages .package-thumb { width:100%; aspect-ratio:16/9; overflow:hidden; position:relative; }
.wing-packages .package-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .8s ease; }
.wing-packages .package-card:hover .package-thumb img { transform:scale(1.1); }
.wing-packages .package-body { padding:25px 20px; display:flex; flex-direction:column; flex-grow:1; }
.wing-packages .package-badge { font-size:9px; color:var(--brand); background:rgba(255,90,31,.1); padding:4px 10px; border-radius:4px; font-weight:800; margin-bottom:12px; width:fit-content; text-transform:uppercase; }
.wing-packages .package-body h3 { font-size:24px; line-height:1.5; font-weight:800; margin:0 0 15px; letter-spacing:-.5px; }
.wing-packages .package-inc { list-style:none; padding:0; margin:0 0 20px; flex-grow:1; }
.wing-packages .package-inc li { padding:8px 0; border-bottom:1px solid rgba(255,255,255,.05); font-size:13px; color:var(--muted); display:flex; gap:10px; line-height:1.4; }
.wing-packages .package-inc li::before { content:"✓"; color:var(--brand); font-weight:700; }
.wing-packages .package-price { display:flex; align-items:baseline; gap:4px; margin-top:auto; }
.wing-packages .package-num { font-size:38px; line-height:1.5; font-weight:800; }
.wing-packages .package-cur { font-size:20px; color:var(--brand); font-weight:700; }
.wing-packages .package-save { color:#4ade80; font-size:12px; font-weight:600; margin-bottom:20px; display:block; min-height:16px; }
.wing-packages .package-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.wing-packages .package-btn { padding:14px; border-radius:10px; font:800 11px "Raleway",sans-serif; cursor:pointer; text-align:center; transition:all .3s cubic-bezier(.23,1,.32,1); text-decoration:none; text-transform:uppercase; letter-spacing:.5px; border:none; }
.wing-packages .package-primary { background:var(--brand); color:#fff; box-shadow:0 4px 12px rgba(255,90,31,.2); }
.wing-packages .package-ghost { background:rgba(255,255,255,.03); color:#fff; border:1px solid rgba(255,255,255,.12); }
.wing-packages .package-modal { position:fixed; inset:0; background:rgba(0,0,0,.92); backdrop-filter:blur(12px); z-index:10000; display:none; align-items:center; justify-content:center; padding:20px; }
.wing-packages .package-modal.active { display:flex; }
.wing-packages .package-modal-content { background:#0a0a0c; max-width:800px; width:100%; border-radius:20px; display:flex; border:1px solid rgba(255,255,255,.1); position:relative; overflow:hidden; }
.wing-packages .package-modal-info { width:55%; padding:40px; }
.wing-packages .package-modal-image { width:45%; background-size:cover; background-position:center; }
.wing-packages .package-modal-close { position:absolute; top:15px; right:15px; color:#fff; font-size:28px; line-height:1; cursor:pointer; z-index:10; border:0; background:none; }
.wing-packages .package-modal-info h3 { margin:0 0 15px; color:var(--brand); font-size:28px; font-weight:800; }
.wing-packages .package-modal-info p { color:var(--muted); line-height:1.6; margin:0 0 20px; font-size:14px; }
.wing-packages .package-modal-list { padding:0; list-style:none; margin:0 0 25px; }
.wing-packages .package-modal-list li { padding:10px 0; border-bottom:1px solid rgba(255,255,255,.05); color:#ddd; display:flex; gap:12px; font-size:14px; align-items:center; }
.wing-packages .package-modal-list li::before { content:"✓"; color:var(--brand); font-weight:700; }
.wing-packages .package-modal-book { display:block; width:100%; }
@media(max-width:980px){.wing-packages .packages-grid{grid-template-columns:repeat(2,1fr)}.wing-packages .package-card{height:auto}}
@media(max-width:640px){.wing-packages .packages-grid{grid-template-columns:1fr}.wing-packages .package-modal-content{flex-direction:column}.wing-packages .package-modal-image{width:100%;height:200px;order:1}.wing-packages .package-modal-info{width:100%;padding:25px;order:2}}