/* References page: category sidebar + one category at a time + load more */
.adanet-ref-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;align-items:start}
.adanet-ref-side{position:sticky;top:110px}
.adanet-ref-menu{padding:22px 16px 12px;border:1px solid #e4e8ee;border-radius:22px;background:#fff}
.adanet-ref-menu h3{margin:0 8px 10px;padding-bottom:16px;border-bottom:1px solid #edf0f4;color:#0b0d12;font-size:19px;font-weight:700;letter-spacing:-.02em}
.adanet-ref-nav{display:flex;flex-direction:column;gap:2px}
.adanet-ref-link{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:12px;color:#2b3340!important;font-size:15px;font-weight:500;line-height:1.3;text-decoration:none;transition:background .2s,color .2s}
.adanet-ref-link:hover{background:#f4f7fb;color:#0b0d12!important}
.adanet-ref-link.is-active{background:#eef5ff;color:#087cff!important;font-weight:600}
.adanet-ref-icon{display:grid;place-items:center;width:22px;flex-shrink:0;color:#087cff}
.adanet-ref-icon svg{width:20px;height:20px}
.adanet-ref-name{flex:1}
.adanet-ref-link em{padding:2px 8px;border-radius:999px;background:#f0f3f7;color:#8a929d;font-size:12px;font-style:normal;font-weight:600}
.adanet-ref-link.is-active em{background:#dbe9ff;color:#087cff}
.adanet-ref-chevron{width:16px;height:16px;flex-shrink:0;color:#9aa2ad}
.adanet-ref-layout.is-ready .adanet-ref-main>.adanet-portfolio-section:not(.is-active){display:none}
.adanet-ref-main>.adanet-portfolio-section{margin-bottom:0}
.adanet-ref-main .adanet-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.adanet-ref-main .adanet-portfolio-card.is-hidden{display:none}
.adanet-ref-more{display:flex;align-items:center;gap:10px;margin:34px auto 0;padding:13px 26px;border:1px solid #dfe5ec;border-radius:999px;background:#fff;color:#0b0d12;font-size:15px;font-weight:650;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.adanet-ref-more span{color:#8a929d;font-size:13px;font-weight:500}
.adanet-ref-more:hover{border-color:#087cff;box-shadow:0 10px 24px rgba(8,124,255,.12)}
/* Cards with a full-page screenshot: the laptop screen scrolls on hover */
.adanet-portfolio-visual.adanet-ref-visual{display:flex;align-items:center;padding:7% 5%}
.adanet-portfolio-visual .adanet-ref-scroll .adanet-scroll-screen img{display:block;width:100%;height:auto;object-fit:initial!important;transform:none;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.adanet-portfolio-card:hover .adanet-portfolio-visual .adanet-ref-scroll .adanet-scroll-screen img,.adanet-portfolio-card:focus-visible .adanet-portfolio-visual .adanet-ref-scroll .adanet-scroll-screen img{transform:translateY(calc(-100% + 100cqh));transition:transform var(--scroll-dur,6s) cubic-bezier(.45,.05,.55,.95)}
.adanet-portfolio-visual .adanet-ref-scroll .adanet-scroll-frame,.adanet-portfolio-card:hover .adanet-portfolio-visual .adanet-ref-scroll .adanet-scroll-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transform:none}
@media(max-width:991px){.adanet-ref-layout{grid-template-columns:1fr;gap:22px}.adanet-ref-side{position:static}.adanet-ref-menu{padding:0;border:0;background:none}.adanet-ref-menu h3{display:none}.adanet-ref-nav{flex-direction:row;gap:8px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}.adanet-ref-nav::-webkit-scrollbar{display:none}.adanet-ref-link{flex:0 0 auto;padding:10px 14px;border:1px solid #e4e8ee;background:#fff;font-size:14px}.adanet-ref-chevron{display:none}.adanet-ref-main .adanet-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.adanet-ref-main .adanet-portfolio-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.adanet-portfolio-card:hover .adanet-portfolio-visual .adanet-ref-scroll .adanet-scroll-screen img{transform:none}}
/* With the sidebar the content column is ~670px on desktop: 2 cards per row keeps the laptops large */
@media(min-width:992px){.adanet-ref-main .adanet-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
/* The page container is capped at 1120px: widen it (and slim the panel padding) only where the category layout is used */
@media(min-width:992px){
.adanet-page-body .container:has(.adanet-ref-layout){max-width:1440px}
.adanet-page-panel:has(.adanet-ref-layout){padding:44px 40px}
.adanet-ref-layout{grid-template-columns:300px minmax(0,1fr);gap:36px}
.adanet-ref-menu{padding:22px 12px 12px}
.adanet-ref-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adanet-ref-chevron{display:none}
}
@media(min-width:1200px){.adanet-ref-main .adanet-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}
/* Keep the widened container inside the viewport (Bootstrap's row gutters otherwise overflow horizontally) */
@media(min-width:992px){.adanet-page-body .container:has(.adanet-ref-layout){max-width:min(1400px,calc(100vw - 48px))}}
@media(min-width:992px) and (max-width:1319px){.adanet-ref-main .adanet-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
/* Scrolling-laptop cards match the older pre-rendered mockups: laptop fills the card height, sides crop */
.adanet-portfolio-visual.adanet-ref-visual{justify-content:center;padding:0;background:#fff}
.adanet-portfolio-visual.adanet-ref-visual .adanet-ref-scroll{flex:0 0 auto;width:auto;height:100%}
/* No sticky focus ring after a mouse click; keep a clear ring for keyboard users */
.adanet-ref-link:focus{outline:none;box-shadow:none}
.adanet-ref-link:focus-visible{outline:2px solid #087cff;outline-offset:2px}
/* Mobile: the one-row, side-scrolling category nav must not widen the grid track (1fr's min-content would make the page ~1100px wide) */
.adanet-ref-side,.adanet-ref-main{min-width:0}
@media(max-width:991px){.adanet-ref-layout{grid-template-columns:minmax(0,1fr)}.adanet-ref-menu,.adanet-ref-nav{max-width:100%}}
/* Mobile category picker: a full-width button with the current category that opens the list as a dropdown */
.adanet-ref-toggle{display:none}
@media(max-width:991px){
.adanet-ref-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1px solid #dfe5ec;border-radius:16px;background:#fff;color:#0b0d12;font-size:15.5px;font-weight:600;text-align:left;box-shadow:0 6px 18px rgba(23,35,55,.05);cursor:pointer}
.adanet-ref-toggle .adanet-ref-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adanet-ref-toggle em{padding:2px 9px;border-radius:999px;background:#eef5ff;color:#087cff;font-size:12.5px;font-style:normal;font-weight:600}
.adanet-ref-caret{width:18px;height:18px;flex-shrink:0;color:#6b7482;transition:transform .25s}
.adanet-ref-layout.is-menu-open .adanet-ref-caret{transform:rotate(180deg)}
.adanet-ref-nav{display:none;flex-direction:column;gap:2px;margin-top:8px;padding:8px;overflow:visible;border:1px solid #e4e8ee;border-radius:16px;background:#fff;box-shadow:0 18px 40px rgba(23,35,55,.1)}
.adanet-ref-layout.is-menu-open .adanet-ref-nav{display:flex}
.adanet-ref-link{flex:none;padding:12px 10px;border:0;background:transparent;font-size:15px}
.adanet-ref-link.is-active{background:#eef5ff}
}
/* Flat sub-page lists (Hizmetlerimiz, Projeler, Kurumsal, category pages): same wide card grid as the references page, no sidebar */
@media(min-width:992px){
.adanet-page-body .container:has(.adanet-flat-layout){max-width:min(1400px,calc(100vw - 48px))}
.adanet-page-panel:has(.adanet-flat-layout){padding:44px 40px}
.adanet-flat-layout .adanet-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media(min-width:1200px){.adanet-flat-layout .adanet-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:576px) and (max-width:991px){.adanet-flat-layout .adanet-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Softer card corners */
.adanet-portfolio-card{border-radius:15px}
/* Inner pages: same header size as the homepage (homepage rules in style.css are scoped to body:has(.adanet-home)) */
body.innerpage header>.container>.row{min-height:76px;align-items:center}
body.innerpage header .logo_a{padding:0!important}
body.innerpage header nav a,body.innerpage header .nav a{font-size:14px;font-weight:590;letter-spacing:-.15px}
@media(max-width:991px){body.innerpage header>.container>.row{min-height:68px}}
/* References page only: smaller, fully visible laptops in every card (scrolling ones and older pre-rendered mockups alike) */
.adanet-ref-main .adanet-portfolio-visual{background:#fff}
.adanet-ref-main .adanet-portfolio-visual>img{box-sizing:border-box;padding:6% 5%;object-fit:contain!important;object-position:center!important}
.adanet-ref-main .adanet-portfolio-visual.adanet-ref-visual{padding:6% 5%}
.adanet-ref-main .adanet-portfolio-visual.adanet-ref-visual .adanet-ref-scroll{flex:1 1 auto;width:100%;height:auto}
/* References page only: borderless cards (hover lift + shadow stays) */
.adanet-ref-main .adanet-portfolio-card{border-color:transparent}
/* Sideways-scroll fixes, targeted (a global html/body overflow-x:clip broke position:sticky in iOS Safari) */
.adanet-page-hero{overflow-x:clip}
@media(max-width:991px){.adanet-page-body>.container>.row.g-5{--bs-gutter-x:1.5rem}}
/* Last header item (Bize Ulaşın): align its dropdown to the right edge instead of centring it (base rule uses left:50%!important) */
@media(min-width:992px){
header .anamenu>ul.list-unstyled>li.has-child:last-child>ul{left:auto!important;right:0!important;transform:translateY(6px)}
header .anamenu>ul.list-unstyled>li.has-child:last-child:hover>ul{transform:translateY(0)}
}