/* PazarNova v16 – consolidated visual fixes. This sheet MUST remain last. */
:root{--pn-header-height:66px}
html{scroll-padding-top:calc(var(--pn-header-height) + 62px)}
html,body{overflow-x:clip}
body{padding-top:var(--pn-header-height)!important}
/* Fixed header, regardless of older position:relative rules. */
html body .site-header{position:fixed!important;inset:0 0 auto 0!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1200!important;margin:0!important;transform:none!important;background:rgba(255,255,255,.985)!important;box-shadow:0 5px 22px rgba(26,42,67,.09)!important;border-bottom:1px solid #e8edf2!important}
html body .site-header .head-inner{min-width:0!important;max-width:100%!important;align-items:center!important}
html body .site-header .header-search{min-width:0!important}
html body .category-nav{position:sticky!important;top:var(--pn-header-height)!important;z-index:1100!important;background:#fff!important}
/* The v14 stylesheet forced arrows visible with a stronger selector. */
html body .listing-card .card-media > button.slide-arrow,
html body .listing-card .card-media > .slide-arrow{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:flex!important;transition:opacity .16s ease,visibility .16s ease!important}
@media(hover:hover) and (pointer:fine){
html body .listing-card:hover .card-media > .slide-arrow,
html body .listing-card:focus-within .card-media > .slide-arrow{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
@media(hover:none),(pointer:coarse){
html body .listing-card .card-media > .slide-arrow{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}
html body .listing-card .card-media > .heart{top:8px!important;right:8px!important;left:auto!important;transform:none!important;z-index:12!important}
html body .listing-card .card-media{position:relative!important;overflow:hidden!important}
/* Search text alignment and click targets. */
html body .site-header .header-search{align-items:center!important;gap:8px!important}
html body .site-header .header-search > input[type=search]{height:100%!important;line-height:normal!important;align-self:center!important;min-width:0!important}
html body .site-header .header-search > button{flex-shrink:0!important}
@media(max-width:900px){
:root{--pn-header-height:60px}
html body .site-header .head-inner{height:60px!important;min-height:60px!important;padding-top:7px!important;padding-bottom:7px!important;display:flex!important;flex-wrap:nowrap!important;gap:7px!important}
html body .site-header .mobile-menu-trigger,html body .site-header .mobile-account-trigger{display:grid!important;flex:0 0 37px!important;width:37px!important;height:37px!important}
html body .site-header .header-search{height:40px!important;min-height:40px!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;order:0!important;padding:3px 5px!important;margin:0!important}
html body .site-header .header-search > input[type=search]{font-size:12px!important}
html body .site-header .header-search > button[type=submit]{height:32px!important;min-height:32px!important;padding:0 10px!important}
html body .category-nav{position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:min(82vw,320px)!important;height:100dvh!important;z-index:1400!important;transform:translateX(-105%);visibility:hidden;pointer-events:none;display:block!important;transition:transform .2s ease,visibility .2s ease}
html body .category-nav.mobile-open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
html body .mobile-menu-overlay:not([hidden]){z-index:1350!important}
html body .mobile-location-strip{position:sticky!important;top:var(--pn-header-height)!important;z-index:1050!important;background:#f8fafc!important}
html body .filters.open{z-index:1800!important}
html body .bottom-navigation{z-index:1150!important}
}
@media(min-width:901px){html body .listing-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:600px){html body .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}