.sablonlar-breadcrumb{background:var(--bg-cool);color:var(--text-muted);padding:16px 0;font-size:14px}.sablonlar-breadcrumb a{color:var(--text-muted);transition:var(--transition);text-decoration:none}.sablonlar-breadcrumb a:hover{color:var(--premium)}.sablonlar-breadcrumb span{margin:0 8px}.sablonlar-breadcrumb .current{color:var(--text-main);margin:0;font-weight:600}.sablonlar-hero{background:linear-gradient(180deg,var(--premium-light)0%,var(--bg-main)100%);text-align:center;padding:64px 0 48px}.sablonlar-hero h1{font-family:var(--font-display);color:var(--text-main);max-width:880px;margin:0 auto 20px;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.15}.sablonlar-hero h1 span{color:var(--premium);font-style:italic}.sablonlar-hero>.container>p{color:var(--text-secondary);max-width:760px;margin:0 auto 32px;font-size:18px;line-height:1.7}.sablonlar-hero-stats{flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:36px;display:flex}.sablonlar-hero-stats>div{flex-direction:column;align-items:center;display:flex}.sablonlar-hero-stats strong{font-family:var(--font-display);color:var(--premium);font-size:36px;font-weight:800;line-height:1}.sablonlar-hero-stats span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-size:13px}.sablonlar-hero-cta{background:var(--premium);color:#fff;border-radius:var(--radius-full);transition:var(--transition);box-shadow:var(--shadow-md);padding:16px 36px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.sablonlar-hero-cta:hover{background:var(--premium-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sablonlar-section{padding:80px 0}.sablonlar-section-alt{background:var(--bg-cool)}.sablonlar-section-head{text-align:center;max-width:720px;margin:0 auto 48px}.sablonlar-section-head h2{font-family:var(--font-display);color:var(--text-main);margin:0 0 12px;font-size:clamp(26px,3.5vw,36px);font-weight:800}.sablonlar-section-head p{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.7}.sablonlar-cat-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.sablonlar-cat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;transition:var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.sablonlar-cat-card:hover{box-shadow:var(--shadow-md);border-color:var(--premium-light-gold);transform:translateY(-4px)}.sablonlar-cat-img{aspect-ratio:16/10;background:var(--bg-cool);position:relative;overflow:hidden}.sablonlar-cat-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.sablonlar-cat-card:hover .sablonlar-cat-img img{transform:scale(1.05)}.sablonlar-cat-body{flex-direction:column;flex:1;padding:20px 22px 22px;display:flex}.sablonlar-cat-body h3{font-family:var(--font-display);color:var(--text-main);margin:0 0 8px;font-size:19px;font-weight:700;line-height:1.3}.sablonlar-cat-body p{color:var(--text-secondary);flex:1;margin:0 0 16px;font-size:14px;line-height:1.6}.sablonlar-cat-link{color:var(--premium);margin-top:auto;font-size:14px;font-weight:600}.sablonlar-layout-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.sablonlar-layout-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow-sm);padding:16px}.sablonlar-layout-card:hover{box-shadow:var(--shadow-md);border-color:var(--premium-light-gold);transform:translateY(-3px)}.sablonlar-layout-thumb{aspect-ratio:44/56;background:var(--bg-cool);border-radius:8px;justify-content:center;align-items:center;margin-bottom:12px;padding:8px;display:flex;overflow:hidden}.sablonlar-layout-thumb svg{max-width:100%;max-height:100%}.sablonlar-layout-body h3{color:var(--text-main);margin:0 0 4px;font-size:14px;font-weight:700}.sablonlar-layout-body p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.sablonlar-cover-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.sablonlar-cover-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);padding:20px}.sablonlar-cover-card:hover{box-shadow:var(--shadow-md);border-color:var(--premium-light-gold);transform:translateY(-3px)}.sablonlar-cover-thumb{aspect-ratio:44/56;background:var(--bg-cool);border-radius:8px;justify-content:center;align-items:center;margin-bottom:14px;padding:8px;display:flex;overflow:hidden}.sablonlar-cover-thumb svg{max-width:100%;max-height:100%}.sablonlar-cover-body h3{color:var(--text-main);margin:0 0 6px;font-size:16px;font-weight:700}.sablonlar-cover-body p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.sablonlar-cta-section{background:var(--bg-main);padding:60px 0 100px}.sablonlar-cta-banner{background:linear-gradient(135deg,var(--premium-light)0%,var(--bg-cool)100%);border:1px solid var(--premium-light-gold);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);padding:56px 32px}.sablonlar-cta-banner h2{font-family:var(--font-display);color:var(--text-main);margin:0 0 12px;font-size:clamp(24px,3.5vw,34px);font-weight:800}.sablonlar-cta-banner p{color:var(--text-secondary);max-width:560px;margin:0 auto 28px;font-size:16px;line-height:1.7}.sablonlar-cta-btn{background:var(--premium);color:#fff;border-radius:var(--radius-full);transition:var(--transition);box-shadow:var(--shadow-md);padding:16px 40px;font-size:17px;font-weight:700;text-decoration:none;display:inline-block}.sablonlar-cta-btn:hover{background:var(--premium-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:640px){.sablonlar-hero{padding:48px 0 32px}.sablonlar-hero-stats{gap:20px}.sablonlar-hero-stats strong{font-size:28px}.sablonlar-section{padding:56px 0}.sablonlar-cat-grid{grid-template-columns:1fr}.sablonlar-layout-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.sablonlar-cta-banner{padding:40px 20px}}
