@import url('/design-fonts.css');
/* Selected gallery concepts adapted to the real SSR catalog. All facts stay in the semantic table. */
body{--accent:#003cff;--ink:#191814;--muted:#64655c;--line:#dde2e6;--soft:#f5f8fc;--display:Instrument,Arial,sans-serif;--body:Instrument,Arial,sans-serif;color:var(--ink);font-family:var(--body)}
h1,h2,h3,.brand{font-family:var(--display)}
.eyebrow,.brand i,.text-link,.data-links a{color:var(--accent)}
.button.blue,.view-plan{background:var(--accent);border-color:var(--accent);color:white}
.button.blue:hover,.view-plan:hover{filter:brightness(.9);background:var(--accent)}
.nav-cta{background:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:var(--accent)}
.journey-card{background:var(--soft);border-color:var(--line)}
.giant-code{color:var(--accent)}
.presets a:hover,.presets a[aria-current],.pagination a[aria-current]{color:var(--accent);border-color:var(--accent);background:var(--soft)}
.filters select:focus{border-color:var(--accent)}
.plan-table tbody tr:hover{background:var(--soft)}
.theme-1{--accent:#176855;--ink:#183d35;--soft:#edf4ef;--display:Manrope,Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--line:#dce5df}
.theme-1 .nav{border:0;border-radius:0;margin-top:8px}.theme-1 .hero{background:var(--soft);border-radius:20px;margin:25px 24px;padding:48px;gap:55px}.theme-1 .journey-card{border-radius:70px 14px 70px 14px;background:#dce9e0;transform:rotate(2deg)}.theme-1 .filters{background:#fff;box-shadow:0 12px 36px #183d350c;border-radius:16px;padding:22px;border:1px solid var(--line)}.theme-1 .plan-table tbody tr>*{border-color:var(--line)}.theme-1 .provider-logo{border-radius:12px}.theme-1 .destination{border-radius:14px;background:var(--soft)}
.theme-2{--accent:#265dc8;--ink:#182d43;--soft:#edf3ff;--display:'DM Sans',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;background:#f7f9fc;--line:#e1e6ee}
.theme-2 .nav{border-radius:10px;background:#fff}.theme-2 .hero{padding-block:35px;grid-template-columns:1fr 270px;gap:35px}.theme-2 .journey-card{height:180px;border-radius:12px;padding:20px;background:#e1e8f3}.theme-2 .giant-code{font-size:70px;line-height:1}.theme-2 .card-note{font-size:11px}.theme-2 .card-heading{display:none}.theme-2 .quick-answers,.theme-2 .filters{background:white;border-radius:12px}.theme-2 .plan-table{border-spacing:0;border-collapse:separate;background:white}.theme-2 .plan-table thead th{background:#edf1f7;padding:16px}.theme-2 .plan-table tbody tr>*{border-radius:0!important;border-left:0;border-right:0;border-top:0;padding:20px 16px}.theme-2 .table-scroll{border:1px solid var(--line);border-radius:12px}.theme-2 .destination{background:white}
.theme-3{--accent:#cb2e43;--ink:#202930;--soft:#fff0f2;--display:'DM Sans',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
.theme-3 .nav{border-radius:8px;border:0;border-bottom:3px solid var(--accent)}.theme-3 .hero{padding-block:36px;gap:40px;grid-template-columns:1fr 280px}.theme-3 .journey-card{background:#f2f4f6;transform:rotate(-3deg);border-radius:14px 55px 14px 14px;max-height:270px}.theme-3 .giant-code{font-size:100px}.theme-3 .filters{background:#f9fafb;border:1px solid #e0e4e8;padding:22px;border-radius:10px}.theme-3 .provider-identity{align-items:center}.theme-3 .provider-logo{border-radius:12px 20px 12px 12px;background:var(--soft)}.theme-3 .plan-table tbody tr>*{border-radius:0}.theme-3 .plan-table tbody tr>th{border-left:4px solid var(--accent)}.theme-3 .view-plan{border-radius:6px}.theme-3 .destination{border-top:3px solid var(--accent)}
.theme-5{--accent:#176bbd;--ink:#153556;--soft:#e9f3fb;--display:'DM Sans',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;background:#f5f8fc;--line:#dce5ef}
.theme-5 .nav{background:#123d63;color:#fff;border:0;border-radius:8px}.theme-5 .nav-cta{background:white;color:#153556}.theme-5 .hero{grid-template-columns:1fr 280px;gap:35px;padding-block:36px}.theme-5 .journey-card{background:#fff;text-align:center;border-radius:12px;padding:24px}.theme-5 .giant-code{font-size:85px}.theme-5 .quick-answers,.theme-5 .filters{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.theme-5 .plan-table tbody tr>*{background:white}.theme-5 .plan-table .allowance-cell{background:#eaf5fc}.theme-5 .plan-table .price{border-left:1px dashed #a8c3da}.theme-5 .view-plan{border-radius:7px}.theme-5 .destination{background:white}
.theme-8{--accent:#087f83;--ink:#183d42;--soft:#e8f7f5;--display:'DM Sans',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--line:#dce6e7}
.theme-8 .nav{border-radius:8px}.theme-8 .hero{padding-block:36px;grid-template-columns:1fr 270px;gap:45px}.theme-8 .journey-card{border:1px dashed #8bbdbb;border-radius:10px;max-height:255px}.theme-8 .giant-code{font-size:100px}.theme-8 .filters{border:1px solid var(--line);background:var(--soft);padding:24px;border-radius:12px}.theme-8 .presets{border:1px solid var(--line);border-radius:12px;padding:8px}.theme-8 .presets a{flex:1;text-align:center}.theme-8 .plan-table .price{border-left:2px dashed #b8d1d2;background:#f5fbfa}.theme-8 .plan-table .validity-cell{border-right:1px dashed #b8d1d2}.theme-8 .plan-table .actions-cell{background:#f5fbfa}.theme-8 .view-plan{border-radius:7px}
.theme-13{--accent:#202020;--ink:#252525;--soft:#f5f5f2;--display:'Apfel Grotezk',Arial,sans-serif;--body:'Apfel Grotezk',Arial,sans-serif}
.theme-13 .nav{border:0;border-bottom:1px solid var(--line);border-radius:0}.theme-13 .hero{display:block;text-align:center;max-width:920px;margin:auto;padding-block:60px}.theme-13 .country-heading{justify-content:center}.theme-13 .intro{margin:20px auto;max-width:560px}.theme-13 .journey-card{display:none}.theme-13 .hero-note{display:block;margin:15px 0 0}.theme-13 .trust-line{justify-content:center}.theme-13 .filters{border-radius:40px;background:#f5f5f2;padding:24px}.theme-13 .plan-table{border-spacing:0}.theme-13 .plan-table tbody tr>*{border:0;border-bottom:1px solid #ddd;border-radius:0!important;padding-block:24px}.theme-13 .view-plan{border-radius:40px}.theme-13 .destination{border-radius:16px;background:var(--soft)}
.theme-15{--accent:#3a6647;--ink:#253328;--soft:#f0f5ed;--display:Outfit,Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--line:#dfe6df}
.theme-15 .nav{border:0;border-radius:0}.theme-15 .hero{display:block;text-align:center;padding-block:50px}.theme-15 .country-heading{justify-content:center;max-width:860px;margin:auto}.theme-15 .intro{margin:24px auto;max-width:550px}.theme-15 .journey-card{display:none}.theme-15 .hero-note{display:block;margin:16px 0}.theme-15 .trust-line{background:#f0f5ed;border:0;border-radius:20px;padding:22px;justify-content:center}.theme-15 .filters{background:white;border-radius:24px;box-shadow:0 5px 25px #25332810;border:1px solid var(--line);padding:24px}.theme-15 .plan-table tbody tr>th{border-radius:24px 0 0 24px}.theme-15 .plan-table tbody tr>td:last-child{border-radius:0 24px 24px 0}.theme-15 .button,.theme-15 .view-plan{border-radius:30px}.theme-15 .destination{border-radius:24px}
/* Concept 18 keeps the original Pricewatch implementation's asymmetric route card. */
.theme-22{--accent:#1c62ef;--ink:#121212;--soft:#edf3ff;--display:'Red Hat Display',Arial,sans-serif;--body:Interdisplay,Arial,sans-serif;--line:#e1e2ea}
.theme-22 .nav{border:0;border-radius:0}.theme-22 .hero{display:block;text-align:center;padding-block:55px}.theme-22 .country-heading{justify-content:center;max-width:950px;margin:auto}.theme-22 h1{color:var(--accent)}.theme-22 .intro{margin:24px auto;max-width:540px}.theme-22 .journey-card{display:none}.theme-22 .hero-note{display:block;margin:18px 0}.theme-22 .filters{background:#f7f9ff;border:1px solid var(--line);border-radius:16px;padding:24px}.theme-22 .presets{justify-content:center}.theme-22 .presets a{border-radius:30px;padding:12px 24px;background:var(--soft)}.theme-22 .plan-table tbody tr>*{border-color:#b8c9ed}.theme-22 .view-plan{border-radius:30px}.theme-22 .destination{border-radius:16px;border-color:#b8c9ed}
.theme-23{--accent:#131313;--ink:#131313;--soft:#f4f8e8;--display:Interdisplay,Arial,sans-serif;--body:Interdisplay,Arial,sans-serif;--line:#dadada}
.theme-23 .nav{border-radius:50px;box-shadow:0 3px 14px #00000008}.theme-23 .nav-cta,.theme-23 .button.blue,.theme-23 .view-plan{background:#cdfb56;color:#131313;border-color:#cdfb56;border-radius:40px}.theme-23 .hero{gap:45px;grid-template-columns:1.6fr 1fr}.theme-23 .journey-card{border-radius:90px 8px 90px 8px;background:#cdfb56}.theme-23 .giant-code{font-size:120px}.theme-23 .filters{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-block:25px}.theme-23 .plan-table{border-spacing:0;}.theme-23 .plan-table tbody tr>*{border:0;border-top:1px solid #ccc;border-radius:0!important;padding-block:26px}.theme-23 .destination{border-radius:30px;background:#f6f8ee}
.theme-24{--accent:#000;--ink:#000;--soft:#f7f9ed;--display:Poppins,Arial,sans-serif;--body:Inter,Arial,sans-serif;--line:#e3e3e3}
.theme-24 .nav{border:0;border-radius:0;border-bottom:2px solid black}.theme-24 h1{font-weight:800;text-transform:uppercase;letter-spacing:-.04em}.theme-24 .hero{gap:60px}.theme-24 .journey-card{background:#d2f11e;border:2px solid black;border-radius:14px 60px 14px 14px;box-shadow:12px 12px 0 #000;transform:rotate(-4deg)}.theme-24 .giant-code{font-weight:800}.theme-24 .button.blue,.theme-24 .view-plan{background:#d2f11e;color:black;border:1px solid black;border-radius:8px;font-weight:700}.theme-24 .presets a{border-radius:4px}.theme-24 .filters{background:#f7f7f7;border:1px solid #ddd;border-radius:8px;padding:22px}.theme-24 .plan-table tbody tr>*{border-radius:0!important;border-color:#bcbcbc}.theme-24 .plan-table .price{border-left:1px solid #bcbcbc}.theme-24 .destination{border-radius:8px;border:1px solid black}
@media(max-width:800px){body .hero{grid-template-columns:1fr;gap:24px;padding:28px 20px;margin:15px 0}body .hero .journey-card{display:none}body .nav{gap:12px;border-radius:12px;margin:12px}body .brand{font-size:18px}body .filters{border-radius:14px;padding:16px}body .country-heading{font-size:26px}body .home-hero h1{font-size:36px}body .hero-note{display:block;margin:14px 0}body .trust-line{gap:12px}body .plan-table{min-width:1240px}body .table-scroll{max-width:100%;overflow:auto}body .presets{flex-wrap:wrap}body .presets a{flex:none}body .intro{font-size:14px}body .section-title h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Existing gallery photography is used only on its actual destination, Switzerland. */
.theme-1 .country-hero[data-country="CH"]{background:linear-gradient(90deg,#102f29e8,#102f2940),url('/scenes/mountain.jpg') center 45%/cover;color:white;min-height:340px}.theme-1 .country-hero[data-country="CH"] .intro,.theme-1 .country-hero[data-country="CH"] .eyebrow{color:#fff}.theme-1 .country-hero[data-country="CH"] .journey-card{display:none}.theme-1 .country-hero[data-country="CH"]{grid-template-columns:1fr}.theme-1 .country-hero[data-country="CH"] h1{max-width:850px}.theme-1 .country-hero[data-country="CH"] .button{background:white;color:#176855;border-color:white}
:is(.theme-15,.theme-22,.theme-23) .country-hero[data-country="CH"]:after{content:'';display:block;grid-column:1/-1;height:230px;margin-top:35px;border-radius:22px;background:url('/scenes/valley.jpg') center 50%/cover}.theme-22 .country-hero[data-country="CH"]:after{background-image:url('/scenes/zurich.jpg')}.theme-23 .country-hero[data-country="CH"]:after{height:300px;border-radius:60px 8px 60px 8px;background-image:url('/scenes/mountain.jpg')}
@media(max-width:800px){:is(.theme-15,.theme-22,.theme-23) .country-hero[data-country="CH"]:after{height:150px;border-radius:14px}.theme-1 .country-hero[data-country="CH"]{border-radius:14px}}

.theme-1 .country-hero[data-country="CH"] .hero-note{color:#fff}
.arrow-tile{color:var(--accent);background:var(--soft)}
@media(max-width:800px){body[class*="theme-"] .hero{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 20px;margin:15px 0}body[class*="theme-"] .country-heading{font-size:26px;width:100%;max-width:100%}body[class*="theme-"] .hero>div{min-width:0}body[class*="theme-"] .hero .intro{max-width:100%}body[class*="theme-"] .hero .journey-card{display:none}body[class*="theme-"] .home-hero h1{font-size:36px}}
