/* Compact marketplace layout; the site's light palette is the default. */
.catalog-page{background:#151a22;color:#f5f7fc}
.catalog-page .container{width:min(1392px,calc(100% - 64px));max-width:none}
.catalog-page .header,.catalog-page .header.scrolled{background:#151a22;box-shadow:none;border-bottom:1px solid #303947}
.catalog-page .header .brand-image{filter:brightness(0) invert(1)}
.catalog-page .header nav a{color:#e2e7f2}
.catalog-page .header nav a:hover{color:#9db8ff}
.catalog-page .header .menu-toggle span{background:#f5f7fc}
.catalog-page .site-footer{background:#11161d;color:#bac5d5;border-top:1px solid #303947}
.catalog-page .site-footer a,.catalog-page .site-footer p,.catalog-page .site-footer span{color:inherit}
.catalog-page .site-footer .brand-image{filter:brightness(0) invert(1)}
.catalog-page .site-footer .footer-code{color:#9db8ff}
.catalog-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.catalog-hero{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-block:42px 30px}
.catalog-hero .eyebrow{color:#8facff;font-size:11px;letter-spacing:2px;font-weight:700}
.catalog-hero h1{font:700 clamp(32px,4vw,52px)/1.08 var(--display);letter-spacing:-.05em;margin:9px 0 8px}
.catalog-hero p{color:#adbacd;font-size:15px;line-height:1.55;margin:0}
.catalog-total{color:#bdc9dc;background:#202936;border:1px solid #334052;padding:9px 14px;border-radius:6px;font:700 12px var(--body);white-space:nowrap}
.catalog-layout{display:grid;grid-template-columns:256px minmax(0,1fr);align-items:start;gap:20px;padding-bottom:62px}
.catalog-sidebar{border:1px solid #343e4d;border-radius:9px;overflow:hidden;background:#1b222c}
.catalog-sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #343e4d;background:#11161d}
.catalog-sidebar-title h2{font:700 20px/1.2 var(--display);letter-spacing:-.03em;margin:0}
.catalog-sidebar-title span{color:#8facff;font-size:17px}
.catalog-filter-list{display:grid;gap:3px;padding:10px}
.catalog-filter{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:11px 12px;border:0;border-radius:5px;background:transparent;color:#dbe3ef;text-align:left;font:500 13px/1.4 var(--body);cursor:pointer;transition:background .2s,color .2s}
.catalog-filter:hover{background:#273241;color:#fff}
.catalog-filter[aria-pressed="true"]{background:#293b63;color:#fff;font-weight:700}
.catalog-filter-count{min-width:26px;text-align:center;padding:2px 5px;border:1px solid #536175;border-radius:4px;color:#b7c5d8;font:600 11px/1.2 var(--body)}
.catalog-filter[aria-pressed="true"] .catalog-filter-count{border-color:#7b9fff;color:#dce6ff}
.catalog-sidebar-note{margin:9px 16px 17px;padding-top:19px;border-top:1px solid #35404e}
.catalog-sidebar-note .eyebrow{color:#a8beff;font-size:10px;letter-spacing:1.4px}
.catalog-sidebar-note p{font:650 16px/1.4 var(--display);margin:8px 0 13px}
.catalog-sidebar-note a{font:650 12px var(--body);color:#a9c0ff}
.catalog-results{min-width:0;background:#1b222c;border:1px solid #343e4d;border-radius:9px;overflow:hidden}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:14px 18px;border-bottom:1px solid #343e4d;background:#11161d}
.catalog-toolbar>div:first-child{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.catalog-toolbar strong{font:700 15px var(--display)}
.catalog-toolbar>div:first-child span{color:#91a0b4;font-size:12px}
.catalog-controls{display:flex;gap:8px}
.catalog-controls input,.catalog-controls select{height:38px;border:1px solid #465366;border-radius:5px;background:#202936;color:#edf2ff;font:500 12px var(--body);padding:0 11px}
.catalog-controls input{width:190px}
.catalog-controls input::placeholder{color:#a5b3c7}
.catalog-controls select{min-width:130px;cursor:pointer}
.catalog-page .project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;padding:10px}
.catalog-page .project-list .project-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:300px;border:0;border-radius:0;background:transparent;color:#f5f7fc;padding:8px 8px 15px;transition:background .2s}
.catalog-page .project-list .project-card:hover{background:#25303c}
.catalog-page .project-list .project-card[hidden]{display:none}
.catalog-image{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#10151d}
.catalog-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s}
.catalog-page .project-card:hover .catalog-image img{transform:scale(1.025)}
.catalog-image .project-price{position:absolute;top:9px;left:9px;bottom:auto;z-index:2;padding:6px 9px;border-radius:3px;border:0;background:#f4a52d;color:#151a22;font:800 12px/1 var(--body);box-shadow:0 2px 10px #0005}
.catalog-image .project-price:hover{background:#ffbf5b;color:#11161d}
.catalog-type{position:absolute;top:9px;right:9px;padding:5px 7px;border:1px solid #8ca8d4;border-radius:3px;background:#182331d9;color:#b8d0ff;font:600 10px/1 var(--body)}
.catalog-copy{display:flex;flex:1;flex-direction:column;padding:14px 4px 0}
.catalog-category{font:700 10px/1.3 var(--body);color:#8facff;letter-spacing:.09em;text-transform:uppercase}
.catalog-copy h2{font:700 17px/1.28 var(--display);letter-spacing:-.025em;margin:7px 0 7px;color:#fff}
.catalog-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#a9b6c8;font-size:12px;line-height:1.55;margin:0 0 15px}
.catalog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid #3b4654;padding-top:11px;margin-top:auto;color:#8d9eb4;font-size:10px}
.catalog-demo{position:relative;z-index:2;color:#bdd0ff;white-space:nowrap;font-weight:700;font-size:11px}
.catalog-demo:hover{color:#fff}
.catalog-page .project-card-link::after{inset:0}
.catalog-empty{margin:0;padding:42px 20px;text-align:center;color:#bdc9dc}
.catalog-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:34px 70px;border-top:1px solid #35404e}
.catalog-cta .eyebrow{color:#8facff;font-size:10px;letter-spacing:1.5px}
.catalog-cta h2{font:700 clamp(24px,3vw,34px)/1.2 var(--display);letter-spacing:-.04em;margin:8px 0 0}
.catalog-page :is(button,input,select,a):focus-visible{outline:3px solid #8facff;outline-offset:3px}
@media(max-width:1150px){.catalog-page .project-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.catalog-layout{grid-template-columns:1fr}.catalog-filter-list{display:flex;overflow-x:auto;scrollbar-width:thin}.catalog-filter{width:auto;min-width:max-content}.catalog-sidebar-note{display:none}.catalog-sidebar-title{padding:12px 15px}.catalog-sidebar-title h2{font-size:17px}.catalog-page .nav-wrap nav{background:#1b222c;border-color:#35404e}.catalog-page .nav-wrap nav a{color:#f5f7fc}}
@media(max-width:620px){.catalog-page .container{width:calc(100% - 32px)}.catalog-hero{padding-block:30px 22px;align-items:start}.catalog-hero h1{font-size:34px}.catalog-hero p{font-size:13px}.catalog-total{display:none}.catalog-filter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.catalog-filter{min-width:0;padding:10px 8px;font-size:11px}.catalog-filter-count{flex-shrink:0}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-controls input{width:min(52vw,220px)}.catalog-page .project-list{grid-template-columns:1fr;padding:8px}.catalog-page .project-list .project-card{min-height:0;padding:8px 6px 20px}.catalog-copy h2{font-size:20px}.catalog-copy p{font-size:13px}.catalog-cta{align-items:start;flex-direction:column}.catalog-image .project-price{font-size:13px}}
@media(prefers-reduced-motion:reduce){.catalog-image img,.catalog-filter,.catalog-page .project-card{transition:none}}

/* Match the main Yazılımın palette until the visitor chooses dark mode. */
html:not([data-theme="dark"]) .catalog-page{background:#f7faff;color:#102044}
html:not([data-theme="dark"]) .catalog-page .header,html:not([data-theme="dark"]) .catalog-page .header.scrolled{background:#fff;border-bottom-color:#e4eaf5}
html:not([data-theme="dark"]) .catalog-page .header .brand-image,html:not([data-theme="dark"]) .catalog-page .site-footer .brand-image{filter:none}
html:not([data-theme="dark"]) .catalog-page .header nav a{color:#52607a}
html:not([data-theme="dark"]) .catalog-page .header nav a:hover{color:#2d5bef}
html:not([data-theme="dark"]) .catalog-page .header .menu-toggle span{background:#102044}
html:not([data-theme="dark"]) .catalog-page .site-footer{background:#102044;color:#dce6fa;border-top-color:#30446a}
html:not([data-theme="dark"]) .catalog-page .site-footer .brand-image{filter:brightness(0) invert(1)}
html:not([data-theme="dark"]) .catalog-page .site-footer .footer-code{color:#a9c0ff}
html:not([data-theme="dark"]) .catalog-hero .eyebrow,html:not([data-theme="dark"]) .catalog-category,html:not([data-theme="dark"]) .catalog-sidebar-note .eyebrow,html:not([data-theme="dark"]) .catalog-cta .eyebrow{color:#2d5bef}
html:not([data-theme="dark"]) .catalog-hero p,html:not([data-theme="dark"]) .catalog-copy p,html:not([data-theme="dark"]) .catalog-toolbar>div:first-child span,html:not([data-theme="dark"]) .catalog-empty{color:#64718a}
html:not([data-theme="dark"]) .catalog-total{background:#edf3ff;border-color:#d5e1fa;color:#355486}
html:not([data-theme="dark"]) .catalog-sidebar,html:not([data-theme="dark"]) .catalog-results{background:#fff;border-color:#dce5f4}
html:not([data-theme="dark"]) .catalog-sidebar-title,html:not([data-theme="dark"]) .catalog-toolbar{background:#f1f5fd;border-bottom-color:#dce5f4}
html:not([data-theme="dark"]) .catalog-sidebar-note{border-top-color:#dce5f4}
html:not([data-theme="dark"]) .catalog-sidebar-title span,html:not([data-theme="dark"]) .catalog-sidebar-note a{color:#2d5bef}
html:not([data-theme="dark"]) .catalog-filter{color:#334667}
html:not([data-theme="dark"]) .catalog-filter:hover{background:#eff4ff;color:#1749df}
html:not([data-theme="dark"]) .catalog-filter[aria-pressed="true"]{background:#e7efff;color:#2049bc}
html:not([data-theme="dark"]) .catalog-filter-count{border-color:#ccd9ee;color:#64718a}
html:not([data-theme="dark"]) .catalog-filter[aria-pressed="true"] .catalog-filter-count{border-color:#9eb8f8;color:#2049bc}
html:not([data-theme="dark"]) .catalog-controls input,html:not([data-theme="dark"]) .catalog-controls select{background:#fff;border-color:#ccd9ee;color:#102044}
html:not([data-theme="dark"]) .catalog-controls input::placeholder{color:#8190a8}
html:not([data-theme="dark"]) .catalog-page .project-list .project-card{color:#102044}
html:not([data-theme="dark"]) .catalog-page .project-list .project-card:hover{background:#f3f7ff}
html:not([data-theme="dark"]) .catalog-image{background:#edf3ff}
html:not([data-theme="dark"]) .catalog-image .project-price{background:#2d5bef;color:#fff;box-shadow:0 3px 12px #10204426}
html:not([data-theme="dark"]) .catalog-image .project-price:hover{background:#1749df;color:#fff}
html:not([data-theme="dark"]) .catalog-type{background:#fffffff0;border-color:#cbd9ef;color:#2852bf}
html:not([data-theme="dark"]) .catalog-copy h2{color:#102044}
html:not([data-theme="dark"]) .catalog-card-bottom{border-top-color:#e4eaf5;color:#64718a}
html:not([data-theme="dark"]) .catalog-demo{color:#2d5bef}
html:not([data-theme="dark"]) .catalog-demo:hover{color:#1749df}
html:not([data-theme="dark"]) .catalog-cta{border-top-color:#dce5f4}
@media(max-width:850px){html:not([data-theme="dark"]) .catalog-page .nav-wrap nav{background:#fff;border-color:#dce5f4}html:not([data-theme="dark"]) .catalog-page .nav-wrap nav a{color:#102044}}