/* LeadLoop 1.0.75 — dedicated DESKTOP finishing layer.
   Intentional isolation: nothing in this file changes the approved mobile layout.
   Keep this stylesheet as the final WordPress-enqueued CSS dependency. */

@media (min-width: 821px) {
  /* HERO: three natural text lines, expansive Loopik, full first fold.
     Earlier 8.2ch max-width plus 5.7vw font produced six broken lines. */
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero {
    min-height: 100svh !important;
    height: auto !important;
    padding: clamp(105px, 13svh, 135px) 0 26px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    background: radial-gradient(ellipse at 69% 42%, rgba(163,107,33,.06), transparent 55%),#08090a !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid {
    width: min(1480px, calc(100% - 76px)) !important;
    min-height: calc(100svh - clamp(160px, 19svh, 205px)) !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.045fr) minmax(0, .955fr) !important;
    grid-template-areas: "herotext herofigure" "herobenefits herobenefits" !important;
    column-gap: clamp(18px, 2.8vw, 52px) !important;
    row-gap: clamp(20px, 3svh, 32px) !important;
    align-items: center !important;
    align-content: center !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy {
    grid-area: herotext !important;
    padding: 0 !important;
    min-width: 0 !important;
    z-index: 2 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy h1 {
    width: 100% !important;
    max-width: none !important;
    font-size: clamp(48px, 4.05vw, 69px) !important;
    line-height: 1.065 !important;
    letter-spacing: -.057em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-wrap: balance !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy h1 br {display: initial !important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy .eyebrow {
    margin-bottom: clamp(15px,2svh,26px) !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-lead {
    max-width: 53ch !important;
    font-size: clamp(15px,1.14vw,19px) !important;
    line-height: 1.57 !important;
    margin: clamp(17px,3svh,30px) 0 clamp(19px,3svh,31px) !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy .actions {
    margin: 0 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy .actions .button {
    min-height: 58px !important;
    border-radius: 999px !important;
    padding-inline: 26px !important;
    font-size: 13px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik {
    grid-area: herofigure !important;
    display: grid !important;
    place-items: center !important;
    width: calc(100% + 55px) !important;
    max-width: 835px !important;
    margin: -10px -45px -12px 0 !important;
    justify-self: end !important;
    min-width: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik > img {
    display: block !important;
    width: 100% !important;
    height: clamp(420px, 57svh, 690px) !important;
    max-height: 72svh !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    mix-blend-mode: screen !important;
    -webkit-mask-image: radial-gradient(ellipse 74% 69% at 50% 47%, #000 60%, transparent 98%) !important;
    mask-image: radial-gradient(ellipse 74% 69% at 50% 47%, #000 60%, transparent 98%) !important;
    filter:drop-shadow(0 8px 32px rgba(228,168,59,.08)) !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid > .loopik-benefits {
    grid-area: herobenefits !important;
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    padding: 17px 0 6px !important;
    margin: 0 !important;
    border-top: 1px solid rgba(220,181,103,.24) !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid > .loopik-benefits > div {
    display: flex !important;
    gap: 14px !important;
    min-width: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 6px clamp(10px,2vw,32px) !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid > .loopik-benefits > div + div {
    border-left: 1px solid rgba(226,185,98,.22) !important;
  }

  /* STRATEGY: reserve space for the fixed header and one compact, complete experience. */
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda {
    scroll-margin-top: 112px !important;
    min-height: calc(100svh - 30px) !important;
    height: auto !important;
    padding: clamp(128px,14svh,158px) 0 clamp(34px,5svh,52px) !important;
    box-sizing: border-box !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .wrap {
    width: min(1330px, calc(100% - 96px)) !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .section-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .66fr) !important;
    align-items: end !important;
    column-gap: 55px !important;
    margin-bottom: clamp(26px, 4svh, 38px) !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .section-top h2 {
    max-width: 760px !important;
    font-size: clamp(37px, 3.25vw, 53px) !important;
    line-height: 1.09 !important;
    letter-spacing: -.045em !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .section-top .eyebrow {
    margin-bottom: 10px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .section-top .lead {
    font-size: clamp(14px,1.13vw,16px) !important;
    line-height: 1.6 !important;
    max-width: 42ch !important;
    padding-bottom: 2px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-layout {
    display: grid !important;
    grid-template-columns: minmax(265px, .74fr) minmax(0,1.26fr) !important;
    gap: clamp(26px, 3.2vw, 50px) !important;
    align-items: stretch !important;
    min-height: 0 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-tabs {
    display: grid !important;
    grid-template-rows: repeat(4, minmax(0,1fr)) !important;
    border-top: 0 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-tab {
    min-height: 72px !important;
    padding: 15px 14px !important;
    gap: 17px !important;
    border-bottom: 1px solid rgba(229,196,119,.15) !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-tab[aria-selected=true] {
    border-left: 2px solid #e0b667 !important;
    padding-left: 16px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-tab strong {
    font-size: clamp(15px,1.23vw,19px) !important;
    line-height: 1.25 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-tab small {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-panel {
    display: grid !important;
    grid-template-rows: minmax(0,1fr) auto !important;
    min-height: 0 !important;
    height: clamp(350px,47svh,425px) !important;
    max-height: 425px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 55px rgba(0,0,0,.18) !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-map {
    min-height: 0 !important;
    padding: clamp(24px,2.4vw,35px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-map .map-path {
    margin: clamp(18px,2.3svh,27px) 0 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-map > p {
    font-size: clamp(12px,1.03vw,15px) !important;
    line-height: 1.5 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-caption {
    min-height: 0 !important;
    height: auto !important;
    padding: 17px 30px 20px !important;
    display: block !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-caption h3 {
    font-size: clamp(17px,1.4vw,22px) !important;
    line-height: 1.25 !important;
    margin: 5px 0 6px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-caption p {
    max-width: 75ch !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .quiet-note {
    margin-top: 11px !important;
    font-size: 10px !important;
    opacity: .65 !important;
  }

  /* MARKETING GAMES: showcase first, editorial copy after, no thin cramped columns. */
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 {
    display: grid !important;
    grid-template-columns: minmax(0, .85fr) minmax(0,1.15fr) !important;
    align-items: center !important;
    gap: clamp(30px,3.5vw,66px) !important;
    padding: clamp(35px,4vw,58px) !important;
    min-height: 630px !important;
    overflow: visible !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .capability-copy {
    max-width: 470px !important;
    min-width: 0 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .capability-copy h3 {
    font-size: clamp(37px,3.1vw,51px) !important;
    line-height: 1.13 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .capability-copy > p {
    max-width: 49ch !important;
    line-height: 1.63 !important;
    font-size: 15px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-promo {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 520px !important;
    padding: clamp(20px,2.1vw,31px) !important;
    background: radial-gradient(ellipse at 20% 0, rgba(203,161,82,.08),transparent 55%),linear-gradient(145deg,#1a1b1b,#0e1011) !important;
    border: 1px solid rgba(231,193,116,.20) !important;
    border-radius: 22px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-promo > .demo-label {
    font-size: 10px !important;
    letter-spacing: .19em !important;
    color: #c8a66b !important;
    margin: 0 0 2px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-mini-grid {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 16px !important;
    margin: 0 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-mini {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 285px !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-mini-label {
    display: block !important;
    font-size: 9px !important;
    letter-spacing: .13em !important;
    line-height: 1.4 !important;
    margin-bottom: 11px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-mini-screen {
    width: 100% !important;
    height: 162px !important;
    flex: 0 0 162px !important;
    margin-bottom: 12px !important;
    border-radius: 12px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-mini p {
    margin: 0 !important;
    font-size: clamp(11px,.92vw,13px) !important;
    line-height: 1.47 !important;
    color: #c3bdb1 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-promo-copy {
    margin-top: 0 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-areas: "badge badge" "heading button" "text button" !important;
    align-items: center !important;
    gap: 3px 18px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .promo-badge {
    grid-area: badge !important;
    font-size: 9px !important;
    letter-spacing: .15em !important;
    margin: 0 0 3px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-promo-copy h4 {
    grid-area: heading !important;
    font-size: clamp(21px,1.55vw,27px) !important;
    line-height: 1.13 !important;
    margin: 0 0 5px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-promo-copy p {
    grid-area: text !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    max-width: 49ch !important;
    margin: 0 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-promo-copy .button {
    grid-area: button !important;
    align-self: center !important;
    white-space: nowrap !important;
    min-height: 45px !important;
    border-radius: 999px !important;
    padding: 11px 17px !important;
    font-size: 11px !important;
  }

  /* AI showcase only: preserve visual concept, give headline and image non-overlapping regions. */
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .capability-copy {
    position: relative !important;
    z-index: 3 !important;
    max-width: 500px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-2 .capability-copy h3 {
    font-size: clamp(40px,3vw,51px) !important;
  }

  /* PWA: promote recognizable phone mockup and installation advantages. */
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-0 .app-stage {
    min-width: 0 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-0 .pwa-stage-grid {
    width: 100% !important;
    max-width: 680px !important;
    grid-template-columns: minmax(190px,.88fr) minmax(180px,1fr) !important;
    gap: 24px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-0 .phone {
    width: min(100%,252px) !important;
    margin: 0 auto !important;
    box-shadow: 0 20px 55px rgba(0,0,0,.35) !important;
  }

  /* FORM: the original plugin wizard must own its content width; no fixed/intrinsic columns. */
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .contact-layout {
    grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr) !important;
    width: min(1330px,calc(100% - 96px)) !important;
    gap: clamp(35px,4.5vw,78px) !important;
    align-items: center !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .form-card {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: clamp(27px,2.4vw,39px) !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 22px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .form-card .ll-shell,
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .form-card .live-form-card,
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .form-card .ll-form,
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .ll-form-step.is-active {
    display: block !important;
    position: relative !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .ll-form-step:not(.is-active) {display:none !important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .ll-form-progress {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto 24px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .ll-form-step h3 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(27px,2.38vw,39px) !important;
    line-height: 1.14 !important;
    letter-spacing: -.045em !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
    margin: 0 0 21px !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .ll-choice-buttons {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .ll-choice-buttons > button {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 151px !important;
    height: auto !important;
    margin: 0 !important;
    padding: clamp(14px,1.55vw,24px) !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    white-space: normal !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .ll-choice-buttons > button * {
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    word-break: normal !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .ll-choice-buttons > button strong {
    font-size: clamp(20px,1.65vw,26px) !important;
    line-height: 1.2 !important;
  }
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .ll-choice-buttons > button small {
    font-size: clamp(12px,.99vw,15px) !important;
    line-height: 1.55 !important;
    color: #adaba4 !important;
  }
}

/* Slightly narrower laptops: keep layouts responsive without using mobile overrides. */
@media (min-width:821px) and (max-width:1199px) {
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-grid {width:calc(100% - 54px)!important;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-copy h1 {font-size:clamp(39px,4.45vw,56px)!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh .hero-loopik{width:calc(100% + 20px)!important;margin-right:-18px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .wrap{width:calc(100% - 64px)!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #metoda .method-layout{grid-template-columns:minmax(220px,.79fr) minmax(0,1.21fr)!important;gap:24px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important;padding:24px!important;gap:18px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-mini{padding:10px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-mini-screen{height:124px!important;flex-basis:124px!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #cap-panel-1 .game-promo-copy{grid-template-columns:1fr!important;grid-template-areas:"badge" "heading" "text" "button"!important;}
  html.ll-home-refresh-active #oxy-main.ll-refresh #rozmowa .contact-layout{width:calc(100% - 64px)!important;gap:28px!important;}
}