/* Vibrant photo-based "Мои путешествия", v0.4.0 */
.trips-active .topbar{display:none}
.trips-active main{padding:0!important}
.trips-active .app-shell{background:#f8fcff}
.journeys-screen{min-height:100vh;padding-bottom:110px;background:linear-gradient(180deg,#fafdff 0%,#f4fbff 60%,#fff9f6 100%)}
.journeys-screen button{-webkit-tap-highlight-color:transparent}
.journeys-hero{min-height:270px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:16px 19px 32px;color:white;background:linear-gradient(105deg,#02485b9a,#003b5768),url('https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=1300&q=87') center/cover no-repeat}
.journeys-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(#01374870,transparent 35%,#004c647d);z-index:-1}
.journeys-hero-top{display:flex;justify-content:space-between;align-items:center;gap:7px}
.journeys-hero-top button{height:42px;width:42px;border:1px solid #ffffff66;border-radius:14px;display:grid;place-items:center;background:#0090a2cf;color:white;font-size:29px;box-shadow:0 5px 15px #00435366}
.journeys-hero-top span{font-size:9px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 5px #02536b;white-space:nowrap}
.journeys-hero-content{position:relative;z-index:2;max-width:400px;margin-top:29px}
.journeys-hero-content>span{font-size:10px;letter-spacing:1.8px;font-weight:900;color:#e0f9ff;text-shadow:0 2px 5px #04485b}
.journeys-hero-content h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(37px,10.5vw,58px);line-height:.99;letter-spacing:-1.4px;color:#fff4dd;text-shadow:0 5px 12px #003141dd;margin:11px 0 12px}
.journeys-hero-content p{font-size:clamp(12px,3.55vw,16px);max-width:310px;line-height:1.28;font-weight:750;text-shadow:0 2px 6px #003d4ec2}
.journeys-hero-plane{font-size:51px;position:absolute;right:24px;top:107px;transform:rotate(-29deg);text-shadow:0 3px 8px #00405b66}
.journeys-hero:after{content:"";position:absolute;right:55px;top:94px;width:85px;height:58px;border:2px dashed #ffffffd9;border-left:0;border-bottom:0;border-radius:0 85px 0 0;transform:rotate(18deg)}
.journeys-numbers{position:relative;z-index:3;background:white;border-radius:24px;padding:16px 6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:-19px 12px 17px;box-shadow:0 9px 26px #1b5c7130;text-align:center}
.journeys-numbers div{display:flex;flex-direction:column;gap:2px;justify-content:center;align-items:center}
.journeys-numbers div+div{border-left:1px solid #d9e7ec}
.journeys-numbers b{font-size:25px;line-height:1.15;color:#00a6b9;font-weight:950}
.journeys-numbers div:nth-child(2) b{color:#ff7467}
.journeys-numbers div:nth-child(3) b{color:#efa900}
.journeys-numbers span{font-size:clamp(10px,2.65vw,12px);font-weight:750;color:#587985}
.journeys-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:4px 12px 23px}
.journeys-tabs button{min-width:0;min-height:63px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:1px solid #dce8ed;border-radius:18px;background:white;color:#286775;box-shadow:0 6px 14px #0a526819}
.journeys-tabs button.active{background:linear-gradient(135deg,#1ec9c9,#0999b1);color:white;border-color:transparent;box-shadow:0 7px 15px #069ab94c;transform:translateY(-2px)}
.journeys-tabs .tab-visited.active{background:linear-gradient(135deg,#ffc661,#f3a943);box-shadow:0 7px 15px #dca74555}
.journeys-tabs .tab-dream.active{background:linear-gradient(135deg,#ff9390,#ff627d);box-shadow:0 7px 15px #ff7b8154}
.journeys-tabs strong{font-size:clamp(10px,3.2vw,14px);line-height:1.1}
.journeys-tabs small{min-width:20px;padding:2px 7px;font-size:11px;font-weight:900;border-radius:99px;background:#e5f5f9;color:#087a92}
.journeys-tabs button.active small{background:#ffffff46;color:white}
.journeys-section-heading{margin:0 15px 13px;display:flex;align-items:flex-end;justify-content:space-between;gap:5px}
.journeys-section-heading>div{min-width:0}
.journeys-section-heading small{font-size:9px;letter-spacing:2px;font-weight:900;color:#19a6b4;display:block;margin-bottom:5px}
.journeys-section-heading h2{color:#073d4c;font-size:clamp(18px,5.25vw,26px);line-height:1.12;letter-spacing:-.7px;margin:0}
.journeys-section-heading button{border:0;border-radius:10px;background:#fff0e8;color:#da644e;font-size:clamp(11px,3vw,13px);font-weight:900;white-space:nowrap;padding:9px 8px}
.journeys-cards{display:grid;gap:16px;padding:0 12px}
.journey-image-card{isolation:isolate;position:relative;display:block;width:100%;height:225px;padding:16px;text-align:left;border:0;border-radius:23px;overflow:hidden;color:white;background-image:linear-gradient(180deg,#001a2633,#00293a11 30%,#032b40d9),var(--journey-photo);background-position:center;background-size:cover;box-shadow:0 12px 24px #09506434}
.journey-image-card:before{content:"";position:absolute;inset:0;border-radius:23px;border:1px solid #fff7;pointer-events:none}
.journey-status{position:absolute;top:14px;right:14px;z-index:1;border-radius:99px;background:#fffef5ed;color:#088298;font-size:12px;font-weight:900;padding:8px 11px;box-shadow:0 5px 13px #003d4f31}
.is-visited .journey-status{color:#a16a0e;background:#fff6dcef}
.is-current .journey-status{color:#cc6450;background:#fff1e9f0}
.is-dream .journey-status{color:#d75c76;background:#fff1f4ef}
.journey-card-info{position:absolute;left:18px;right:55px;bottom:18px;z-index:2;display:flex;flex-direction:column;gap:5px}
.journey-country{font-weight:900;text-shadow:0 2px 6px #012839aa;font-size:11px;letter-spacing:1.3px;text-transform:uppercase}
.journey-card-info strong{font-size:clamp(27px,8vw,40px);line-height:1.05;color:white;letter-spacing:-.9px;font-weight:950;text-shadow:0 3px 11px #022d3dd9;overflow-wrap:anywhere}
.journey-card-date{font-size:clamp(11px,3.2vw,14px);font-weight:750;text-shadow:0 2px 7px #003143d8}
.journey-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.journey-chips span{padding:5px 7px;background:#ffffffdc;color:#07596c;font-size:10px;font-weight:800;text-shadow:none;border-radius:99px}
.journey-arrow{position:absolute;right:16px;bottom:17px;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#ff7266;color:white;font-size:24px;box-shadow:0 4px 12px #a9493c88}
.journey-image-card:active{transform:scale(.991)}
.journeys-empty{position:relative;min-height:262px;padding:22px;overflow:hidden;border-radius:23px;background:linear-gradient(115deg,#02576ac4,#007e9270),url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1100&q=85') center/cover;color:white;box-shadow:0 12px 25px #0c62712d}
.journeys-emptylead{font-size:10px;font-weight:900;letter-spacing:1.8px;color:#e6faff}
.journeys-empty-plane{position:absolute;right:18px;top:20px;font-size:52px;transform:rotate(-23deg);text-shadow:0 3px 7px #004b5960}
.journeys-empty h2{font-size:clamp(22px,6vw,29px);line-height:1.1;color:white;max-width:285px;margin:32px 0 9px}
.journeys-empty p{font-size:13px;line-height:1.4;font-weight:700;max-width:270px;margin-bottom:15px;color:#f1fdff}
.journeys-add-big{background:#ff7566;color:white;font-size:13px;font-weight:900;border:0;border-radius:13px;padding:12px 15px;box-shadow:0 6px 16px #04505c65}
.journeys-footnote{text-align:center;color:#7e99a1;font-size:11px;margin:22px 16px}
@media(max-width:355px){.journeys-hero{min-height:258px}.journeys-hero-top span{font-size:8px}.journeys-section-heading h2{font-size:17px}.journeys-tabs strong{font-size:10px}}
@media(min-width:650px){.journeys-hero{min-height:333px}.journeys-hero-content{margin-top:45px}.journeys-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 22px}.journey-image-card{height:272px}.journeys-empty{grid-column:1/-1}.journeys-section-heading{margin-left:23px;margin-right:23px}.journeys-tabs,.journeys-numbers{margin-left:23px;margin-right:23px}}