/* SLP Makine | Teknik Katalog */
.slp-technical-catalog{min-height:65vh;background:#f5f7fa;color:#172338}
.slp-technical-catalog .tk-hero{position:relative;overflow:hidden;padding:76px 0 70px;background:linear-gradient(115deg,#101c2e 0%,#172b45 58%,#203e5b 100%);color:#fff}
.slp-technical-catalog .tk-hero:before,.slp-technical-catalog .tk-hero:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}
.slp-technical-catalog .tk-hero:before{width:520px;height:520px;right:-110px;top:-330px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.02)}
.slp-technical-catalog .tk-hero:after{width:260px;height:260px;right:15%;bottom:-220px}
.slp-technical-catalog .tk-hero-content{position:relative;z-index:1;max-width:780px}
.slp-technical-catalog .tk-eyebrow,.slp-technical-catalog .tk-section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.72rem;font-weight:800;letter-spacing:.16em}
.slp-technical-catalog .tk-eyebrow{color:#9fc8f7}
.slp-technical-catalog .tk-hero h1{margin:17px 0 13px;font-size:clamp(2.35rem,5vw,4rem);line-height:1.08;font-weight:800;letter-spacing:-.045em;color:#fff}
.slp-technical-catalog .tk-hero h1 span{color:#8fc2fa}
.slp-technical-catalog .tk-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.72);font-size:1.04rem;line-height:1.8}
.slp-technical-catalog .tk-hero-rule{display:flex;gap:6px;margin-top:27px}
.slp-technical-catalog .tk-hero-rule span{height:3px;width:34px;border-radius:4px;background:#8fc2fa}
.slp-technical-catalog .tk-hero-rule span:nth-child(2){width:14px;opacity:.55}.slp-technical-catalog .tk-hero-rule span:nth-child(3){width:7px;opacity:.3}
.slp-technical-catalog .tk-catalog-section{padding-top:42px;padding-bottom:76px}
.slp-technical-catalog .tk-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}
.slp-technical-catalog .tk-section-kicker{color:#2876c8;font-size:.67rem}
.slp-technical-catalog .tk-toolbar-heading h2{margin:7px 0 0;font-size:1.65rem;font-weight:800;letter-spacing:-.035em;color:#172338}
.slp-technical-catalog .tk-filter-fields{display:flex;gap:10px;width:min(100%,650px)}
.slp-technical-catalog .tk-search-box,.slp-technical-catalog .tk-category-box{height:49px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid #e0e6ee;border-radius:11px;background:#fff;color:#8190a3;box-shadow:0 5px 18px rgba(20,39,65,.035)}
.slp-technical-catalog .tk-search-box{flex:1;min-width:220px}.slp-technical-catalog .tk-category-box{width:220px;flex-shrink:0}
.slp-technical-catalog .tk-search-box input,.slp-technical-catalog .tk-category-box select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#24344a;font:inherit;font-size:.88rem}
.slp-technical-catalog .tk-search-box input::placeholder{color:#9aa6b5}
.slp-technical-catalog .tk-category-box select{cursor:pointer}.slp-technical-catalog .tk-search-box kbd{font-size:.68rem;color:#9ba8b8;background:#f3f6f9;border:1px solid #e8edf2;border-radius:5px;padding:2px 6px}
.slp-technical-catalog .tk-results-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid #e4e9ef;color:#7b899a;font-size:.82rem}
.slp-technical-catalog .tk-results-line strong{color:#1d3552;font-weight:800}
.slp-technical-catalog .tk-results-line button{border:0;background:transparent;color:#4777a8;font-size:.8rem;font-weight:700}
.slp-technical-catalog .tk-results-line button:hover{color:#145da8}
.slp-technical-catalog #tkPublicGrid>[class*="col-"]{display:flex;min-width:0}
.slp-technical-catalog .tk-public-card{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border:1px solid #e6ebf1;border-radius:15px;background:#fff;box-shadow:0 5px 20px rgba(20,39,65,.045);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.slp-technical-catalog .tk-public-card:hover{transform:translateY(-5px);border-color:#d1dfed;box-shadow:0 15px 34px rgba(20,39,65,.11)}
.slp-technical-catalog .tk-public-media{position:relative;aspect-ratio:1/1;width:100%;overflow:hidden;background:#fff;cursor:zoom-in;border-bottom:1px solid #edf0f4}
.slp-technical-catalog .tk-public-media img{display:block;width:100%;height:100%;padding:10px;object-fit:contain;transition:transform .35s ease}
.slp-technical-catalog .tk-public-card:hover .tk-public-media img{transform:scale(1.035)}
.slp-technical-catalog .tk-public-zoom{position:absolute;right:12px;bottom:12px;width:37px;height:37px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(18,35,56,.86);color:#fff;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}
.slp-technical-catalog .tk-public-card:hover .tk-public-zoom,.slp-technical-catalog .tk-public-media:focus-visible .tk-public-zoom{opacity:1;transform:none}
.slp-technical-catalog .tk-public-body{display:flex;flex:1;flex-direction:column;padding:15px 15px 13px}
.slp-technical-catalog .tk-public-code{color:#2876c8;font-size:.7rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.slp-technical-catalog .tk-public-code-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:27px}
.slp-technical-catalog .tk-download-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #d7e5f5;border-radius:999px;background:#f3f8ff;color:#1768b4;font-size:.68rem;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.slp-technical-catalog .tk-download-badge:hover{transform:translateY(-1px);border-color:#9fc2e8;background:#e8f2ff;color:#0c579d}
.slp-technical-catalog .tk-download-badge i{font-size:.68rem}
.slp-technical-catalog .tk-public-title{min-height:2.7em;margin:6px 0 5px;color:#1b2b40;font-size:.94rem;font-weight:800;line-height:1.35}
.slp-technical-catalog .tk-public-category{min-height:1.3em;color:#8390a0;font-size:.75rem}
.slp-technical-catalog .tk-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:65px 15px;color:#7d8b9c;font-size:.9rem}
.slp-technical-catalog .tk-loader{width:19px;height:19px;border:2px solid #dce6f0;border-top-color:#2876c8;border-radius:50%;animation:tk-spin .8s linear infinite}
@keyframes tk-spin{to{transform:rotate(360deg)}}
.slp-technical-catalog .tk-empty{text-align:center;padding:65px 15px}
.slp-technical-catalog .tk-empty-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 17px;border-radius:18px;background:#eaf1f8;color:#527da7;font-size:1.5rem}
.slp-technical-catalog .tk-empty h2{font-size:1.15rem;font-weight:800;color:#24364c}.slp-technical-catalog .tk-empty p{color:#8290a0;font-size:.9rem}
.tk-lightbox{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:60px 76px 28px;background:rgba(5,13,24,.97)}
.tk-lightbox.is-open{display:flex}.tk-lightbox button{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background .2s ease}
.tk-lightbox button:hover{background:rgba(255,255,255,.22)}.tk-lightbox .tk-lb-close{top:18px;right:22px;width:44px;height:44px;font-size:1.15rem}
.tk-lightbox .tk-lb-prev,.tk-lightbox .tk-lb-next{top:50%;width:46px;height:46px;transform:translateY(-50%)}.tk-lightbox .tk-lb-prev{left:18px}.tk-lightbox .tk-lb-next{right:18px}
.tk-lightbox .tk-lb-figure{display:flex;flex-direction:column;align-items:center;gap:13px;max-width:100%;max-height:100%;margin:0}
.tk-lightbox .tk-lb-figure img{display:block;max-width:min(86vw,1500px);max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:5px}
.tk-lightbox .tk-lb-figure figcaption{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;text-align:center}.tk-lightbox .tk-lb-figure figcaption span{font-size:.8rem;color:rgba(255,255,255,.62)}
@media(max-width:1199.98px){.slp-technical-catalog .tk-toolbar{align-items:flex-start;flex-direction:column}.slp-technical-catalog .tk-filter-fields{width:100%}}
@media(prefers-reduced-motion:reduce){.slp-technical-catalog *,.tk-lightbox *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Responsive catalog grid: phone 1, compact/tablet 2, wide desktop 4. */
@media(max-width:575.98px){.slp-technical-catalog #tkPublicGrid>[class*="col-"]{flex:0 0 100%;max-width:100%}}
@media(min-width:576px) and (max-width:1199.98px){.slp-technical-catalog #tkPublicGrid>[class*="col-"]{flex:0 0 50%;max-width:50%}}
@media(min-width:1200px){.slp-technical-catalog #tkPublicGrid>[class*="col-"]{flex:0 0 25%;max-width:25%}}