/* PESYJE V12 — professional compact Categories hero on phone/tablet.
   Dynamic admin-managed photo and dynamic category pins are preserved. */

@media (max-width:991.98px){
  .pesyje-categories-v20 .pc-v20-hero-wrap{
    padding:18px 0 18px!important;
  }
  .pesyje-categories-v20 .pc-v20-hero-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    min-height:0!important;
  }
  .pesyje-categories-v20 .pc-v20-copy{
    width:100%!important;
    max-width:none!important;
    padding:0 18px!important;
  }
  .pesyje-categories-v20 .pc-v20-eyebrow{
    min-height:34px!important;
    margin:0 0 14px!important;
    padding:7px 12px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1.2!important;
  }
  .pesyje-categories-v20 .pc-v20-title{
    max-width:620px!important;
    font-size:clamp(34px,7.6vw,44px)!important;
    line-height:.98!important;
    letter-spacing:-1.8px!important;
  }
  .pesyje-categories-v20 .pc-v20-lead{
    max-width:620px!important;
    margin-top:13px!important;
    font-size:14.5px!important;
    line-height:1.5!important;
  }
  .pesyje-categories-v20 .pc-v20-search{
    width:100%!important;
    max-width:650px!important;
    min-height:58px!important;
    margin-top:17px!important;
    padding:5px 6px 5px 14px!important;
    gap:8px!important;
    border-radius:16px!important;
    box-shadow:0 10px 26px rgba(18,55,65,.11)!important;
  }
  .pesyje-categories-v20 .pc-v20-search>i{
    margin-right:4px!important;
    font-size:17px!important;
  }
  .pesyje-categories-v20 .pc-v20-search input{
    height:46px!important;
    font-size:16px!important;
    line-height:46px!important;
  }
  .pesyje-categories-v20 .pc-v20-search button{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:13px!important;
  }
  .pesyje-categories-v20 .pc-v20-benefits{
    flex-wrap:nowrap!important;
    width:100%!important;
    max-width:650px!important;
    margin-top:12px!important;
    padding-bottom:2px!important;
    gap:8px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain!important;
  }
  .pesyje-categories-v20 .pc-v20-benefits::-webkit-scrollbar{display:none!important}
  .pesyje-categories-v20 .pc-v20-benefits span,
  .pesyje-categories-v20 .pc-v20-benefits a{
    flex:0 0 auto!important;
    min-height:36px!important;
    padding:7px 10px!important;
    border-radius:11px!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }

  /* Photo becomes a dedicated compact visual card, not an oversized second hero. */
  .pesyje-categories-v20 .pc-v20-scene{
    width:calc(100% - 36px)!important;
    max-width:720px!important;
    height:216px!important;
    min-height:216px!important;
    aspect-ratio:auto!important;
    margin:2px auto 0!important;
    border:1px solid rgba(28,70,78,.14)!important;
    border-radius:20px!important;
    background-size:cover!important;
    background-position:var(--pc-hero-pos-x,58%) var(--pc-hero-pos-y,50%)!important;
    box-shadow:0 14px 32px rgba(17,52,63,.15)!important;
    overflow:hidden!important;
  }
  .pesyje-categories-v20 .pc-v20-scene::before{
    width:7%!important;
    background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,0))!important;
  }
  .pesyje-categories-v20 .pc-v20-pin{
    width:32px!important;
    height:32px!important;
    padding:3px!important;
    border-width:2px!important;
    box-shadow:0 5px 12px rgba(31,67,70,.17)!important;
  }
  .pesyje-categories-v20 .pc-v20-pin::before{
    bottom:-11px!important;
    width:2px!important;
    height:12px!important;
  }
}

@media (max-width:520px){
  .pesyje-categories-v20 .pc-v20-hero-wrap{padding-top:15px!important}
  .pesyje-categories-v20 .pc-v20-copy{padding-inline:14px!important}
  .pesyje-categories-v20 .pc-v20-eyebrow{font-size:10.5px!important;margin-bottom:12px!important}
  .pesyje-categories-v20 .pc-v20-title{
    font-size:34px!important;
    line-height:.98!important;
    letter-spacing:-1.45px!important;
  }
  .pesyje-categories-v20 .pc-v20-lead{
    margin-top:12px!important;
    font-size:13.5px!important;
    line-height:1.48!important;
  }
  .pesyje-categories-v20 .pc-v20-search{
    min-height:54px!important;
    margin-top:15px!important;
    padding:4px 5px 4px 12px!important;
    border-radius:15px!important;
  }
  .pesyje-categories-v20 .pc-v20-search input{
    height:44px!important;
    line-height:44px!important;
    font-size:15px!important;
  }
  .pesyje-categories-v20 .pc-v20-search button{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    border-radius:12px!important;
  }
  .pesyje-categories-v20 .pc-v20-benefits span,
  .pesyje-categories-v20 .pc-v20-benefits a{
    min-height:34px!important;
    padding:6px 9px!important;
    font-size:9.8px!important;
  }
  .pesyje-categories-v20 .pc-v20-scene{
    width:calc(100% - 28px)!important;
    height:184px!important;
    min-height:184px!important;
    border-radius:18px!important;
    margin-top:0!important;
  }
  .pesyje-categories-v20 .pc-v20-pin{
    width:28px!important;
    height:28px!important;
    padding:3px!important;
  }
}

html[data-pesyje-theme="dark"] .pesyje-categories-v20 .pc-v20-scene{
  border-color:rgba(163,190,197,.20)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.30)!important;
}
html[data-pesyje-theme="dark"] .pesyje-categories-v20 .pc-v20-scene::before{
  background:linear-gradient(90deg,rgba(31,39,43,.08),transparent)!important;
}