:root{ --blue:#2954E5; --blue-dark:#15319E; --blue-text:#004B81; --navy:#101B3D; --text:#101B3D; --text-secondary:#5B6478; --bg:#FBF1E4; --bg-light:#EEF3FF; --bg-light-2:#F3E8D6; --cream:#FBF1E4; --accent:#FF8A34; --accent-yellow:#FFC533; --border:#E3E9FA; --white:#fff; --radius-lg:24px; --radius-md:16px; --radius-sm:12px; --shadow:0 12px 32px rgba(16,27,61,0.08); --shadow-sm:0 6px 16px rgba(16,27,61,0.06); --container:1160px; } *{box-sizing:border-box;margin:0;padding:0;} html{scroll-behavior:smooth;overflow-x:hidden;} body{ font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:var(--text); background:var(--bg); line-height:1.5; overflow-x:hidden; -webkit-font-smoothing:antialiased; } img{max-width:100%;display:block;} a{color:inherit;text-decoration:none;} button{font-family:inherit;cursor:pointer;border:none;background:none;} ul{list-style:none;} .wrap{max-width:var(--container);margin:0 auto;padding:0 24px;} section{scroll-margin-top:84px;} h1,h2,h3{font-family:'M PLUS Rounded 1c',sans-serif;font-weight:900;letter-spacing:-0.01em;color:#004E90;} h2{font-size:34px;line-height:1.15;} h3{font-size:20px;line-height:1.25;} p{color:var(--text-secondary);} .eyebrow{ display:inline-flex;align-items:center;gap:8px; font-size:14px;font-weight:700;color:var(--blue-text); background:var(--bg-light);border-radius:999px;padding:8px 16px; margin-bottom:16px; } .section-head{max-width:680px;margin:0 auto 44px;text-align:center;} .section-head p{margin-top:14px;font-size:17px;} .section-pad{padding:88px 0;} @media(max-width:768px){ .section-pad{padding:56px 0;} h2{font-size:26px;} } /* Buttons */ .btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px; padding:16px 28px;border-radius:999px;font-weight:700;font-size:16px; font-family:'Comfortaa',sans-serif; transition:transform .15s ease, box-shadow .15s ease, background .15s ease; white-space:nowrap; } .btn-primary{ background:linear-gradient(180deg,#FFAD68 0%,var(--accent) 55%,#F17A1E 100%);color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),0 4px 0 #D9691A,0 10px 22px rgba(255,138,52,0.4); } .btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),0 6px 0 #D9691A,0 14px 26px rgba(255,138,52,0.45);} .btn-primary:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 2px 0 #D9691A,0 6px 14px rgba(255,138,52,0.3);} .btn-secondary{background:#fff;color:var(--blue-text);border:2px solid var(--border);} .btn-secondary:hover{border-color:var(--blue);} .btn-ghost{background:var(--bg-light);color:var(--blue-text);} .btn-ghost:hover{background:#E1EAFF;} .btn-block{width:100%;} @media(max-width:600px){.btn{width:100%;}} /* Header */ header.site{ position:fixed;top:0;left:0;right:0;z-index:100; padding:18px 0;transition:background .25s ease, box-shadow .25s ease, padding .25s ease; } header.site .wrap{display:flex;align-items:center;justify-content:space-between;} .logo{display:flex;align-items:center;} .logo img{height:46px;width:auto;display:block;} nav.main-nav{display:flex;align-items:center;gap:28px;} nav.main-nav a{font-size:15px;font-weight:600;color:var(--navy);transition:color .2s ease;font-family:'Comfortaa',sans-serif;} nav.main-nav a:hover{color:var(--blue-text);} header.site .btn-primary,header.site .btn-secondary-blue{padding:12px 22px;font-size:14px;} .nav-toggle{display:none;flex-direction:column;gap:5px;width:28px;} .nav-close{display:none;} .nav-toggle span{height:2px;background:var(--navy);border-radius:2px;transition:.2s;} header.site.scrolled{background:rgba(255,255,255,0.96);backdrop-filter:blur(8px);box-shadow:0 4px 20px rgba(16,27,61,0.06);padding:12px 0;} @media(max-width:900px){ nav.main-nav{ position:fixed;top:0;right:0;height:100vh;width:78%;max-width:320px;z-index:101; background:#fff;flex-direction:column;align-items:flex-start;justify-content:flex-start; padding:100px 28px 28px;gap:16px;box-shadow:-12px 0 32px rgba(16,27,61,0.12); transform:translateX(100%);transition:transform .3s ease; } nav.main-nav.open{transform:translateX(0);} nav.main-nav a{font-size:17px;} nav.main-nav .btn-primary,nav.main-nav .btn-secondary-blue{width:100%;text-align:center;margin-top:4px;} .nav-toggle{display:flex;} .nav-close{ display:flex;align-items:center;justify-content:center;position:absolute;top:24px;right:24px; width:36px;height:36px;border-radius:50%;background:var(--bg-light);color:var(--navy);font-size:16px; } .nav-backdrop{ display:none;position:fixed;inset:0;background:rgba(16,27,61,0.45);z-index:100; } .nav-backdrop.open{display:block;} .hero-badge-logo{display:none;} } /* Hero */ .hero{ position:relative;background:var(--cream);overflow:hidden;padding-bottom:110px; } .hero-grid{ display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:stretch; padding:108px 0 36px;position:relative;z-index:2; } .hero-slider{ position:relative;border-radius:28px;overflow:hidden;min-height:520px;box-shadow:var(--shadow); background:var(--bg-light); } .hero-slider-track{position:absolute;inset:0;} .hero-slider .slide{ position:absolute;inset:0;background-size:cover;background-position:center; opacity:0;transition:opacity .9s ease; } .hero-slider .slide.active{opacity:1;} .slider-arrow{ position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px; background:none;display:flex;align-items:center;justify-content:center; z-index:3;transition:opacity .2s ease,transform .2s ease; } .slider-arrow svg{filter:drop-shadow(0 2px 8px rgba(16,27,61,0.5));} .slider-arrow:hover{opacity:0.75;} .slider-arrow.prev{left:10px;} .slider-arrow.next{right:10px;} .slider-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:3;} .slider-dots button{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.6);transition:.2s;} .slider-dots button.active{background:#fff;width:22px;border-radius:5px;} .hero-content{ background:#fff;border-radius:28px;padding:40px 36px;box-shadow:var(--shadow); display:flex;flex-direction:column;justify-content:center; } .hero-badge-logo{width:74px;height:74px;margin-bottom:18px;} .hero-badge-logo img{width:100%;height:100%;object-fit:contain;display:block;} .hero-dates{ display:inline-flex;align-items:center;gap:12px;align-self:flex-start; margin-bottom:20px;padding:8px 20px 8px 8px; background:var(--bg-light);border:1.5px dashed var(--blue);border-radius:16px; } .hero-dates .hd-icon{ width:40px;height:40px;flex:none;border-radius:11px;background:#fff; display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:var(--shadow-sm); } .hero-dates .hd-text{display:flex;flex-direction:column;line-height:1.25;} .hero-dates .hd-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--blue-text);} .hero-dates .hd-value{font-size:20px;font-weight:800;color:var(--navy);font-family:'M PLUS Rounded 1c',sans-serif;letter-spacing:-0.01em;} @media(max-width:600px){.hero-dates .hd-value{font-size:17px;}} @media(max-width:360px){ .hero-dates .hd-value{font-size:15px;} .hero-dates{padding:7px 14px 7px 7px;gap:9px;} .hero-dates .hd-icon{width:34px;height:34px;font-size:16px;} } .hero-title-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;} .hero-vote-mark{flex:none;margin-top:2px;filter:drop-shadow(0 6px 14px rgba(41,84,229,0.22));} .hero-content h1{font-size:32px;line-height:1.28;color:#004E90;margin-bottom:0;} .hero-content .hero-subtitle{font-size:18px;font-weight:700;color:var(--blue-text);margin-bottom:10px;} .hero-content .hero-text{font-size:15px;color:var(--text-secondary);margin-bottom:22px;} .hero-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:22px;flex-wrap:wrap;} .hero-price-row .price-only{font-size:15px;font-weight:700;color:var(--text-secondary);} .hero-price-row .price-tag{font-size:26px;font-weight:800;color:var(--navy);} .hero-price-row .price-caption{font-size:13px;color:var(--text-secondary);} .hero-actions{display:flex;gap:12px;flex-wrap:wrap;} .btn-secondary-blue{ background:linear-gradient(180deg,#7FADFF 0%,#3D7BEA 55%,#2E63C7 100%);color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),0 4px 0 #1F4F9E,0 10px 22px rgba(61,123,234,0.4); } .btn-secondary-blue:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),0 6px 0 #1F4F9E,0 14px 26px rgba(61,123,234,0.45);} .btn-secondary-blue:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 2px 0 #1F4F9E,0 6px 14px rgba(61,123,234,0.3);} .hero-perks{ display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:2;margin-top:10px; } .hero-perk{ background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;font-size:13px; font-weight:600;color:var(--navy);display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm); } .hero-perk .ic{font-size:18px;} .hero-wave{ position:absolute;left:0;right:0;bottom:-2px;height:64px;z-index:1;pointer-events:none; background-image:url('data:image/png;base64,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'); background-repeat:repeat-x;background-position:bottom left;background-size:auto 100%; } @media(max-width:768px){.hero-wave{height:42px;}} @media(max-width:900px){ .hero{background:#fff;} .hero-grid{grid-template-columns:1fr;padding-top:88px;gap:7px;} .hero-slider{min-height:320px;} .hero-content{padding:30px 26px;} } @media(max-width:768px){ .hero-content h1{font-size:25px;} .hero-vote-mark svg{width:40px;height:40px;} .hero-title-row{gap:10px;} .hero-perks{grid-template-columns:repeat(2,1fr);} .hero-perk{flex-direction:column;align-items:flex-start;gap:6px;text-align:left;} .hero-perk .ic{font-size:21px;} .hero-actions{flex-direction:column;} .hero-actions .btn{width:100%;} .hero{padding-bottom:88px;} } /* Reveal animation */ [data-animate]{opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease;} [data-animate].in-view{opacity:1;transform:translateY(0);} [data-animate="stagger"] > *{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;} [data-animate="stagger"].in-view > *{opacity:1;transform:translateY(0);} [data-animate="stagger"].in-view > *:nth-child(1){transition-delay:.05s;} [data-animate="stagger"].in-view > *:nth-child(2){transition-delay:.12s;} [data-animate="stagger"].in-view > *:nth-child(3){transition-delay:.19s;} [data-animate="stagger"].in-view > *:nth-child(4){transition-delay:.26s;} [data-animate="stagger"].in-view > *:nth-child(5){transition-delay:.33s;} [data-animate="stagger"].in-view > *:nth-child(6){transition-delay:.4s;} /* Why section */ .why{background:var(--bg-light-2);} .why-intro{max-width:760px;margin:0 auto 40px;text-align:center;} .why-intro p{font-size:16px;margin-top:14px;} .card-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;} .why-card{ background:#fff;border-radius:var(--radius-md);padding:26px 22px;box-shadow:var(--shadow-sm); border:1px solid var(--border); } .why-card .num{ width:38px;height:38px;border-radius:10px;background:var(--bg-light);color:var(--blue-text); display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:16px; } .why-card h3{margin-bottom:8px;} .why-card p{font-size:14.5px;} @media(max-width:900px){.card-grid-4{grid-template-columns:repeat(2,1fr);}} @media(max-width:560px){.card-grid-4{grid-template-columns:1fr;}} .card-grid-5{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;} .card-grid-5 .why-card:last-child:nth-child(2n+1){ grid-column:1/-1;max-width:calc(50% - 10px);width:100%;margin:0 auto; } @media(max-width:560px){ .card-grid-5{grid-template-columns:1fr;} .card-grid-5 .why-card:last-child:nth-child(2n+1){max-width:100%;} } /* Audience section */ .audience-card{ background:#fff;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border); box-shadow:var(--shadow-sm);transition:transform .2s ease, box-shadow .2s ease; } .audience-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);} .audience-img{aspect-ratio:1/1;background:var(--bg-light);} .audience-img img{width:100%;height:100%;object-fit:cover;display:block;} .audience-body{padding:22px;} .audience-card h3{margin-bottom:8px;font-size:18px;} .audience-card p{font-size:14.5px;} /* Fit section */ .fit-card{ background:#fff;border-radius:var(--radius-md);padding:26px 22px;border:1px solid var(--border); box-shadow:var(--shadow-sm); } .fit-card .icon-badge{ width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center; font-size:22px;margin-bottom:16px; } .fit-card:nth-child(1) .icon-badge{background:#FFE9D6;} .fit-card:nth-child(2) .icon-badge{background:#E4EBFF;} .fit-card:nth-child(3) .icon-badge{background:#FFF3CC;} .fit-card:nth-child(4) .icon-badge{background:#E4F7EC;} .fit-card h3{margin-bottom:8px;} .fit-card p{font-size:14.5px;} .highlight-quote{ margin-top:36px;background:linear-gradient(120deg,var(--blue),var(--blue-dark)); border-radius:var(--radius-lg);padding:36px 40px;text-align:center; } .highlight-quote p{color:#fff;font-size:20px;font-weight:700;line-height:1.4;max-width:720px;margin:0 auto;} @media(max-width:768px){.highlight-quote{padding:26px 22px;}.highlight-quote p{font-size:17px;}} /* Program */ .program{background:var(--bg-light-2);} .program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px;position:relative;} .day-card{ background:#fff;border-radius:var(--radius-md);padding:26px 24px 24px;border:1px solid var(--border); border-top:5px solid var(--accent);box-shadow:var(--shadow-sm);position:relative; } .day-card-2{border-top-color:var(--blue);} .day-card-3{border-top-color:var(--accent-yellow);} .day-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;} .day-cal{ width:56px;flex:none;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm); text-align:center;border:1px solid var(--border); } .day-cal-month{ display:block;background:var(--accent);color:#fff;font-size:10px;font-weight:800; letter-spacing:0.06em;padding:3px 0;text-transform:uppercase; } .day-card-2 .day-cal-month{background:var(--blue);} .day-card-3 .day-cal-month{background:var(--accent-yellow);color:var(--navy);} .day-cal-num{ display:block;font-size:22px;font-weight:900;color:var(--navy);line-height:1.1;padding-top:5px; font-family:'M PLUS Rounded 1c',sans-serif; } .day-cal-weekday{display:block;font-size:10px;color:var(--text-secondary);font-weight:700;padding:2px 0 5px;text-transform:uppercase;} .day-tag{font-size:12px;font-weight:800;color:var(--accent);background:var(--bg-light);padding:6px 12px;border-radius:999px;} .day-card-2 .day-tag{color:var(--blue-text);} .day-card-3 .day-tag{color:#8A5E00;background:#FFF3CC;} .day-card h3{margin-bottom:14px;} .day-card ul li{ font-size:14.5px;color:var(--text-secondary);padding:7px 0 7px 22px;position:relative; border-top:1px solid var(--border); } .day-card ul li:first-child{border-top:none;} .day-card ul li::before{content:"✓";position:absolute;left:0;top:7px;color:var(--accent);font-weight:800;} .program-cta{text-align:center;} @media(min-width:901px){ .day-card:not(:last-child)::after{ content:"→";position:absolute;right:-30px;top:40px;font-size:22px;color:var(--border);font-weight:800;z-index:2; } } @media(max-width:900px){.program-grid{grid-template-columns:1fr;}} /* Gallery */ .ph-photo{ position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3; background:linear-gradient(135deg,#DCE6FF,#F3D9B8); } .ph-photo img{width:100%;height:100%;object-fit:cover;} .ph-photo .cap{ position:absolute;left:0;right:0;bottom:0;padding:10px 12px; background:linear-gradient(0deg,rgba(16,27,61,0.65),transparent); color:#fff;font-size:13px;font-weight:700; } .gallery-slider{ position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:640px;box-shadow:var(--shadow); background:var(--bg-light); } .gallery-slider-track{position:absolute;inset:0;} .gallery-slider .slide{ position:absolute;inset:0;background-size:cover;background-position:center 25%; opacity:0;transition:opacity .9s ease; } .gallery-slider .slide.active{opacity:1;} .gallery-slider .cap{ position:absolute;left:0;right:0;bottom:0;padding:22px 26px; background:linear-gradient(0deg,rgba(16,27,61,0.78),transparent); color:#fff;font-size:19px;font-weight:800;font-family:'M PLUS Rounded 1c',sans-serif; } @media(max-width:900px){.gallery-slider{min-height:460px;}} @media(max-width:768px){ .gallery-slider{min-height:420px;} .gallery-slider .cap{font-size:15px;padding:14px 18px;} } @media(max-width:480px){.gallery-slider{min-height:340px;}} .gallery-slider-wrap .slider-dots{ position:static;transform:none;margin-top:14px;justify-content:center; } .gallery-slider-wrap .slider-dots button{background:rgba(41,84,229,0.25);} .gallery-slider-wrap .slider-dots button.active{background:var(--blue);} /* Safety */ .safety{background:var(--bg-light-2);} .card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .safety-card{ background:#fff;border-radius:var(--radius-md);padding:24px;border:1px solid var(--border); display:flex;gap:14px;align-items:center;box-shadow:var(--shadow-sm); } .card-grid-3 .safety-card:last-child:nth-child(3n+1){grid-column:1/-1;} @media(max-width:900px){.card-grid-3 .safety-card:last-child:nth-child(2n+1){grid-column:1/-1;}} .safety-card .ic{ width:40px;height:40px;flex:none;border-radius:10px;background:var(--bg-light); display:flex;align-items:center;justify-content:center;font-size:19px; } .safety-card p{font-size:14.5px;color:var(--text);font-weight:600;} .note-placeholder{ margin-top:28px;background:#FFF7E6;border:1px dashed #F0B94D;border-radius:var(--radius-md); padding:18px 22px;font-size:14px;color:#8A5E00; } @media(max-width:900px){.card-grid-3{grid-template-columns:1fr 1fr;}} @media(max-width:600px){.card-grid-3{grid-template-columns:1fr;}} /* Stay & food */ .stay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .stay-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);} .stay-card .ph-photo{border-radius:0;aspect-ratio:16/10;} .stay-card .body{padding:22px;} .stay-card h3{margin-bottom:12px;} .stay-card ul li{font-size:14px;color:var(--text-secondary);padding:6px 0;border-top:1px solid var(--border);} .stay-card ul li:first-child{border-top:none;} .ph-tag{ display:inline-block;font-size:12px;font-weight:700;color:#8A5E00;background:#FFF3CC; border-radius:6px;padding:2px 8px;margin-left:6px; } .infra-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin-top:4px;} .infra-list li{font-size:14px;color:var(--text-secondary);padding:6px 0;border-top:1px solid var(--border);} .infra-list li:nth-child(-n+2){border-top:none;} @media(max-width:900px){.stay-grid{grid-template-columns:1fr;}.infra-list{grid-template-columns:1fr;}} /* Price */ .price-section{background:linear-gradient(120deg,var(--blue),var(--blue-dark));color:#fff;} .price-box{ display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center; background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.16); border-radius:var(--radius-lg);padding:44px; } .price-box h2{color:#fff;} .price-big{font-size:52px;font-weight:800;margin:18px 0 4px;} .price-caption{font-size:14px;color:rgba(255,255,255,0.75);margin-bottom:26px;} .price-numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px;} .price-num{background:rgba(255,255,255,0.08);border-radius:12px;padding:14px;text-align:center;} .price-num b{display:block;font-size:18px;} .price-num span{font-size:12px;color:rgba(255,255,255,0.7);} .price-includes{background:#fff;border-radius:var(--radius-md);padding:26px;color:var(--text);text-align:left;} .price-includes h3{margin-bottom:14px;color:#004E90;} .price-includes ul li{ font-size:14px;padding:8px 0 8px 24px;position:relative;border-top:1px solid var(--border);color:var(--text-secondary); } .price-includes ul li:first-child{border-top:none;} .price-includes ul li::before{content:"✓";position:absolute;left:0;top:8px;color:var(--accent);font-weight:800;} @media(max-width:900px){ .price-box{grid-template-columns:1fr;padding:28px 22px;text-align:center;} .price-numbers{grid-template-columns:repeat(2,1fr);} .price-box .btn{width:100%;} } @media(max-width:480px){ .price-box{padding:24px 18px;gap:24px;} .price-big{font-size:38px;margin:14px 0 4px;} .price-num{padding:12px 8px;} .price-num b{font-size:15px;} .price-num span{font-size:11px;} .price-includes{padding:20px;} } /* About camp */ .about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:center;margin-bottom:12px;} .about-info h2{margin-bottom:20px;} .about-info p{margin-bottom:10px;font-size:15.5px;} .about-trust{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 14px;} .yandex-btn{ display:inline-flex;align-items:center;gap:10px;background:#FC3F1D;color:#fff; font-weight:700;font-size:15px;padding:14px 22px;border-radius:999px;margin-top:4px; box-shadow:0 10px 22px rgba(252,63,29,0.32);transition:transform .15s ease,box-shadow .15s ease; } .yandex-btn:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(252,63,29,0.4);} .yandex-btn .yandex-ic{width:22px;height:22px;flex:none;display:flex;align-items:center;justify-content:center;} .yandex-btn .yandex-ic svg{width:100%;height:100%;display:block;} @media(max-width:600px){.yandex-btn{width:100%;justify-content:center;}} .about-slider{ position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:420px; box-shadow:var(--shadow);background:var(--bg-light); } .about-slider-track{position:absolute;inset:0;} .about-slider .slide{ position:absolute;inset:0;background-size:cover;background-position:center; opacity:0;transition:opacity .9s ease; } .about-slider .slide.active{opacity:1;} @media(max-width:900px){ .about-grid{grid-template-columns:1fr;} .about-slider{min-height:320px;} } .trust-pill{ display:flex;align-items:center;gap:10px;background:var(--bg-light);border-radius:14px;padding:14px 20px;font-weight:700;color:var(--navy); } .trust-pill-rating{ background:#fff;color:var(--navy);font-size:17px;font-weight:800; padding:16px 24px;box-shadow:0 10px 24px rgba(16,27,61,0.14);border-radius:16px; border:2px solid var(--accent-yellow); } .trust-pill-rating .stars{font-size:19px;letter-spacing:3px;} @media(max-width:480px){.trust-pill-rating{font-size:15px;padding:14px 18px;}} .trust-pill .stars{color:var(--accent-yellow);font-size:16px;letter-spacing:2px;} .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;} .review-card{ background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:22px;box-shadow:var(--shadow-sm); } .review-card .stars{color:var(--accent-yellow);font-size:14px;margin-bottom:10px;} .review-card p{font-size:14px;color:var(--text-secondary);font-style:italic;} .review-card .who{margin-top:14px;font-size:13px;font-weight:700;color:var(--navy);font-style:normal;} .review-placeholder{border:1px dashed var(--border);color:var(--text-secondary);} @media(max-width:900px){.review-grid{grid-template-columns:1fr 1fr;}} @media(max-width:600px){.review-grid{grid-template-columns:1fr;}} /* Steps */ .steps{background:var(--bg-light-2);} .steps-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;} .step-card{background:#fff;border-radius:var(--radius-md);padding:24px;border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;} .step-card .step-num{ width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;font-weight:900;font-size:19px; display:flex;align-items:center;justify-content:center;margin-bottom:14px; font-family:'M PLUS Rounded 1c',sans-serif;box-shadow:0 8px 18px rgba(41,84,229,0.28); } .step-card .step-icon{ width:46px;height:46px;border-radius:13px;background:var(--bg-light); display:flex;align-items:center;justify-content:center;margin-bottom:14px; } .step-card .step-icon svg{width:23px;height:23px;} .step-card .step-tag{ display:block;font-size:11px;font-weight:800;text-transform:uppercase; letter-spacing:.05em;color:var(--blue-text);margin-bottom:6px; } .step-card p{font-size:14.5px;} @media(min-width:901px){ .step-card:not(:last-child)::after{ content:"→";position:absolute;right:-30px;top:34px;font-size:22px;color:var(--border);font-weight:800;z-index:2; } } @media(max-width:900px){.steps-list{grid-template-columns:1fr 1fr;}} @media(max-width:600px){.steps-list{grid-template-columns:1fr;}} .highlight-quote-icon{display:flex;align-items:center;gap:22px;text-align:left;} .highlight-quote-icon .hq-ic{ flex:none;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,0.16); display:flex;align-items:center;justify-content:center;font-size:26px; } .highlight-quote-icon p{margin:0;max-width:none;text-align:left;} @media(max-width:600px){.highlight-quote-icon{flex-direction:column;text-align:center;gap:14px;}.highlight-quote-icon p{text-align:center;}} /* FAQ */ .faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px;} .faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;} .faq-q{ width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px; padding:20px 22px;text-align:left;font-weight:700;font-size:15.5px;color:var(--navy); } .faq-q .plus{flex:none;width:24px;height:24px;border-radius:50%;background:var(--bg-light);color:var(--blue-text); display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .25s ease;} .faq-item.open .faq-q .plus{transform:rotate(45deg);background:var(--accent);color:#fff;} .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;} .faq-a-inner{padding:0 22px 20px;font-size:14.5px;color:var(--text-secondary);} .ph-note{color:#8A5E00;font-weight:600;} /* Final CTA */ .final-cta{ position:relative;padding:110px 0;text-align:center;color:#fff; background:linear-gradient(180deg, rgba(16,27,61,0.55), rgba(16,27,61,0.88)), linear-gradient(120deg,#2954E5,#101B3D); } .final-cta h2{color:#fff;font-size:36px;max-width:720px;margin:0 auto 16px;} .final-cta p{color:rgba(255,255,255,0.85);max-width:600px;margin:0 auto 28px;font-size:16px;} .final-meta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:30px;} .final-meta span{ background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:999px; padding:10px 20px;font-weight:700;font-size:14px; } @media(max-width:768px){.final-cta{padding:70px 0;}.final-cta h2{font-size:26px;}} /* Footer */ footer{background:var(--navy);color:rgba(255,255,255,0.7);padding:36px 0;font-size:13px;} footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:center;} .footer-brand{display:flex;align-items:center;gap:12px;} .footer-brand img{height:42px;width:auto;display:block;} @media(max-width:600px){.footer-brand{flex-direction:column;align-items:flex-start;gap:8px;}} /* Mobile sticky bar */ .sticky-bar{ display:none;position:fixed;bottom:0;left:0;right:0;z-index:90; background:#fff;box-shadow:0 -8px 24px rgba(16,27,61,0.12); padding:12px 16px;align-items:center;justify-content:space-between;gap:10px; } .sticky-bar .price-mini{flex:none;min-width:0;} .sticky-bar .price-mini b{display:block;font-size:16px;color:var(--navy);white-space:nowrap;} .sticky-bar .price-mini span{font-size:11px;color:var(--text-secondary);white-space:nowrap;} .sticky-bar .sticky-actions{display:flex;align-items:center;gap:8px;flex:none;} .sticky-bar .btn-primary, .sticky-bar .btn-secondary-blue{ padding:12px 16px;font-size:13px;width:auto !important;flex:none;white-space:nowrap; } @media(max-width:768px){ .sticky-bar{display:flex;} body{padding-bottom:78px;} } @media(max-width:360px){ .sticky-bar{padding:10px 12px;gap:6px;} .sticky-bar .price-mini b{font-size:14.5px;} .sticky-bar .price-mini span{font-size:10px;} .sticky-bar .sticky-actions{gap:6px;} .sticky-bar .btn-primary, .sticky-bar .btn-secondary-blue{padding:10px 12px;font-size:11.5px;} } /* Modal / popup */ .overlay{ position:fixed;inset:0;background:rgba(16,27,61,0.55);z-index:200; display:none;align-items:center;justify-content:center;padding:20px; opacity:0;transition:opacity .25s ease; } .overlay.open{display:flex;opacity:1;} .modal{ background:#fff;border-radius:var(--radius-lg);max-width:520px;width:100%; max-height:88vh;overflow-y:auto;padding:32px;position:relative; transform:translateY(16px);transition:transform .25s ease; } .overlay.open .modal{transform:translateY(0);} .modal.modal-wide{max-width:680px;} .modal-close{ position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%; background:var(--bg-light);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:18px; } .modal h2{font-size:24px;margin-bottom:6px;padding-right:30px;} .modal .modal-sub{color:var(--text-secondary);font-size:14px;margin-bottom:22px;} /* Contact modal (Telegram / MAX) */ .contact-links{display:flex;flex-direction:column;gap:14px;margin-top:6px;} .contact-btn{ display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:999px; transition:transform .15s ease, box-shadow .15s ease; } .contact-btn:hover{transform:translateY(-2px);} .contact-btn .contact-ic{ width:46px;height:46px;flex:none;display:flex;align-items:center;justify-content:center; } .contact-btn .contact-ic img{width:100%;height:100%;display:block;border-radius:12px;} .contact-btn .contact-text{display:flex;flex-direction:column;gap:2px;} .contact-btn .contact-text b{font-size:15.5px;color:#fff;font-weight:800;} .contact-btn .contact-text span{font-size:12.5px;color:rgba(255,255,255,0.85);} .contact-btn-phone{background:linear-gradient(120deg,#3DD873,#1FA34D);box-shadow:0 10px 22px rgba(31,163,77,0.32);} .contact-btn-telegram{background:linear-gradient(120deg,#2AABEE,#229ED9);box-shadow:0 10px 22px rgba(34,158,217,0.32);} .contact-btn-max{background:linear-gradient(120deg,#471AFF,#9500FF);box-shadow:0 10px 22px rgba(110,26,255,0.32);} /* Form */ .form-row{margin-bottom:14px;} .form-row label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:6px;} .form-row input[type=text],.form-row input[type=tel],.form-row input[type=email],.form-row input[type=date],.form-row select,.form-row textarea{ width:100%;padding:13px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:15px; font-family:inherit;color:var(--text);background:#fff; } .form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--blue);} .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;} .form-check{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--text-secondary);margin:14px 0;} .form-check input{margin-top:3px;} .form-check a{color:var(--blue-text);font-weight:700;text-decoration:underline;} /* Ticket type toggle */ .ticket-type-toggle{display:flex;gap:10px;margin-bottom:18px;} .ticket-type-btn{ flex:1;padding:14px 12px;border-radius:999px;border:1.5px solid var(--border); background:#fff;color:var(--text-secondary);font-weight:700;font-size:13.5px;text-align:center; transition:all .15s ease; } .ticket-type-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;} @media(max-width:420px){.ticket-type-toggle{flex-direction:column;}} /* Phone field with country code */ .phone-field{display:flex;gap:8px;} .phone-field .phone-country{ width:98px;flex:none;padding:13px 8px;border:1.5px solid var(--border);border-radius:10px; font-size:14px;font-family:inherit;color:var(--text);background:#fff; } .phone-field .phone-number{flex:1;min-width:0;} .thankyou{text-align:center;padding:20px 0;} .thankyou .tick{ width:64px;height:64px;border-radius:50%;background:#E4F7EC;color:#1EA25A;font-size:30px; display:flex;align-items:center;justify-content:center;margin:0 auto 18px; } .thankyou h2{margin-bottom:10px;} .thankyou p{font-size:15px;} @media(max-width:480px){.form-row-2{grid-template-columns:1fr;}} /* Schedule modal */ .sched-day{margin-bottom:22px;} .sched-day h4{font-size:15px;color:var(--blue-text);margin-bottom:10px;} .sched-row{display:flex;gap:14px;padding:9px 0;border-top:1px solid var(--border);font-size:14px;} .sched-day .sched-row:first-of-type{border-top:none;} .sched-row time{flex:none;width:88px;font-weight:700;color:var(--navy);} .sched-row span{color:var(--text-secondary);} .sched-note{background:#FFF7E6;border:1px dashed #F0B94D;border-radius:12px;padding:14px 16px;font-size:13px;color:#8A5E00;margin-top:6px;} /* Menu modal */ .menu-block{margin-bottom:4px;} .menu-block h4{font-size:15px;color:var(--blue-text);margin-bottom:6px;} .menu-row{display:flex;gap:14px;padding:10px 0;border-top:1px solid var(--border);font-size:14px;align-items:baseline;} .menu-block .menu-row:first-of-type{border-top:none;} .menu-cat{flex:none;width:150px;font-weight:700;color:var(--navy);} .menu-items{color:var(--text-secondary);} @media(max-width:480px){ .menu-row{flex-direction:column;gap:2px;padding:12px 0;} .menu-cat{width:auto;} } /* Autumn techno-smena additions */ .fit-card:nth-child(5) .icon-badge{background:#FFE9D6;} .fit-card:nth-child(6) .icon-badge{background:#E4EBFF;} .fit-card:nth-child(7) .icon-badge{background:#FFF3CC;} .fit-card:nth-child(8) .icon-badge{background:#E4F7EC;} .price-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px;} .price-compare-item{background:var(--bg-light);border-radius:12px;padding:14px;text-align:center;} .price-compare-item b{display:block;font-size:12.5px;color:var(--blue-text);margin-bottom:4px;} .price-compare-item .pc-pay{display:block;font-size:19px;font-weight:800;color:var(--navy);font-family:'M PLUS Rounded 1c',sans-serif;} .price-compare-item .pc-full{display:block;font-size:11px;color:var(--text-secondary);margin-top:4px;line-height:1.35;} @media(max-width:480px){.price-compare{grid-template-columns:1fr;}}

«Техноосенний прорыв 2.0»

Осенняя смена для будущих инженеров, учёных и изобретателей
📅 Даты смены26 октября – 3 ноября 2026

Робототехника, химическая лаборатория, деревообработка, хакатон и цифровой детектив с Алисой – 9 дней настоящего научно-технологического приключения.

от 21 600 ₽ родительская оплата · 9 дней / 8 ночей
🚌 Трансфер туда и обратно
🏠 Проживание и питание
☀️ Программа с утра до вечера
🧑‍🏫 Сопровождение взрослых

Кому подойдёт эта смена

Присоединиться можно разными способами – выберите свой

Индивидуальная путёвка

Индивидуальная путёвка

Дети распределяются по отрядам в зависимости от возраста – в каждом отряде свои вожатые.

Спортивным или творческим коллективом

Спортивным или творческим коллективом

Едете командой – секцией, студией, кружком? Оформим путёвки на всю группу.

Вместе с классом

Вместе с классом

Принимаем группы от 10 детей – вместе с классным руководителем или организатором поездки.

PLAYград ждёт юных учёных и инженеров

Никаких скучных лекций и школьных уроков. Ребят ждут научные эксперименты, робототехника, химическая лаборатория и настоящая командная работа — а ребёнок сможет:

01

Разберётся в технологиях

Познакомится с химией, робототехникой, инженерией и производственными технологиями в понятном игровом формате.

02

Попробует новые роли

Побудет инженером, исследователем и изобретателем — и откроет в себе новые интересы.

03

Доведёт идею до результата

Пройдёт путь от первой идеи до готового прототипа и увидит, что задумки действительно работают.

04

Разовьёт критическое мышление

Научится задавать вопросы, проверять гипотезы и аргументировать своё решение.

05

Получит опыт командной работы

Распределит роли, договорится с командой и вместе примет решение.

06

Почувствует уверенность в себе

Увидит ценность своего вклада в общий результат — и вернётся домой увереннее.

Научная программа

Наука, которую можно потрогать руками

Занятия построены через практику, игру и живые эксперименты — а не через учебники и формулы.

🧪

Химическая лаборатория

Настоящие опыты и реакции под руководством наставников.

🤖

Робототехника

Сборка и программирование работающих моделей.

🪚

Деревообработка

Работа с инструментами и материалами, свои первые конструкции.

🕵️

Цифровой детектив с Алисой

Интерактивное расследование с голосовым помощником: вопросы, ответы, улики.

💡

Хакатон для начинающих

Командой придумывают и разрабатывают решение задачи на время.

🛠️

Конструкторское бюро

«От идеи до воплощения» — защита собственных разработок.

⚡

Шоу Тесла

Эффектное научное шоу с высоким напряжением в буквальном смысле.

🎉

СтартUP и другие ивенты

Танцевальное шоу, игра про мемы, общелагерные события и финальный костёр.

«Готовых ответов не будет — ребята сами станут авторами решений и увидят, к каким последствиям приводит каждый сделанный выбор».

9 дней одного большого приключения

Окт 26 Пн
Старт смены

Добро пожаловать в PLAYград

  • Заезд и заселение
  • Знакомство с институтом «СТРОКИ»
  • Распределение по ролям и командам
  • Первые научные мастер-классы
  • Вечерний сбор команды
Основная часть

Наука и мастерские

  • Химическая лаборатория
  • Робототехника
  • Деревообработка
  • Мастер-классы и кружки по расписанию
  • Вечерние огоньки
Ноя 3 Вт
Финал

Большие события и защита проектов

  • Хакатон для начинающих
  • Цифровой детектив с Алисой
  • Конструкторское бюро и защита проектов
  • Шоу Тесла и СтартUP
  • Финальный костёр и награждение
Подробное расписание по дням и часам будет опубликовано ближе к смене.

Всё организовано – от посадки в автобус до возвращения домой

Родителям не нужно самостоятельно искать транспорт, проживание, питание и программу.

🚌

Централизованный трансфер

📋

Проверка детей по спискам

🧑‍💼

Представитель лагеря в каждом автобусе

🥽

Инструктаж по технике безопасности в лабораториях и мастерских

🧑‍🏫

Вожатые и сопровождающие рядом

🏛️

Крытые помещения на случай плохой погоды

🔒

Охраняемая территория и видеонаблюдение 24/7

⚕️

Круглосуточный медицинский пункт

📸

Ежедневный фотоотчёт в соцсетях

Ребёнку будет комфортно

Проживание

Проживание

  • Комфортные современные отапливаемые корпуса
  • Чистые санузлы и душевые на этаже
  • Размещение мальчиков и девочек: отдельно
Питание

Питание

Инфраструктура

Инфраструктура

  • Дом творчества
  • Актовый зал
  • Спортивный комплекс
  • Игровые площадки
  • Научные лаборатории и мастерские
  • Костровое место
Стоимость

9 дней научных открытий

от 21 600 ₽
родительская оплата на одного ребёнка — по коллективной путёвке (СТК)
9 днейпрограмма
8 ночейпроживание
8+научных направлений
Трансфертуда и обратно

Два варианта путёвки

Коллективная (СТК) 21 600 ₽ полная стоимость 32 826,60 ₽ с учётом сертификата 11 226,60 ₽
Индивидуальная (ИП) 26 100 ₽ полная стоимость 37 327,60 ₽ с учётом сертификата 11 226,60 ₽

Что входит в стоимость

  • Трансфер в обе стороны
  • Проживание 8 ночей
  • 3-разовое питание
  • Полная программа на 9 дней
  • Научные мастер-классы и лаборатории
  • Робототехника, химия, деревообработка
  • Хакатон и конструкторское бюро
  • Материалы для занятий
  • Шоу Тесла и СтартUP
  • Финальный костёр
  • Работа организаторов и сопровождение
  • Фирменный бейдж и материалы участника
О лагере

Лагерь, которому доверяют родители

Всесезонный детский спортивно-оздоровительный лагерь «Ленинградец» расположен в 60 км от Санкт-Петербурга.

Здесь вас ожидают живописные места Карельского перешейка, хвойный лес, чистый целебный воздух.

Лагерь принимает на отдых в каникулярный период детей и является прекрасной площадкой для спортивно-творческих коллективов.

★★★★★ 5.0 на Яндекс Картах
👨‍👩‍👧‍👦 Более 3300 оценок
Смотреть на Яндекс Картах
★★★★★

Отправляли сына в первый раз, долго выбирали лагерь, ориентировались на отзывы других родителей. Переживали жутко – он никогда так долго не был без нас. Вожатые с первого дня помогали ребёнку адаптироваться, а ещё я была в восторге от того, как ведутся соцсети лагеря – каждый день выкладывалось большое количество профессиональных фото, и мы всегда видели, чем заняты дети. Сын звонил счастливый. Приехал загорелый, повзрослевший и с кучей новых друзей. Спасибо вам большое!

Анна Соколова
★★★★★

Дочка вернулась и сразу спросила, когда можно поехать снова – для меня это лучший показатель. Программа насыщенная, скучать некогда: то квест, то мастер-класс, то дискотека. Отдельное спасибо вожатым, ребёнок до сих пор вспоминает и скучает, мечтает на следующую смену попасть к ним же в отряд.

Дмитрий Воронин
★★★★★

Сын у нас привередливый в еде, дома не допросишься суп доесть. А в лагере, говорит, кормили вкусно, даже добавку просил и всегда давали. Просит сделать тефтели как в лагере ))) Вот бы рецептик раздобыть... Корпус после ремонта, чисто, кровати удобные.

Екатерина Игнатьева
★★★★★

Ездили классом, договаривались через классного руководителя – всё оформили быстро, никакой беготни с документами. Очень насыщенная программа – дети всегда заняты. Много кружков и мероприятий, сыну было очень интересно, хотя дома всегда в телефоне (боль многих родителей). Да и мы с мужем отдохнули, чего скрывать). Благодарю вас за ваш труд!

Мария Кузнецова
★★★★★

Дочь у нас спортом не особо увлекается, боялись, что будет скучно. Оказалось зря – нашла себе занятие в творческой мастерской, привезла домой браслеты и брошку, которые сама сделала. Видно, что программу продумывали под разных детей.

Сергей Литвинов
★★★★★

Уже второй раз отправляем сына в «Ленинградец» – если бы не понравилось в первый, не поехали бы снова. Территория ухоженная, везде чисто, вечером костёр и песни под гитару – настоящая лагерная атмосфера. Ребёнок ждёт следующую смену.

Ольга Николаевна Фомина

Хотите поехать группой? Организовать поездку класса или коллектива проще, чем кажется!

Шаг 1

Оставьте заявку

Шаг 2

Получите программу и материалы для родительского чата

Шаг 3

Соберите предварительные заявки

Шаг 4

Подтвердите участие группы

🎁

Вам не придётся объяснять условия мероприятия каждому родителю. Мы предоставим для вашей группы готовые материалы.

Частые вопросы

Да. Специальные знания и техническая подготовка не нужны — все новички начинают смену в роли стажёров, а дружелюбные вожатые и небольшие отряды помогают быстро освоиться.
Дети, которые впервые участвуют в программе, начинают смену в роли стажёров. Участники прошлогодней программы получают статус лаборантов — новый уровень доступа и более ответственные задачи. При этом ребёнок любого возраста будет полноценным участником общей истории.
На территории есть крытые помещения, куда программа переносится в случае непогоды.
[Ответ уточняется – количество приёмов пищи, меню и учёт аллергий будут добавлены после подтверждения]
[Ответ уточняется – порядок связи будет опубликован после подтверждения]
[Список вещей формируется – будет прислан после бронирования]
[Перечень документов уточняется]
В родительскую оплату (от 21 600 ₽ по коллективной путёвке СТК или 26 100 ₽ по индивидуальной путёвке ИП) входят трансфер в обе стороны, проживание на 8 ночей, питание, полная программа на 9 дней, научные лаборатории и мастер-классы, хакатон, конструкторское бюро, шоу Тесла, финальный костёр, работа организаторов и сопровождение, фирменный бейдж и материалы участника.
[Условия возврата уточняются]
Да — для этого предусмотрена индивидуальная путёвка (ИП). Коллективная путёвка (СТК) оформляется на группу от класса, кружка или секции и стоит дешевле.

Подарите ребёнку 9 дней, после которых наука перестанет казаться сложной

Робототехника, химия, хакатон, конструкторское бюро и шоу Тесла — настоящее научно-технологическое приключение для каждого участника.

26 октября – 3 ноября · 9 дней / 8 ночей от 21 600 ₽
от 21 600 ₽9 дней / 8 ночей

Оставить заявку

Сначала выберите тип путёвки – ниже появятся нужные поля.

// БЛОК 99 — Общий JS: слайдеры, FAQ-аккордеон, модалки, отправка заявки в Bitrix24 — подключить один раз глобально (function(){ var header = document.getElementById('siteHeader'); window.addEventListener('scroll', function(){ header.classList.toggle('scrolled', window.scrollY > 40); }); // Mobile nav var navToggle = document.getElementById('navToggle'); var mainNav = document.getElementById('mainNav'); var navClose = document.getElementById('navClose'); var navBackdrop = document.getElementById('navBackdrop'); function openNav(){ mainNav.classList.add('open'); navBackdrop.classList.add('open'); } function closeNav(){ mainNav.classList.remove('open'); navBackdrop.classList.remove('open'); } navToggle.addEventListener('click', function(){ mainNav.classList.contains('open') ? closeNav() : openNav(); }); navClose.addEventListener('click', closeNav); navBackdrop.addEventListener('click', closeNav); document.querySelectorAll('.nav-link').forEach(function(a){ a.addEventListener('click', closeNav); }); document.addEventListener('keydown', function(e){ if(e.key === 'Escape') closeNav(); }); // Generic photo slider (used for hero + about-camp carousel) function initSlider(root, autoMs){ if(!root) return; var slides = root.querySelectorAll('.slide'); var dotsWrap = root.querySelector('.slider-dots'); if(!slides.length || !dotsWrap) return; var idx = 0; var auto; slides.forEach(function(s, i){ var dot = document.createElement('button'); dot.setAttribute('aria-label', 'Слайд ' + (i + 1)); if(i === 0) dot.classList.add('active'); dot.addEventListener('click', function(){ goTo(i); restart(); }); dotsWrap.appendChild(dot); }); function goTo(i){ slides[idx].classList.remove('active'); dotsWrap.children[idx].classList.remove('active'); idx = (i + slides.length) % slides.length; slides[idx].classList.add('active'); dotsWrap.children[idx].classList.add('active'); } function start(){ auto = setInterval(function(){ goTo(idx + 1); }, autoMs); } function restart(){ clearInterval(auto); start(); } var prevBtn = root.querySelector('.prev'); var nextBtn = root.querySelector('.next'); if(prevBtn) prevBtn.addEventListener('click', function(){ goTo(idx - 1); restart(); }); if(nextBtn) nextBtn.addEventListener('click', function(){ goTo(idx + 1); restart(); }); var touchStartX = null; root.addEventListener('touchstart', function(e){ touchStartX = e.touches[0].clientX; }, {passive:true}); root.addEventListener('touchend', function(e){ if(touchStartX === null) return; var dx = e.changedTouches[0].clientX - touchStartX; if(Math.abs(dx) > 40){ goTo(dx < 0 ? idx + 1 : idx - 1); restart(); } touchStartX = null; }); root.addEventListener('mouseenter', function(){ clearInterval(auto); }); root.addEventListener('mouseleave', function(){ start(); }); start(); } initSlider(document.getElementById('heroSlider'), 4500); initSlider(document.getElementById('aboutSlider'), 5000); initSlider(document.getElementById('gallerySlider'), 4000); // Reveal on scroll var io = new IntersectionObserver(function(entries){ entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in-view'); io.unobserve(e.target); } }); }, {threshold:0.15}); document.querySelectorAll('[data-animate]').forEach(function(el){ io.observe(el); }); // FAQ accordion document.querySelectorAll('.faq-item').forEach(function(item){ var q = item.querySelector('.faq-q'); var a = item.querySelector('.faq-a'); q.addEventListener('click', function(){ var isOpen = item.classList.contains('open'); document.querySelectorAll('.faq-item.open').forEach(function(other){ if(other !== item){ other.classList.remove('open'); other.querySelector('.faq-a').style.maxHeight = null; } }); if(isOpen){ item.classList.remove('open'); a.style.maxHeight = null; } else { item.classList.add('open'); a.style.maxHeight = a.scrollHeight + 'px'; } }); }); // Modals function openOverlay(el){ el.classList.add('open'); document.body.style.overflow = 'hidden'; } function closeOverlay(el){ el.classList.remove('open'); document.body.style.overflow = ''; } var formOverlay = document.getElementById('formOverlay'); var contactOverlay = document.getElementById('contactOverlay'); var menuOverlay = document.getElementById('menuOverlay'); var allOverlays = [formOverlay, contactOverlay, menuOverlay]; document.querySelectorAll('.js-open-form').forEach(function(btn){ btn.addEventListener('click', function(){ openOverlay(formOverlay); }); }); document.querySelectorAll('.js-open-contact').forEach(function(btn){ btn.addEventListener('click', function(){ openOverlay(contactOverlay); }); }); document.querySelectorAll('.js-open-menu').forEach(function(btn){ btn.addEventListener('click', function(e){ e.preventDefault(); openOverlay(menuOverlay); }); }); document.querySelectorAll('.js-close-modal').forEach(function(btn){ btn.addEventListener('click', function(){ allOverlays.forEach(closeOverlay); }); }); allOverlays.forEach(function(ov){ ov.addEventListener('click', function(e){ if(e.target === ov) closeOverlay(ov); }); }); document.addEventListener('keydown', function(e){ if(e.key === 'Escape'){ allOverlays.forEach(closeOverlay); } }); // Ticket type toggle: individual / collective var ticketBtns = document.querySelectorAll('.ticket-type-btn'); var ticketFieldsets = document.querySelectorAll('.ticket-fields'); ticketBtns.forEach(function(btn){ btn.addEventListener('click', function(){ var type = btn.getAttribute('data-type'); ticketBtns.forEach(function(b){ b.classList.toggle('active', b === btn); }); ticketFieldsets.forEach(function(fs){ var match = fs.getAttribute('data-fields') === type; fs.hidden = !match; fs.querySelectorAll('input,select').forEach(function(el){ if(el.dataset.wasRequired === '1'){ el.required = match; } }); }); }); }); // remember which fields were originally marked required so we can re-enable them when shown again document.querySelectorAll('.ticket-fields input[required], .ticket-fields select[required]').forEach(function(el){ el.dataset.wasRequired = '1'; }); // Phone mask: country code select + formatted number input document.querySelectorAll('.phone-field').forEach(function(field){ var numberInput = field.querySelector('.phone-number'); numberInput.addEventListener('input', function(){ var digits = numberInput.value.replace(/\D/g, '').slice(0, 10); var out = ''; if(digits.length > 0) out += '(' + digits.slice(0, 3); if(digits.length >= 3) out += ') ' + digits.slice(3, 6); if(digits.length >= 6) out += '-' + digits.slice(6, 8); if(digits.length >= 8) out += '-' + digits.slice(8, 10); numberInput.value = out; }); }); // "Другое" поле: показываем текстовое поле, если выбран вариант "other" document.querySelectorAll('.js-other-row').forEach(function(row){ var selectEl = document.getElementById(row.getAttribute('data-other-for')); if(!selectEl) return; selectEl.addEventListener('change', function(){ row.hidden = selectEl.value !== 'other'; }); }); function resolveChoice(selectEl, otherInputEl){ if(!selectEl) return ''; if(selectEl.value === 'other'){ return (otherInputEl && otherInputEl.value.trim()) ? otherInputEl.value.trim() : 'Другое'; } return selectEl.value; } // Bitrix24 CRM integration var BITRIX_WEBHOOK_URL = 'https://bitrix.leningradec.spb.ru/rest/1280/xv5xv0l10knldv8g/crm.lead.add.json'; function sendLeadToBitrix(formData){ var params = []; function add(key, value){ params.push(key + '=' + encodeURIComponent(value || '')); } var fullName = '', phone = '', email = '', title = '', dob = '', sourceDescription = ''; var commentLines = []; if(formData.type === 'individual'){ fullName = formData.parent_name; phone = formData.parent_phone_full; email = formData.parent_email; dob = formData.child_dob; title = 'Заявка с сайта — индивидуальная путёвка'; sourceDescription = 'Техноосенний прорыв 2.0 — ИП'; commentLines.push('Тип заявки: Индивидуальная путёвка'); commentLines.push('ФИО ребёнка: ' + (formData.child_name || '—')); commentLines.push('Дата рождения ребёнка: ' + (formData.child_dob || '—')); commentLines.push('Был ли ребёнок в лагере ранее: ' + (formData.been_before || '—')); } else { fullName = formData.filler_name; phone = formData.phone_full; email = formData.email; title = 'Заявка с сайта — коллективная путёвка' + (formData.team_name ? ' (' + formData.team_name + ')' : ''); sourceDescription = 'Техноосенний прорыв 2.0 — СТК'; commentLines.push('Тип заявки: Коллективная путёвка'); commentLines.push('Роль: ' + (formData.role || '—')); commentLines.push('Название коллектива/школы/класса: ' + (formData.team_name || '—')); commentLines.push('Количество детей: ' + (formData.count || '—')); commentLines.push('Вид спорта или творчества: ' + (formData.activity || '—')); commentLines.push('Был ли коллектив в лагере ранее: ' + (formData.been_before_collective || '—')); } commentLines.push('Откуда узнали: ' + (formData.source_channel || '—')); commentLines.push('Удобный способ связи: ' + (formData.contact_method || '—')); commentLines.push('Смена: 26 октября – 3 ноября 2026 (Техноосенний прорыв 2.0)'); var nameParts = (fullName || '').trim().split(/\s+/).filter(Boolean); var lastName = nameParts.length > 0 ? nameParts[0] : ''; var firstName = nameParts.length > 1 ? nameParts.slice(1).join(' ') : ''; add('FIELDS[TITLE]', title); add('FIELDS[SOURCE_ID]', 'WEB'); add('FIELDS[SOURCE_DESCRIPTION]', sourceDescription); add('FIELDS[NAME]', firstName); add('FIELDS[LAST_NAME]', lastName); add('FIELDS[EMAIL][0][VALUE]', email); params.push('FIELDS[EMAIL][0][VALUE_TYPE]=WORK'); add('FIELDS[PHONE][0][VALUE]', phone); params.push('FIELDS[PHONE][0][VALUE_TYPE]=WORK'); if(dob){ add('FIELDS[UF_CRM_1766676373]', dob); } add('FIELDS[COMMENTS]', commentLines.join('\n')); var url = BITRIX_WEBHOOK_URL + '?' + params.join('&'); fetch(url).catch(function(err){ console.warn('Bitrix CRM: не удалось отправить заявку', err); }); } // Form submit var leadForm = document.getElementById('leadForm'); var formStage = document.getElementById('formStage'); leadForm.addEventListener('submit', function(e){ e.preventDefault(); var activeTypeBtn = document.querySelector('.ticket-type-btn.active'); var activeType = activeTypeBtn ? activeTypeBtn.getAttribute('data-type') : 'individual'; var formData = { type: activeType }; if(activeType === 'individual'){ var iPhoneField = document.querySelector('[data-fields="individual"] .phone-field'); formData.parent_name = document.getElementById('f-i-parent-name').value; formData.parent_phone_full = iPhoneField.querySelector('.phone-country').value + ' ' + iPhoneField.querySelector('.phone-number').value; formData.parent_email = document.getElementById('f-i-parent-email').value; formData.child_name = document.getElementById('f-i-child-name').value; formData.child_dob = document.getElementById('f-i-child-dob').value; formData.been_before = document.getElementById('f-i-been-before').value; formData.source_channel = resolveChoice(document.getElementById('f-i-source'), document.getElementById('f-i-source-other')); formData.contact_method = resolveChoice(document.getElementById('f-i-contact-method'), document.getElementById('f-i-contact-method-other')); } else { var cPhoneField = document.querySelector('[data-fields="collective"] .phone-field'); formData.filler_name = document.getElementById('f-c-name').value; formData.role = document.getElementById('f-c-role').value; formData.phone_full = cPhoneField.querySelector('.phone-country').value + ' ' + cPhoneField.querySelector('.phone-number').value; formData.email = document.getElementById('f-c-email').value; formData.team_name = document.getElementById('f-c-team').value; formData.been_before_collective = document.getElementById('f-c-been-before').value; formData.count = document.getElementById('f-c-count').value; formData.activity = document.getElementById('f-c-activity').value; formData.source_channel = resolveChoice(document.getElementById('f-c-source'), document.getElementById('f-c-source-other')); formData.contact_method = resolveChoice(document.getElementById('f-c-contact-method'), document.getElementById('f-c-contact-method-other')); } sendLeadToBitrix(formData); formStage.innerHTML = '
✓

Спасибо! Заявка принята.

Менеджер свяжется с вами и пришлёт подробную информацию.

'; }); })();