/* === Putkiremonttilaskuri.fi unified premium design === */
:root{
  --pr-dark:#151c24;
  --pr-dark2:#202a35;
  --pr-sand:#c8a06a;
  --pr-sand-dark:#7a552a;
  --pr-cream:#f6f1ea;
  --pr-paper:#ffffff;
  --pr-text:#1d2630;
  --pr-muted:#68717c;
  --pr-line:#e6d8c6;
}

*{box-sizing:border-box}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--pr-text);
  background:#fff;
}

a{
  color:inherit;
}

/* Header */
.topbar,
.site-header{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid #eadfce !important;
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  backdrop-filter:blur(12px);
  box-shadow:0 8px 28px rgba(21,28,36,.05);
}

.nav,
.site-nav{
  max-width:1220px !important;
  height:76px !important;
  margin:0 auto !important;
  padding:0 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
}

.brand,
.site-brand{
  display:flex !important;
  align-items:center !important;
  text-decoration:none !important;
  min-width:0 !important;
  color:var(--pr-dark) !important;
  font-weight:900 !important;
}

.brand-logo-img{
  display:block !important;
  width:260px !important;
  max-width:34vw !important;
  height:auto !important;
  object-fit:contain !important;
}

.mark,
.site-logo{
  display:none !important;
}

.menu,
.site-menu{
  display:flex !important;
  align-items:center !important;
  gap:20px !important;
  font-size:14px !important;
  font-weight:800 !important;
  color:#47515d !important;
}

.menu a,
.site-menu a{
  color:#47515d !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.menu a:hover,
.site-menu a:hover{
  color:var(--pr-sand-dark) !important;
}

.menu .work,
.site-menu .work,
.site-menu .work-cta,
.menu a[href="/avoimet-putkiremontti-tarjouspyynnot/"],
.site-menu a[href="/avoimet-putkiremontti-tarjouspyynnot/"]{
  color:var(--pr-sand-dark) !important;
  font-weight:900 !important;
}

.menu .cta,
.site-menu .site-cta,
.menu a[href="/#laskuri"],
.site-menu a[href="/#laskuri"]{
  background:var(--pr-dark) !important;
  color:#fff !important;
  padding:13px 18px !important;
  font-weight:900 !important;
  border-radius:0 !important;
}

/* General premium look */
.hero{
  background:linear-gradient(135deg,#151c24 0%,#202a35 58%,#6f5537 100%) !important;
  color:#fff !important;
}

.hero h1,
.hero h2{
  color:#fff !important;
}

.eyebrow,
.kicker,
.badge{
  color:#c8a06a !important;
  font-weight:900 !important;
  text-transform:uppercase;
  letter-spacing:.055em;
}

.section h1,
.section h2,
main h1,
main h2,
.card h1,
.card h2{
  color:var(--pr-dark);
  letter-spacing:-.8px;
}

.section,
.wrap{
  max-width:1220px;
}

.card,
.calculator-wrap,
.hero-panel,
.home-open-jobs-card{
  border-radius:0 !important;
  border:1px solid var(--pr-line) !important;
  box-shadow:0 22px 54px rgba(21,28,36,.08) !important;
}

button,
.button,
.btn,
.submit,
input[type="submit"]{
  border-radius:0 !important;
}

select,
input,
textarea{
  border-radius:0 !important;
  border:1px solid #d9c8b2 !important;
}

.footer{
  background:#111820 !important;
  color:#b9c2cc !important;
  text-align:center !important;
}

.powered-by-10x{
  margin-top:14px !important;
  padding-top:14px !important;
  border-top:1px solid rgba(255,255,255,.16) !important;
  color:#d6c7b4 !important;
  font-size:13px !important;
  text-align:center !important;
}

.powered-by-10x a{
  color:#fff !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

/* Mobile */
.mobile-menu-toggle{
  display:none !important;
}

@media(max-width:900px){
  .nav,
  .site-nav{
    height:66px !important;
    padding:0 14px !important;
  }

  .brand-logo-img{
    width:205px !important;
    max-width:62vw !important;
  }

  .menu,
  .site-menu{
    gap:10px !important;
  }

  .menu a:not(.cta):not(.work),
  .site-menu a:not(.site-cta):not(.work):not(.work-cta){
    display:none !important;
  }

  .menu .cta,
  .site-menu .site-cta{
    display:none !important;
  }

  .menu .work,
  .site-menu .work,
  .site-menu .work-cta,
  .menu a[href="/avoimet-putkiremontti-tarjouspyynnot/"],
  .site-menu a[href="/avoimet-putkiremontti-tarjouspyynnot/"]{
    display:flex !important;
    font-size:13px !important;
  }
}



/* === ONE CLEAN FINAL HEADER + MENU === */

.mobile-menu-btn{
  display:none !important;
}

.topbar{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  background:#fff !important;
  border-bottom:1px solid #eadfce !important;
  box-shadow:0 8px 24px rgba(21,28,36,.04) !important;
}

.nav{
  max-width:1220px !important;
  margin:0 auto !important;
  min-height:74px !important;
  padding:0 22px !important;
  display:grid !important;
  grid-template-columns:260px 1fr !important;
  align-items:center !important;
  gap:22px !important;
}

.brand{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  max-width:260px !important;
  overflow:hidden !important;
  text-decoration:none !important;
}

.brand-logo-img{
  display:block !important;
  width:255px !important;
  max-width:255px !important;
  height:auto !important;
  object-fit:contain !important;
}

.menu{
  display:flex !important;
  position:static !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.menu a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#47515d !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

.menu a:hover{
  color:#7a552a !important;
}

.menu .work,
.menu a[href="/avoimet-putkiremontti-tarjouspyynnot/"]{
  color:#7a552a !important;
}

.menu .cta,
.menu a[href="/#laskuri"]{
  background:#151c24 !important;
  color:#fff !important;
  padding:0 15px !important;
}

/* Tablet: make logo smaller so links fit */
@media(max-width:1100px) and (min-width:901px){
  .nav{
    grid-template-columns:220px 1fr !important;
    gap:14px !important;
    padding:0 16px !important;
  }

  .brand{
    max-width:220px !important;
  }

  .brand-logo-img{
    width:215px !important;
    max-width:215px !important;
  }

  .menu{
    gap:10px !important;
  }

  .menu a{
    font-size:12px !important;
  }

  .menu .cta,
  .menu a[href="/#laskuri"]{
    padding:0 12px !important;
  }
}

/* Mobile: logo row + one small horizontal menu row */
@media(max-width:900px){
  .topbar{
    position:sticky !important;
    top:0 !important;
    overflow:hidden !important;
  }

  .nav{
    max-width:none !important;
    width:100% !important;
    min-height:0 !important;
    padding:9px 10px 7px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    align-items:start !important;
    gap:7px !important;
  }

  .brand{
    width:100% !important;
    max-width:100% !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
  }

  .brand-logo-img{
    width:215px !important;
    max-width:78vw !important;
    height:auto !important;
  }

  .menu{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    padding:0 0 2px !important;
    margin:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .menu::-webkit-scrollbar{
    display:none !important;
  }

  .menu a,
  .menu a:not(.cta):not(.work),
  .menu .work{
    display:inline-flex !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:auto !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 10px !important;
    margin:0 !important;
    border:1px solid #eadfce !important;
    background:#fff !important;
    color:#151c24 !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    text-decoration:none !important;
  }

  .menu .work,
  .menu a[href="/avoimet-putkiremontti-tarjouspyynnot/"]{
    background:#fff8ed !important;
    color:#7a552a !important;
  }

  .menu .cta,
  .menu a[href="/#laskuri"]{
    display:inline-flex !important;
    flex:0 0 auto !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 11px !important;
    background:#151c24 !important;
    color:#fff !important;
    border:1px solid #151c24 !important;
  }
}

/* === FINAL GROUPED MOBILE MENU: no scroll === */

.mobile-group-menu{
  display:none !important;
}

@media(min-width:901px){
  .desktop-menu{
    display:flex !important;
  }
}

@media(max-width:900px){

  .nav{
    padding:9px 10px 9px !important;
    gap:8px !important;
  }

  .desktop-menu{
    display:none !important;
  }

  .mobile-group-menu{
    display:grid !important;
    width:100% !important;
    grid-template-columns:repeat(4, 1fr) !important;
    gap:6px !important;
    padding:0 !important;
    margin:0 !important;
  }

  .mobile-group-menu a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 4px !important;
    border:1px solid #eadfce !important;
    background:#fff !important;
    color:#151c24 !important;
    text-decoration:none !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }

  .mobile-group-menu a.work{
    background:#151c24 !important;
    border-color:#151c24 !important;
    color:#fff !important;
  }

  .menu,
  .site-menu{
    overflow:visible !important;
  }

  .brand-logo-img{
    width:215px !important;
    max-width:78vw !important;
  }
}

@media(max-width:370px){
  .mobile-group-menu{
    gap:4px !important;
  }

  .mobile-group-menu a{
    font-size:11px !important;
    padding:0 2px !important;
  }

  .brand-logo-img{
    width:200px !important;
    max-width:76vw !important;
  }
}

/* === ABSOLUTE FINAL: logo visible + required mobile menu === */

.mobile-menu-btn,
.mobile-group-menu{
  display:none !important;
}

/* Desktop header */
.topbar{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  background:#fff !important;
  border-bottom:1px solid #eadfce !important;
  overflow:visible !important;
}

.nav{
  max-width:1220px !important;
  margin:0 auto !important;
  min-height:74px !important;
  padding:0 22px !important;
  display:grid !important;
  grid-template-columns:255px 1fr !important;
  align-items:center !important;
  gap:22px !important;
}

.brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:255px !important;
  max-width:255px !important;
  min-width:0 !important;
  overflow:visible !important;
  text-decoration:none !important;
}

.brand-logo-img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:245px !important;
  max-width:245px !important;
  height:auto !important;
  object-fit:contain !important;
}

.desktop-menu{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
  width:100% !important;
  overflow:visible !important;
}

.desktop-menu a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:40px !important;
  color:#47515d !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  font-size:13px !important;
  font-weight:900 !important;
}

.desktop-menu .work{
  color:#7a552a !important;
}

.desktop-menu .cta{
  background:#151c24 !important;
  color:#fff !important;
  padding:0 15px !important;
}

.mobile-required-menu{
  display:none !important;
}

/* Mobile: logo + important menu, no scroll */
@media(max-width:900px){

  .topbar{
    overflow:visible !important;
  }

  .nav{
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    padding:9px 10px 10px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    align-items:start !important;
    gap:8px !important;
  }

  .brand{
    width:100% !important;
    max-width:100% !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }

  .brand-logo-img{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:220px !important;
    max-width:80vw !important;
    height:auto !important;
  }

  .desktop-menu,
  .menu.desktop-menu{
    display:none !important;
  }

  .mobile-required-menu{
    display:grid !important;
    width:100% !important;
    grid-template-columns:repeat(6, 1fr) !important;
    grid-template-areas:
      "home home price price guides guides"
      "jobs jobs jobs calc calc calc" !important;
    gap:6px !important;
    padding:0 !important;
    margin:0 !important;
  }

  .mobile-required-menu a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 5px !important;
    border:1px solid #eadfce !important;
    background:#fff !important;
    color:#151c24 !important;
    text-decoration:none !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }

  .mobile-required-menu a:nth-child(1){ grid-area:home !important; }
  .mobile-required-menu a:nth-child(2){ grid-area:price !important; }
  .mobile-required-menu a:nth-child(3){ grid-area:guides !important; }

  .mobile-required-menu .work{
    grid-area:jobs !important;
    background:#fff8ed !important;
    color:#7a552a !important;
    border-color:#e6d8c6 !important;
  }

  .mobile-required-menu .cta{
    grid-area:calc !important;
    background:#151c24 !important;
    color:#fff !important;
    border-color:#151c24 !important;
  }
}

@media(max-width:370px){
  .brand-logo-img{
    width:205px !important;
    max-width:78vw !important;
  }

  .mobile-required-menu{
    gap:5px !important;
  }

  .mobile-required-menu a{
    font-size:11px !important;
    padding:0 3px !important;
  }
}

/* =========================================================
   FINAL SITE-WIDE DESIGN UNIFICATION
   Putkiremonttilaskuri.fi premium style
   ========================================================= */

:root{
  --pr-dark:#151c24 !important;
  --pr-dark2:#202a35 !important;
  --pr-gold:#c8a06a !important;
  --pr-gold-dark:#7a552a !important;
  --pr-cream:#f6f1ea !important;
  --pr-cream2:#fff8ed !important;
  --pr-text:#1d2630 !important;
  --pr-muted:#68717c !important;
  --pr-line:#e6d8c6 !important;
  --pr-white:#ffffff !important;
}

/* Kill rounded mixed design */
*{
  border-radius:0 !important;
}

/* Base */
html,
body{
  background:#fff !important;
  color:var(--pr-text) !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

body{
  margin:0 !important;
}

/* Remove blue everywhere */
a{
  color:var(--pr-gold-dark) !important;
}

a:hover{
  color:var(--pr-dark) !important;
}

main a:not(.btn):not(.button):not(.cta):not(.work){
  color:var(--pr-gold-dark) !important;
  text-decoration-color:rgba(200,160,106,.45) !important;
}

/* Headings */
h1,h2,h3,h4{
  color:var(--pr-dark) !important;
  letter-spacing:-.7px !important;
}

.hero h1,
.hero h2,
.dark h1,
.dark h2,
.premium-band h2,
.home-open-jobs-section h2{
  color:#fff !important;
}

/* Sections */
section,
.section{
  border-radius:0 !important;
}

/* Cards / boxes / panels */
.card,
.box,
.panel,
.info-box,
.content-box,
.price-card,
.firm-card,
.company-card,
.lead-card,
.city-card,
.guide-card,
.step,
.step-card,
.feature,
.feature-card,
.calculator-wrap,
.calc-card,
.form-card,
.hero-panel,
.result-card,
.home-open-jobs-card,
.visual-card,
.service-card,
.trust-card,
.faq-item,
details,
article{
  border-radius:0 !important;
  border:1px solid var(--pr-line) !important;
  background:#fff !important;
  box-shadow:0 20px 48px rgba(21,28,36,.07) !important;
}

/* Soft background areas */
.soft,
.bg-soft,
.light,
.guide-section,
.faq-section,
.content-section,
.city-section,
.price-section{
  background:var(--pr-cream) !important;
}

/* Dark premium areas */
.dark,
.dark-section,
.premium-band,
.home-open-jobs-section,
.cta-section,
.final-cta{
  background:var(--pr-dark) !important;
  color:#fff !important;
  border-radius:0 !important;
}

.dark p,
.dark-section p,
.premium-band p,
.home-open-jobs-section p,
.cta-section p,
.final-cta p{
  color:#dbe0e6 !important;
}

/* Remove blue backgrounds */
[style*="blue"],
[style*="#007"],
[style*="#06"],
[style*="#0d6efd"],
[style*="#2563eb"],
[style*="#1d4ed8"],
[style*="#3b82f6"]{
  background-color:var(--pr-dark) !important;
  color:#fff !important;
}

/* Buttons */
button,
.btn,
.button,
.cta,
.primary,
.primary-btn,
.submit,
input[type="submit"],
a.button,
a.btn{
  border-radius:0 !important;
  background:var(--pr-dark) !important;
  color:#fff !important;
  border:1px solid var(--pr-dark) !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

button:hover,
.btn:hover,
.button:hover,
.cta:hover,
.primary:hover,
.primary-btn:hover,
.submit:hover,
input[type="submit"]:hover,
a.button:hover,
a.btn:hover{
  background:var(--pr-gold-dark) !important;
  border-color:var(--pr-gold-dark) !important;
  color:#fff !important;
}

/* Secondary / outline buttons */
.secondary,
.secondary-btn,
.outline,
.ghost,
a.secondary,
a.outline{
  background:#fff !important;
  color:var(--pr-dark) !important;
  border:1px solid var(--pr-gold) !important;
}

/* Forms */
input,
select,
textarea{
  border-radius:0 !important;
  border:1px solid #d9c8b2 !important;
  background:#fff !important;
  color:var(--pr-text) !important;
  box-shadow:none !important;
}

input:focus,
select:focus,
textarea:focus{
  outline:2px solid rgba(200,160,106,.35) !important;
  border-color:var(--pr-gold) !important;
}

/* Labels / badges / small highlights */
.badge,
.kicker,
.eyebrow,
.tag,
.label,
.chip{
  border-radius:0 !important;
  background:var(--pr-cream2) !important;
  color:var(--pr-gold-dark) !important;
  border:1px solid var(--pr-line) !important;
  font-weight:900 !important;
}

/* Tables */
table{
  border-collapse:collapse !important;
  width:100% !important;
  background:#fff !important;
}

th{
  background:var(--pr-dark) !important;
  color:#fff !important;
}

td,th{
  border:1px solid var(--pr-line) !important;
}

/* Hero consistency */
.hero{
  border-radius:0 !important;
  background:
    linear-gradient(135deg, rgba(21,28,36,.96), rgba(32,42,53,.9)),
    var(--pr-dark) !important;
}

.hero .badge,
.hero .kicker,
.hero .eyebrow{
  background:rgba(200,160,106,.12) !important;
  color:var(--pr-gold) !important;
  border-color:rgba(200,160,106,.35) !important;
}

/* Footer */
.footer,
footer{
  background:#111820 !important;
  color:#b9c2cc !important;
  border-radius:0 !important;
  text-align:center !important;
}

.footer a,
footer a{
  color:#fff !important;
}

.powered-by-10x{
  text-align:center !important;
  color:#d6c7b4 !important;
}

/* Images */
img{
  border-radius:0 !important;
}

/* Kill random blue utility classes */
.text-blue,
.blue,
.bg-blue,
.link-blue{
  color:var(--pr-gold-dark) !important;
  background-color:transparent !important;
}

/* Common old Tailwind-like blue classes if present */
.bg-blue-500,
.bg-blue-600,
.bg-blue-700,
.bg-indigo-500,
.bg-indigo-600{
  background:var(--pr-dark) !important;
}

.text-blue-500,
.text-blue-600,
.text-blue-700,
.text-indigo-500,
.text-indigo-600{
  color:var(--pr-gold-dark) !important;
}

/* Keep menu clean */
.topbar .menu a,
.topbar .desktop-menu a,
.topbar .mobile-required-menu a{
  text-decoration:none !important;
}

/* Mobile spacing */
@media(max-width:900px){
  body{
    overflow-x:hidden !important;
  }

  section,
  .section{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .card,
  .box,
  .panel,
  .info-box,
  .content-box,
  .price-card,
  .firm-card,
  .company-card,
  .lead-card,
  .city-card,
  .guide-card,
  .step,
  .step-card,
  .feature,
  .feature-card,
  .calculator-wrap,
  .calc-card,
  .form-card,
  .hero-panel,
  .result-card,
  .home-open-jobs-card,
  .visual-card,
  .service-card,
  .trust-card,
  .faq-item,
  details,
  article{
    box-shadow:0 14px 34px rgba(21,28,36,.07) !important;
  }
}

/* === URGENT FIX: desktop menu restored === */

@media(min-width:901px){

  .topbar{
    position:sticky !important;
    top:0 !important;
    z-index:99999 !important;
    background:#fff !important;
    border-bottom:1px solid #eadfce !important;
    overflow:visible !important;
  }

  .topbar .nav{
    max-width:1220px !important;
    min-height:74px !important;
    height:74px !important;
    margin:0 auto !important;
    padding:0 22px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    overflow:visible !important;
  }

  .topbar .brand{
    display:flex !important;
    flex:0 0 255px !important;
    width:255px !important;
    max-width:255px !important;
    min-width:255px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }

  .topbar .brand-logo-img{
    display:block !important;
    width:245px !important;
    max-width:245px !important;
    height:auto !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .topbar .desktop-menu{
    display:flex !important;
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    height:74px !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  .topbar .desktop-menu a{
    display:inline-flex !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:auto !important;
    height:40px !important;
    min-height:40px !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#47515d !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    box-shadow:none !important;
  }

  .topbar .desktop-menu a:hover{
    color:#7a552a !important;
  }

  .topbar .desktop-menu .work,
  .topbar .desktop-menu a[href="/avoimet-putkiremontti-tarjouspyynnot/"]{
    color:#7a552a !important;
    background:transparent !important;
  }

  .topbar .desktop-menu .cta,
  .topbar .desktop-menu a[href="/#laskuri"]{
    background:#151c24 !important;
    color:#fff !important;
    border:1px solid #151c24 !important;
    padding:0 15px !important;
  }

  .topbar .mobile-required-menu,
  .topbar .mobile-group-menu,
  .topbar .mobile-menu-btn{
    display:none !important;
  }
}

/* Tablet desktop width safety */
@media(min-width:901px) and (max-width:1120px){

  .topbar .nav{
    gap:14px !important;
    padding:0 14px !important;
  }

  .topbar .brand{
    flex-basis:215px !important;
    width:215px !important;
    max-width:215px !important;
    min-width:215px !important;
  }

  .topbar .brand-logo-img{
    width:205px !important;
    max-width:205px !important;
  }

  .topbar .desktop-menu{
    gap:9px !important;
  }

  .topbar .desktop-menu a{
    font-size:12px !important;
  }

  .topbar .desktop-menu .cta,
  .topbar .desktop-menu a[href="/#laskuri"]{
    padding:0 10px !important;
  }
}