/* Consolidated styles (bootmieten-main.css + vip-abo.css)
   Optimized (whitespace/comments reduced). No intended setting changes.

   CLEANUP NOTE:
   - Removed legacy (pre-VIP) FAQ styles: .section-faq, .faq-list, .faq-item, .faq-icon, .faq-answer, .faq-contact
   - Kept VIP FAQ styles: .vip-faq-*
*/
:root,:host{--font-sans:"Open Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-500:oklch(79.5% .184 86.047);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-900:oklch(39.1% .09 240.876);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-2xl:40px;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Montserrat",ui-sans-serif,system-ui,sans-serif}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;background-color:#0b1120;color:#e5e7eb;scroll-behavior:smooth}
.header-nav{border-bottom:1px solid #e5e7eb;background-color:#fff}
.header-nav .container{max-width:1180px}
.vip-btn{border-radius:999px;border:1px solid rgba(249,115,22,.55);background-color:var(--color-amber-400);color:#fff;padding:.35rem 1.1rem;font-size:.9rem;font-weight:600;white-space:nowrap}
.vip-btn:hover,.vip-btn:focus{background-color:var(--color-amber-600);color:#fff}
.icon-circle{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-left:.4rem;font-size:1rem}
.icon-circle.phone{background:#0284c7}
.icon-circle.whats{background:#22c55e}
.icon-circle.cal{background:var(--color-amber-400)}
.nav-link{font-weight:600;color:#0f172a!important;font-size: 1.2rem}
.nav-link:hover{color:#0284c7!important}
.hero-section{background:radial-gradient(circle at top left,#071632 0,#020b1f 40%,#020617 100%);color:#fff;padding:4.5rem 0 4rem}
.hero-section .container{max-width:1180px}
@media (min-width:992px){.hero-section{padding-top:5.5rem;padding-bottom:5rem}}
.hero-location-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem 1rem;border-radius:999px;background-color:#111827;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:#e5e7eb}
.hero-location-pill i{color:#f97316;font-size:.8rem}
.hero-heading{font-size:clamp(2.45rem,4vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-bottom:.5rem}
.hero-tagline{font-size:1.1rem;font-weight:700;color:#f97316;margin-bottom:1rem}
.hero-text{font-size:1.02rem;max-width:34rem;color:#e5e7eb}
.hero-price-pill{display:inline-flex;align-items:stretch;border-radius:12px;overflow:hidden;margin-top:1.4rem;margin-bottom:1.6rem;border:1px solid rgba(148,163,184,.45);background-color:#020617;font-size:.95rem}
.hero-price-pill .label{padding:.55rem .9rem;color:#9ca3af}
.hero-price-pill .value{padding:.55rem 1.2rem;background-color:#0b1120;font-weight:700}
.hero-ctas{display:flex;flex-wrap:nowrap;gap:1rem;align-items:center}
@media (max-width:575.98px){.hero-ctas{flex-wrap:wrap}}
.hero-ctas .btn{white-space:nowrap;font-size:.95rem;padding-block:.7rem;padding-inline:1.25rem}
.hero-ctas .btn.btn-lg{font-size:.95rem;padding-block:.7rem;padding-inline:1.25rem}
.hero-ctas .btn-main{background-color:#f97316;border-color:#f97316;color:#fff;font-weight:600;border-radius:8px;padding-inline:1.25rem;box-shadow:none}
.hero-ctas .btn-main:hover{background-color:#ea580c;border-color:#ea580c;color:#fff;box-shadow:none}
.hero-ctas .btn-outline-light{border-radius:8px;padding-inline:1.7rem;font-weight:600;border-width:1px;border-color:#e5e7eb;background-color:transparent;color:#fff}
.hero-ctas .btn-outline-light:hover{background-color:#0b1120;border-color:#fff;color:#fff}
.btn-whatsapp{border-radius:8px;background-color:#16a34a;border-color:#16a34a;color:#fff;font-weight:600;padding-inline:1.25rem;display:inline-flex;align-items:center;gap:.45rem}
.btn-whatsapp:hover{background-color:#15803d;border-color:#15803d;color:#fff}
.btn-whatsapp i{color:#fff}
.hero-benefits{border-top:1px solid rgba(148,163,184,.45);margin-top:1.9rem;padding-top:1.2rem;font-size:.76rem}
.hero-benefits .benefit-item span{white-space:nowrap}
.hero-benefits .benefit-item{display:flex;align-items:center;gap:.5rem;line-height:1.2;color:#e5e7eb}
.hero-benefits .benefit-item i{color:#22c55e;font-size:.95rem;line-height:1;flex-shrink:0;position:relative;top:-1px}
.section-about{background-color:#fff;color:#0f172a;padding:4.5rem 0}
.section-about .container{max-width:1180px}
.about-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:#6b7280;margin-bottom:.5rem}
.about-title{font-size:clamp(2rem,3vw,2.4rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem}
.about-underline{width:52px;height:3px;border-radius:999px;background-color:#f97316;margin-bottom:1.5rem}
.about-lead{font-size:.98rem;color:#374151}
.about-lead strong{color:#111827}
.about-subheading{font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;font-size:.98rem}
.about-subheading i{color:#0ea5e9;margin-right:.4rem}
.about-text{font-size:.95rem;color:#4b5563}
.about-philosophy-box{margin-top:1.8rem;border-radius:10px;border-left:4px solid #f97316;background-color:#fffbeb;padding:.9rem 1.1rem;font-size:.88rem;color:#4b5563}
.about-philosophy-box strong{display:block;margin-bottom:.15rem;color:#111827}
.about-founder-card{border-radius:18px;border:1px solid #e5e7eb;box-shadow:0 18px 40px rgba(15,23,42,.08);background-color:#f9fafb}
.about-founder-avatar{width:64px;height:64px;border-radius:999px;background:#e5f2ff;color:#0284c7;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;margin-bottom:.75rem}
.about-founder-role{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#9ca3af}
.about-founder-quote{font-size:.9rem;color:#4b5563;font-style:italic;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:1rem .5rem;margin:1rem 0}
.about-founder-contact{font-size:.85rem;color:#6b7280}
.about-founder-contact .contact-line{background-color:#f9fafb;border-radius:10px;padding:.55rem .8rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem;border:1px solid #e5e7eb}
.about-founder-contact .status-dot{width:8px;height:8px;border-radius:999px;background-color:#22c55e}
.about-founder-contact .btn-whatsapp{width:100%}
.site-footer{background-color:#0b1223;color:#e5e7eb;padding:4.2rem 0 2.2rem;font-size:1rem;background-image:radial-gradient(circle at top,rgba(14,165,233,.08) 0,rgba(2,6,23,0) 55%)}
.site-footer .container{max-width:1180px}
.footer-logo-text{font-weight:900;letter-spacing:-.02em;font-size:1.2rem;line-height:1.05;color:#fff;white-space:nowrap}
.footer-logo-tagline{font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f97316}
.footer-intro{color:#cbd5e1;font-size:1.02rem;line-height:1.6;max-width:34rem}
.footer-col-heading{font-size:.82rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#e5e7eb;margin-bottom:.8rem}
.footer-links{display:flex;flex-direction:column;gap:.6rem}
.footer-link,.site-footer a{color:#cbd5e1;text-decoration:none}
.footer-link:hover,.site-footer a:hover{color:#fff;text-decoration:none}
.footer-cta-link{display:inline-flex;align-items:center;gap:.6rem;margin-top:.9rem;font-weight:900;color:#f97316!important;white-space:nowrap}
.footer-contact-list{font-size:.98rem;line-height:1.5}
.footer-inline-sep{color:rgba(203,213,225,.55);padding:0 .25rem}
.footer-contact-icon{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(14,165,233,.16);border:1px solid rgba(14,165,233,.28);color:#38bdf8;flex:0 0 auto}
.footer-award-card{background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:18px 18px 16px;box-shadow:0 16px 34px rgba(0,0,0,.28)}
.footer-award-eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fbbf24;margin-bottom:.65rem;white-space:nowrap}
.footer-award-title{font-weight:900;color:#fff;line-height:1.15;margin-bottom:.35rem}
.footer-award-title span{color:#fbbf24}
.footer-award-boat{color:#cbd5e1;font-weight:750;font-size:.98rem;margin-bottom:.55rem}
.footer-award-text{color:#94a3b8;font-size:.92rem;line-height:1.5;margin-bottom:.75rem}
.footer-award-meta{color:#cbd5e1;font-size:.84rem}
.badge-premium{background:rgba(249,115,22,.14);border:1px solid rgba(249,115,22,.35);color:#fdba74;padding:.22rem .6rem;border-radius:999px;font-weight:900;white-space:nowrap}
.footer-bottom{border-top:1px solid rgba(148,163,184,.18);padding-top:1.15rem;margin-top:1.35rem}
.footer-bottom a{color:#cbd5e1}
.footer-bottom a:hover{color:#fff}
@media (max-width:991.98px){.site-footer{padding-top:2.5rem}.footer-logo-text{white-space:normal}}
body{background:#f3f4f6}
.vip-main{padding-top:1.5rem}
.vip-hero-wrap{max-width:1120px;margin:0 auto;border-radius:18px;background:linear-gradient(180deg,#08102a 0,#081024 50%,#0c2946 100%);padding:58px 36px 56px;box-shadow:0 18px 35px rgba(15,23,42,.14);position:relative;overflow:hidden}
.vip-hero-wrap:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(59,130,246,.12) 1px,transparent 1px);background-size:10px 10px;opacity:.45;pointer-events:none}
.vip-hero-inner{position:relative;z-index:1;max-width:740px;margin:0 auto;text-align:center;color:#fff}
.vip-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .85rem;border-radius:999px;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.08);color:#fbbf24;font-size:.78rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin-bottom:1.4rem}
.vip-hero-title{font-size:clamp(2.4rem,4.4vw,3.7rem);line-height:1.03;font-weight:800;letter-spacing:-.04em;margin:0 0 1rem}
.vip-hero-title .gold{color:#fbbf24}
.vip-hero-text{font-size:1.03rem;line-height:1.45;color:#d1d5db;max-width:760px;margin:0 auto}
.vip-hero-divider{width:64px;height:4px;border-radius:999px;background:#fbbf24;margin:1.55rem auto 0}
.vip-warning{max-width:1120px;margin:40px auto 0;background:linear-gradient(90deg,#fef3c7 0,#fff 18%,#fff 100%);border:1px solid #e5e7eb;border-left:4px solid #f59e0b;border-radius:16px;box-shadow:0 8px 20px rgba(15,23,42,.05);padding:18px 20px;display:flex;gap:16px;align-items:flex-start}
.vip-warning-ico{width:38px;height:38px;border-radius:12px;background:#fde68a;color:#f59e0b;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:1.1rem}
.vip-warning-title{font-size:1.02rem;font-weight:800;color:#3b1f10;line-height:1.25;margin-bottom:.2rem}
.vip-warning-text{font-size:.93rem;line-height:1.5;color:#111827;margin:0}
.vip-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.vip-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.32rem .72rem;font-size:.76rem;font-weight:700;line-height:1}
.vip-badge.red{background:#ffe4e6;color:#e11d48}
.vip-badge.gray{background:#f3f4f6;color:#64748b}
.vip-section-title{text-align:center;margin:52px 0 28px}
.vip-section-title h2{font-size:clamp(1.9rem,2.6vw,2.55rem);font-weight:800;letter-spacing:-.03em;color:#0f172a;margin:0 0 10px}
.vip-section-title p{margin:0;color:#475569;font-size:1rem}
.vip-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto 54px}
.vip-benefit-card{background:#fff;border:1px solid #0f172a;border-radius:12px;box-shadow:0 8px 18px rgba(15,23,42,.06);padding:20px 18px 18px;min-height:236px}
.vip-benefit-ico{width:36px;height:36px;border-radius:10px;background:#e0f2fe;color:#0284c7;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;margin-bottom:16px}
.vip-benefit-card h3{font-size:1.03rem;line-height:1.28;font-weight:800;color:#111827;margin:0 0 10px}
.vip-benefit-card p{font-size:.92rem;line-height:1.55;color:#475569;margin:0}
.vip-pricing{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}

.vip-price-card{background:#fff;border:1px solid #f3c97d;border-radius:22px;box-shadow:0 18px 40px rgba(15,23,42,.10);padding:30px 26px 22px;position:relative;overflow:hidden;min-height:810px;display:flex;flex-direction:column;color:#111827}

.vip-price-card:before{content:"";position:absolute;inset:-2px;pointer-events:none;border-radius:24px;background:radial-gradient(1200px 420px at 30% -10%,rgba(2,132,199,.10),transparent 55%),radial-gradient(900px 360px at 110% 10%,rgba(249,115,22,.08),transparent 50%)}
.vip-price-card>*{position:relative;z-index:1}
.vip-price-card.m{border:3px solid #c6dcee;transform:translateY(-10px);box-shadow:0 22px 50px rgba(2,132,199,.18)}
.vip-price-card.l{background:linear-gradient(180deg,#050b1d 0,#050a16 55%,#07143b 100%);color:#fff;border-color:rgba(251,191,36,.75);box-shadow:0 26px 60px rgba(0,0,0,.35)}
.vip-price-card.l:before{background:radial-gradient(900px 420px at 20% -10%,rgba(245,158,11,.16),transparent 55%),radial-gradient(800px 360px at 110% 10%,rgba(14,165,233,.10),transparent 55%)}
.vip-price-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#0ea5e9;color:#fff;font-size:.72rem;font-weight:900;border-radius:999px;padding:.30rem .90rem;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 10px 20px rgba(2,132,199,.25)}
.vip-price-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.vip-plan{font-size:1.1rem;font-weight:900;letter-spacing:.04em;color:inherit}
.vip-plan-sub{font-size:.84rem;color:rgba(71,85,105,.95);margin-top:3px}
.vip-price-ico{width:46px;height:46px;border-radius:999px;background:linear-gradient(180deg,#e0f2fe 0,#dbeafe 100%);color:#0284c7;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;flex:0 0 auto;box-shadow:0 10px 22px rgba(2,132,199,.14)}

.vip-price-card.l .vip-price-ico{background:linear-gradient(180deg,#07143b 0,#0b1a4b 100%);color:#fbbf24;box-shadow:0 12px 26px rgba(0,0,0,.35)}
.vip-price{font-size:2.7rem;font-weight:950;letter-spacing:-.05em;line-height:1.02;margin:16px 0 4px;color:inherit}
.vip-price small{font-size:.55em;font-weight:700;color:rgba(100,116,139,.9)}
.vip-price-card.l .vip-price small{color:#cbd5e1}
.vip-price-note{font-size:.84rem;color:rgba(100,116,139,.95);margin-bottom:18px}
.vip-price-desc{font-size:.96rem;line-height:1.55;color:inherit;margin-bottom:18px}
.vip-sep{height:1px;background:#0f172a;margin:10px 0 14px;opacity:.18}
.vip-price-card.l .vip-sep{background:rgba(255,255,255,.18);opacity:1}
.vip-subcard{border:1px solid rgba(15,23,42,.85);border-radius:16px;padding:14px 14px 12px;background:#f8fafc;margin-bottom:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.vip-price-card.m .vip-subcard{border-color:rgba(2,132,199,.55)}
.vip-price-card.l .vip-subcard{background:rgba(9,17,36,.92);border-color:rgba(251,191,36,.65)}
.vip-subcard-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.vip-subcard-head .k{font-size:.72rem;font-weight:900;color:#0284c7;letter-spacing:.04em;text-transform:uppercase}
.vip-price-card.l .vip-subcard-head .k{color:#fbbf24}
.vip-subcard-head .v{font-size:.82rem;font-weight:900;color:#0284c7;background:#dbeafe;border-radius:999px;padding:.20rem .70rem;white-space:nowrap}
.vip-price-card.l .vip-subcard-head .v{color:#fbbf24;background:rgba(245,158,11,.12)}
.vip-subcard p{font-size:.9rem;line-height:1.5;color:inherit;margin:0}
.vip-price-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.vip-price-list li{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;line-height:1.45;color:inherit}
.vip-price-list i{color:#0284c7;flex:0 0 auto;margin-top:.2rem}
.vip-price-card.l .vip-price-list i{color:#fbbf24}
.vip-money{margin-top:auto;border-top:1px solid rgba(148,163,184,.35);padding-top:14px}
.vip-price-card.l .vip-money{border-top-color:rgba(255,255,255,.16)}
.vip-money .rowline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;font-size:.78rem;line-height:1.3;margin-bottom:8px}
.vip-money .rowline .k{font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.03em}
.vip-money .rowline .v{font-weight:900;color:inherit;text-align:right}
.vip-savings{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.30rem .70rem;background:#d1fae5;color:#059669;font-size:.74rem;font-weight:900;white-space:nowrap}
.vip-price-card.l .vip-savings{background:rgba(16,185,129,.16);color:#22c55e}
.vip-list-head{margin-top:16px;border-top:1px solid rgba(15,23,42,.14);padding-top:14px}
.vip-price-card.l .vip-list-head{border-top-color:rgba(255,255,255,.12)}
.vip-list-head .k{font-size:.76rem;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px}
.vip-list-head ul{margin:0;padding-left:18px}
.vip-list-head li{margin-bottom:8px}
.vip-price-cta{margin-top:auto;padding-top:18px}
.vip-btn-outline{display:block;width:100%;border-radius:12px;border:1px solid rgba(203,213,225,.95);background:#fff;color:#0f172a;font-weight:900;padding:14px 14px;text-align:center;font-size:.94rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.vip-btn-outline:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,.10)}
.vip-price-card.m .vip-btn-outline{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 14px 28px rgba(2,132,199,.25)}
.vip-price-card.l .vip-btn-outline{background:#f97316;color:#fff;border-color:#f97316;box-shadow:0 16px 30px rgba(249,115,22,.28)}
.vip-extra-grid{max-width:1120px;margin:60px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vip-extra-card{background:#fff;border:1px solid #0f172a;border-radius:16px;box-shadow:0 10px 24px rgba(15,23,42,.05);padding:24px 24px 18px;min-height:286px}
.vip-extra-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.22rem .65rem;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin-bottom:14px}
.vip-extra-pill.blue{background:#e0f2fe;color:#0284c7}
.vip-extra-pill.orange{background:#ffedd5;color:#f97316}
.vip-extra-card h3{font-size:1.18rem;font-weight:800;line-height:1.25;color:#111827;margin:0 0 12px}
.vip-extra-card p{font-size:.94rem;line-height:1.6;color:#334155}
.vip-extra-card .bullet{display:flex;gap:10px;align-items:flex-start;margin-top:10px;font-size:.94rem;line-height:1.5;color:#111827}
.vip-extra-card .bullet i{color:#111827;flex:0 0 auto;margin-top:.2rem}
.vip-extra-note{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px 13px;color:#64748b;font-size:.78rem;line-height:1.45;margin-top:16px}
.vip-topup-box{border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc;padding:14px 15px;margin-top:8px}
.vip-topup-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;font-size:.88rem;line-height:1.35;padding-bottom:10px;border-bottom:1px solid #e5e7eb;margin-bottom:10px}
.vip-topup-row .left .title{font-weight:800;color:#111827}
.vip-topup-row .left .sub{font-size:.74rem;color:#64748b;margin-top:3px}
.vip-topup-row .right{font-weight:900;color:#f97316;font-size:1rem;white-space:nowrap}
.vip-topup-row .norm{font-size:.74rem;color:#64748b;text-align:right}
.vip-topup-savings{color:#059669;font-size:.76rem;font-weight:800}
.vip-topup-cta{display:block;width:100%;border-radius:9px;border:1px solid #f97316;background:#fff;color:#f97316;font-weight:800;padding:12px 14px;text-align:center;margin-top:12px}
.vip-faq-wrap{max-width:760px;margin:64px auto 0;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.06);padding:30px 24px 18px}
.vip-faq-head{text-align:center;margin-bottom:18px}
.vip-faq-head h2{font-size:1.9rem;font-weight:800;color:#111827;line-height:1.1;margin:10px 0 8px}
.vip-faq-head p{margin:0;color:#64748b;font-size:.95rem}
.vip-faq-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.vip-faq-item{border:1px solid #e5e7eb;border-radius:12px;padding:13px 14px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;color:#111827;text-align:left;cursor:pointer;list-style:none}
.vip-faq-item::-webkit-details-marker{display:none}
.vip-faq-item .left{display:flex;align-items:center;gap:10px}
.vip-faq-item .qico{color:#0284c7}
.vip-faq-item .chev{color:#94a3b8;transition:transform .18s ease}
.vip-faq-answer{padding:12px 14px 14px;color:#334155;font-weight:600;line-height:1.55}
details.vip-faq-qa{border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden}
details.vip-faq-qa[open] .vip-faq-item{border:0;border-bottom:1px solid #e5e7eb;border-radius:0;background:#f8fafc}
details.vip-faq-qa[open] .chev{transform:rotate(180deg)}
.vip-faq-bottom{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.vip-faq-person{display:flex;align-items:center;gap:12px}
.vip-avatar{width:44px;height:44px;border-radius:999px;background:#e0f2fe;color:#0284c7;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(2,132,199,.12)}
.vip-faq-person .name{font-weight:800;color:#111827}
.vip-faq-person .sub{font-size:.8rem;color:#64748b}
.vip-contact-buttons{display:flex;gap:10px;flex-wrap:wrap}
.vip-contact-buttons .btn{border-radius:9px;font-weight:800;padding:.55rem .95rem}
footer{margin-top:0}
@media (max-width:1199.98px){.vip-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-pricing{grid-template-columns:1fr}.vip-price-card,.vip-price-card.m{transform:none;min-height:auto}.vip-extra-grid{grid-template-columns:1fr}}
@media (max-width:767.98px){.vip-hero-wrap{padding:42px 18px 38px}.vip-warning{padding:16px 14px}.vip-benefits{grid-template-columns:1fr}.vip-faq-wrap{padding:22px 14px 16px}.vip-faq-item{font-size:.96rem}}

/* Mobile-Optimierung Header / Logo / Burger */
@media (max-width: 575.98px) {
  /* Gesamte Navbar etwas kompakter */
  .header-nav .navbar {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  /* Logo auf sinnvolle Höhe deckeln */
  .header-nav .navbar-brand img,
  .header-nav .navbar-brand svg {
    max-height: 32px;   /* ggf. 36px testen, wenn du es noch kleiner willst */
    height: auto;
    width: auto;
  }

  /* Falls das Logo in einem eigenen Wrapper sitzt */
  .header-nav .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
  }

  /* Burger-Button kompakter und sauber vertikal ausgerichtet */
  .header-nav .navbar-toggler {
    padding: 0.20rem 0.5rem;
    border-radius: 8px;
  }
}


/* Anfrage-Button auf Mobile etwas kleiner machen */
@media (max-width: 575.98px) {
  .booking-form .btn-main {
    font-size: 0.9rem;          /* etwas kleinere Schrift */
    padding: 0.45rem 1.4rem;    /* weniger Innenabstand */
    border-radius: 999px;       /* runde Pille bleibt erhalten */
    box-shadow: 0 8px 18px rgba(248, 113, 22, 0.35); /* dezenter */
  }

  /* Optional: Button nicht ganz rechts „kleben“ lassen */
  .booking-form .d-flex.align-items-center.gap-3.flex-wrap {
    justify-content: flex-start; /* oder center, wenn du ihn mittig willst */
  }
}

/* Hero-Heading auf kleinen Screens verkleinern */
@media (max-width: 575.98px) {
  .hero-heading {
    font-size: 1.9rem;   /* ca. 30–32px, wirkt deutlich ruhiger */
    line-height: 1.1;
  }
}

/* Öffnungszeiten-Karte: Mobile-Layout verbessern */
@media (max-width: 575.98px) {
  .contact-kv {
    flex-direction: column;         /* statt nebeneinander: untereinander */
    align-items: flex-start;
    gap: 0.15rem;
  }

  .contact-kv .k,
  .contact-kv .v {
    min-width: 0;
    text-align: left;               /* rechtsbündig macht auf Mobile hier keinen Sinn */
  }

  .contact-kv .v.orange {
    font-size: 0.9rem;              /* orange Saison-Zeile minimal kleiner */
    word-break: break-word;         /* falls Text doch mal lang wird */
  }
}

/* Hero-CTAs auf kleinen Screens kompakter machen */
@media (max-width: 575.98px) {
  .hero-ctas {
    flex-wrap: wrap;              /* erlaubt Umbruch */
    gap: 0.5rem;
  }

  /* Alle drei Buttons kleiner und weniger „fett“ */
  .hero-ctas .btn,
  .hero-ctas .btn.btn-lg,
  .btn-whatsapp {
    font-size: 0.9rem;            /* statt ~0.95–1.0rem */
    padding: 0.55rem 0.9rem;      /* weniger Höhe + Breite */
    border-radius: 8px;
  }

  /* Optional: Haupt-CTA auf voller Breite laufen lassen */
  .hero-ctas .btn-main {
    flex: 1 1 100%;
    text-align: center;
  }
}

/* Buchungsformular: Anfrage-Button auf Mobile schön machen */
@media (max-width: 575.98px) {
  /* Container: statt nebeneinander => untereinander */
  .booking-form .d-flex.justify-content-between.align-items-center.mt-3 {
    flex-direction: column;
    align-items: stretch;
    gap: 0.4rem;
  }

  /* Button: voller Block, etwas kleiner */
  .booking-form .btn-main {
    width: 100%;
    justify-content: center;
    font-size: 0.9rem;
    padding: 0.55rem 1rem;
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(248, 113, 22, 0.35);
  }

  /* Hinweiszeile: unter dem Button, linksbündig */
  .booking-form .booking-note-small {
    text-align: left;
    font-size: 0.78rem;
  }
}