.cc{--cc-r:20px;--cc-e:cubic-bezier(.2,.7,.2,1);display:grid;gap:clamp(14px,2vw,26px);grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));margin:0}
.cc *{box-sizing:border-box}
.cc-item{min-width:0}
.cc-js .cc-item{opacity:0;transform:translateY(26px);transition:opacity .7s var(--cc-e) calc(var(--i,0)*80ms),transform .7s var(--cc-e) calc(var(--i,0)*80ms)}
.cc-js .cc-item.is-in{opacity:1;transform:none}
.cc .cc-item .cc-card,.cc .cc-item .cc-card:hover,.cc .cc-item .cc-card:focus{color:inherit;text-decoration:none;background-image:none}
.cc-card{display:block;position:relative;height:100%;color:inherit;text-decoration:none;border-radius:var(--cc-r);outline:0;-webkit-tap-highlight-color:transparent}
.cc-card:focus-visible{box-shadow:0 0 0 3px var(--t-accent,#2563eb)}
.cc-media{display:block;position:relative;overflow:hidden}
.cc-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--cc-e)}
.cc-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;background:linear-gradient(135deg,var(--t-accent-soft,#e8edff),var(--t-surface-2,#f4f5f9));color:var(--t-accent,#2563eb);font-size:34px}
.cc-cat{display:inline-flex;align-self:flex-start;padding:4px 11px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.04em;background:var(--t-accent-soft,#e8edff);color:var(--t-accent,#2563eb)}
.cc-date{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--t-muted,#64748b)}
.cc-t{margin:0;font-size:clamp(16px,1.5vw,19px);font-weight:800;line-height:1.32;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-ex{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--t-muted,#64748b);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-body{display:flex;flex-direction:column;gap:10px}
.cc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.cc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.cc-go{flex:none;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--t-accent,#2563eb);color:#fff;font-size:13px;transition:transform .45s var(--cc-e),background .3s}
.cc-card:hover .cc-go{transform:translateX(3px) rotate(-45deg)}
.cc-more{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--t-accent,#2563eb)}
.cc-more i{transition:transform .35s var(--cc-e)}.cc-card:hover .cc-more i{transform:translateX(5px)}
.cc-card:hover .cc-img{transform:scale(1.07)}

/* 1) Cam Kart */
.cc--glass .cc-card{aspect-ratio:4/5;overflow:hidden;background:#0b1220;box-shadow:0 22px 44px -26px rgba(2,6,23,.7)}
.cc--glass .cc-media{position:absolute;inset:0}
.cc--glass .cc-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,6,23,.65),transparent 55%);pointer-events:none}
.cc--glass .cc-glass{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:calc(var(--cc-r) - 6px);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);color:#fff;transition:transform .55s var(--cc-e),background .4s}
.cc--glass .cc-card:hover .cc-glass{transform:translateY(-6px);background:rgba(255,255,255,.24)}
.cc--glass .cc-t{color:#fff}.cc--glass .cc-date{color:rgba(255,255,255,.85)}.cc--glass .cc-cat{background:rgba(255,255,255,.22);color:#fff}
.cc--glass .cc-go{background:#fff;color:#0f172a}

/* 2) 3D Eğimli */
.cc--tilt .cc-item{perspective:1100px}
.cc--tilt .cc-card{display:flex;flex-direction:column;background:var(--t-surface,#fff);border:1px solid var(--t-border,#e2e8f0);overflow:hidden;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease-out,box-shadow .5s,border-color .3s;will-change:transform}
.cc--tilt .cc-card:hover{box-shadow:0 30px 60px -28px rgba(15,23,42,.55);border-color:color-mix(in srgb,var(--t-accent,#2563eb) 45%,var(--t-border,#e2e8f0))}
.cc--tilt .cc-media{aspect-ratio:16/10}
.cc--tilt .cc-body{padding:18px 20px 20px;flex:1}
.cc--tilt .cc-shine{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.28),transparent 55%);opacity:0;transition:opacity .35s;mix-blend-mode:soft-light}
.cc--tilt .cc-card:hover .cc-shine{opacity:1}

/* 3) Poster */
.cc--poster{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.cc--poster .cc-card{aspect-ratio:3/4;overflow:hidden;background:#0b1220}
.cc--poster .cc-media{position:absolute;inset:0}
.cc--poster .cc-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,6,23,.88),rgba(2,6,23,.15) 60%,transparent);pointer-events:none}
.cc--poster .cc-top{position:absolute;z-index:2;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;align-items:center}
.cc--poster .cc-date{padding:6px 11px;border-radius:99px;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}
.cc--poster .cc-go{background:#fff;color:#0f172a;transform:rotate(-45deg) scale(.85);opacity:.9}
.cc--poster .cc-card:hover .cc-go{transform:rotate(0) scale(1)}
.cc--poster .cc-cap{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:20px;display:flex;flex-direction:column;gap:8px;color:#fff}
.cc--poster .cc-t{color:#fff;transition:transform .5s var(--cc-e)}
.cc--poster .cc-ex{color:rgba(255,255,255,.8);margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--cc-e),opacity .4s}
.cc--poster .cc-card:hover .cc-ex,.cc--poster .cc-card:focus-visible .cc-ex{max-height:80px;opacity:1}
.cc--poster .cc-cat{background:var(--t-accent,#2563eb);color:#fff}

/* 4) Yatay Kart */
.cc--split{grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr))}
.cc--split .cc-card{display:flex;overflow:hidden;background:var(--t-surface,#fff);border:1px solid var(--t-border,#e2e8f0);transition:box-shadow .4s,transform .4s var(--cc-e),border-color .3s}
.cc--split .cc-card:hover{transform:translateY(-5px);box-shadow:0 24px 44px -26px rgba(15,23,42,.45);border-color:var(--t-accent,#2563eb)}
.cc--split .cc-media{flex:0 0 40%;min-height:200px}
.cc--split .cc-body{flex:1;padding:20px;min-width:0}
@media(max-width:560px){.cc--split .cc-card{flex-direction:column}.cc--split .cc-media{flex:none;aspect-ratio:16/9;min-height:0}}

/* 5) Numaralı */
.cc--numbered .cc-card{display:flex;flex-direction:column;overflow:hidden;background:var(--t-surface,#fff);border:1px solid var(--t-border,#e2e8f0);transition:transform .45s var(--cc-e),box-shadow .45s}
.cc--numbered .cc-card:hover{transform:translateY(-6px);box-shadow:0 26px 48px -28px rgba(15,23,42,.5)}
.cc--numbered .cc-media{aspect-ratio:16/10}
.cc--numbered .cc-num{position:absolute;z-index:3;right:16px;top:8px;font-size:clamp(54px,6vw,76px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.9);text-shadow:0 6px 18px rgba(2,6,23,.35);transition:color .4s,transform .5s var(--cc-e)}
.cc--numbered .cc-card:hover .cc-num{color:var(--t-accent,#2563eb);-webkit-text-stroke-color:#fff;transform:scale(1.08) rotate(-4deg)}
.cc--numbered .cc-body{padding:18px 20px 20px;flex:1}

/* 6) Üst Üste Binen */
.cc--stack{display:block}
.cc--stack .cc-item{position:sticky;top:calc(92px + var(--i,0)*16px);margin-bottom:clamp(16px,3vw,28px)}
.cc-js .cc--stack .cc-item{transform:none}
.cc--stack .cc-card{display:flex;overflow:hidden;background:var(--t-surface,#fff);border:1px solid var(--t-border,#e2e8f0);box-shadow:0 -10px 30px -18px rgba(15,23,42,.35),0 22px 44px -28px rgba(15,23,42,.45)}
.cc--stack .cc-media{flex:0 0 38%;min-height:220px}
.cc--stack .cc-body{flex:1;justify-content:center;padding:clamp(18px,3vw,34px);min-width:0}
.cc--stack .cc-t{font-size:clamp(18px,2.2vw,26px)}
@media(max-width:640px){.cc--stack .cc-item{top:calc(78px + var(--i,0)*12px)}.cc--stack .cc-card{flex-direction:column}.cc--stack .cc-media{flex:none;min-height:0;aspect-ratio:16/8}}

/* 7) Işık Takipli */
.cc--spot .cc-card{display:flex;flex-direction:column;overflow:hidden;background:var(--t-surface,#fff);border:1px solid var(--t-border,#e2e8f0);isolation:isolate}
.cc--spot .cc-card::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--t-accent,#2563eb) 20%,transparent),transparent 62%);opacity:0;transition:opacity .35s}
.cc--spot .cc-card::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1.5px;pointer-events:none;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),var(--t-accent,#2563eb),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s}
.cc--spot .cc-card:hover::before,.cc--spot .cc-card:hover::after{opacity:1}
.cc--spot .cc-media,.cc--spot .cc-body{position:relative;z-index:1}
.cc--spot .cc-media{aspect-ratio:16/10}
.cc--spot .cc-body{padding:18px 20px 20px;flex:1}

/* 8) Kademeli Açılış */
.cc--stagger .cc-card{display:flex;flex-direction:column;gap:14px;border-radius:0}
.cc--stagger .cc-media{aspect-ratio:4/3;border-radius:var(--cc-r)}
.cc-js .cc--stagger .cc-media{clip-path:inset(0 0 100% 0 round var(--cc-r));transition:clip-path 1s cubic-bezier(.7,0,.2,1) calc(var(--i,0)*90ms + 120ms)}
.cc-js .cc--stagger .is-in .cc-media{clip-path:inset(0 0 0 0 round var(--cc-r))}
.cc--stagger .cc-body{gap:8px;padding:0 4px}
.cc--stagger .cc-t{font-size:clamp(17px,1.7vw,21px)}
.cc-ul{background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .5s var(--cc-e);padding-bottom:2px}
.cc-card:hover .cc-ul{background-size:100% 2px}

/* 9) Polaroid */
.cc--polaroid{gap:clamp(22px,3vw,34px)}
.cc--polaroid .cc-card{background:#fff;color:#0f172a;padding:12px 12px 0;border-radius:6px;box-shadow:0 16px 34px -16px rgba(15,23,42,.55);transform:rotate(var(--rot,-2deg));transition:transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}
.cc--polaroid .cc-item:nth-child(even) .cc-card{--rot:2.2deg}
.cc--polaroid .cc-item:nth-child(3n) .cc-card{--rot:-1deg}
.cc--polaroid .cc-card::before{content:"";position:absolute;z-index:3;left:50%;top:-11px;width:84px;height:24px;margin-left:-42px;transform:rotate(-3deg);background:color-mix(in srgb,var(--t-accent,#2563eb) 38%,#fff);opacity:.85;border-radius:2px}
.cc--polaroid .cc-card:hover{transform:rotate(0) scale(1.04) translateY(-6px);box-shadow:0 30px 50px -20px rgba(15,23,42,.6);z-index:5}
.cc--polaroid .cc-media{aspect-ratio:1/1;border-radius:2px}
.cc--polaroid .cc-body{padding:14px 4px 18px;gap:8px}
.cc--polaroid .cc-t{color:#0f172a;font-size:clamp(15px,1.4vw,18px);-webkit-line-clamp:2}
.cc--polaroid .cc-date,.cc--polaroid .cc-catx{color:#64748b}
.cc-catx{font-size:12px;font-weight:700;color:var(--t-accent,#2563eb)}

/* 10) Neon Çerçeve */
.cc--neon .cc-card{padding:2px;overflow:hidden;background:#0a0f1f;color:#e5e7eb}
.cc--neon .cc-card::before{content:"";position:absolute;left:50%;top:50%;width:220%;aspect-ratio:1;margin:-110% 0 0 -110%;background:conic-gradient(from 0deg,transparent 0 62%,var(--t-accent,#2563eb) 78%,#22d3ee 90%,transparent);opacity:.55;animation:cc-spin 7s linear infinite paused}
.cc--neon .cc-card:hover::before{opacity:1;animation-play-state:running}
@keyframes cc-spin{to{transform:rotate(360deg)}}
.cc--neon .cc-in{position:relative;display:flex;flex-direction:column;height:100%;background:#0a0f1f;border-radius:calc(var(--cc-r) - 2px);overflow:hidden}
.cc--neon .cc-media{aspect-ratio:16/10}
.cc--neon .cc-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0a0f1f,transparent 55%)}
.cc--neon .cc-body{padding:4px 20px 20px;flex:1}
.cc--neon .cc-t{color:#fff}.cc--neon .cc-date{color:#94a3b8}
.cc--neon .cc-cat{background:rgba(34,211,238,.12);color:#67e8f9}
.cc--neon .cc-go{background:linear-gradient(135deg,var(--t-accent,#2563eb),#22d3ee)}
@media(hover:none){.cc--neon .cc-card::before{animation-play-state:running}}

/* 11) Editoryal */
.cc--editorial .cc-card{display:flex;flex-direction:column;gap:16px;border-radius:0;border-top:2px solid var(--t-border,#e2e8f0);padding-top:18px;transition:border-color .35s var(--cc-e)}
.cc.cc--editorial .cc-item:hover,.cc.cc--editorial .cc-item .cc-card,.cc.cc--editorial .cc-item .cc-card:hover,.cc.cc--editorial .cc-item .cc-card:focus-visible{transform:none;box-shadow:none;background:none;filter:none;outline:0}
.cc--editorial .cc-ul{background:none;padding:0}
.cc--editorial .cc-card:hover{border-top-color:var(--t-accent,#2563eb)}
.cc--editorial .cc-card:focus-visible .cc-t{text-decoration:underline;text-underline-offset:4px}
.cc--editorial .cc-media{aspect-ratio:3/2;border-radius:12px}
.cc--editorial .cc-t{transition:color .3s}
.cc--editorial .cc-card:hover .cc-t{color:var(--t-accent,#2563eb)}
.cc--editorial .cc-card:hover .cc-img{transform:scale(1.04)}
.cc--editorial .cc-body{gap:10px}
.cc--editorial .cc-t{font-size:clamp(19px,2vw,24px);font-weight:800;letter-spacing:-.02em}
.cc--editorial .cc-meta{font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.cc--editorial .cc-catx{text-transform:uppercase;letter-spacing:.08em}

/* 12) Çevrilen Kart */
.cc--flip .cc-card{aspect-ratio:4/5;perspective:1300px;border-radius:0}
.cc--flip .cc-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .85s var(--cc-e)}
.cc--flip .cc-front,.cc--flip .cc-back{position:absolute;inset:0;overflow:hidden;border-radius:var(--cc-r);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cc--flip .cc-front{background:#0b1220;box-shadow:0 22px 44px -28px rgba(2,6,23,.7)}
.cc--flip .cc-media{position:absolute;inset:0}
.cc--flip .cc-front::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,6,23,.85),transparent 60%)}
.cc--flip .cc-cap{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:20px;display:flex;flex-direction:column;gap:8px;color:#fff}
.cc--flip .cc-front .cc-t{color:#fff}.cc--flip .cc-cat{background:var(--t-accent,#2563eb);color:#fff}
.cc--flip .cc-back{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px;color:#fff;background:linear-gradient(145deg,var(--t-accent,#2563eb),color-mix(in srgb,var(--t-accent,#2563eb) 55%,#0b1220))}
.cc--flip .cc-back .cc-t{color:#fff;-webkit-line-clamp:4}
.cc--flip .cc-back .cc-ex{color:rgba(255,255,255,.88);margin:0}
.cc--flip .cc-back .cc-date{color:rgba(255,255,255,.85)}
.cc--flip .cc-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:99px;background:#fff;color:#0f172a;font-size:13px;font-weight:800}
@media(hover:hover){.cc--flip .cc-card:hover .cc-flip{transform:rotateY(180deg)}}
.cc--flip .cc-card:focus-visible .cc-flip,.cc--flip .cc-card.is-flip .cc-flip{transform:rotateY(180deg)}
.cc--flip .cc-card:hover .cc-img{transform:none}

/* 13) Genişleyen Paneller */
.cc--accordion{display:flex;gap:12px;height:clamp(360px,46vw,460px)}
.cc--accordion .cc-item{flex:1 1 0;min-width:0;transition:flex .75s var(--cc-e),opacity .7s var(--cc-e) calc(var(--i,0)*80ms),transform .7s var(--cc-e) calc(var(--i,0)*80ms)}
.cc--accordion .cc-item:hover,.cc--accordion .cc-item:focus-within,.cc--accordion:not(:hover) .cc-item:first-child{flex:3.6 1 0}
.cc--accordion:hover .cc-item:first-child:not(:hover){flex:1 1 0}
.cc--accordion .cc-card{overflow:hidden;background:#0b1220}
.cc--accordion .cc-media{position:absolute;inset:0}
.cc--accordion .cc-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,6,23,.88),rgba(2,6,23,.1) 65%);pointer-events:none}
.cc--accordion .cc-cap{position:absolute;z-index:2;left:0;bottom:0;width:min(340px,100%);padding:22px;display:flex;flex-direction:column;gap:8px;color:#fff}
.cc--accordion .cc-t{color:#fff;-webkit-line-clamp:3}
.cc--accordion .cc-ex,.cc--accordion .cc-more{opacity:0;max-height:0;overflow:hidden;transition:opacity .5s .15s,max-height .6s var(--cc-e);color:#fff}
.cc--accordion .cc-ex{margin:0;color:rgba(255,255,255,.85)}
.cc--accordion .cc-item:hover .cc-ex,.cc--accordion .cc-item:hover .cc-more,.cc--accordion .cc-item:focus-within .cc-ex,.cc--accordion .cc-item:focus-within .cc-more,.cc--accordion:not(:hover) .cc-item:first-child .cc-ex,.cc--accordion:not(:hover) .cc-item:first-child .cc-more{opacity:1;max-height:90px}
.cc--accordion .cc-cat{background:var(--t-accent,#2563eb);color:#fff}
@media(max-width:760px){.cc--accordion{flex-direction:column;height:auto}.cc--accordion .cc-item,.cc--accordion .cc-item:hover,.cc--accordion:not(:hover) .cc-item:first-child{flex:none}.cc--accordion .cc-card{height:210px}.cc--accordion .cc-ex,.cc--accordion .cc-more{display:none}}

/* 14) Neo-Brütalist */
.cc--brutal{gap:clamp(18px,2.4vw,30px)}
.cc--brutal .cc-card{display:flex;flex-direction:column;border:2px solid var(--t-text,#0f172a);border-radius:6px;background:var(--t-surface,#fff);box-shadow:6px 6px 0 var(--t-text,#0f172a);transition:transform .25s var(--cc-e),box-shadow .25s var(--cc-e)}
.cc--brutal .cc-card:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--t-accent,#2563eb)}
.cc--brutal .cc-media{aspect-ratio:16/10;border-bottom:2px solid var(--t-text,#0f172a)}
.cc--brutal .cc-body{padding:16px 18px 18px;flex:1}
.cc--brutal .cc-cat{border-radius:3px;border:2px solid var(--t-text,#0f172a);background:var(--t-accent,#2563eb);color:#fff;text-transform:uppercase}
.cc--brutal .cc-go{border-radius:4px;background:var(--t-text,#0f172a);color:var(--t-bg,#fff)}
.cc--brutal .cc-card:hover .cc-go{transform:none;background:var(--t-accent,#2563eb);color:#fff}

/* 15) Zikzak */
.cc--zigzag{display:flex;flex-direction:column;gap:clamp(24px,5vw,56px)}
.cc--zigzag .cc-card{display:flex;align-items:center;gap:clamp(20px,4vw,52px);border-radius:0}
.cc--zigzag .cc-item:nth-child(even) .cc-card{flex-direction:row-reverse}
.cc--zigzag .cc-media{flex:0 0 52%;aspect-ratio:16/10;border-radius:var(--cc-r)}
.cc--zigzag .cc-body{flex:1;min-width:0;position:relative;gap:12px}
.cc--zigzag .cc-big{font-size:clamp(46px,6vw,84px);font-weight:900;line-height:.9;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--t-accent,#2563eb) 55%,transparent);transition:color .4s}
.cc--zigzag .cc-card:hover .cc-big{color:color-mix(in srgb,var(--t-accent,#2563eb) 18%,transparent)}
.cc--zigzag .cc-t{font-size:clamp(20px,2.6vw,32px);-webkit-line-clamp:4}
@media(max-width:760px){.cc--zigzag .cc-card,.cc--zigzag .cc-item:nth-child(even) .cc-card{flex-direction:column;align-items:stretch}.cc--zigzag .cc-media{flex:none}}

/* 16) Duoton */
.cc--duotone .cc-card{aspect-ratio:4/5;overflow:hidden;background:#0b1220}
.cc--duotone .cc-media{position:absolute;inset:0}
.cc--duotone .cc-img{filter:grayscale(1) brightness(1.12) contrast(1.05);transition:filter .7s,transform .9s var(--cc-e)}
.cc--duotone .cc-media::after{content:"";position:absolute;inset:0;background:var(--t-accent,#2563eb);mix-blend-mode:color;opacity:1;transition:opacity .7s}
.cc--duotone .cc-card:hover .cc-img{filter:none}
.cc--duotone .cc-card:hover .cc-media::after{opacity:0}
.cc--duotone .cc-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,6,23,.8),transparent 55%);pointer-events:none}
.cc--duotone .cc-cap{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:20px;display:flex;flex-direction:column;gap:8px;color:#fff}
.cc--duotone .cc-t{color:#fff}.cc--duotone .cc-date{color:rgba(255,255,255,.85)}.cc--duotone .cc-cat{background:#fff;color:#0f172a}
@media(hover:none){.cc--duotone .cc-img{filter:none}.cc--duotone .cc-media::after{opacity:.35}}

/* 17) Küçük Resimli Liste */
.cc--compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:12px}
.cc--compact .cc-card{display:flex;align-items:center;gap:16px;padding:12px 16px 12px 12px;background:var(--t-surface,#fff);border:1px solid var(--t-border,#e2e8f0);border-radius:16px;transition:transform .35s var(--cc-e),border-color .3s,box-shadow .35s}
.cc--compact .cc-card:hover{transform:translateX(6px);border-color:var(--t-accent,#2563eb);box-shadow:0 14px 30px -20px rgba(15,23,42,.45)}
.cc--compact .cc-media{flex:0 0 96px;height:76px;border-radius:12px}
.cc--compact .cc-body{flex:1;min-width:0;gap:6px}
.cc--compact .cc-t{font-size:15px;-webkit-line-clamp:2}
.cc--compact .cc-go{width:32px;height:32px;background:var(--t-accent-soft,#e8edff);color:var(--t-accent,#2563eb)}
.cc--compact .cc-card:hover .cc-go{background:var(--t-accent,#2563eb);color:#fff;transform:none}

/* 18) Kayan Panel */
.cc--slideup .cc-card{aspect-ratio:1/1;overflow:hidden;background:#0b1220;box-shadow:0 20px 40px -26px rgba(2,6,23,.6)}
.cc--slideup .cc-media{position:absolute;inset:0}
.cc--slideup .cc-panel{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:18px 20px;background:var(--t-surface,#fff);border-radius:var(--cc-r) var(--cc-r) 0 0;transform:translateY(var(--cc-hide,0));transition:transform .6s var(--cc-e)}
.cc--slideup .cc-reveal{display:flex;flex-direction:column;gap:10px;max-height:0;overflow:hidden;opacity:0;transition:max-height .6s var(--cc-e),opacity .4s}
.cc--slideup .cc-card:hover .cc-reveal,.cc--slideup .cc-card:focus-visible .cc-reveal{max-height:130px;opacity:1}
.cc--slideup .cc-t{-webkit-line-clamp:2;font-size:clamp(15px,1.4vw,18px)}
@media(hover:none){.cc--slideup .cc-reveal{max-height:none;opacity:1}.cc--slideup .cc-card{aspect-ratio:4/4.4}}

/* 19) İkonlu Kart */
.cc--iconcard .cc-card{display:flex;flex-direction:column;gap:18px;padding:26px 24px;overflow:hidden;background:var(--t-surface,#fff);border:1px solid var(--t-border,#e2e8f0);transition:transform .45s var(--cc-e),box-shadow .45s,background .4s,color .4s}
.cc--iconcard .cc-card::before{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:var(--t-accent-soft,#e8edff);transition:transform .7s var(--cc-e),background .4s}
.cc--iconcard .cc-ico{position:relative;z-index:1;width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;background:var(--t-accent,#2563eb);color:#fff;box-shadow:0 12px 24px -12px var(--t-accent,#2563eb);transition:transform .5s var(--cc-e)}
.cc--iconcard .cc-body{position:relative;z-index:1;flex:1}
.cc--iconcard .cc-card:hover{transform:translateY(-8px);box-shadow:0 30px 50px -28px rgba(15,23,42,.5);border-color:var(--t-accent,#2563eb)}
.cc--iconcard .cc-card:hover::before{transform:scale(3.2)}
.cc--iconcard .cc-card:hover .cc-ico{transform:rotate(-8deg) scale(1.08)}

@media(max-width:560px){.cc{grid-template-columns:1fr}.cc--glass .cc-card,.cc--flip .cc-card{aspect-ratio:4/4.6}.cc--compact{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cc-js .cc-item{opacity:1;transform:none;transition:none}.cc *,.cc *::before,.cc *::after{animation:none !important;transition:none !important}.cc-js .cc--stagger .cc-media{clip-path:none}.cc--flip .cc-card:hover .cc-flip{transform:none}}