/* V46 · Hizmet katalogu: full-width, compact service directory. */
/* The directory changes only the list below the category overview. */
.v45-catalog .v46-service-directory {
 display:flex;flex-direction:column;gap:0;overflow:hidden;
 background:#fff;border:1px solid #dbe9f3;border-radius:20px;
 box-shadow:0 13px 36px rgba(17,66,104,.055);
}
.v45-catalog .v46-service-entry {position:relative;min-width:0;}
.v45-catalog .v46-service-entry:not(:last-child){border-bottom:1px solid #e6eff5}
.v45-catalog .v46-service-entry::before {
 content:'';position:absolute;inset:0 auto 0 0;width:4px;
 background:linear-gradient(180deg,#38b5ea,#087fb9);opacity:0;
 transition:opacity .18s ease;pointer-events:none;
}
.v45-catalog .v46-service-entry:hover::before,
.v45-catalog .v46-service-entry:focus-within::before{opacity:1}
.v45-catalog .v46-service-entry-link {
 display:grid;grid-template-columns:56px minmax(0,1fr) minmax(210px,260px);
 gap:21px;align-items:center;min-height:112px;
 width:100%;padding:22px 27px;
 color:#143555;text-decoration:none!important;
 background:#fff;transition:background .2s ease;
}
.v45-catalog .v46-service-entry-link:hover,
.v45-catalog .v46-service-entry-link:focus-visible{background:linear-gradient(90deg,#f3faff,#fff 65%)}
.v45-catalog .v46-service-entry-link:focus-visible{outline:3px solid #68bdeb;outline-offset:-4px}
.v45-catalog .v46-entry-icon{
 display:grid;place-items:center;flex:none;
 width:56px;height:56px;border-radius:16px;
 background:linear-gradient(145deg,#e5f5ff,#f2faff);color:#0a90ce;
 border:1px solid #d5eaf6;
}
.v45-catalog .v46-entry-icon svg{width:27px;height:27px;stroke-width:1.75}
.v45-catalog .v46-entry-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.v45-catalog .v46-entry-title{
 display:block;color:#0d3053;font-size:17px;line-height:1.28;
 letter-spacing:-.02em;font-weight:850;
}
.v45-catalog .v46-entry-summary{
 display:block;max-width:610px;color:#637f96;
 font-size:13px;line-height:1.6;font-weight:400;
}
.v45-catalog .v46-entry-aside{
 display:flex;flex-direction:column;align-items:flex-end;justify-content:center;
 gap:13px;min-width:0;
}
.v45-catalog .v46-entry-tech{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:100%}
.v45-catalog .v46-entry-tech>span{
 display:inline-block;max-width:100%;overflow-wrap:anywhere;
 font-size:10.5px;line-height:1.35;color:#477c9c;font-weight:600;
 background:#edf7fd;padding:5px 9px;border-radius:7px;
}
.v45-catalog .v46-entry-action{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:35px;padding:8px 14px;border:1px solid #bfdfef;
 border-radius:9px;background:#fff;color:#0b80b7;
 font-size:11.5px;line-height:1.2;font-weight:800;
 transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.v45-catalog .v46-service-entry-link:hover .v46-entry-action,
.v45-catalog .v46-service-entry-link:focus-visible .v46-entry-action{
 background:#098bc5;border-color:#098bc5;color:#fff;
}
/* The back action now uses the exact same standard outline button as other CTAs. */
.v45-detail .v45-detail-actions .v43-btn{min-height:45px}
@media(max-width:1000px){
 .v45-catalog .v46-service-entry-link{
  grid-template-columns:52px minmax(0,1fr) minmax(155px,190px);gap:16px;
  padding:19px 21px;min-height:105px;
 }
 .v45-catalog .v46-entry-icon{width:52px;height:52px}
 .v45-catalog .v46-entry-title{font-size:16px}
 .v45-catalog .v46-entry-summary{font-size:12.5px}
}
@media(max-width:760px){
 .v45-catalog .v46-service-entry-link{grid-template-columns:48px minmax(0,1fr);gap:12px 14px;padding:18px;min-height:0}
 .v45-catalog .v46-entry-icon{width:48px;height:48px;border-radius:13px}
 .v45-catalog .v46-entry-icon svg{width:24px;height:24px}
 .v45-catalog .v46-entry-aside{grid-column:2;align-items:flex-start;gap:11px}
 .v45-catalog .v46-entry-tech{justify-content:flex-start}
 .v45-catalog .v46-entry-title{font-size:15.5px}
 .v45-catalog .v46-entry-summary{font-size:12px}
}
@media(max-width:430px){
 .v45-catalog .v46-service-directory{border-radius:15px}
 .v45-catalog .v46-service-entry-link{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:15px 13px}
 .v45-catalog .v46-entry-icon{width:42px;height:42px;border-radius:12px}
 .v45-catalog .v46-entry-title{font-size:14.5px}
 .v45-catalog .v46-entry-action{min-height:33px}
}
@media(prefers-reduced-motion:reduce){
 .v45-catalog .v46-service-entry::before,
 .v45-catalog .v46-service-entry-link,
 .v45-catalog .v46-entry-action{transition:none!important}
}