/* COVELIS public website — premium dedicated mobile experience.
   Desktop is intentionally untouched. */
.covPublicMobileCta,.covPublicMenuIntro{display:none}

@media (max-width:760px), (orientation:landscape) and (max-height:560px) and (pointer:coarse){
  :root{
    --cov-public-mobile-header:64px;
    --cov-public-mobile-safe-bottom:env(safe-area-inset-bottom);
    --cov-public-gold:#c9a25d;
    --cov-public-ink:#08090d;
    --cov-public-card:#111319;
    --cov-public-line:rgba(201,162,93,.18);
  }
  html{scroll-padding-top:calc(var(--cov-public-mobile-header) + env(safe-area-inset-top) + 14px);scroll-behavior:smooth}
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom));overflow-x:hidden;background:#08090d}
  main{overflow:hidden}

  /* Header / app-like full-screen navigation */
  header{
    height:calc(var(--cov-public-mobile-header) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);
    background:rgba(5,6,10,.93);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(201,162,93,.16)
  }
  header .nav{min-height:var(--cov-public-mobile-header)!important;padding-left:15px!important;padding-right:13px!important}
  .logoBtn{display:flex;align-items:center;min-height:48px}
  .logoBtn img{max-width:158px;height:auto}
  .phoneTop{display:none!important}
  .mobileMenuToggle{width:46px;height:46px;border-radius:14px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.035)!important}
  .mobileMenuToggle span{width:20px!important}

  header nav#mainNav.mobileOpen{
    position:fixed!important;z-index:1000;top:calc(var(--cov-public-mobile-header) + env(safe-area-inset-top))!important;
    left:0!important;right:0!important;bottom:0!important;max-height:none!important;margin:0!important;
    padding:14px 15px calc(96px + env(safe-area-inset-bottom))!important;border:0!important;
    border-top:1px solid rgba(201,162,93,.13)!important;border-radius:0!important;background:rgba(6,7,11,.992)!important;
    box-shadow:none!important;overflow:auto!important;align-content:start
  }
  .covPublicMenuIntro{display:block;padding:8px 12px 14px;color:#8f939e;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:650}
  header nav.mobileOpen>a,header nav.mobileOpen>.navDrop>a{
    min-height:52px;display:flex!important;align-items:center!important;padding:12px 13px!important;
    border-bottom:1px solid rgba(255,255,255,.052);border-radius:11px!important;font-size:16px!important;letter-spacing:.025em!important
  }
  header nav.mobileOpen>a.active,header nav.mobileOpen>.navDrop>a.active{color:#e6c27e!important;background:rgba(201,162,93,.07)!important}
  .dropdownMenu{margin:2px 0 10px 11px!important;border-left:1px solid rgba(201,162,93,.18)!important;border-radius:0!important;padding:1px 0 1px 8px!important}
  .dropdownMenu a{min-height:43px;display:flex!important;align-items:center;padding:8px 12px!important;color:#aeb1ba!important;font-size:14px!important}
  #mainNav>.navLoginBtn{margin-top:11px!important;min-height:52px!important;justify-content:center!important;border:1px solid rgba(201,162,93,.44)!important;background:rgba(201,162,93,.10)!important;color:#e6c27e!important}

  /* Universal mobile typography and spacing */
  .wrap{padding-left:16px!important;padding-right:16px!important}
  section{padding:48px 0!important}
  .pageContent{padding:38px 0 54px!important}
  .eyebrow,.sectionEyebrow,.heroEyebrow{font-size:10px!important;letter-spacing:.16em!important;font-weight:650!important}
  h1{font-size:clamp(30px,9vw,39px)!important;line-height:1.04!important;letter-spacing:-.018em!important}
  .pageTitle{font-size:clamp(28px,8.3vw,36px)!important;line-height:1.06!important;margin-bottom:24px!important;max-width:16ch}
  h2{line-height:1.1!important}
  p,li{line-height:1.62}
  .sectionTitle{margin-bottom:24px!important}
  .sectionTitle h2{font-size:31px!important;margin-top:7px!important}
  .sectionTitle>p{font-size:15px!important;line-height:1.6!important;margin-top:12px!important}
  .btn{min-height:50px;border-radius:13px!important;font-size:15px!important;padding:13px 18px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  input,select,textarea,button{font-size:16px}
  input,select,textarea{min-height:49px;border-radius:12px!important}
  textarea{min-height:120px}

  /* Homepage hero: mobile-first cinematic composition. */
  .hero{
    min-height:min(760px,calc(100svh - var(--cov-public-mobile-header)))!important;
    display:flex!important;align-items:flex-end!important;
    background-image:linear-gradient(180deg,rgba(4,5,9,.12) 0%,rgba(4,5,9,.38) 38%,rgba(4,5,9,.97) 88%),url("../assets/hero_casa_plus_camera.jpg")!important;
    background-size:cover!important;background-position:62% center!important;border-bottom:1px solid rgba(201,162,93,.14)!important
  }
  .heroBg{display:none!important}
  .heroContent{width:100%!important;padding:30px 16px 34px!important;align-items:flex-end!important}
  .heroText{
    max-width:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
    backdrop-filter:none!important;box-shadow:none!important
  }
  .heroEyebrow{margin-bottom:10px!important;color:#d1af6f!important}
  .hero h1{font-size:clamp(34px,10vw,43px)!important;max-width:11.8ch;margin:0!important;text-shadow:0 3px 26px rgba(0,0,0,.36)}
  .heroDesc{font-size:15.5px!important;line-height:1.58!important;margin:16px 0 0!important;max-width:36ch;color:#d8d9df!important}
  .actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:22px!important}
  .actions .btn.secondary{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.17)!important;backdrop-filter:blur(8px)}

  /* Benefit strip becomes a compact swipe rail rather than four tall rows. */
  .benefitStrip{padding:15px 0 7px!important;background:#0d0f14!important;border-bottom:1px solid rgba(255,255,255,.05)!important}
  .benefitGrid{
    display:flex!important;overflow-x:auto!important;gap:9px!important;padding:0 16px 8px!important;scroll-snap-type:x mandatory;
    scrollbar-width:none!important;-webkit-overflow-scrolling:touch
  }
  .benefitGrid::-webkit-scrollbar{display:none}
  .benefitItem{
    flex:0 0 min(78vw,285px)!important;scroll-snap-align:start;display:grid!important;grid-template-columns:50px 1fr!important;
    align-items:center!important;gap:12px!important;min-height:82px!important;padding:12px!important;border:1px solid rgba(201,162,93,.12)!important;
    border-radius:15px!important;background:rgba(255,255,255,.025)!important
  }
  .benefitItem img{width:48px!important;height:48px!important;object-fit:contain}
  .benefitItem h3{font-size:15px!important;margin:0 0 3px!important}
  .benefitItem p{font-size:12px!important;line-height:1.4!important;margin:0!important;color:#9da1ab!important}

  /* Service cards: full-width tappable modules, designed like product categories. */
  .serviceGrid,.serviceList,.cards3,.pricingGrid,.grid2,.contactGrid,.serviceTextGrid,.industryGrid,.processGrid,.portalGrid{grid-template-columns:1fr!important}
  .serviceGrid{gap:10px!important}
  .serviceCard{
    min-height:112px!important;padding:14px 15px!important;border-radius:16px!important;overflow:hidden!important;
    display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
    column-gap:14px!important;align-items:center!important;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
    border-color:rgba(201,162,93,.13)!important
  }
  .serviceIconWrap{grid-row:1/3!important;width:72px!important;height:72px!important;margin:0!important;border-radius:15px!important}
  .serviceIconWrap img{max-width:66px!important;max-height:66px!important}
  .serviceCard h3{font-size:17px!important;line-height:1.25!important;margin:0 0 5px!important}
  .serviceCard p{font-size:13px!important;line-height:1.48!important;margin:0!important;color:#a9adb5!important}

  /* Process becomes a visual vertical timeline. */
  .processGrid{position:relative!important;gap:9px!important}
  .processGrid::before{content:"";position:absolute;left:28px;top:28px;bottom:28px;width:1px;background:linear-gradient(#c9a25d,rgba(201,162,93,.08))}
  .processCard{position:relative!important;min-height:108px!important;padding:16px 14px 16px 70px!important;border-radius:15px!important;background:#101218!important}
  .processNum{position:absolute!important;left:13px;top:16px;width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#c9a25d!important;color:#0b0b0b!important;font-size:11px!important;font-weight:800!important;z-index:1}
  .processCard h3{font-size:16px!important;margin-bottom:5px!important}
  .processCard p{font-size:13px!important;color:#a6aab3!important;margin:0!important}
  .processCTA{margin-top:13px!important}

  /* Why-COVELIS section: compact editorial block. */
  .whyBand{padding:50px 0!important;background:linear-gradient(180deg,#0c0e13,#0a0b0f)!important}
  .whyInner{grid-template-columns:1fr!important;gap:25px!important}
  .whyText h2{font-size:30px!important;line-height:1.08!important;margin:8px 0 14px!important}
  .whyText p{font-size:14px!important;color:#aeb1b9!important}
  .whyPoints{display:grid!important;gap:9px!important}
  .whyPoint{padding:13px!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.065)!important}
  .whyPointIcon{margin-top:2px}
  .whyPoint h4{font-size:15px!important;margin-bottom:3px!important}
  .whyPoint p{font-size:12.5px!important;line-height:1.45!important;margin:0!important}

  /* Secondary navigation cards */
  .cards3{gap:10px!important}
  .card{min-height:130px!important;padding:18px!important;border-radius:16px!important}
  .card h3{font-size:19px!important;margin-bottom:7px!important}
  .card p{font-size:13.5px!important;line-height:1.52!important}
  .cardArrow{width:38px!important;height:38px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important}

  /* Generic inner-page content */
  .box,.panel,.serviceTextBlock,.serviceCTA,.processCard,.whyPoint{border-radius:16px!important}
  .serviceList{gap:10px!important}
  .serviceList .box{padding:17px!important;min-height:145px!important}
  .serviceList .box h3{font-size:19px!important;margin-bottom:8px!important}
  .serviceList .box p{font-size:13.5px!important;line-height:1.52!important}
  .linkBtn{display:inline-flex!important;align-items:center!important;min-height:38px;margin-top:9px!important;font-size:13px!important}

  /* Pricing remains fully visible, but swipe is faster for comparison on phone. */
  #pachete{padding-top:52px!important}
  .pricingNotice{padding:13px!important;border-radius:13px!important;align-items:flex-start!important;font-size:13px!important;line-height:1.5!important}
  .pricingGrid{
    display:flex!important;overflow-x:auto!important;gap:10px!important;margin-left:-16px!important;margin-right:-16px!important;
    padding:1px 16px 10px!important;scroll-snap-type:x mandatory;scrollbar-width:none!important
  }
  .pricingGrid::-webkit-scrollbar{display:none}
  .pricingGrid>.box{flex:0 0 min(84vw,315px)!important;scroll-snap-align:center;padding:18px!important;min-height:210px!important}
  .priceValue{font-size:27px!important}
  .planDetails{border-radius:16px!important;margin-top:11px!important}

  /* Service detail screens */
  .serviceDetailHero{
    grid-template-columns:1fr!important;text-align:left!important;padding:17px!important;border-radius:18px!important;
    background:linear-gradient(145deg,rgba(201,162,93,.09),rgba(255,255,255,.018))!important;border-color:rgba(201,162,93,.17)!important
  }
  .serviceDetailHero img{width:min(44vw,154px)!important;height:auto!important;margin:0 auto 6px!important;filter:drop-shadow(0 10px 24px rgba(0,0,0,.25))}
  .serviceDetailHero h1,.serviceDetailHero h2{font-size:29px!important;margin:2px 0 8px!important}
  .serviceDetailHero p{font-size:14px!important;color:#b2b5bd!important}
  .serviceDetailHero .btn{width:100%!important;margin-top:14px!important}
  .serviceTextGrid{gap:10px!important;margin-top:11px!important}
  .serviceTextBlock{padding:17px!important;background:#101218!important;border-color:rgba(201,162,93,.10)!important}
  .serviceTextBlock h3{font-size:18px!important;margin-bottom:10px!important}
  .serviceTextBlock p,.serviceTextBlock li{font-size:13.5px!important;color:#b0b3bb!important}
  .serviceTextBlock ul{padding-left:19px!important}
  .serviceTextBlock li+li{margin-top:6px}
  .serviceCTA{padding:18px!important;margin-top:10px!important;background:linear-gradient(145deg,rgba(201,162,93,.095),rgba(255,255,255,.025))!important}
  .serviceCTA h3{font-size:19px!important;line-height:1.25!important}
  .serviceCTA p{font-size:13.5px!important;color:#b0b3bb!important}
  .serviceCTA .btn{width:100%!important;margin-top:12px!important}

  /* Industries and about cards */
  .industryGrid{gap:10px!important}
  .industryGrid .box{padding:17px!important;min-height:135px!important}
  .industryGrid h3{font-size:18px!important}
  .industryGrid p{font-size:13.5px!important}

  /* Portal landing page: looks like a preview of the app experience. */
  body[data-cov-public-page="portal"] .grid2{gap:14px!important}
  body[data-cov-public-page="portal"] .panel{padding:15px!important;background:#101218!important;border-color:rgba(201,162,93,.14)!important}
  body[data-cov-public-page="portal"] .portalGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  body[data-cov-public-page="portal"] .portalItem{min-height:84px!important;padding:12px!important;border-radius:13px!important;background:#16181f!important}
  body[data-cov-public-page="portal"] .portalItem .label{font-size:10px!important;letter-spacing:.08em!important}
  body[data-cov-public-page="portal"] .portalItem .value{font-size:16px!important;margin-top:5px!important}

  /* Contact: communication choices first, conversion form second. */
  body[data-cov-public-page="contact"] .contactGrid{gap:17px!important}
  body[data-cov-public-page="contact"] .contactGrid>div:first-child{display:grid;grid-template-columns:1fr;gap:8px}
  body[data-cov-public-page="contact"] .contactGrid>div:first-child>p{margin-bottom:8px!important}
  body[data-cov-public-page="contact"] .contactLabel{margin:7px 0 -3px!important;font-size:10px!important;letter-spacing:.12em!important}
  body[data-cov-public-page="contact"] .contactValue{
    margin:0!important;padding:12px 13px!important;border:1px solid rgba(201,162,93,.13)!important;border-radius:13px!important;
    background:#101218!important;font-size:15px!important;overflow-wrap:anywhere
  }
  body[data-cov-public-page="contact"] .panel{padding:15px!important;background:#101218!important;border-color:rgba(201,162,93,.15)!important}
  body[data-cov-public-page="contact"] .formRow{grid-template-columns:1fr!important;gap:9px!important}
  body[data-cov-public-page="contact"] form{scroll-margin-top:85px}
  .publicEntityPicker{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .publicEntityPicker span{min-height:74px!important;justify-content:center;border-radius:13px!important;padding:11px!important}
  .publicEntityPicker strong{font-size:13px!important}
  .publicEntityPicker small{font-size:11px!important;line-height:1.35!important}
  .publicCompanyCui p,.formNote{font-size:11.5px!important;line-height:1.5!important}
  .formSuccess,.formError{border-radius:11px!important;padding:11px!important}

  /* Footer condensed, but all legal/company information remains. */
  footer{padding:35px 0 calc(28px + env(safe-area-inset-bottom))!important}
  .foot{flex-direction:column!important;gap:18px!important}
  .foot>div:first-child>a:first-child img{width:158px!important}
  .footInfo{font-size:11.5px!important;line-height:1.65!important;margin-top:14px!important}
  .footLinks{margin-top:10px!important}
  .anpcBadge img{max-width:210px!important;height:auto!important}
  .footCredit{text-align:left!important;font-size:10.5px!important}
  .wa{bottom:calc(88px + env(safe-area-inset-bottom))!important;right:13px!important;transform:scale(.92);transform-origin:bottom right}

  /* Persistent contextual action bar, future-app friendly. */
  .covPublicMobileCta{
    display:grid;position:fixed;z-index:900;left:0;right:0;bottom:0;grid-template-columns:108px minmax(0,1fr);gap:8px;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(5,6,10,.96);border-top:1px solid rgba(201,162,93,.21);
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
  }
  .covPublicMobileCta a{
    display:flex;min-height:49px;align-items:center;justify-content:center;border-radius:13px;text-decoration:none;
    font:650 13.5px/1 Jost,Arial,sans-serif;white-space:nowrap;padding:0 11px
  }
  .covPublicMobileCall{border:1px solid rgba(255,255,255,.16);color:#f2f2f3;background:rgba(255,255,255,.035)}
  .covPublicMobileLead{background:#c9a25d;color:#0b0b0b;border:1px solid #c9a25d;font-weight:750!important}
}

@media(max-width:374px){
  .wrap{padding-left:13px!important;padding-right:13px!important}
  .heroContent{padding-left:13px!important;padding-right:13px!important}
  .hero h1{font-size:32px!important}
  .benefitGrid{padding-left:13px!important;padding-right:13px!important}
  .serviceCard{grid-template-columns:62px minmax(0,1fr)!important;padding:13px!important;column-gap:11px!important}
  .serviceIconWrap{width:60px!important;height:60px!important}
  .serviceIconWrap img{max-width:56px!important;max-height:56px!important}
  .pricingGrid{margin-left:-13px!important;margin-right:-13px!important;padding-left:13px!important;padding-right:13px!important}
  .publicEntityPicker{grid-template-columns:1fr!important}
  .covPublicMobileCta{grid-template-columns:92px minmax(0,1fr);padding-left:7px;padding-right:7px}
  .covPublicMobileCta a{font-size:12.5px;padding-inline:8px}
}

@media (prefers-reduced-motion:reduce) and (max-width:760px), (prefers-reduced-motion:reduce) and (orientation:landscape) and (max-height:560px) and (pointer:coarse){html{scroll-behavior:auto}}

/* Phase 9 polish — keyboard-aware conversion UI and visible keyboard focus. */
@media (max-width:760px), (orientation:landscape) and (max-height:560px) and (pointer:coarse){
  .covPublicMobileCta,.mobileMenuToggle,header nav.mobileOpen a,.btn{-webkit-tap-highlight-color:transparent}
  .covPublicMobileCta a:focus-visible,.mobileMenuToggle:focus-visible,header nav.mobileOpen a:focus-visible,.btn:focus-visible{
    outline:2px solid #c9a25d!important;outline-offset:2px!important;
  }
  header nav#mainNav.mobileOpen{max-height:calc(100vh - var(--cov-public-mobile-header) - env(safe-area-inset-top))!important;max-height:calc(100dvh - var(--cov-public-mobile-header) - env(safe-area-inset-top))!important}
  .covPublicMobileCta{transition:opacity .16s ease,transform .16s ease}
  body.covMobileKeyboardOpen{padding-bottom:12px!important}
  body.covMobileKeyboardOpen .covPublicMobileCta{opacity:0!important;pointer-events:none!important;transform:translateY(120%)!important}
}
@media (prefers-reduced-motion:reduce) and (max-width:760px), (prefers-reduced-motion:reduce) and (orientation:landscape) and (max-height:560px) and (pointer:coarse){.covPublicMobileCta{transition:none!important}}

/* Phase 9 public touch polish. */
@media (max-width:760px), (orientation:landscape) and (max-height:560px) and (pointer:coarse){
  .linkBtn{min-height:44px!important;padding-top:8px!important;padding-bottom:8px!important}
  .cardArrow{width:44px!important;height:44px!important}
}
@media (max-width:760px), (orientation:landscape) and (max-height:560px) and (pointer:coarse){.dropdownMenu a{min-height:44px!important}}

/* Phase 10 — editorial premium public experience. Mobile only; desktop remains unchanged. */
@media (max-width:760px), (orientation:landscape) and (max-height:560px) and (pointer:coarse){
  body{padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}
  body.covPublicCtaVisible{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}

  /* Full-screen menu: larger, calmer typography instead of a compact desktop menu. */
  .covPublicMenuIntro{padding:13px 12px 18px!important;color:#c9a25d!important;font-size:11px!important;letter-spacing:.20em!important}
  header nav.mobileOpen>a,header nav.mobileOpen>.navDrop>a{
    min-height:60px!important;padding:14px 12px!important;border-radius:0!important;
    font-size:clamp(21px,6.4vw,27px)!important;font-weight:560!important;letter-spacing:-.015em!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;background:transparent!important
  }
  header nav.mobileOpen>a.active,header nav.mobileOpen>.navDrop>a.active{background:transparent!important;color:#e4be78!important}
  .dropdownMenu{margin:2px 0 12px 13px!important;padding-left:13px!important}
  .dropdownMenu a{min-height:46px!important;padding:10px 12px!important;font-size:15px!important}
  #mainNav>.navLoginBtn{margin-top:18px!important;border-radius:13px!important;font-size:15px!important;min-height:52px!important}

  /* Homepage service catalog: editorial rows, not six equal template cards. */
  body[data-cov-public-page="index"] .serviceGrid{display:block!important;border-top:1px solid rgba(201,162,93,.23)!important}
  body[data-cov-public-page="index"] .serviceCard.covPublicEditorialService{
    position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 30px!important;
    grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:4px!important;min-height:0!important;
    padding:18px 2px!important;border:0!important;border-bottom:1px solid rgba(201,162,93,.20)!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important;align-items:start!important
  }
  body[data-cov-public-page="index"] .serviceCard.covPublicEditorialService::before{
    content:attr(data-cov-service-index);grid-column:1;grid-row:1/3;color:#c9a25d;font:650 11px/1.4 Jost,Arial,sans-serif;
    letter-spacing:.11em;padding-top:4px
  }
  body[data-cov-public-page="index"] .serviceCard.covPublicEditorialService .serviceIconWrap{display:none!important}
  body[data-cov-public-page="index"] .serviceCard.covPublicEditorialService h3{
    grid-column:2;grid-row:1;font-size:18px!important;line-height:1.24!important;margin:0!important;letter-spacing:-.008em!important
  }
  body[data-cov-public-page="index"] .serviceCard.covPublicEditorialService p{
    grid-column:2;grid-row:2;font-size:13px!important;line-height:1.5!important;margin:0!important;color:#9ea2ab!important;max-width:36ch
  }
  .covPublicServiceArrow{grid-column:3;grid-row:1/3;align-self:center;justify-self:end;color:#d5b16c;font-size:18px;line-height:1}
  body[data-cov-public-page="index"] .serviceCard.covPublicEditorialService:active{background:rgba(201,162,93,.045)!important}

  /* Contextual conversion bar: deliberately absent until the visitor has engaged. */
  .covPublicMobileCta{
    opacity:0!important;pointer-events:none!important;transform:translateY(calc(100% + env(safe-area-inset-bottom)))!important;
    transition:opacity .18s ease,transform .22s cubic-bezier(.2,0,0,1)!important
  }
  .covPublicMobileCta.isVisible{
    opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important
  }
  body:not(.covPublicCtaVisible) .wa{bottom:calc(16px + env(safe-area-inset-bottom))!important}
  body.covPublicCtaVisible .wa{bottom:calc(88px + env(safe-area-inset-bottom))!important}
  body[data-cov-public-page="contact"] .wa{bottom:calc(16px + env(safe-area-inset-bottom))!important}

  /* One restrained motion signature, only once. */
  .covPublicRevealTarget{opacity:0;transform:translateY(8px);transition:opacity .40s cubic-bezier(.22,1,.36,1),transform .40s cubic-bezier(.22,1,.36,1)}
  .covPublicRevealTarget.covPublicRevealReady{opacity:1;transform:none}
}

@media(max-width:374px){
  body[data-cov-public-page="index"] .serviceCard.covPublicEditorialService{grid-template-columns:36px minmax(0,1fr) 25px!important;column-gap:8px!important;padding:16px 0!important}
  body[data-cov-public-page="index"] .serviceCard.covPublicEditorialService h3{font-size:17px!important}
}

@media (prefers-reduced-motion:reduce) and (max-width:760px), (prefers-reduced-motion:reduce) and (orientation:landscape) and (max-height:560px) and (pointer:coarse){
  .covPublicRevealTarget,.covPublicRevealTarget.covPublicRevealReady{opacity:1!important;transform:none!important;transition:none!important}
  .covPublicMobileCta{transition:none!important}
}

/* Phase 11 — first live mobile feedback: standard hamburger + reliable gutters. */
@media (max-width:760px), (orientation:landscape) and (max-height:560px) and (pointer:coarse){
  /* pageContent used a shorthand that reset the .wrap horizontal padding; restore a true mobile gutter */
  .wrap.pageContent{padding:38px 18px 54px!important}
  .wrap.pageContent>section,.wrap.pageContent>article,.wrap.pageContent>div{max-width:100%}
  body[data-cov-public-page] .pageContent p,
  body[data-cov-public-page] .pageContent li,
  body[data-cov-public-page] .pageContent h1,
  body[data-cov-public-page] .pageContent h2,
  body[data-cov-public-page] .pageContent h3{overflow-wrap:anywhere}

  /* A conventional, easy-to-hit hamburger. */
  .mobileMenuToggle{
    width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
    border-radius:13px!important;gap:6px!important;border-color:rgba(201,162,93,.30)!important;
    background:rgba(255,255,255,.045)!important
  }
  .mobileMenuToggle span{width:27px!important;height:2px!important;background:#dfbd7a!important}
  header .nav{min-height:68px!important}
  :root{--cov-public-mobile-header:68px}

  header nav#mainNav.mobileOpen{padding-left:18px!important;padding-right:18px!important}
  header nav.mobileOpen>a,header nav.mobileOpen>.navDrop>a{min-height:62px!important;font-size:clamp(22px,6.6vw,28px)!important}
}

@media (orientation:landscape) and (max-height:560px) and (pointer:coarse){
  .wrap.pageContent{padding-top:28px!important;padding-bottom:42px!important;padding-left:22px!important;padding-right:22px!important}
  header nav#mainNav.mobileOpen{padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}
  header nav.mobileOpen>a,header nav.mobileOpen>.navDrop>a{min-height:52px!important;font-size:20px!important;padding-top:10px!important;padding-bottom:10px!important}
  .dropdownMenu a{min-height:42px!important;font-size:14px!important}
}
@media (max-width:760px), (orientation:landscape) and (max-height:560px) and (pointer:coarse){
  body.mobileNavOpen{overflow:hidden!important}
  .mobileMenuToggle span{transform-origin:center;transition:transform .18s ease,opacity .14s ease,width .18s ease!important}
  .mobileMenuToggle.isOpen span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .mobileMenuToggle.isOpen span:nth-child(2){opacity:0;width:0!important}
  .mobileMenuToggle.isOpen span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}

/* COVELIS v3.6.3 — live mobile quality fixes. */
@media (max-width:760px), (orientation:landscape) and (max-height:560px) and (pointer:coarse){
  /* A backdrop-filter on the header made fixed descendants relative to the 68px header box. */
  header{
    z-index:1100!important;
    background:rgba(5,6,10,.985)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  header nav#mainNav.mobileOpen{
    top:calc(var(--cov-public-mobile-header) + env(safe-area-inset-top))!important;
    bottom:auto!important;
    height:calc(100dvh - var(--cov-public-mobile-header) - env(safe-area-inset-top))!important;
    max-height:calc(100dvh - var(--cov-public-mobile-header) - env(safe-area-inset-top))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:rgba(6,7,11,.998)!important;
  }
  .dropdownMenu{background:rgba(10,12,18,.97)!important}

  /* Important small text remains readable; decorative typography is unchanged. */
  .footInfo{font-size:13px!important;color:#aaa69f!important}
  .footInfo a,.footLinks a{min-height:44px;display:inline-flex;align-items:center;color:#b7b2aa!important}
  .footLinks{font-size:13px!important}
  .footCredit{font-size:12.5px!important;color:#aaa69f!important}
  .anpcBadge{min-height:44px;display:inline-flex!important;align-items:center}
  .publicEntityPicker strong{color:#1d1d1d!important;font-size:13px!important}
  .publicEntityPicker small{color:#5f5b54!important;font-size:12px!important}
  .publicCompanyCui p,#contactForm .formNote{font-size:12.5px!important;color:#aaa69f!important}
  .wa{min-height:48px!important;min-width:132px!important;padding:11px 15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transform:none!important}
  body[data-cov-public-page="contact"]{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
}
@media(max-width:374px){
  .heroContent{padding-left:20px!important;padding-right:20px!important}
  .hero h1{max-width:11.2ch!important;overflow-wrap:break-word}
}

/* COVELIS v3.6.4 — fluid public mobile menu + compact Services accordion. */
@media (max-width:760px), (orientation:landscape) and (max-height:560px) and (pointer:coarse){
  /* Keep the drawer mounted while closed so opacity/transform can animate. */
  header nav#mainNav{
    display:flex!important;
    position:fixed!important;
    z-index:1000;
    top:calc(var(--cov-public-mobile-header) + env(safe-area-inset-top))!important;
    left:0!important;right:0!important;bottom:auto!important;
    width:100%!important;
    height:calc(100dvh - var(--cov-public-mobile-header) - env(safe-area-inset-top))!important;
    max-height:calc(100dvh - var(--cov-public-mobile-header) - env(safe-area-inset-top))!important;
    margin:0!important;
    padding:14px 18px calc(96px + env(safe-area-inset-bottom))!important;
    border:0!important;border-top:1px solid rgba(201,162,93,.13)!important;border-radius:0!important;
    background:rgba(6,7,11,.985)!important;
    box-shadow:none!important;
    overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
    flex-direction:column!important;align-items:stretch!important;align-content:start!important;gap:3px!important;
    opacity:0;visibility:hidden;pointer-events:none;
    transform:translateY(-10px) scale(.995);
    transform-origin:top center;
    transition:opacity .22s ease,transform .30s cubic-bezier(.22,1,.36,1),visibility 0s linear .30s!important;
  }
  header nav#mainNav.mobileOpen{
    opacity:1;visibility:visible;pointer-events:auto;transform:none;
    transition:opacity .22s ease,transform .30s cubic-bezier(.22,1,.36,1),visibility 0s!important;
  }
  .covPublicNavBackdrop{
    position:fixed;z-index:990;
    top:calc(var(--cov-public-mobile-header) + env(safe-area-inset-top));
    left:0;right:0;bottom:0;
    background:rgba(0,0,0,.34);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .24s ease,visibility 0s linear .24s;
  }
  body.mobileNavOpen .covPublicNavBackdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}

  /* The main rows follow the drawer with a very small stagger, enough to make hierarchy clear. */
  #mainNav>.covPublicMenuIntro,#mainNav>a,#mainNav>.navDrop{
    opacity:0;transform:translateY(-5px);
    transition:opacity .20s ease,transform .28s cubic-bezier(.22,1,.36,1);
  }
  #mainNav.mobileOpen>.covPublicMenuIntro,#mainNav.mobileOpen>a,#mainNav.mobileOpen>.navDrop{
    opacity:1;transform:none;
    transition-delay:calc(var(--cov-menu-order,0) * 26ms + 55ms);
  }

  /* On phones, Servicii is an accordion; the direct page remains available as "Toate serviciile". */
  .navDropDesktopLink{display:none!important}
  .navDropToggle{
    width:100%;min-height:62px;display:flex!important;align-items:center;justify-content:space-between;gap:12px;
    padding:12px 13px!important;border:0;border-bottom:1px solid rgba(255,255,255,.052);border-radius:11px!important;
    background:transparent;color:inherit;text-align:left;cursor:pointer;
    font-family:inherit;font-size:clamp(22px,6.6vw,28px)!important;font-weight:inherit;letter-spacing:.025em!important;
  }
  .navDropToggle.active{color:#e6c27e!important;background:rgba(201,162,93,.07)!important}
  .navDropChevron{width:10px;height:10px;display:block;flex:0 0 auto;border-right:1.5px solid #d8b570;border-bottom:1.5px solid #d8b570;transform:rotate(45deg) translate(-2px,-2px);transition:transform .28s cubic-bezier(.22,1,.36,1)}
  .navDrop.isOpen>.navDropToggle .navDropChevron{transform:rotate(225deg) translate(-1px,-1px)}

  .navDrop>.dropdownMenu{
    position:static!important;display:grid!important;grid-template-rows:0fr!important;
    min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
    opacity:0!important;visibility:visible!important;pointer-events:none!important;transform:none!important;
    overflow:hidden!important;
    transition:grid-template-rows .30s cubic-bezier(.22,1,.36,1),opacity .20s ease,margin .30s ease!important;
  }
  .navDrop>.dropdownMenu>.dropdownMenuInner{
    min-height:0;overflow:hidden;
    margin-left:13px;padding-left:13px;border-left:1px solid rgba(201,162,93,.18);
  }
  .navDrop.isOpen>.dropdownMenu{grid-template-rows:1fr!important;opacity:1!important;pointer-events:auto!important;margin:3px 0 12px!important}
  .dropdownMenu .navDropAll{display:flex!important;color:#d8b570!important;font-weight:600!important}
  .dropdownMenu a{min-height:46px!important;padding:10px 12px!important;font-size:15px!important;background:transparent!important}

}

@media (orientation:landscape) and (max-height:560px) and (pointer:coarse){
  .navDropToggle{min-height:52px;font-size:20px!important;padding-top:10px!important;padding-bottom:10px!important}
  .dropdownMenu a{min-height:42px!important;font-size:14px!important}
}

@media (prefers-reduced-motion:reduce){
  .covPublicNavBackdrop,header nav#mainNav,#mainNav>.covPublicMenuIntro,#mainNav>a,#mainNav>.navDrop,
  .navDrop>.dropdownMenu,.navDropChevron{transition:none!important;animation:none!important}
}