/* One composed coupon scene, with consistent scale and a clean silhouette. */
.coupon-continuous .coupon-art.coupon-smooth-art{aspect-ratio:1;overflow:visible;border-radius:0;perspective:650px;isolation:isolate;max-width:260px}
.coupon-smooth-art img{position:absolute!important;display:block;max-width:none!important;object-fit:contain!important;aspect-ratio:auto!important;animation:none!important;will-change:transform;pointer-events:none;backface-visibility:hidden}
.coupon-smooth-art .smooth-cup{height:87%!important;width:auto!important;left:27%;top:0;filter:drop-shadow(0 10px 8px #a65b221d);transform-origin:50% 85%;z-index:1}
.coupon-smooth-art .smooth-ticket{width:71%!important;height:auto!important;left:0;top:61%;filter:drop-shadow(0 9px 7px #a65b2230);z-index:2}
.coupon-continuous .coupon-canvas{min-height:186px;gap:17px}
.coupon-continuous .coupon-offer-header>div:first-child>div:first-child{font-size:14px!important}
.coupon-continuous .coupon-offer-header>div:last-child>div:first-child,.coupon-continuous .coupon-offer-header>div:last-child>div:last-child{font-size:13px!important}
.coupon-continuous .coupon-journey-steps button{font-size:14px;min-height:46px}
.coupon-continuous .coupon-caption strong{font-size:15px}
.coupon-continuous .coupon-play{font-size:14px;min-height:44px}
/* Put the sponsor, not a tiny footnote, at the visual center of the benefit. */
.coupon-funding{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;margin:0!important;padding:14px 4px!important;color:#7c503a!important;font-size:16px!important;line-height:1.55!important;word-break:keep-all}
.coupon-funding strong{display:inline-block;color:#b52e43;font-weight:900;font-size:clamp(20px,5.4vw,26px);background:linear-gradient(transparent 53%,#ffe098 53%,#ffe098 95%,transparent 95%);transform-origin:50% 70%;animation:notice-ring 6s ease-in-out infinite;animation-play-state:var(--notice-motion,paused)}
#page-coconara .battery-copy{font-size:16px!important;line-height:1.8!important}
.battery-copy>p{margin:0 0 14px;word-break:keep-all}
.battery-copy .battery-recommendation{background:#fff8de;border-radius:12px;padding:14px 15px;color:#64472b;margin:16px 0!important}
.battery-range{display:inline-block;position:relative;background:linear-gradient(transparent 55%,#ffe260 55%);color:#ce293d;font-size:clamp(23px,6vw,28px);font-weight:950;line-height:1.6;margin:3px 3px 3px 0;animation:notice-ring 6s ease-in-out infinite;animation-play-state:var(--notice-motion,paused)}
.battery-copy .battery-fine{font-size:14px;color:#61715f;padding-top:14px;border-top:1px solid #d5e1d6;margin:0}
@keyframes notice-ring{0%,7%,15%,100%{transform:scale(1) rotate(0)}3%{transform:scale(1.035) rotate(-1deg)}11%{transform:scale(1.035) rotate(1deg)}}
/* Texture-led sea replaces the flat lines; the same ship keeps a stable waterline. */
.ferry-sailing-scene.ocean-scene{height:245px;margin-top:15px;background:#48a8c7 url('udo-ocean.webp') center top/cover;border-radius:0 0 19px 19px}
.ocean-scene:before,.ocean-scene:after{display:none!important}
.ocean-water{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.ocean-scene .sailing-vessel{left:0!important;top:0!important;bottom:auto!important;animation:none!important;filter:drop-shadow(0 3px 2px #09496530);z-index:3;will-change:transform}
.ocean-wake,.ocean-dolphin{position:absolute;left:0;top:0;height:auto!important;max-width:none!important;pointer-events:none;will-change:transform;object-fit:contain!important;z-index:2}
.ocean-dolphin{z-index:4;opacity:0}
.ocean-scene .sailing-speech{top:13px;font-size:clamp(17px,4.5vw,21px);padding:10px 16px;background:#fffdeb;box-shadow:0 4px 16px #14506730}
.ocean-scene .sailing-speech:after{background:#fffdeb}
.ocean-scene>button{z-index:5;width:40px;height:40px;background:#fff;color:#286454;font-size:15px}
/* Port direction is a dedicated full-width row in both departure cards. */
.ferry-direction-route{display:grid!important;grid-template-columns:minmax(0,.85fr) 36px minmax(0,1.3fr);align-items:center;gap:5px!important;width:100%;padding:13px 12px!important;margin:10px 0 12px!important;background:#ffffff!important;color:#125745;border-radius:13px!important;box-shadow:0 2px 9px #063e4910;font-size:clamp(17px,4.6vw,23px)!important;line-height:1.45;font-weight:900!important;text-align:center;box-sizing:border-box;word-break:keep-all}
.ferry-direction-route.outgoing{color:#15588c}
.ferry-route-port{min-width:0;font-size:inherit!important;line-height:inherit!important;white-space:normal!important}
.ferry-route-arrow{font-size:30px;line-height:1;font-weight:900}
.ferry-route-card>div:nth-child(2)>span:first-child{font-size:14px!important}
.ferry-route-card .ferry-time-layout{gap:12px!important}
@media(max-width:350px){.coupon-continuous .coupon-canvas{gap:10px;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);min-height:170px}.coupon-continuous .coupon-offer-header>div:first-child>div:first-child{font-size:13px!important}.coupon-continuous .coupon-journey-steps button{font-size:12px}.ferry-direction-route{grid-template-columns:minmax(0,.8fr) 27px minmax(0,1.25fr);padding:12px 8px!important;font-size:17px!important}.ferry-route-arrow{font-size:26px}.ocean-scene .sailing-speech{font-size:16px}.ferry-sailing-scene.ocean-scene{height:225px}.coupon-funding strong{font-size:20px}}

#page-coconara .battery-category .battery-range{color:#ce293d!important}
#page-coconara .battery-category>.battery-copy{font-size:16px!important}
@media(max-width:430px){
 #page-dalkom .owner-reading-header{display:block!important;padding:14px 14px 48px!important}
 #page-dalkom .owner-host-art{position:absolute;width:72px;right:24px;top:21px;z-index:3}
 #page-dalkom .owner-host-speech{padding:17px!important}
 #page-dalkom .owner-host-speech:before{display:none}
 #page-dalkom .owner-host-speech>div:first-child{min-height:63px;padding-right:62px;display:flex;align-items:center;font-size:17px!important}
 #page-dalkom .owner-host-speech>div:nth-child(2){font-size:20px!important;line-height:1.6!important;word-break:keep-all;overflow-wrap:anywhere}
}
/* Animated objects may leave the frame; prevent focus from scrolling the scene itself. */
.ferry-sailing-scene.ocean-scene{overflow:clip}