/* Hosting Pazarı BETA 03.11: desktop category navigation & six shortcut pills.
   No taxonomy or filtering logic is changed. Only the hosting bar gets arrows. */
@media(min-width:951px){
  .hpc-app .hpc-market-grid > nav.hpt311-category-nav,
  .hpc-app .hpc-market-grid.hpt286-home-market > nav.hpt311-category-nav{
    display:flex!important;flex-flow:row nowrap!important;align-items:center!important;
    gap:6px!important;box-sizing:border-box!important;overflow:hidden!important;
    padding:7px 9px!important;min-width:0!important;
  }
  .hpc-app .hpt311-category-nav .hptv21-tab-wrap,
  .hpc-app .hpt311-category-nav .hpc-cat-list.hptv21-tab-wrap{
    display:flex!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;
    width:auto!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-behavior:smooth!important;overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;padding:2px!important;
  }
  .hpc-app .hpt311-category-nav .hpt311-cat-arrow{
    display:grid!important;place-items:center!important;flex:0 0 36px!important;
    width:36px!important;height:38px!important;min-width:36px!important;min-height:38px!important;
    margin:0!important;padding:0!important;border:1px solid #d5e6fb!important;
    border-radius:11px!important;background:#f5f9ff!important;color:#0967dc!important;
    box-shadow:0 2px 7px #0d59b811!important;cursor:pointer!important;
    font-size:13px!important;line-height:1!important;transition:background .17s ease,opacity .17s ease!important;
  }
  .hpc-app .hpt311-category-nav .hpt311-cat-arrow:not(:disabled):hover{background:#e9f3ff!important;border-color:#a6d0ff!important}
  .hpc-app .hpt311-category-nav .hpt311-cat-arrow:focus-visible{outline:2px solid #1677e8!important;outline-offset:2px!important}
  .hpc-app .hpt311-category-nav .hpt311-cat-arrow:disabled{opacity:0!important;pointer-events:none!important;cursor:default!important}
}
@media(max-width:950px){
  .hpc-app .hpt311-category-nav .hpt311-cat-arrow{display:none!important}
  .hpc-app .hpt311-category-nav .hptv21-tab-wrap,
  .hpc-app .hpt311-category-nav .hpc-cat-list.hptv21-tab-wrap{
    width:100%!important;flex:1 1 100%!important;scroll-behavior:auto!important;
    -webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;
  }
}
/* Homepage six shortcut cards follow the supplied one-line icon-and-label reference. */
.hpc-app nav.hpt24-shortcuts{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:stretch!important;gap:12px!important;padding:19px 0 16px!important;
  max-width:100%!important;min-width:0!important;
}
.hpc-app nav.hpt24-shortcuts>a{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
  gap:clamp(8px,1.0vw,15px)!important;min-width:0!important;min-height:65px!important;height:auto!important;
  padding:11px 12px!important;margin:0!important;border:1px solid #d9e6ff!important;
  border-radius:21px!important;background:linear-gradient(165deg,#fff,#f9fbff)!important;
  box-shadow:0 7px 15px #104a9520!important;text-align:center!important;
  color:#10254b!important;text-decoration:none!important;box-sizing:border-box!important;
}
.hpc-app nav.hpt24-shortcuts>a>i{
  display:inline-block!important;flex:0 0 auto!important;font-size:clamp(20px,1.75vw,30px)!important;
  line-height:1!important;color:#0c78ed!important;
}
.hpc-app nav.hpt24-shortcuts>a:nth-child(3)>i,
.hpc-app nav.hpt24-shortcuts>a:nth-child(6)>i{color:#ff9d00!important}
.hpc-app nav.hpt24-shortcuts>a:nth-child(4)>i{color:#0573f3!important}
.hpc-app nav.hpt24-shortcuts>a>span{
  display:block!important;min-width:0!important;font-size:clamp(11px,.98vw,16px)!important;
  font-weight:740!important;line-height:1.25!important;white-space:nowrap!important;
  color:#10244a!important;
}
.hpc-app nav.hpt24-shortcuts>a:hover{transform:translateY(-2px)!important;border-color:#a6caff!important}
.hpc-app nav.hpt24-shortcuts>a:focus-visible{outline:2px solid #117bef!important;outline-offset:2px!important}
@media(min-width:951px) and (max-width:1199px){
  .hpc-app nav.hpt24-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hpc-app nav.hpt24-shortcuts>a>span{font-size:14px!important}
}
@media(max-width:950px){
  .hpc-app nav.hpt24-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:13px 0!important}
  .hpc-app nav.hpt24-shortcuts>a{min-height:61px!important;padding:10px 8px!important;gap:8px!important;border-radius:14px!important}
  .hpc-app nav.hpt24-shortcuts>a>i{font-size:22px!important}
  .hpc-app nav.hpt24-shortcuts>a>span{font-size:clamp(10px,2.8vw,13px)!important;white-space:normal!important;text-align:left!important}
}
html[data-hpt-theme="dark"] .hpc-app nav.hpt24-shortcuts>a,
html[data-hpt-theme="dark"] .hpc-app .hpt311-category-nav .hpt311-cat-arrow{
  background:#182e4b!important;border-color:#375879!important;color:#e8f3ff!important;
}
html[data-hpt-theme="dark"] .hpc-app nav.hpt24-shortcuts>a>span{color:#eff6ff!important}
html[data-hpt-theme="dark"] .hpc-app nav.hpt24-shortcuts>a>i{color:#6ab1ff!important}
html[data-hpt-theme="dark"] .hpc-app nav.hpt24-shortcuts>a:nth-child(3)>i,
html[data-hpt-theme="dark"] .hpc-app nav.hpt24-shortcuts>a:nth-child(6)>i{color:#ffc171!important}
@media(prefers-reduced-motion:reduce){.hpc-app .hpt311-category-nav .hptv21-tab-wrap{scroll-behavior:auto!important}}
