/* QAYO İNŞAAT • STICKY SOCIAL & BRAND HEADER 001 • v464
 * Only /catalog: the ORIGINAL brand, products, social URLs, WhatsApp and
 * payments stay untouched in the document. A small CLONE of the existing
 * logo + real social links appears when the large original logo has scrolled
 * out of sight, and hides again when returning to the top.
 * Mobile-first; does not block most of the catalog viewport.
 */
#qayo-catalog-sticky{
 position:fixed;
 top:0;left:50%;width:min(100%,1024px);
 transform:translate(-50%,-110%);
 opacity:0;visibility:hidden;pointer-events:none;
 z-index:1200;
 display:flex;flex-direction:column;align-items:center;
 gap:0;
 padding:2px 5px 4px;
 background:rgba(255,255,255,.987);
 border-bottom:2px solid #0b4b9f;
 box-shadow:0 4px 17px rgba(5,33,72,.24);
 -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
 transition:transform .2s ease,opacity .15s ease,visibility .2s;
}
#qayo-catalog-sticky.is-visible{
 transform:translate(-50%,0);
 opacity:1;visibility:visible;pointer-events:auto;
}
#qayo-catalog-sticky .qayo-sticky-brand{
 display:flex;align-items:center;justify-content:center;
 width:100%;height:clamp(43px,6svh,60px);
 min-height:43px;padding:0;margin:0;
 cursor:pointer;border:0;border-radius:0;
 background:transparent;color:#0b4b9f;
 -webkit-tap-highlight-color:transparent;
}
#qayo-catalog-sticky .qayo-sticky-brand img{
 display:block;
 width:auto;
 height:min(100%,58px);
 max-width:min(59vw,185px);
 object-fit:contain;
 background:#fff;
}
#qayo-catalog-sticky .qayo-sticky-links{
 display:block;width:100%;margin:0;padding:0;
}
#qayo-catalog-sticky .channel-grid{
 display:grid!important;
 grid-template-columns:repeat(var(--qayo-sticky-count,8),minmax(0,1fr))!important;
 align-items:stretch;
 gap:3px!important;
 width:100%;min-width:0;
}
#qayo-catalog-sticky .app-tile{
 aspect-ratio:auto!important;
 min-width:0;min-height:43px;height:43px;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:1px;
 padding:2px 0 3px;margin:0;
 border:1px solid #d8e4f0;
 border-radius:8px;
 background:#fff;text-decoration:none;
 box-shadow:0 1px 4px rgba(7,39,89,.12);
}
#qayo-catalog-sticky .app-icon{
 flex:0 0 auto;
 width:clamp(23px,3.6vw,28px)!important;
 height:clamp(23px,3.6vw,28px)!important;
 display:flex;align-items:center;justify-content:center;
 font-size:clamp(12px,2.6vw,16px)!important;
 border-radius:6px;
 line-height:1;
}
/* Prevent the original YouTube triangle and its ::before from stacking
   in the sticky clone (the regular row was corrected in v485). */
#qayo-catalog-sticky .ch-yt .app-icon{font-size:0!important;background:#e60012}
#qayo-catalog-sticky .ch-yt .app-icon::before{
 content:""!important;display:block;width:0;height:0;
 border-top:5px solid transparent;border-bottom:5px solid transparent;
 border-left:9px solid #fff;margin-left:2px;font-size:0!important
}
#qayo-catalog-sticky .ch-yt .app-icon::after{content:none!important}
#qayo-catalog-sticky .app-name{
 display:block;
 width:100%;max-width:100%;
 min-width:0;margin:0;padding:0 1px;
 font:850 clamp(6.4px,1.65vw,8.8px)/1.05 Arial,sans-serif!important;
 letter-spacing:0!important;
 color:#07377c;text-align:center;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#qayo-catalog-sticky .app-tile:focus-visible,
#qayo-catalog-sticky .qayo-sticky-brand:focus-visible{
 outline:3px solid #e30613;outline-offset:1px;
}
#qayo-catalog-sticky .app-tile:active{
 transform:translateY(1px);
}
@media(max-width:390px){
 #qayo-catalog-sticky{padding:2px 3px 3px}
 #qayo-catalog-sticky .channel-grid{gap:2px!important}
 #qayo-catalog-sticky .app-tile{min-height:39px;height:39px;border-radius:6px}
 #qayo-catalog-sticky .app-icon{
  width:23px!important;height:23px!important;font-size:13px!important
 }
 #qayo-catalog-sticky .app-name{font-size:clamp(6px,1.68vw,7.3px)!important}
 #qayo-catalog-sticky .qayo-sticky-brand{height:46px}
}
@media(min-width:700px){
 #qayo-catalog-sticky{padding-bottom:5px}
 #qayo-catalog-sticky .app-tile{height:48px}
 #qayo-catalog-sticky .app-icon{width:29px!important;height:29px!important}
}
/* Manual product/category anchor jumps leave enough space for the
   compact header, while native swipe/page scroll remains unmodified. */
html:has(#qayo-catalog-sticky) {
 scroll-padding-top:clamp(95px,12svh,120px);
}
#qayo-catalog-sticky [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){
 #qayo-catalog-sticky{transition:none!important}
}