.swissride-preview #angebot{box-sizing:border-box;padding:30px;background:linear-gradient(135deg,#292d2ee6,#17191aeb);color:#f3f3f0;border-radius:15px;border:6px solid #b9a980;border-top-color:#f3e8cf;border-left-color:#e6d8b9;border-bottom-color:#72654d;border-right-color:#8f8163;box-shadow:inset 0 2px 4px #fff8e878,inset 0 -3px 7px #0008,0 5px 16px #00000026;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.swissride-preview #angebot>h2{color:#fff!important;-webkit-text-fill-color:#fff}
.swissride-preview #angebot>.sub{color:#e0e2e2}
.swissride-preview #angebot .offers{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.swissride-preview #angebot .offer{box-sizing:border-box;min-width:0;min-height:190px;padding:18px;border:6.66px solid #ecdbb8;border-top-color:#fffbee;border-left-color:#fff5da;border-bottom-color:#ddcba4;border-right-color:#ecdbb8;border-radius:12px;background:linear-gradient(135deg,#fff8e8f5,#f0e6d1eb);box-shadow:inset 0 2px 4px #fff,0 2px 9px #d5b46d30;color:#202326;text-decoration:none;display:flex;flex-direction:column}
.swissride-preview #angebot .offer:hover{background:linear-gradient(135deg,#fffbee,#f5ead4)}
.swissride-preview #angebot .offer h3{color:#202326!important;font:700 18px/1.25 Calibri,Arial,sans-serif;margin:0 0 10px;padding-right:78px;overflow-wrap:anywhere}
.swissride-preview #angebot .offer p{color:#343638;font:15px/1.4 Calibri,Arial,sans-serif;max-width:100%;margin:36px 0 14px;padding:0}
.swissride-preview #angebot .offer .icon{top:16px;right:16px;left:auto;width:64px;height:45px;color:#333}
.swissride-preview #angebot .offer .icon img{display:block;width:100%;height:100%;object-fit:contain}
.swissride-preview #angebot .offer .detail,.swissride-preview #angebot .srct-transfer-entry button{background:#242728;color:#fff;border:1px solid #34383b;border-radius:8px;font:14px/1.2 Calibri,Arial,sans-serif;padding:8px 12px;align-self:flex-start;margin-top:auto;white-space:normal}
.swissride-preview #angebot .srct-transfer-entry{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap}
.swissride-preview #angebot .offer:focus-visible,.swissride-preview #angebot .srct-transfer-entry button:focus-visible{outline:2px solid #ffb32c;outline-offset:3px}
@media(max-width:900px){.swissride-preview #angebot .offers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.swissride-preview #angebot{padding:18px 12px}.swissride-preview #angebot .offers{gap:10px}.swissride-preview #angebot .offer{padding:12px;border-width:4px}.swissride-preview #angebot .offer h3{font-size:16px;padding-right:0;min-height:40px}.swissride-preview #angebot .offer .icon{position:static;width:64px;height:38px;margin:0 0 8px}.swissride-preview #angebot .offer p{font-size:14px;margin:0 0 12px}.swissride-preview #angebot .srct-transfer-entry{flex-direction:column}.swissride-preview #angebot .srct-transfer-entry button{width:100%;box-sizing:border-box}}
.swissride-preview .srct-vehicle-choices[hidden],.swissride-preview .srct-people-column h3[hidden]{display:none!important}

/* Charcoal glass with neutral raised edges and orange accents. */
.swissride-preview #angebot{background:linear-gradient(135deg,#202426ed,#090b0def);border-color:#666d71;border-top-color:#aeb5b9;border-left-color:#899296;border-bottom-color:#292e31;border-right-color:#454d52;box-shadow:inset 0 2px 4px #ffffff38,inset 0 -3px 7px #000a,0 5px 16px #0005}
.swissride-preview #angebot .offer{background:linear-gradient(135deg,#30363bd9,#14181beb);border-color:#656d73;border-top-color:#aab3b9;border-left-color:#879299;border-bottom-color:#292e33;border-right-color:#49545c;box-shadow:inset 0 2px 4px #ffffff30,0 3px 9px #0006;color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.swissride-preview #angebot .offer:hover{background:linear-gradient(135deg,#3c4349e8,#1d2227ee)}
.swissride-preview #angebot .offer h3{color:#ffb32c!important;-webkit-text-fill-color:#ffb32c}
.swissride-preview #angebot .offer p{color:#f0f1f2}
.swissride-preview #angebot .offer .icon{color:#e4e8eb}
.swissride-preview #angebot .offer .icon img{filter:drop-shadow(0 1px 2px #ffffff70)}
.swissride-preview #angebot .offer .detail,.swissride-preview #angebot .srct-transfer-entry button{background:#15191c;color:#fff;border-color:#879299;box-shadow:inset 0 1px 2px #ffffff20}

@media(max-width:600px){.swissride-preview #angebot .offers{grid-template-columns:minmax(0,1fr)}.swissride-preview #angebot .offer{min-height:170px}.swissride-preview #angebot .offer h3{min-height:0}.swissride-preview #angebot .offer .icon{width:85px;height:50px}}

/* Accepted compact hourly layout: whole-width car and readable two-hour markers. */
.swissride-preview #angebot .offer.srct-hourly-card{height:289px;min-height:289px;padding:14px 14px 8px;display:block;overflow:hidden}
.swissride-preview #angebot .srct-hourly-card h3{font-size:25px;padding-right:105px;margin:0 0 7px}
.swissride-preview #angebot .srct-hourly-card p{font-size:18px;line-height:1.2;margin:0;padding-right:100px;position:relative;z-index:2}
.swissride-preview #angebot .srct-hourly-card .detail{position:absolute;right:12px;top:14px;font-size:14px;padding:10px 9px;margin:0;z-index:3}
.swissride-preview #angebot .srct-hourly-card .icon{position:absolute;left:14px;right:14px;top:108px;bottom:58px;width:auto;height:auto;margin:0;overflow:hidden}
.swissride-preview #angebot .srct-hourly-card .icon img{position:absolute;bottom:0;left:0;width:100%;height:auto;object-fit:contain}
.swissride-preview #angebot .srct-offer-timeline{position:absolute;bottom:12px;left:14px;right:14px;height:40px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.swissride-preview #angebot .srct-offer-timeline:before{content:"";position:absolute;top:3px;left:7.142857%;right:7.142857%;height:4px;border-radius:3px;background:#b2bcc4}
.swissride-preview #angebot .srct-offer-timeline:after{content:"";position:absolute;top:1px;left:21.428571%;width:57.142857%;height:8px;border-radius:4px;background:#ffb32c}
.swissride-preview #angebot .srct-offer-tick{position:relative;z-index:1;text-align:center;padding-top:15px;color:#fff;line-height:1}
.swissride-preview #angebot .srct-offer-tick:before{content:"";position:absolute;left:calc(50% - 1px);top:0;width:2px;height:10px;background:#e5eaed}
.swissride-preview #angebot .srct-offer-tick.is-booked:before{background:#ffb32c}
.swissride-preview #angebot .srct-offer-tick strong{display:block;font:700 17px/1 Calibri,Arial,sans-serif;color:#fff}
.swissride-preview #angebot .srct-offer-tick small{display:block;font:12px/1 Calibri,Arial,sans-serif;color:#fff;margin-top:3px}

.swissride-preview #angebot .offers{grid-template-columns:repeat(2,minmax(0,1fr))}
.swissride-preview #angebot .offer.srct-hourly-card,.swissride-preview #angebot .offer.srct-business-van-card{height:289px;min-height:289px;padding:14px 18px 8px;display:block;overflow:hidden}
.swissride-preview #angebot .srct-business-van-card h3,.swissride-preview #angebot .srct-hourly-card h3{font-size:26px;padding-right:115px;margin:0 0 8px}
.swissride-preview #angebot .srct-business-van-card p,.swissride-preview #angebot .srct-hourly-card p{font-size:18px;line-height:1.3;margin:0;padding-right:115px;max-width:100%;position:relative;z-index:2}
.swissride-preview #angebot .srct-business-van-card .detail,.swissride-preview #angebot .srct-hourly-card .detail{position:absolute;right:14px;top:14px;font-size:16px;padding:10px 12px;margin:0;z-index:3}
.swissride-preview #angebot .srct-business-van-card .icon{position:absolute;left:18px;right:18px;top:98px;bottom:10px;width:auto;height:auto;margin:0}
.swissride-preview #angebot .srct-business-van-card .icon img{width:100%;height:100%;object-fit:contain;object-position:right bottom}
@media(max-width:650px){.swissride-preview #angebot .offers{grid-template-columns:minmax(0,1fr)}.swissride-preview #angebot .srct-business-van-card h3,.swissride-preview #angebot .srct-hourly-card h3{font-size:24px;padding-right:105px}.swissride-preview #angebot .srct-business-van-card p,.swissride-preview #angebot .srct-hourly-card p{font-size:17px;padding-right:105px}.swissride-preview #angebot .srct-business-van-card .detail,.swissride-preview #angebot .srct-hourly-card .detail{font-size:14px;padding:9px}}

.swissride-preview #angebot .srct-offer-brand{font-family:Calibri,Arial,sans-serif;font-weight:700;white-space:nowrap}.swissride-preview #angebot .srct-offer-brand-swiss{color:#ed0000!important}.swissride-preview #angebot .srct-offer-brand-ride{color:#fff!important}

/* Two inward-facing vehicles, each occupying half of its card width. */
.swissride-preview #angebot .offer.srct-limousine-card,.swissride-preview #angebot .offer.srct-business-van-card{height:260px;min-height:260px;display:block;padding:20px;position:relative;overflow:hidden}
.swissride-preview #angebot .srct-limousine-card h3,.swissride-preview #angebot .srct-business-van-card h3{font-size:28px;padding-right:130px;margin:0 0 16px}
.swissride-preview #angebot .srct-limousine-card p,.swissride-preview #angebot .srct-business-van-card p{font-size:19px;line-height:1.3;margin:0;padding-right:0;max-width:100%}
.swissride-preview #angebot .srct-limousine-card .detail,.swissride-preview #angebot .srct-business-van-card .detail{position:absolute;top:20px;right:20px;z-index:3;margin:0;font-size:16px;padding:10px 12px}
.swissride-preview #angebot .srct-limousine-card .icon,.swissride-preview #angebot .srct-business-van-card .icon{position:absolute;top:auto;bottom:14px;width:50%;height:auto;margin:0;overflow:visible}
.swissride-preview #angebot .srct-limousine-card .icon{left:16px;right:auto}.swissride-preview #angebot .srct-business-van-card .icon{left:auto;right:16px}
.swissride-preview #angebot .srct-limousine-card .icon img,.swissride-preview #angebot .srct-business-van-card .icon img{display:block;position:static;width:100%;height:auto;object-fit:contain}
@media(max-width:650px){.swissride-preview #angebot .offer.srct-limousine-card,.swissride-preview #angebot .offer.srct-business-van-card{padding:18px 14px}.swissride-preview #angebot .srct-limousine-card h3,.swissride-preview #angebot .srct-business-van-card h3{font-size:26px;padding-right:115px}.swissride-preview #angebot .srct-limousine-card p,.swissride-preview #angebot .srct-business-van-card p{font-size:17px}.swissride-preview #angebot .srct-limousine-card .detail,.swissride-preview #angebot .srct-business-van-card .detail{top:18px;right:14px;font-size:14px;padding:9px}}

/* Separate the service block from the journey steps and Charlie. */
.swissride-preview #angebot{margin-top:25px!important;margin-bottom:25px!important;background:linear-gradient(135deg,#60666bed,#454b50ed);box-shadow:inset 0 2px 4px #ffffff38,inset 0 -3px 7px #0006,0 5px 16px #00000026}
.swissride-preview #angebot>.sub{color:#fff}

/* Quiet white service area and matching contact-button interaction. */
.swissride-preview #angebot{background:#fff!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;color:#111!important}
.swissride-preview #angebot>h2{color:#111!important;font-size:34px}
.swissride-preview #angebot>.sub{color:#111!important;font-size:22px}
.swissride-preview #angebot .srct-offer-brand-ride{color:#111!important}
.swissride-preview #angebot :is(.srct-limousine-card,.srct-business-van-card){background:#fff!important;border:1px solid #b8bec3!important;box-shadow:none!important;backdrop-filter:none!important;color:#111!important}
.swissride-preview #angebot :is(.srct-limousine-card,.srct-business-van-card) :is(h3,p){color:#111!important}
.swissride-preview #angebot .detail{background:#242728!important;color:#fff!important;border:1px solid #34383b!important;border-radius:8px;box-shadow:none!important}
.swissride-preview #angebot a:hover .detail,.swissride-preview #angebot a:focus-visible .detail{outline:2px solid #ffb32c;outline-offset:2px}

.swissride-preview #angebot .srct-limousine-mobile-copy{display:none}
.swissride-preview #angebot .srct-limousine-card .detail{top:auto!important;bottom:20px;right:20px!important;left:auto!important}
.swissride-preview #angebot .srct-business-van-card .detail{top:auto!important;bottom:20px;left:20px!important;right:auto!important}
@media(max-width:767px){
 .swissride-preview #angebot :is(.srct-limousine-card,.srct-business-van-card){display:flex!important;flex-direction:column;align-items:stretch;height:auto!important;min-height:0!important;gap:14px;padding:18px!important}
 .swissride-preview #angebot .offers{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
 .swissride-preview #angebot .offer h3{order:0;padding:0!important;margin:0!important;font-size:23px!important}
 .swissride-preview #angebot .offer p{order:1;display:block;max-width:none!important;font-size:16px!important;margin:0!important}
 .swissride-preview #angebot .offer .icon{order:2;position:static!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important}
 .swissride-preview #angebot .offer .detail{order:3;position:static!important;align-self:stretch;margin-top:auto;white-space:normal;text-align:center;font-size:14px!important;padding:10px 6px!important}
}

/* Push unused space above the image, keeping both vehicle previews by their buttons. */
@media(max-width:767px){
 .swissride-preview #angebot .offer .icon{margin-top:auto!important;margin-bottom:0!important}
 .swissride-preview #angebot .offer .detail{margin-top:0!important}
}

.swissride-preview #angebot>h2,.swissride-preview #angebot>.sub{color:#111!important;-webkit-text-fill-color:#111!important}
.swissride-preview #angebot .srct-offer-brand-swiss{color:#c52222!important;-webkit-text-fill-color:#c52222!important}
.swissride-preview #angebot .srct-offer-brand-ride{color:#111!important;-webkit-text-fill-color:#111!important}

.swissride-preview #angebot .srct-hourly-from{position:absolute;bottom:70px;font:15px/1.3 Calibri,Arial,sans-serif;color:#111!important;-webkit-text-fill-color:#111!important}
.swissride-preview #angebot .srct-limousine-card .srct-hourly-from{right:20px}
.swissride-preview #angebot .srct-business-van-card .srct-hourly-from{left:20px}
@media(max-width:767px){.swissride-preview #angebot .offer .srct-hourly-from{position:static;order:3;display:block;text-align:center;margin:0}.swissride-preview #angebot .offer .detail{order:4}}
