/* =========================================================
   Ledos Mobile ≤ 480px — OVERRIDES (index.html НЕ трогаем)
   База макета 440px → масштабируем через --u, кроме рваных краёв
   ========================================================= */
@media (max-width: 480px) {
  :root{
    --clr-bg:#0B0B0B; --clr-white:#FFF; --clr-primary:#B50DDA;
    --cut:16px;
    /* масштаб к базе 440px: Small/Medium/Large выглядят одинаково */
    --u: calc(100vw / 440);
  }

  html,body{overflow-x:hidden;background:var(--clr-bg);color:var(--clr-white);}

  /* ---------- Секции ---------- */
  .hero, .about, .scoreboard, .ourteam, .contact {
    width:100vw; max-width:100vw; margin:0 auto; position:relative;
  }
  .hero{height:calc(956 * var(--u));}
  .about{height:calc(1100 * var(--u));}
  .scoreboard{height:calc(956 * var(--u));}
  .ourteam{min-height:calc(2523 * var(--u));}
  .contact{height:calc(956 * var(--u));}

  /* ---------- HERO ---------- */
  .hero__header{
    position:absolute;
    top: calc(env(safe-area-inset-top, 0px) + 10 * var(--u));
    left: calc(10 * var(--u));
    right: calc(10 * var(--u));
    height:calc(48 * var(--u));
    display:flex;align-items:center;justify-content:space-between;z-index:10;
  }
  .hero__logo img{width:calc(112 * var(--u));height:auto;}
  .hero__group{display:none;}
  .hero__see, .hero__ee, .hero__with, .hero__owleyes{display:none !important;}

  .hero__bg-rect{
    position:absolute; left:calc(36 * var(--u)); top:calc(360 * var(--u));
    width:calc(372 * var(--u)); height:calc(388 * var(--u));
    background:var(--clr-primary);
    box-shadow:0 0 calc(20 * var(--u)) calc(15 * var(--u)) var(--clr-primary);
    z-index:1;
  }
  .hero__owl{position:absolute; left:calc(-116 * var(--u)); top:calc(270 * var(--u)); width:calc(671 * var(--u)); height:auto; z-index:2;}
  .hero__info{position:absolute; left:calc(10 * var(--u)); top:calc(120 * var(--u)); width:calc(420 * var(--u)); z-index:3;}
  .hero__info-title{margin:0 0 calc(6 * var(--u)) 0; font:400 calc(40 * var(--u))/1 'Schibsted Grotesk',sans-serif; white-space:nowrap;}
  .hero__info-title .info-earn{display:block;}
  .hero__info-title .info-rev{display:block; margin-left:calc(196 * var(--u));}
  .hero__info-text{font:200 calc(16 * var(--u))/1.35 'Montserrat',sans-serif; width:100%;}
  .hero .btn-wrap{position:absolute; top:calc(708 * var(--u)); left:0; width:100%; z-index:5; display:block;}
  .hero .btn-wrap::before{content:""; position:absolute; inset:0; background:var(--clr-primary); filter:blur(calc(32 * var(--u))); opacity:0; transition:.25s;}
  .hero .btn-wrap:hover::before{opacity:1;}
  .hero .hero__info-btn{
    display:block; width:100%; height:calc(43 * var(--u));
    background:var(--clr-primary); color:#0B0B0B;
    font:600 calc(20 * var(--u))/calc(43 * var(--u)) 'Schibsted Grotesk',sans-serif;
    text-align:center; text-transform:uppercase; border:0; cursor:pointer;
    clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  }
  .hero__texture{position:absolute; width:773px; height:40px; left:calc(-36 * var(--u)); top:calc(770 * var(--u)); object-fit:cover; z-index:6; pointer-events:none;}

  /* ---------- ABOUT ---------- */
  .about{background-position:center; background-size:cover; overflow:hidden;}
  .about__arrow{display:none;}

  .about__title-outline{
    position:absolute; top:calc(16 * var(--u)); left:calc(10 * var(--u));
    font:700 calc(60 * var(--u))/1 'Schibsted Grotesk',sans-serif;
    color:transparent; -webkit-text-stroke:1px var(--clr-primary);
    text-shadow:0 calc(4 * var(--u)) calc(3.9 * var(--u)) var(--clr-primary), 0 calc(8 * var(--u)) calc(7 * var(--u)) rgba(181,13,218,.2);
  }
  .about__title-white{position:absolute; top:calc(18 * var(--u)); left:calc(12 * var(--u)); font:700 calc(60 * var(--u))/1 'Schibsted Grotesk',sans-serif;}
  .about__title-us{position:absolute; top:calc(65 * var(--u)); left:calc(200 * var(--u)); font:700 calc(60 * var(--u))/1 'Schibsted Grotesk',sans-serif; color:var(--clr-primary);}
  .about__feather{position:absolute; top:calc(16 * var(--u)); left:calc(329 * var(--u)); font:400 calc(18 * var(--u))/1 'Vujahday Script',cursive; transform:rotate(-16deg);}
  .about__desc{position:absolute; top:calc(179 * var(--u)); left:calc(10 * var(--u)); width:calc(420 * var(--u)); font:300 calc(16 * var(--u))/1.35 'Montserrat',sans-serif;}

  /* === ABOUT: одно-карточный слайдер с точками под карточкой === */
  .about__cards{
    position:absolute;
    top:calc(334 * var(--u)); left:calc(10 * var(--u));
    width: min(92vw, calc(420 * var(--u)));
    /* Высоту НЕ фиксируем: активный слайд даст реальную высоту */
    padding-bottom: 28px;          /* место под точки */
    overflow:visible; display:block; z-index:3;

    --ab-glow-x: 10%;
    --ab-glow-y: 16%;
    --ab-glow-blur: 48px;
  }
  /* по умолчанию все слайды вне потока */
  .about__card-wrap{
    position:absolute; inset:0; opacity:0; visibility:hidden; transform:translateX(16px);
    transition: opacity .28s ease, transform .28s ease, visibility 0s linear .28s; z-index:1;
    pointer-events:none;
  }
  /* активный — в потоке, задаёт высоту контейнеру */
  .about__card-wrap.is-active{
    position:relative; inset:auto; opacity:1; visibility:visible; transform:none; z-index:2;
    pointer-events:auto;
  }
  .about__card-wrap::before{
    content:""; position:absolute;
    left: calc(-1 * var(--ab-glow-x)); right: calc(-1 * var(--ab-glow-x));
    top: calc(-1 * var(--ab-glow-y));  bottom: calc(-1 * var(--ab-glow-y));
    background: rgba(181,13,218,1); filter: blur(var(--ab-glow-blur)); opacity:.8; z-index:1; pointer-events:none;
  }
  .about__card{
    position:relative; z-index:2; width:100%;
    min-height: clamp(112px, 30vw, 160px);
    padding: clamp(16px, 4.2vw, 26px);
    background:#000; color:#fff; display:flex; flex-direction:column; justify-content:center;
    clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  }
  .about__card h3{margin:0 0 8px; font:700 clamp(18px, 4.8vw, 22px)/1.2 'Schibsted Grotesk',sans-serif;}
  .about__card p{margin:0; font:200 clamp(14px, 4vw, 18px)/1.35 'Montserrat',sans-serif;}

  .about__indicators{
    position:absolute; left:50%; bottom:6px; transform:translateX(-50%);
    display:flex; gap:8px; z-index:3;
  }
  .about__indicators .indicator{width:12px; height:12px; border-radius:50%; background:#7D5685; border:0; padding:0;}
  .about__indicators .indicator.active{background:var(--clr-primary);}

  /* Сова и надписи — как были */
  .about__owl{
    position:absolute; top:calc(501 * var(--u)); left:calc(-160 * var(--u));
    width:calc(914 * var(--u)); height:calc(513 * var(--u));
    background:url('../assets/png/owl_aboutus.png') no-repeat center/contain; transform:none; z-index:1;
  }
  .about__twilight{position:absolute; top:calc(494 * var(--u)); left:calc(319 * var(--u)); font:400 calc(18 * var(--u))/1 'Vujahday Script',cursive; transform:rotate(14.41deg);}
  .about__hunt{position:absolute; top:calc(124 * var(--u)); left:calc(256 * var(--u)); font:400 calc(18 * var(--u))/1 'Vujahday Script',cursive; transform:rotate(15.04deg);}

  .about__texture{position:absolute; width:773px; height:74px; left:calc(-50 * var(--u)); top:calc(950 * var(--u)); object-fit:cover; z-index:6; pointer-events:none;}

  /* ---------- SCOREBOARD ---------- */
  .scoreboard{
    background:#0b0b0b url('../assets/png/owls_scoreboard.png') no-repeat;
    background-position:calc(-244 * var(--u)) calc(74 * var(--u));
    background-size:calc(735 * var(--u)) auto; overflow:hidden;
  }
  .scoreboard__divider, .scoreboard__owl-area{display:none !important;}

  .scoreboard__heading{position:absolute; top:calc(36 * var(--u)); left:calc(10 * var(--u));}
  .scoreboard__title-outline, .scoreboard__title-white{
    position:absolute; top:0; left:0; margin:0; font:700 calc(61 * var(--u))/1 'Schibsted Grotesk',sans-serif; white-space:nowrap;
  }
  .scoreboard__title-outline{color:transparent; -webkit-text-stroke:1px #fff; text-shadow:0 calc(4 * var(--u)) calc(3.9 * var(--u)) rgba(181,13,218,1), 0 calc(8 * var(--u)) calc(7 * var(--u)) rgba(181,13,218,.2);}
  .scoreboard__title-white{color:#fff;}

  /* === SCOREBOARD: одно-карточный слайдер (точки под карточкой) === */
  .scoreboard__card2-wrap{
    position:absolute; top:calc(605 * var(--u)); left:calc(18 * var(--u));
    width: min(92vw, calc(404 * var(--u)));
    /* высота подстраивается под контент активного слайда */
    padding-bottom: 28px;
    z-index:3; pointer-events:auto; user-select:none; -webkit-user-select:none; touch-action:pan-y;

    --sb-glow-x: 10%; --sb-glow-y: 16%; --sb-glow-blur: 48px; --sb-cut: 16px;
  }
  .scoreboard__card2-wrap::before{content:none !important;} /* убираем старое glow */
  .scoreboard__card2{display:none !important;}

  .sb-slide{
    position:absolute; inset:0;
    opacity:0; visibility:hidden; transform:translateY(6px);
    transition:opacity .28s ease, transform .28s ease, visibility 0s linear .28s; z-index:1;
    pointer-events:none;
  }
  .sb-slide.is-active{
    position:relative; inset:auto;
    opacity:1; visibility:visible; transform:none; z-index:2; pointer-events:auto;
  }
  .sb-slide::before{
    content:""; position:absolute;
    left: calc(-1 * var(--sb-glow-x)); right: calc(-1 * var(--sb-glow-x));
    top: calc(-1 * var(--sb-glow-y));  bottom: calc(-1 * var(--sb-glow-y));
    background: rgba(181,13,218,1); filter: blur(var(--sb-glow-blur)); opacity:.85; z-index:1; pointer-events:none;
  }
  .sb-card{
    position:relative; z-index:2; width:100%;
    min-height: clamp(112px, 30vw, 160px);
    padding: clamp(16px, 4.2vw, 26px);
    background:#000; color:#fff; display:flex; align-items:center; justify-content:center; text-align:center;
    clip-path:polygon(0 0, calc(100% - var(--sb-cut)) 0, 100% var(--sb-cut), 100% 100%, var(--sb-cut) 100%, 0 calc(100% - var(--sb-cut)));
  }
  .sb-card p{margin:0; font:500 clamp(14px, 4vw, 18px)/1.35 'Montserrat',sans-serif;}

  .sb-dots{position:absolute; left:50%; transform:translateX(-50%); bottom:6px; display:flex; gap:8px; z-index:3;}
  .sb-dot{width:12px; height:12px; border-radius:50%; background:#7D5685; border:0; padding:0;}
  .sb-dot.is-active{background:var(--clr-primary,#B50DDA);}

  .scoreboard__texture{position:absolute; width:773px; height:74px; left:calc(-166 * var(--u)); bottom:calc(-10 * var(--u)); object-fit:cover; z-index:6; pointer-events:none;}

  /* ---------- OUR TEAM / CONTACT / FOOTER — дальше без изменений важной логики ---------- */
  .ourteam::before{content:""; position:absolute; inset:0; background:url('../assets/png/ourteam_background.png') center/cover no-repeat; filter:brightness(.9); z-index:1; pointer-events:none;}
  .ourteam__heading{position:absolute; top:calc(63 * var(--u)); left:calc(10 * var(--u)); z-index:2;}
  .ourteam__title{margin:0; font:700 calc(60 * var(--u))/1 'Schibsted Grotesk',sans-serif; white-space:nowrap;}
  .ourteam__our{color:#000;}
  .ourteam__team{color:#fff; text-shadow:0 calc(4 * var(--u)) calc(3.9 * var(--u)) var(--clr-primary), 0 calc(12 * var(--u)) calc(24 * var(--u)) rgba(181,13,218,.45);}
  .ourteam__icon{position:absolute; top:calc(54 * var(--u)); left:calc(348 * var(--u)); width:calc(75.2386 * var(--u)); height:auto; z-index:2;}
  .ourteam__tagline, .ourteam__tagline2{position:absolute; z-index:2; width:calc(400 * var(--u)); font:400 calc(20 * var(--u))/1 'Vujahday Script',cursive; color:#201a15;}
  .ourteam__tagline{top:calc(159 * var(--u)); left:calc(20 * var(--u));}
  .ourteam__tagline2{top:calc(804 * var(--u)); left:calc(23 * var(--u)); transform:rotate(2.78deg);}
  .ourteam__content{position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:calc(18 * var(--u)); padding-top:calc(280 * var(--u)); padding-bottom:calc(120 * var(--u));}
  .ourteam__patch{display:none !important;}
  .ourteam__card{position:static !important; width:calc(320 * var(--u));}
  .ourteam__card img{width:100%; height:auto;}
  .ourteam__auroracard{transform:rotate(-6deg);} .ourteam__lunacard{transform:rotate(6deg);} .ourteam__atlascard{transform:rotate(-3deg);}
  .ourteam__caption{position:static !important; width:calc(320 * var(--u)); text-align:center; font:400 calc(18 * var(--u))/1 'Vujahday Script',cursive; color:#201a15;}
  .ourteam__caption--1{order:2;} .ourteam__caption--2{order:4;} .ourteam__caption--3{order:6;}
  .ourteam__auroracard{order:1;} .ourteam__lunacard{order:3;} .ourteam__atlascard{order:5;}
  .ourteam__inbox{position:static !important; order:7; font:700 calc(60 * var(--u))/1 'Schibsted Grotesk',sans-serif; color:#000;}
  .ourteam__hunters{position:relative; order:8; width:calc(420 * var(--u)); height:calc(90 * var(--u));}
  .ourteam__hunters-outline, .ourteam__hunters-white{position:absolute; top:0; left:0; margin:0; font:700 calc(61 * var(--u))/1 'Schibsted Grotesk',sans-serif;}
  .ourteam__hunters-white{color:#fff;} .ourteam__hunters-outline{color:transparent; -webkit-text-stroke:1px var(--clr-primary); text-shadow:0 calc(4 * var(--u)) calc(3.9 * var(--u)) var(--clr-primary);}
  .ourteam__final-text{position:static !important; order:9; width:calc(340 * var(--u)); text-align:center; font:400 calc(20 * var(--u))/1 'Vujahday Script',cursive; color:#201a15; transform:rotate(6.17deg);}
  .ourteam__texture{position:absolute; top:calc(-34 * var(--u)); left:calc(-166 * var(--u)); width:773px; height:74px; object-fit:cover; z-index:3;}

  .contact__heading{position:absolute; top:calc(29 * var(--u)); left:calc(20 * var(--u));}
  .contact__title-outline, .contact__title-white{position:absolute; top:0; left:0; margin:0; font:700 calc(61 * var(--u))/1 'Schibsted Grotesk',sans-serif; white-space:nowrap;}
  .contact__title-outline{color:transparent; -webkit-text-stroke:1px var(--clr-primary); text-shadow:0 calc(4 * var(--u)) calc(3.9 * var(--u)) var(--clr-primary), 0 calc(8 * var(--u)) calc(7 * var(--u)) rgba(181,13,218,.2);}
  .contact__title-white{color:#fff;}
  .contact__image{position:absolute; top:calc(120 * var(--u)); left:calc(20 * var(--u)); width:calc(400 * var(--u)); height:auto; opacity:.9;}
  .contact__btn-wrap{position:absolute; top:calc(600 * var(--u)); left:calc(20 * var(--u)); width:calc(400 * var(--u));}
  .contact__btn{display:block; width:100%; height:calc(50 * var(--u)); background:var(--clr-primary); color:#0B0B0B; font:600 calc(18 * var(--u))/calc(50 * var(--u)) 'Schibsted Grotesk',sans-serif; text-transform:uppercase; border:0; clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));}
  .contact__btn-wrap::before{content:''; position:absolute; inset:0; background:var(--clr-primary); filter:blur(calc(32 * var(--u))); opacity:0; transition:.25s; z-index:-1;}
  .contact__btn-wrap:hover::before{opacity:1;}

  .footer__header{padding:calc(20 * var(--u)); flex-direction:column; gap:calc(20 * var(--u)); align-items:center;}
  .footer__header .hero__group{flex-direction:column; gap:calc(16 * var(--u)); align-items:center;}
  .footer__header .hero__nav ul{flex-direction:row; gap:calc(16 * var(--u)); flex-wrap:wrap; justify-content:center;}
  .footer__copy{position:static; margin-top:calc(10 * var(--u)); text-align:center;}
}
/* ========== OUR TEAM — mobile full-bg, vertical flow, NO INBOX/HUNTERS (≤480px) ========== */
@media (max-width: 480px) {

  /* Фон на всю секцию */
  .ourteam{
    position: relative;
    background: url('../assets/png/ourteam_background.png') center/cover no-repeat;
    overflow: hidden;
  }
  /* если где-то остался overlay через ::before — выключаем */
  .ourteam::before{ content: none !important; }

  /* Заголовок — опускаем, чтобы рваный край не наезжал на S */
  .ourteam__heading{
    position: static !important;
    width: min(92vw, 420px);
    margin: calc(72 * var(--u)) auto 0 !important; /* ↑ при необходимости поднимай/опускай */
    z-index: 2;
  }

  /* Подписи сверху/снизу — в поток, центрируем */
  .ourteam__tagline,
  .ourteam__tagline2{
    position: static !important;
    width: min(92vw, 400px);
    margin: calc(12 * var(--u)) auto 0;
    text-align: center;
    transform: none !important;
    z-index: 2;
  }

  /* Контент колонкой — без перекрытий */
  .ourteam__content{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(24 * var(--u));
    padding: calc(16 * var(--u)) 0 calc(40 * var(--u));
    z-index: 2;
  }

  /* Полароиды — в поток, сохраняем небольшие наклоны */
  .ourteam__card{
    position: static !important;
    width: min(92vw, 360px);
    margin: 0 auto;
    overflow: visible;
    transform: none;
  }
  .ourteam__auroracard{ transform: rotate(-6deg) !important; }
  .ourteam__lunacard{   transform: rotate( 6deg) !important; }
  .ourteam__atlascard{  transform: rotate(-3deg) !important; }

  .ourteam__card img{
    display: block;
    width: 100%;
    height: auto;
    transform: none !important;
  }

  /* Подписи под полароидами */
  .ourteam__caption{
    position: static !important;
    width: min(92vw, 360px);
    margin: calc(8 * var(--u)) auto 0;
    text-align: center;
    transform: none !important;
    z-index: 2;
  }

  /* Guided by… — оставляем, адаптивный размер */
  .ourteam__final-text{
    order: 7;
    position: static !important;
    width: min(92vw, 340px);
    margin: calc(12 * var(--u)) auto 0;
    text-align: center;
    font: 400 clamp(14px, 4.2vw, 18px)/1.35 'Vujahday Script', cursive;
    transform: none !important;
  }

  /* INBOX — скрыть на всех мобильных */
  .ourteam__inbox{
    display: none !important;
  }

  /* HUNTERS — скрыть полностью на всех мобильных */
  .ourteam__hunters,
  .ourteam__hunters *{
    display: none !important;
  }
}

/* === CONTACT — +50% size, center horizontally, +100% offset from heading (mobile ≤480) === */
@media (max-width: 480px){
  .contact__image{
    /* размер +50% от оригинала (400 → 600 условных) */
    width: calc(400 * 1.5 * var(--u));

    /* отступ сверху +100% от оригинала (120 → 240 условных) */
    top: calc(120 * 2 * var(--u));

    /* центрирование по горизонтали */
    left: 50%;
    transform: translateX(-50%);
  }
}
/* === CONTACT — drop CTA button +50% lower (mobile ≤480) === */
@media (max-width: 480px){
  .contact__btn-wrap{
    /* было: top: calc(600 * var(--u)); */
    top: calc(600 * 1.3 * var(--u)); /* 600 → 900 */
  }
}
/* ===== Mobile-only safety: показываем ровно 1 карточку ===== */
@media (max-width: 480px){
  /* ABOUT — без наложений и с fallback до JS */
  .about__cards.js-ready .about__card-wrap{
    display:none !important; transition:none !important;
    position:absolute !important; inset:0 !important; opacity:0 !important; visibility:hidden !important; transform:none !important;
  }
  .about__cards.js-ready .about__card-wrap.is-active{
    display:block !important; position:relative !important;
    opacity:1 !important; visibility:visible !important;
  }
  .about__cards:not(.js-ready) .about__card-wrap{ display:none !important; }
  .about__cards:not(.js-ready) .about__card-wrap:first-child{
    display:block !important; position:relative !important;
  }

  /* SCOREBOARD — одна карточка + точки под ней */
  .scoreboard__card2-wrap.js-ready .sb-slide{
    display:none !important; transition:none !important;
  }
  .scoreboard__card2-wrap.js-ready .sb-slide.is-active{ display:block !important; }
  .sb-dots{
    position:absolute; left:50%; bottom:6px; transform:translateX(-50%);
    display:flex; gap:8px; z-index:3;
  }
  .sb-dot{ width:12px; height:12px; border-radius:50%; border:0; background:#7D5685; }
  .sb-dot.is-active{ background:var(--clr-primary,#B50DDA); }
}

/* ===== SCOREBOARD (mobile) — dots under the card ===== */
@media (max-width: 480px){
  /* даём место под точки и разрешаем им выходить ниже контейнера */
  .scoreboard__card2-wrap{
    padding-bottom: 48px;    /* было 28px — добавили запас */
    overflow: visible;       /* точки могут выходить ниже */
  }
  /* переносим точки под карточку */
  .scoreboard__card2-wrap .sb-dots{
    position: absolute;
    left: 50%;
    top: 100%;               /* прямо под активным слайдом */
    transform: translateX(-50%);
    margin-top: 10px;        /* отступ от нижней грани карточки */
    bottom: auto;            /* чтобы не прилипало к низу контейнера */
    z-index: 5;
  }
}