/* Главная по макету M1XB-3703. Подключается только на главной (pageStyles)
   и идёт после style.css, поэтому перекрывает его правила первого экрана.
   Адаптив — по макетам дизайнера (DPT-651): планшет 768 и телефон 375,
   см. медиазапросы в конце файла. */

/* ── Первый экран ─────────────────────────────────────────────────────── */
.hero.hero--home{min-height:672px;padding-bottom:96px}
.hero--home .hero-grid{align-items:start}
.hero--home .hero-side{width:392px;justify-self:end;display:flex;flex-direction:column;gap:56px}
.hero--home .tips-panel{width:100%}
.hero--home .partner{width:100%}

.hero-points{list-style:none;margin:0 0 28px;padding:0;max-width:560px;display:grid;gap:18px}
.hero-points li{position:relative;padding-left:32px;font-size:18px;line-height:1.3;color:#d4d4d8}
.hero-points b{color:#fff;font-weight:600}
.hero-points li:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background:var(--blue);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E") center/contain no-repeat}

.hero-actions{display:flex;flex-wrap:wrap;gap:8px}
a.btn-hero-secondary{width:182px;height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:12px;font-size:15px}
.hero--home .hero-copy>.hero-note{margin:28px 0 0;font-size:17px;line-height:1.3;color:#a1a1aa;max-width:none;text-align:left}

/* ── Полоса букмекеров ────────────────────────────────────────────────── */
.bookmakers-strip{background:#18181b;padding:24px 0 30px;overflow:hidden}
.bookmakers-strip__title{margin:0 0 22px;text-align:center;font-size:14px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#a1a1aa}
.bookmakers-strip__viewport{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.bookmakers-strip__track{display:flex;width:max-content;animation:bookmakers-scroll 60s linear infinite}
.bookmakers-strip__viewport:hover .bookmakers-strip__track{animation-play-state:paused}
.bookmakers-strip__list{display:flex;list-style:none;margin:0;padding:0}
.bookmakers-strip__list li{display:flex;align-items:center;white-space:nowrap;font-size:15px;font-weight:600;color:#a1a1aa}
.bookmakers-strip__list li:after{content:"";width:4px;height:4px;border-radius:50%;background:#52525b;margin:0 32px}
@keyframes bookmakers-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .bookmakers-strip__track{animation:none;width:auto;justify-content:center}
  .bookmakers-strip__list{flex-wrap:wrap;justify-content:center;row-gap:10px}
  .bookmakers-strip__list[aria-hidden]{display:none}
}

/* ── As seen on ───────────────────────────────────────────────────────── */
.press{padding-top:32px;text-align:center}
.press__title{margin:0 0 24px;font-size:14px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#a1a1aa}
.press__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.press__list--dup{display:none}
.press__list img{display:block;width:auto;height:auto;max-height:54px;opacity:.4;transition:opacity .2s}
.press__list img:hover{opacity:1}

/* ── Плитки статистики ────────────────────────────────────────────────── */
.stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.stat-tile{--c:8 120 255;position:relative;overflow:hidden;height:98px;border-radius:12px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;
  border:1px solid #27272a;box-shadow:0 0 0 1px #000;
  background:radial-gradient(ellipse 22% 85% at 37% 112%,rgb(var(--c)/.95),rgb(var(--c)/.45) 45%,transparent 78%),
             linear-gradient(90deg,#1a1b1f 12%,rgb(var(--c)/.42) 40%,rgb(var(--c)/.18) 62%,#1a1b1f 84%)}
.stat-tile--yellow{--c:243 199 0}
.stat-tile--green{--c:139 224 20}
.stat-tile img{position:relative;width:40px;height:40px}
.stat-tile div{position:relative;text-align:right}
.stat-tile strong{display:block;font-size:24px;line-height:1.2}
.stat-tile span{display:block;margin-top:6px;font-size:13px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:#d4d4d8}

/* Синие кнопки блоков — с той же текстурой, что «See Today’s Picks». */
.btn-texture{background:url('../img/btn.png') center/cover no-repeat,#0d69fd;box-shadow:0 0 0 1px #000,inset 0 1px 2px 1px rgba(255,255,255,.15)}

/* ── Общие заголовки текстовых блоков ─────────────────────────────────── */
.kicker{margin:0 0 12px;font-size:16px;color:#a1a1aa}
.home-title{margin:0;font-size:34px;line-height:1.1;letter-spacing:-.5px}
.home-title span{color:var(--blue)}
.home-lead{margin:12px 0 0;max-width:780px;font-size:16px;line-height:1.3;color:#a1a1aa}
.home-lead--wide{max-width:820px}
.home-lead a{color:inherit}
.home-lead a:hover{color:#fff}

/* ── SEO-текст ────────────────────────────────────────────────────────── */
.seo-intro{margin-top:48px;display:grid;grid-template-columns:1fr 1.27fr;gap:40px;padding:32px;border-radius:16px;background:#18181b;border:1px solid #27272a;box-shadow:0 0 0 1px #000}
.seo-intro h2{margin:0;max-width:330px;font-size:34px;line-height:1.3;letter-spacing:-.3px}
.seo-intro h2 span{color:var(--blue)}
.seo-intro__text p{margin:0 0 26px;font-size:16px;line-height:1.65;color:#a1a1aa}
.seo-intro__text p:last-child{margin-bottom:0}

/* ── Ставка дня и карточки ────────────────────────────────────────────── */
.home-predictions{margin-top:48px;scroll-margin-top:12px}
.predictions-head{margin-top:48px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.content-section>.predictions-head:first-child{margin-top:0}
.predictions-search{position:relative;flex:none;width:238px}
.predictions-search input{width:100%;height:44px;border-radius:8px;border:1px solid #303137;background:#18181b;color:#fff;font:inherit;font-size:14px;padding:0 14px 0 46px;outline:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7.5'/%3E%3Cpath d='M20.5 20.5l-4.2-4.2'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:16px center;background-size:20px}
.predictions-search input::placeholder{color:#a1a1aa}
.predictions-search input:focus{border-color:var(--blue)}
.predictions-search input::-webkit-search-cancel-button{filter:invert(.6)}

.league-scroller{position:relative;margin:32px 0}
.league-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:1px;scroll-behavior:smooth}
/* Где видна стрелка, ряд отступает от края: чипы кончаются перед кнопкой,
   а не уходят под неё. У этого края — короткое затухание: видно, что лиги
   есть дальше. На тач-экранах стрелок нет, и отступов тоже. */
@media(hover:hover){
  .league-scroller.can-prev{padding-left:48px}
  .league-scroller.can-next{padding-right:48px}
}
.league-scroller.can-prev .league-chips{-webkit-mask:linear-gradient(90deg,transparent 0,#000 32px);mask:linear-gradient(90deg,transparent 0,#000 32px)}
.league-scroller.can-next .league-chips{-webkit-mask:linear-gradient(270deg,transparent 0,#000 32px);mask:linear-gradient(270deg,transparent 0,#000 32px)}
.league-scroller.can-prev.can-next .league-chips{-webkit-mask:linear-gradient(90deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%)}
.league-scroller__btn{position:absolute;top:50%;z-index:2;width:36px;height:36px;margin-top:-18px;border-radius:50%;border:1px solid #303137;background:#18181b;cursor:pointer;transition:background-color .2s,border-color .2s}
.league-scroller__btn:hover{background:#27272a;border-color:#52525b}
.league-scroller__btn[hidden]{display:none}
.league-scroller__btn--prev{left:0}
.league-scroller__btn--next{right:0}
.league-scroller__btn:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:translate(-65%,-50%) rotate(45deg)}
.league-scroller__btn--prev:before{transform:translate(-35%,-50%) rotate(-135deg)}
/* На тач-экранах ряд листают пальцем, стрелки там только мешают. */
@media(hover:none){.league-scroller__btn{display:none!important}}
.league-chips::-webkit-scrollbar{display:none}
.league-chips a{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:20px;border:1px solid #303137;background:#18181b;color:#c9c9cc;font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .2s,color .2s}
.league-chips a:hover{background:#222225;color:#fff}
.league-chips a.active{background:#fff;border-color:#fff;color:#09090b;font-weight:600}
.league-chips img{width:24px;height:16px;object-fit:cover;border-radius:2px}

.empty-search p{color:#a1a1aa}
.predictions-note{margin:28px 0 0;text-align:center;font-size:15px;color:#a1a1aa}

/* ── Why OddScore ─────────────────────────────────────────────────────── */
.why{margin-top:96px}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
.why-card{border-radius:12px;padding:24px;background:#18181b;border:1px solid #27272a;box-shadow:0 0 0 1px #000;transition:background-color .25s ease}
.why-card:hover{background:#222225}
.why-card__icon{position:relative;display:block;width:40px;height:40px;border-radius:8px;background:#5b1f24}
.why-card__icon:before,.why-card__icon:after{content:"";position:absolute;left:11px;top:19px;width:18px;height:2px;border-radius:2px;background:#f34850;transform:rotate(45deg)}
.why-card__icon:after{transform:rotate(-45deg)}
.why-card h3{margin:32px 0 10px;font-size:20px;font-weight:600;letter-spacing:-.2px}
.why-card p{margin:0;font-size:16px;line-height:1.25;color:#a1a1aa}
.why-card .why-card__fix{margin-top:20px;padding-top:20px;border-top:1px solid #303137;color:#e4e4e7}
.why-card__fix b{color:var(--blue);font-weight:500}

/* ── How it works ─────────────────────────────────────────────────────── */
.pipeline{margin-top:56px}
.pipeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
.pipeline-step{border-radius:12px;padding:32px 24px;background:#18181b;transition:background-color .25s ease}
.pipeline-step:hover{background:#222225}
.pipeline-step__num{margin:0;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--blue)}
.pipeline-step h3{margin:18px 0 16px;font-size:20px;font-weight:600}
.pipeline-step__lead{margin:0 0 20px;font-size:16px;line-height:1.25;color:#a1a1aa}
.pipeline-step ul{margin:0;padding:0;list-style:none;display:grid;gap:18px}
.pipeline-step li{position:relative;padding-left:13px;font-size:16px;line-height:1.25;color:#e4e4e7}
.pipeline-step li:before{content:"•";position:absolute;left:0}
.pipeline-result{margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border-radius:12px;background:#18181b}
.pipeline-result p{margin:0;font-size:15px;font-weight:600}
.pipeline-result .btn{flex:none;padding:13px 16px;border-radius:8px}
.pipeline-copy{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:32px}
.pipeline-copy p{margin:0;font-size:16px;line-height:1.2;color:#a1a1aa}

/* ── Learn the market ─────────────────────────────────────────────────── */
.learn{margin-top:56px}
.learn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px}
.learn-card{position:relative;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#18181b;border:1px solid #27272a;box-shadow:0 0 0 1px #000;transition:background-color .25s ease}
.learn-card:hover{background:#222225}
.learn-card__media{aspect-ratio:288/162;overflow:hidden;background:#0a1430}
.learn-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.learn-card:hover .learn-card__media img{transform:scale(1.04)}
.learn-card__body{flex:1;display:flex;flex-direction:column;padding:24px}
.learn-card__tag{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--blue)}
.learn-card h3{margin:0;font-size:20px;line-height:1.2;font-weight:600}
.learn-card h3 a:after{content:"";position:absolute;inset:0;z-index:1}
.learn-card__text{margin:14px 0 0;font-size:16px;line-height:1.2;color:#a1a1aa;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.learn-card__more{margin-top:auto;padding-top:28px;font-size:14px;font-weight:600;color:var(--blue)}
.learn .btn-more{margin-top:32px;padding:13px 16px}

/* ── FAQ ──────────────────────────────────────────────────────────────── */
.home-faq{margin-top:48px;display:grid;grid-template-columns:1fr 1.36fr;gap:24px;align-items:start}

/* ── Призыв к действию ────────────────────────────────────────────────── */
.home-cta{margin-top:48px;margin-bottom:68px;padding:56px 32px;border-radius:16px;background:#18181b;text-align:center}
.home-cta__kicker{margin:0 0 20px;font-size:16px;color:#a1a1aa}
.home-cta .home-lead{margin:20px auto 0}
.home-cta .btn{margin-top:24px;padding:13px 16px;border-radius:8px}

/* ── Планшет и телефон: общее (по адаптивам 768 и 375) ─────────────────── */
@media(max-width:1000px){
  .hero.hero--home{min-height:auto;padding-bottom:48px}
  .hero--home .hero-slogan__accent{color:var(--blue)}

  /* «As seen on» — бегущая строка на всю ширину экрана. */
  .press{width:100%;padding-top:28px}
  .press__title{margin-bottom:18px;font-size:13px}
  .press__viewport{overflow:hidden}
  .press__track{display:flex;width:max-content;animation:bookmakers-scroll 40s linear infinite}
  .press__list,.press__list--dup{display:flex;flex-wrap:nowrap;gap:0}
  .press__list li{margin-right:40px}
  .press__list img{max-height:40px}

  /* Плитки статистики — высокие, со звездой, как в адаптивах. */
  .stat-tiles{gap:16px;margin-top:28px}
  /* Звезда — отдельной картинкой на прозрачном фоне (St1/st2/st3), фон
     и рамка — CSS. Картинки bg_1/2/3 не годятся: в них «запечены» углы
     и рамка, и на широкой плитке они съезжали внутрь. */
  /* min-height, а не height: русская подпись «Процент выигрышных прогнозов
     (30 дней)» в три строки обрезалась бы. */
  .stat-tile{min-height:125px;height:auto;gap:10px;padding:16px 18px;flex-direction:column;align-items:flex-start;justify-content:space-between;background:url('../img/St1.png') right top/auto 100% no-repeat,#18181b}
  .stat-tile--yellow{background-image:url('../img/st2.png')}
  .stat-tile--green{background-image:url('../img/st3.png')}
  .stat-tile img{width:32px;height:32px}
  .stat-tile div{text-align:left}
  .stat-tile strong{font-size:24px}
  .stat-tile span{margin-top:4px;font-size:13px;letter-spacing:1px}

  .kicker{font-size:14px;margin-bottom:8px}
  .home-title{font-size:24px}
  .home-lead{font-size:14px}
  .seo-intro h2{font-size:24px;line-height:1.25}
  .seo-intro__text p{font-size:14px;line-height:1.55;margin-bottom:20px}
  .home-faq{grid-template-columns:1fr}
  .home-faq h2 br{display:none}
}
@media(max-width:1000px) and (prefers-reduced-motion:reduce){
  .press__track{animation:none;width:auto}
  .press__list{flex-wrap:wrap;justify-content:center;row-gap:16px}
  .press__list--dup{display:none}
}

/* ── Планшет (601–1000) ───────────────────────────────────────────────── */
@media(min-width:601px) and (max-width:1000px){

  .stat-tiles{grid-template-columns:repeat(3,1fr)}
  .seo-intro{grid-template-columns:.8fr 1.2fr;gap:24px;padding:24px}

  /* Карточки прогнозов — по три в ряд, как в макете. Карточке нужно около
     250 px, иначе плашки MARKET/MODEL рядом с названием лиги обрезаются,
     поэтому уже 900 px — по две (ниже, отдельным запросом). */
  .home-predictions .prediction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .home-predictions .prediction-card{max-width:none;height:auto;min-height:236px;padding:16px}

  .why{margin-top:56px}
  .why-grid,.pipeline-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
  .why-card{padding:16px}
  .why-card h3{margin-top:20px;font-size:16px}
  .why-card p,.pipeline-step li,.pipeline-step__lead{font-size:13px}
  .why-card .why-card__fix{margin-top:14px;padding-top:14px}
  .pipeline-step{padding:16px}
  .pipeline-step h3{margin:10px 0;font-size:16px}
  .pipeline-step ul{gap:12px}
  .pipeline-copy{grid-template-columns:1fr 1fr;gap:16px}
  .pipeline-copy p{font-size:13px}
  .learn-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
  .learn-card__body{padding:16px}
  .learn-card h3{font-size:16px}
  .learn-card__text{font-size:13px}
}

@media(min-width:601px) and (max-width:899px){
  .home-predictions .prediction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ── Первый экран: планшет с 768 и уже ──────────────────────────────────
   Две колонки — только с 768, как в планшетном макете. Ниже меню уже
   свёрнуто в бургер, и первый экран идёт одной колонкой, как на телефоне:
   правой колонке подсказок там просто не хватает места. */
@media(max-width:1000px){
  /* С десктопа у подсказок фиксированная ширина 392 px — на узких экранах
     они вылезали за край. Здесь — всегда ширина своей колонки. */
  .hero--home .tip{width:100%}
}
@media(min-width:768px) and (max-width:1000px){
  /* Текст слева, подсказки дня справа, партнёр под ними на всю ширину. */
  .hero--home .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:24px;padding-top:48px;align-items:start}
  .hero--home .hero-side{display:contents}
  .hero--home .hero-copy{grid-column:1;grid-row:1}
  .hero--home .tips-panel{display:block;grid-column:2;grid-row:1;width:100%;margin:0}
  .hero--home .partner{display:flex;grid-column:1/-1;grid-row:2;width:100%;height:84px;margin-top:32px}
  .hero--home .hero-slogan{font-size:34px;letter-spacing:-1px;margin:14px 0 12px}
  .hero-points{gap:10px;margin-bottom:20px}
  .hero-points li{font-size:13px;padding-left:26px}
  .hero-points li:before{width:16px;height:16px;top:0}
  .hero--home .btn-large,a.btn-hero-secondary{width:182px;height:48px;font-size:14px}
  .hero--home .hero-copy>.hero-note{margin-top:16px;font-size:13px}
}
@media(max-width:767px){
  .hero--home .hero-grid{display:block}
  .hero--home .hero-copy{text-align:left}
  .hero--home .hero-slogan{font-size:34px;margin:16px 0 14px}
  .hero-points{gap:12px;margin:0 0 20px}
  .hero-points li{font-size:14px;padding-left:28px}
  .hero-points li:before{width:16px;height:16px;top:1px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hero--home .btn-large,a.btn-hero-secondary{width:100%;height:52px;font-size:15px}
  .hero--home .hero-copy>.hero-note{margin-top:20px;font-size:14px;text-align:left;max-width:none}
  .hero--home .hero-side{width:100%;justify-self:stretch;gap:0}
  .hero--home .tips-panel{display:block;width:100%;margin-top:40px}
  .hero--home .partner{display:flex;width:100%;height:82px;margin:16px 0 0}
}

/* ── Телефон (до 600) ─────────────────────────────────────────────────── */
@media(max-width:600px){

  .press__list img{max-height:34px}
  .press__list li{margin-right:32px}

  .stat-tiles{grid-template-columns:1fr 1fr;gap:12px}
  .stat-tile{min-height:128px}
  .stat-tile:last-child{grid-column:1/-1}
  .stat-tile span{font-size:12px;letter-spacing:.6px}

  .seo-intro{grid-template-columns:1fr;gap:16px;padding:24px 16px}
  .predictions-head{flex-direction:column;align-items:stretch}
  .predictions-search{width:100%}

  /* Why, How it works, Learn — карусели: следующая карточка выглядывает
     из-за края, ряд уходит до края экрана. */
  .why-grid,.pipeline-grid,.learn-grid{display:flex;gap:12px;margin-top:24px;margin-right:-16px;padding:1px 16px 4px 1px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .why-grid::-webkit-scrollbar,.pipeline-grid::-webkit-scrollbar,.learn-grid::-webkit-scrollbar{display:none}
  .why-grid>*,.pipeline-grid>*,.learn-grid>*{flex:0 0 280px;scroll-snap-align:start}
  .why{margin-top:48px}
  .why-card{padding:16px}
  .why-card h3{margin-top:24px;font-size:16px}
  .why-card p,.pipeline-step li,.pipeline-step__lead{font-size:14px}
  .pipeline-step{padding:16px}
  .pipeline-step h3{margin:10px 0;font-size:16px}
  .pipeline-step ul{gap:12px}
  .pipeline-result{flex-direction:column;align-items:stretch;padding:16px}
  .pipeline-result .btn{width:100%;text-align:center}
  .pipeline-copy{grid-template-columns:1fr;gap:16px}
  .pipeline-copy p{font-size:14px}
  .learn-card__body{padding:16px}
  .learn-card h3{font-size:16px}
  .learn-card__text{font-size:14px}
  .home-cta{padding:32px 16px}
  .home-cta .home-title{font-size:24px}
}

/* Кнопки первого экрана на других языках (M1XB-3712). Ширина 182px из
   макета рассчитана на английский; испанское «Ver Los Pronósticos De Hoy»
   в неё не влезает. На планшете и десктопе кнопка растёт по тексту,
   на телефоне (две колонки) текст переносится внутри кнопки с полями. */
@media(min-width:768px){
  .hero--home .btn-large,.hero--home a.btn-hero-secondary{width:auto;min-width:182px;padding:0 20px;white-space:nowrap}
}
@media(max-width:767px){
  .hero--home .btn-large,.hero--home a.btn-hero-secondary{height:auto;min-height:52px;padding:8px 12px;text-align:center;line-height:1.15}
}