/* PESYJE PWA V5, phase 1. Installed PWA (or explicit opt-in preview) only. */
html.pma-v5 {
  --v5-accent: #078e88;
  --v5-text: #172832;
  --v5-muted: #61757d;
  --v5-card: #ffffff;
  --v5-page: #f4f8f9;
  --v5-stroke: #dce9eb;
  --v5-safe: env(safe-area-inset-bottom, 0px);
  background: var(--v5-page);
  width:100%;max-width:100%;overflow-x:clip;
  -webkit-text-size-adjust:100%;
}
html.pma-v5:is(.dark,[data-theme="dark"],[data-pesyje-theme="dark"],[data-bs-theme="dark"]),
html.pma-v5:has(body.dark),
html.pma-v5:has(body[data-bs-theme="dark"]) {
  --v5-text:#eef8fa;
  --v5-muted:#b1c7ce;
  --v5-card:#1c2b32;
  --v5-page:#101b21;
  --v5-stroke:#35505a;
}
html.pma-v5 body { overflow-x: clip !important; max-width:100%; }
html.pma-v5 #py30-main.pma-v5-main {background:var(--v5-page); overflow:clip;max-width:100%;}
html.pma-v5 #py30-main .pma-v5-home {width:min(100%,1250px);margin:0 auto;padding:12px 18px 36px;min-width:0;display:flex;flex-direction:column;gap:19px;color:var(--v5-text);}
html.pma-v5 #py30-main .pma-v5-home > *{min-width:0;max-width:100%;}
html.pma-v5 #py30-main .pma-v5-section-chip {display:none;}
/* The real Laravel hero including the original search form, city choices and suggestions. */
html.pma-v5 #py30-main .pma-v5-hero.py30-hero {
  position:relative!important;display:block!important; min-height:0!important;height:auto!important;
  max-width:100%;width:100%;padding:36px 24px 28px!important;margin:0!important;
  overflow:visible!important;border-radius:23px;border:1px solid rgba(106,198,198,.18);
  box-shadow:0 12px 28px rgba(0,25,32,.12);isolation:isolate;
}
html.pma-v5 #py30-main .pma-v5-hero.py30-hero > .py30-hero-background {
  z-index:-3!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  border-radius:inherit;object-fit:cover!important;
}
html.pma-v5 #py30-main .pma-v5-hero.py30-hero > .py30-hero-shade{z-index:-2!important;inset:0;border-radius:inherit;pointer-events:none;}
html.pma-v5 #py30-main .pma-v5-hero .py30-container{max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;}
html.pma-v5 #py30-main .pma-v5-hero .py30-hero-grid {display:block!important;min-width:0;}
html.pma-v5 #py30-main .pma-v5-hero .py30-hero-copy{max-width:100%!important;width:100%!important;padding:0!important;}
html.pma-v5 #py30-main .pma-v5-hero .py30-hero-copy h1,
html.pma-v5 #py30-main .pma-v5-hero #py30-title {
  max-width:16ch!important;margin:10px 0!important;font-size:clamp(28px,5vw,48px)!important;
  line-height:1.08!important;letter-spacing:-.04em!important;text-wrap:balance;
}
html.pma-v5 #py30-main .pma-v5-hero .py30-hero-copy > p{
  max-width:56ch!important;font-size:clamp(13px,1.65vw,16px)!important;line-height:1.45!important;
  margin:0 0 18px!important;
}
html.pma-v5 #py30-main .pma-v5-hero .py30-search-wrap{width:min(100%,930px)!important;max-width:100%!important;margin:0!important;z-index:10;position:relative;}
html.pma-v5 #py30-main .pma-v5-hero form.py30-search{
  display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr) 130px!important;
  align-items:center!important;gap:8px!important;height:auto!important;min-height:0!important;
  padding:9px!important;margin:0!important;background:#fff!important;border-radius:16px!important;
  box-shadow:0 6px 20px rgba(0,0,0,.16)!important;
}
html.pma-v5 #py30-main .pma-v5-hero .py30-search-field,
html.pma-v5 #py30-main .pma-v5-hero .py30-location-field{display:flex!important;align-items:center!important;min-width:0!important;width:100%!important;height:46px!important;min-height:46px!important;padding:0 12px!important;background:#f5f9f9!important;border-radius:10px!important;border:1px solid #e2ecee!important;}
html.pma-v5 #py30-main .pma-v5-hero form.py30-search :is(input,select){font-size:15px!important;line-height:1.3!important;color:#203740!important;background:transparent!important;min-width:0!important;width:100%!important;height:43px!important;}
html.pma-v5 #py30-main .pma-v5-hero form.py30-search .py30-button {width:100%!important;height:46px!important;min-height:46px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin:0!important;border-radius:10px!important;background:linear-gradient(110deg,#078f89,#0bb7af)!important;color:white!important;font-weight:750!important;font-size:14px!important;}
html.pma-v5 #py30-main .pma-v5-hero .py30-hero-stats {display:none!important;}
html.pma-v5 #py30-main .pma-v5-hero .py30-popular{display:none!important;}
/* Functional links, using real Laravel routes and authenticated state. */
html.pma-v5 #py30-main .pma-v5-quick-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px!important;width:100%;}
html.pma-v5 #py30-main .pma-v5-shortcut{display:flex!important;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:54px;padding:10px 8px;border-radius:13px;text-decoration:none!important;background:var(--v5-card)!important;color:var(--v5-text)!important;border:1px solid var(--v5-stroke)!important;font-size:13px;font-weight:750;overflow-wrap:anywhere;}
html.pma-v5 #py30-main .pma-v5-shortcut i{color:var(--v5-accent)!important;flex:0 0 auto;font-size:17px;}
html.pma-v5 #py30-main .pma-v5-shortcut:focus-visible{outline:3px solid #10a7a7;outline-offset:2px;}
/* Real category links and artwork, only changing their display. */
html.pma-v5 #py30-main .pma-v5-categories.py30-categories,
html.pma-v5 #py30-main .pma-v5-featured.py30-section{
  width:100%!important;max-width:100%!important;min-width:0;padding:17px 15px 20px!important;margin:0!important;
  border-radius:20px!important;background:var(--v5-card)!important;border:1px solid var(--v5-stroke)!important;color:var(--v5-text)!important;
}
html.pma-v5 #py30-main .pma-v5-home :is(.py38-category-heading,.py30-section-heading){display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:0 1px 12px!important;margin:0!important;max-width:100%;}
html.pma-v5 #py30-main .pma-v5-home :is(.py38-category-heading,.py30-section-heading) h2{color:var(--v5-text)!important;font-size:clamp(17px,2vw,22px)!important;font-weight:820!important;line-height:1.22!important;margin:0!important;}
html.pma-v5 #py30-main .pma-v5-home :is(.py38-category-heading,.py30-section-heading) p{color:var(--v5-muted)!important;font-size:12px!important;line-height:1.4!important;margin:4px 0 0!important;}
html.pma-v5 #py30-main .pma-v5-home .py30-view-all{flex:0 0 auto;color:var(--v5-accent)!important;font-size:11px!important;font-weight:770!important;white-space:nowrap!important;}
html.pma-v5 #py30-main .pma-v5-categories .py30-category-strip{
  display:flex!important;flex-wrap:nowrap!important;gap:9px!important;overflow-x:auto!important;max-width:100%!important;
  scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding:6px 2px 9px!important;
  scrollbar-width:thin;
}
html.pma-v5 #py30-main .pma-v5-categories a.py30-category {
  display:flex!important;flex:0 0 clamp(96px,11vw,142px)!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;gap:8px!important;padding:11px 7px!important;
  min-height:104px!important;width:auto!important;min-width:0!important;border:1px solid var(--v5-stroke)!important;
  background:var(--v5-card)!important;border-radius:13px!important;color:var(--v5-text)!important;
  font-size:11px!important;font-weight:740!important;text-align:center!important;line-height:1.3!important;text-decoration:none!important;scroll-snap-align:start;
}
html.pma-v5 #py30-main .pma-v5-categories .py31-category-image{display:grid!important;place-items:center!important;width:56px!important;height:56px!important;flex:none;}
html.pma-v5 #py30-main .pma-v5-categories .py31-category-image img{width:53px!important;height:53px!important;object-fit:contain!important;}
html.pma-v5 #py30-main .pma-v5-featured .py30-carousel{width:100%;max-width:100%;overflow:hidden!important;}
html.pma-v5 #py30-main .pma-v5-featured .py30-track,
html.pma-v5 #py30-main .pma-v5-featured .py30-featured-track{
  display:flex!important;flex-wrap:nowrap!important;gap:13px!important;transform:none!important;
  overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:thin;max-width:100%!important;
  padding:3px 2px 10px!important;overscroll-behavior-x:contain;
}
html.pma-v5 #py30-main .pma-v5-featured .py30-card{
  flex:0 0 clamp(188px,23vw,265px)!important;width:clamp(188px,23vw,265px)!important;max-width:none!important;
  min-width:0!important;scroll-snap-align:start;border-radius:15px!important;
  border:1px solid var(--v5-stroke)!important;overflow:hidden!important;
  background:var(--v5-card)!important;box-shadow:none!important;color:var(--v5-text)!important;
}
html.pma-v5 #py30-main .pma-v5-featured .py30-card .py30-card-media{height:145px!important;min-height:145px!important;}
html.pma-v5 #py30-main .pma-v5-featured .py30-card .py31-real-cover{height:145px!important;object-fit:cover!important;}
html.pma-v5 #py30-main .pma-v5-featured .py30-card .py30-card-body{padding:12px!important;min-width:0!important;}
html.pma-v5 #py30-main .pma-v5-featured .py30-card h3{font-size:14px!important;line-height:1.28!important;}
html.pma-v5 #py30-main .pma-v5-featured .py30-card a{color:var(--v5-text);}
html.pma-v5 #py30-main .pma-v5-featured .py32-card-domain,
html.pma-v5 #py30-main .pma-v5-featured .py32-card-meta{color:var(--v5-muted)!important;}
html.pma-v5 #py30-main .pma-v5-featured .py30-carousel-controls{display:none!important;}
html.pma-v5 #py30-main .pma-v4-quick-links[hidden], html.pma-v5 #py30-main .pma-v4-quick-links{display:none!important;}
/* Only public business links the person actually opened; no invented data. */
html.pma-v5 #py30-main .pma-v5-recent{background:var(--v5-card);color:var(--v5-text);border:1px solid var(--v5-stroke);border-radius:18px;padding:15px;}
html.pma-v5 #py30-main .pma-v5-recent-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;}
html.pma-v5 #py30-main .pma-v5-recent-head h2{font-size:18px;font-weight:800;margin:0;color:var(--v5-text);}
html.pma-v5 #py30-main .pma-v5-clear{border:0;background:transparent;color:var(--v5-accent);font-size:12px;cursor:pointer;font-weight:700;}
html.pma-v5 #py30-main .pma-v5-recent-track{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;max-width:100%;}
html.pma-v5 #py30-main .pma-v5-recent-card{display:flex;align-items:center;gap:9px;flex:0 0 170px;min-width:0;padding:8px;background:var(--v5-page);border:1px solid var(--v5-stroke);border-radius:12px;color:var(--v5-text);font-size:12px;font-weight:700;text-decoration:none;}
html.pma-v5 #py30-main .pma-v5-recent-card img{height:40px;width:43px;object-fit:cover;flex:none;border-radius:7px;}
html.pma-v5 #py30-main .pma-v5-recent-card span{min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/* Native-like compact experience and a safe anchored dock. */
@media(max-width:991px){
  html.pma-v5 {scroll-padding-bottom:calc(115px + var(--v5-safe));}
  html.pma-v5 body {padding-bottom:calc(120px + var(--v5-safe))!important;}
  html.pma-v5 #py30-main .pma-v5-home{padding:10px 11px 29px!important;gap:12px!important;}
  html.pma-v5 #py30-main .pma-v5-hero.py30-hero{padding:17px 14px 19px!important;border-radius:19px!important;}
  html.pma-v5 #py30-main .pma-v5-hero .py30-eyebrow{font-size:10px!important;max-width:100%;min-height:0;padding:5px 9px!important;}
  html.pma-v5 #py30-main .pma-v5-hero .py30-hero-copy h1,
  html.pma-v5 #py30-main .pma-v5-hero #py30-title{font-size:clamp(27px,7.7vw,36px)!important;line-height:1.11!important;max-width:15ch!important;margin:8px 0 10px!important;letter-spacing:-.035em!important;}
  html.pma-v5 #py30-main .pma-v5-hero .py30-hero-copy > p{font-size:12px!important;line-height:1.45!important;margin-bottom:15px!important;max-width:38ch!important;}
  html.pma-v5 #py30-main .pma-v5-hero form.py30-search{grid-template-columns:minmax(0,1fr)!important;gap:7px!important;padding:8px!important;border-radius:15px!important;}
  html.pma-v5 #py30-main .pma-v5-hero :is(.py30-search-field,.py30-location-field){height:42px!important;min-height:42px!important;}
  html.pma-v5 #py30-main .pma-v5-hero form.py30-search .py30-button{height:42px!important;min-height:42px!important;}
  html.pma-v5 #py30-main .pma-v5-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px!important;}
  html.pma-v5 #py30-main .pma-v5-shortcut{min-height:71px!important;flex-direction:column!important;gap:5px!important;font-size:11px!important;line-height:1.2!important;padding:7px 4px!important;text-align:center!important;border-radius:12px!important;}
  html.pma-v5 #py30-main .pma-v5-shortcut i{font-size:19px!important;}
  html.pma-v5 #py30-main .pma-v5-categories.py30-categories,
  html.pma-v5 #py30-main .pma-v5-featured.py30-section{padding:13px 10px 15px!important;border-radius:16px!important;}
  html.pma-v5 #py30-main .pma-v5-home :is(.py38-category-heading,.py30-section-heading) h2{font-size:17px!important;}
  html.pma-v5 #py30-main .pma-v5-home :is(.py38-category-heading,.py30-section-heading) p{font-size:11px!important;}
  html.pma-v5 #py30-main .pma-v5-home .py30-view-all{font-size:10px!important;}
  html.pma-v5 #py30-main .pma-v5-categories a.py30-category{flex-basis:clamp(86px,25vw,108px)!important;min-height:100px!important;}
  html.pma-v5 #py30-main .pma-v5-featured .py30-card{flex-basis:clamp(200px,66vw,250px)!important;width:clamp(200px,66vw,250px)!important;}
  html.pma-v5 body #pesyjeMobileFooter.pesyje-mobile-footer,
  html.pma-v5 body #pesyjeMobileFooter.pesyje-mobile-footer.collapsed {
    position:fixed!important;inset:auto max(7px,env(safe-area-inset-right,0px)) max(7px,var(--v5-safe)) max(7px,env(safe-area-inset-left,0px))!important;
    margin:0 auto!important;width:auto!important;max-width:515px!important;min-width:0!important;transform:none!important;
    height:76px!important;display:block!important;z-index:2147483000!important;
  }
  html.pma-v5 #pesyjeMobileFooter .pesyje-mobile-footer-shell{grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:76px!important;height:76px!important;max-width:100%!important;transform:none!important;}
  html.pma-v5 #pesyjeMobileFooter :is(.pesyje-mobile-item,.pesyje-mobile-center){min-width:0!important;max-width:100%!important;}
  html.pma-v5.pma-v4-keyboard #pesyjeMobileFooter{display:none!important;}
  html.pma-v5.pma-v4-keyboard body{padding-bottom:var(--v5-safe)!important;}
}
@media(max-width:359px){
  html.pma-v5 #py30-main .pma-v5-home {padding-left:8px!important;padding-right:8px!important;}
  html.pma-v5 #py30-main .pma-v5-shortcut{font-size:10px!important;}
  html.pma-v5 #py30-main .pma-v5-categories a.py30-category {flex-basis:83px!important;}
}
@media(min-width:992px){
  html.pma-v5 #pesyjeMobileFooter{display:none!important;}
  html.pma-v5 body{padding-bottom:0!important;}
  html.pma-v5 #py30-main .pma-v5-home{gap:23px;padding:18px 24px 38px!important;}
  html.pma-v5 #py30-main .pma-v5-featured .py30-card{flex-basis:230px!important;width:230px!important;}
}
@media(prefers-reduced-motion:reduce){html.pma-v5 *{scroll-behavior:auto!important;}}
/* Match the original app dock to the selected dark theme. */
@media(max-width:991px){
  html.pma-v5:is(.dark,[data-theme="dark"],[data-pesyje-theme="dark"],[data-bs-theme="dark"]) #pesyjeMobileFooter .pesyje-mobile-footer-shell,
  html.pma-v5:has(body.dark) #pesyjeMobileFooter .pesyje-mobile-footer-shell {
    background:color-mix(in srgb,var(--v5-card) 95%,transparent)!important;
    border-color:var(--v5-stroke)!important;
  }
  html.pma-v5:is(.dark,[data-theme="dark"],[data-pesyje-theme="dark"],[data-bs-theme="dark"]) #pesyjeMobileFooter .pesyje-mobile-item,
  html.pma-v5:has(body.dark) #pesyjeMobileFooter .pesyje-mobile-item {
    color:var(--v5-muted)!important;
  }
}