/* Walkje Dog Walks final visual polish.
   Purpose: calmer text size, better spacing, easier scanning, no backend changes. */

.dw-page{
  max-width:1120px!important;
  padding-top:18px!important;
}

.dw-hero{
  grid-template-columns:.88fr 1.12fr!important;
  gap:18px!important;
  align-items:stretch!important;
  margin:22px 0 24px!important;
}

.dw-card{
  border-radius:28px!important;
  padding:20px!important;
}

.dw-card h1{
  font-size:clamp(46px,5.8vw,72px)!important;
  line-height:.92!important;
  letter-spacing:-.058em!important;
  max-width:720px!important;
  margin:12px 0 14px!important;
}

.dw-card h2,
.dw-title h2{
  font-size:clamp(30px,3.7vw,42px)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}

.dw-card p,
.dw-option p,
.dw-result p,
.dw-explain-row span,
.dw-paid p{
  font-size:16px!important;
  line-height:1.48!important;
}

.dw-kicker{
  min-height:28px!important;
  font-size:11px!important;
  letter-spacing:.02em!important;
  padding:0 11px!important;
}

.dw-area{
  margin-top:14px!important;
  padding:12px 14px!important;
  border-radius:17px!important;
  font-size:14px!important;
}

.dw-area small{
  font-size:13px!important;
  line-height:1.35!important;
}

.dw-actions{
  gap:10px!important;
  margin-top:16px!important;
}

.dw-btn{
  min-height:50px!important;
  font-size:14px!important;
  letter-spacing:-.01em!important;
}

#dogWalksLiveMap{
  height:460px!important;
  min-height:460px!important;
}

.dw-map-caption{
  padding:12px 14px!important;
}

.dw-map-caption strong{
  font-size:22px!important;
  letter-spacing:-.025em!important;
}

.dw-map-caption span{
  font-size:14px!important;
  line-height:1.35!important;
}

.dw-title{
  margin:28px 0 12px!important;
}

.dw-title p{
  font-size:15px!important;
  line-height:1.35!important;
  max-width:720px!important;
}

.dw-options{
  gap:12px!important;
  margin-bottom:18px!important;
}

.dw-option{
  border-radius:22px!important;
  padding:16px!important;
  min-height:172px!important;
  display:block!important;
}

.dw-option img{
  width:42px!important;
  height:42px!important;
  margin-bottom:12px!important;
}

.dw-option h3{
  font-size:24px!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  margin-bottom:8px!important;
}

.dw-option p{
  color:#cfe8d5!important;
  max-width:92%!important;
}

.dw-explain{
  grid-template-columns:.78fr 1.22fr!important;
  gap:14px!important;
  margin:18px 0 16px!important;
}

.dw-explain .dw-card{
  min-height:0!important;
}

.dw-explain-row{
  border-radius:16px!important;
  padding:11px 13px!important;
  margin-bottom:8px!important;
}

.dw-explain-row strong{
  font-size:14px!important;
  margin-bottom:4px!important;
}

.dw-flow{
  grid-template-columns:.72fr 1.28fr!important;
  gap:14px!important;
  margin-top:16px!important;
}

.dw-side .dw-card{
  padding:18px!important;
}

.dw-side h2{
  font-size:34px!important;
}

.dw-search input{
  min-height:48px!important;
  font-size:15px!important;
}

.dw-filter summary{
  min-height:46px!important;
  font-size:14px!important;
}

.dw-note{
  font-size:14px!important;
  line-height:1.35!important;
  padding:10px 12px!important;
}

.dw-results{
  gap:12px!important;
}

.dw-result{
  border-radius:22px!important;
  padding:14px!important;
  gap:12px!important;
}

.dw-result-icon{
  width:50px!important;
  height:50px!important;
  border-radius:17px!important;
}

.dw-result-icon img{
  width:31px!important;
  height:31px!important;
}

.dw-result h3{
  font-size:23px!important;
  line-height:1.04!important;
  margin-bottom:5px!important;
}

.dw-tags{
  gap:5px!important;
  margin-top:8px!important;
}

.dw-tag{
  min-height:26px!important;
  font-size:10.5px!important;
  padding:0 8px!important;
}

.dw-live{
  margin-top:18px!important;
}

.dw-live h2{
  max-width:760px!important;
}

.dw-form-grid{
  gap:12px!important;
}

.dw-card label{
  font-size:12px!important;
  margin:8px 0 5px!important;
}

.dw-card input,
.dw-card select,
.dw-card textarea{
  min-height:48px!important;
  font-size:15px!important;
  border-radius:15px!important;
}

.dw-paid{
  margin:18px 0 22px!important;
  border-radius:22px!important;
  padding:14px 16px!important;
}

.bottom-menu a{
  letter-spacing:-.02em!important;
}

/* desktop-only breathing room */
@media(min-width:901px){
  .dw-page > section{
    scroll-margin-top:92px;
  }

  .dw-card:first-child p{
    max-width:600px!important;
  }

  .dw-option:hover{
    transform:translateY(-2px);
  }
}

/* phone polish */
@media(max-width:900px){
  .dw-page{
    padding:10px 12px 108px!important;
  }

  .dw-hero{
    gap:12px!important;
    margin:12px 0 18px!important;
  }

  .dw-card{
    border-radius:22px!important;
    padding:14px!important;
  }

  .dw-card h1{
    font-size:clamp(38px,11vw,48px)!important;
    line-height:.95!important;
    letter-spacing:-.052em!important;
    margin:10px 0 10px!important;
  }

  .dw-card h2,
  .dw-title h2{
    font-size:clamp(28px,8.2vw,36px)!important;
    line-height:1.02!important;
  }

  .dw-card p,
  .dw-option p,
  .dw-result p,
  .dw-explain-row span,
  .dw-paid p{
    font-size:14.5px!important;
    line-height:1.43!important;
  }

  #dogWalksLiveMap{
    height:320px!important;
    min-height:320px!important;
  }

  .dw-map-caption strong{
    font-size:20px!important;
  }

  .dw-map-caption span{
    font-size:13px!important;
  }

  .dw-title{
    margin:20px 0 10px!important;
  }

  .dw-options{
    gap:9px!important;
  }

  .dw-option{
    min-height:0!important;
    grid-template-columns:44px 1fr!important;
    padding:13px!important;
    border-radius:20px!important;
  }

  .dw-option img{
    width:40px!important;
    height:40px!important;
  }

  .dw-option h3{
    font-size:21px!important;
    margin-bottom:4px!important;
  }

  .dw-option p{
    max-width:100%!important;
  }

  .dw-explain,
  .dw-flow{
    gap:10px!important;
  }

  .dw-side h2{
    font-size:31px!important;
  }

  .dw-result{
    grid-template-columns:46px 1fr!important;
    padding:12px!important;
  }

  .dw-result-icon{
    width:46px!important;
    height:46px!important;
  }

  .dw-result h3{
    font-size:21px!important;
  }

  .dw-result .dw-btn{
    grid-column:1/-1!important;
  }

  .dw-actions{
    grid-template-columns:1fr!important;
  }

  .dw-paid{
    grid-template-columns:1fr!important;
  }

  .dw-btn{
    min-height:47px!important;
  }

  .bottom-menu{
    width:min(94vw,520px)!important;
  }

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

  .bottom-menu a span{
    font-size:18px!important;
  }
}

/* very small phones */
@media(max-width:420px){
  .dw-page{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .dw-card h1{
    font-size:40px!important;
  }

  .dw-card h2,
  .dw-title h2{
    font-size:30px!important;
  }

  #dogWalksLiveMap{
    height:300px!important;
    min-height:300px!important;
  }

  .dw-option{
    grid-template-columns:40px 1fr!important;
  }

  .dw-option img{
    width:38px!important;
    height:38px!important;
  }
}