.ttk-showcase{--ttk-accent:#8A5D63;--ttk-dark:#70494E;--ttk-text:#332D2B;--ttk-body:#625B58;--ttk-border:#E8DEDA;--ttk-bg:#FFFCFA;--ttk-blush:#F7EFEC;width:100%;color:var(--ttk-text);font-family:inherit}.ttk-showcase *{box-sizing:border-box}.ttk-heading{max-width:760px;margin:0 0 34px}.ttk-heading span{display:block;color:#9B6F75;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;margin-bottom:8px}.ttk-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:40px;line-height:1.15;font-weight:400;color:var(--ttk-dark);margin:0 0 12px}.ttk-heading p{margin:0;color:var(--ttk-body);font-size:16px;line-height:1.7}.ttk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ttk-card{position:relative;overflow:hidden;border:1px solid var(--ttk-border);border-radius:22px;background:var(--ttk-bg);box-shadow:0 12px 38px rgba(112,73,78,.07);transition:transform .25s ease,box-shadow .25s ease;display:grid;grid-template-columns:42% 58%;min-height:360px}.ttk-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(112,73,78,.11)}.ttk-card:not(:has(.ttk-image)){grid-template-columns:1fr}.ttk-featured{grid-column:1/-1;grid-template-columns:50% 50%;min-height:440px}.ttk-image{min-height:100%;background:#f6efeb;overflow:hidden}.ttk-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.ttk-card:hover .ttk-image img{transform:scale(1.025)}.ttk-body{padding:30px;display:flex;flex-direction:column;align-items:flex-start}.ttk-featured .ttk-body{padding:42px}.ttk-badge{display:inline-flex;align-items:center;min-height:27px;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--ttk-accent) 13%,white);color:var(--ttk-accent);font-size:11px;line-height:1;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:17px}.ttk-card h3{font-family:Georgia,"Times New Roman",serif;color:var(--ttk-dark);font-weight:400;font-size:29px;line-height:1.17;margin:0 0 13px}.ttk-featured h3{font-size:42px;max-width:650px}.ttk-short{color:var(--ttk-body);font-size:15px;line-height:1.65;margin:0 0 19px}.ttk-code{display:flex;align-items:center;gap:10px;min-height:48px;border:1px dashed #d6c5c0;border-radius:12px;padding:7px 8px 7px 13px;background:#fff;margin:0 0 18px}.ttk-code>span{font-size:11px;color:#8b807c;font-weight:700;letter-spacing:.08em}.ttk-code strong{font-family:Georgia,"Times New Roman",serif;color:var(--ttk-dark);font-size:17px;letter-spacing:.04em}.ttk-copy{border:0;background:var(--ttk-blush);color:var(--ttk-dark);border-radius:8px;padding:8px 10px;cursor:pointer;font-size:12px;font-weight:700}.ttk-meta{display:grid;gap:7px;color:var(--ttk-body);font-size:13px;line-height:1.45;margin-bottom:21px}.ttk-meta span{display:block}.ttk-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ttk-button{display:inline-flex;align-items:center;gap:16px;justify-content:center;min-height:46px;padding:10px 20px;border-radius:12px;background:var(--ttk-accent);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:14px;transition:filter .2s ease,transform .2s ease}.ttk-button:hover{filter:brightness(.92);transform:translateY(-1px)}.ttk-details{border:0;background:transparent;color:var(--ttk-dark);font:inherit;font-size:13px;font-weight:700;padding:10px 4px;cursor:pointer}.ttk-more{width:100%;margin-top:18px;padding-top:18px;border-top:1px solid var(--ttk-border);color:var(--ttk-body);font-size:13px;line-height:1.65}.ttk-more p:last-child{margin-bottom:0}.ttk-expired{filter:saturate(.55)}.ttk-expired .ttk-badge{background:#f0ecea;color:#756c69}.ttk-empty{text-align:center;padding:58px 25px;border:1px solid var(--ttk-border);border-radius:20px;background:linear-gradient(145deg,#FFFCFA,#F9F2EF)}.ttk-empty-icon{font-family:Georgia,serif;color:#9B6F75;font-size:46px}.ttk-empty h3{font-family:Georgia,"Times New Roman",serif;color:var(--ttk-dark);font-size:25px;font-weight:400;margin:8px 0}.ttk-empty p{color:var(--ttk-body);margin:0}@media(max-width:1024px){.ttk-grid{grid-template-columns:1fr}.ttk-featured{grid-column:auto}.ttk-card,.ttk-featured{grid-template-columns:42% 58%}.ttk-featured h3{font-size:34px}.ttk-featured .ttk-body{padding:32px}}@media(max-width:767px){.ttk-heading{margin-bottom:24px}.ttk-heading h2{font-size:31px}.ttk-heading p{font-size:14px}.ttk-grid{gap:18px}.ttk-card,.ttk-featured{display:flex;flex-direction:column;min-height:0;border-radius:17px}.ttk-image{height:230px;min-height:230px}.ttk-body,.ttk-featured .ttk-body{padding:23px 20px 24px}.ttk-card h3,.ttk-featured h3{font-size:28px}.ttk-short{font-size:14px}.ttk-actions{width:100%}.ttk-button{flex:1}.ttk-code{width:100%;justify-content:space-between}}

/* v1.1 — centered showcase heading + campaign detail modal */
.ttk-heading{max-width:820px;margin:0 auto 38px;text-align:center}.ttk-heading span{justify-content:center}.ttk-heading p{max-width:680px;margin-left:auto;margin-right:auto}.ttk-details{display:inline-flex;align-items:center;gap:8px}.ttk-details span{transition:transform .2s ease}.ttk-details:hover span{transform:translateX(3px)}
html.ttk-modal-open,body.ttk-modal-open{overflow:hidden}.ttk-modal[hidden]{display:none!important}.ttk-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:28px}.ttk-modal-backdrop{position:absolute;inset:0;background:rgba(51,45,43,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:pointer;animation:ttkFade .2s ease}.ttk-modal-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:calc(100vh - 56px);overflow:auto;background:#FFFCFA;border:1px solid #E8DEDA;border-radius:24px;box-shadow:0 28px 90px rgba(51,45,43,.25);animation:ttkPop .24s ease}.ttk-modal-close{position:absolute;z-index:3;top:16px;right:16px;width:42px;height:42px;border:1px solid rgba(112,73,78,.14);border-radius:50%;background:rgba(255,252,250,.94);color:#70494E;font-size:29px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 20px rgba(51,45,43,.1);transition:transform .2s ease,background .2s ease}.ttk-modal-close:hover{transform:rotate(5deg) scale(1.04);background:#fff}.ttk-modal-banner{height:285px;overflow:hidden;background:#F7EFEC}.ttk-modal-banner img{width:100%;height:100%;display:block;object-fit:cover}.ttk-modal-content{padding:34px 38px 38px}.ttk-modal-badge{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;background:#F7EFEC;color:#8A5D63;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.ttk-modal-content h3{font-family:Georgia,"Times New Roman",serif;color:#70494E;font-size:35px;line-height:1.18;font-weight:400;margin:0 0 12px}.ttk-modal-short{color:#625B58;font-size:15px;line-height:1.7;margin:0 0 20px}.ttk-modal-code{width:max-content;max-width:100%;margin-bottom:20px}.ttk-modal-meta{display:grid;gap:7px;padding:16px 0 20px;border-top:1px solid #E8DEDA;border-bottom:1px solid #E8DEDA;color:#625B58;font-size:13px;line-height:1.55}.ttk-modal-meta strong{color:#332D2B}.ttk-modal-rules{padding-top:24px;color:#625B58;font-size:14px;line-height:1.75}.ttk-modal-rules h4{font-family:Georgia,"Times New Roman",serif;color:#70494E;font-size:22px;font-weight:400;margin:0 0 12px}.ttk-modal-rules p{margin:0 0 14px}.ttk-modal-rules ul,.ttk-modal-rules ol{padding-left:20px;margin:0 0 16px}.ttk-modal-cta{margin-top:10px}.ttk-modal-dialog:focus{outline:none}@keyframes ttkFade{from{opacity:0}to{opacity:1}}@keyframes ttkPop{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:767px){.ttk-heading{margin:0 auto 26px}.ttk-modal{padding:12px;align-items:flex-end}.ttk-modal-dialog{max-height:calc(100vh - 24px);border-radius:20px}.ttk-modal-banner{height:210px}.ttk-modal-content{padding:25px 20px 27px}.ttk-modal-content h3{font-size:29px}.ttk-modal-close{top:12px;right:12px;width:39px;height:39px}.ttk-modal-code{width:100%}}
@media(prefers-reduced-motion:reduce){.ttk-modal-backdrop,.ttk-modal-dialog{animation:none}}

/* v1.2 — FOUC-safe polish, refined secondary action and close control */
.ttk-showcase .ttk-details{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    min-height:46px!important;
    padding:10px 17px!important;
    border:1px solid #DCCECB!important;
    border-radius:12px!important;
    background:#FFFCFA!important;
    color:#70494E!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-family:inherit!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:700!important;
    cursor:pointer!important;
    transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.ttk-showcase .ttk-details:hover,
.ttk-showcase .ttk-details:focus-visible{
    background:#F7EFEC!important;
    border-color:#CDB7B3!important;
    color:#70494E!important;
    box-shadow:0 6px 16px rgba(112,73,78,.08)!important;
    transform:translateY(-1px)!important;
    outline:none!important;
}
.ttk-showcase .ttk-details span{display:inline-block;transition:transform .2s ease!important}
.ttk-showcase .ttk-details:hover span{transform:translateX(2px)!important}

.ttk-showcase .ttk-button,
.ttk-showcase .ttk-button:visited{
    background:var(--ttk-accent)!important;
    color:#fff!important;
    border:1px solid var(--ttk-accent)!important;
    box-shadow:none!important;
}
.ttk-showcase .ttk-button:hover,
.ttk-showcase .ttk-button:focus-visible{
    background:#70494E!important;
    border-color:#70494E!important;
    color:#fff!important;
    filter:none!important;
    box-shadow:0 7px 18px rgba(112,73,78,.16)!important;
    transform:translateY(-1px)!important;
    outline:none!important;
}

.ttk-modal-close{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:absolute!important;
    z-index:4!important;
    top:16px!important;
    right:16px!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(255,252,250,.96)!important;
    color:#70494E!important;
    box-shadow:0 6px 22px rgba(51,45,43,.14)!important;
    cursor:pointer!important;
    display:block!important;
    transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.ttk-modal-close span,
.ttk-modal-close span::before,
.ttk-modal-close span::after{display:block!important}
.ttk-modal-close span{position:absolute!important;inset:0!important}
.ttk-modal-close span::before,
.ttk-modal-close span::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:16px!important;
    height:1.5px!important;
    border-radius:2px!important;
    background:#70494E!important;
    transform-origin:center!important;
}
.ttk-modal-close span::before{transform:translate(-50%,-50%) rotate(45deg)!important}
.ttk-modal-close span::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
.ttk-modal-close:hover,
.ttk-modal-close:focus-visible{
    background:#fff!important;
    transform:scale(1.06)!important;
    box-shadow:0 8px 26px rgba(51,45,43,.18)!important;
    outline:none!important;
}
@media(max-width:767px){
    .ttk-showcase .ttk-actions{gap:9px}
    .ttk-showcase .ttk-details{flex:1!important}
    .ttk-modal-close{top:12px!important;right:12px!important;width:40px!important;height:40px!important}
}


/* v1.3 — Daha kompakt vitrin kartları */
@media(min-width:1025px){
  .ttk-showcase .ttk-grid{max-width:1180px;margin-left:auto;margin-right:auto;gap:20px}
  .ttk-showcase .ttk-card{min-height:310px;grid-template-columns:44% 56%}
  .ttk-showcase .ttk-card.ttk-featured{grid-template-columns:46% 54%;min-height:390px}
  .ttk-showcase .ttk-card.ttk-featured .ttk-body{padding:30px 34px}
  .ttk-showcase .ttk-card.ttk-featured h3{font-size:36px}
  .ttk-showcase .ttk-body{padding:26px 28px}
  .ttk-showcase .ttk-badge{margin-bottom:12px}
  .ttk-showcase .ttk-short{margin-bottom:14px;line-height:1.55}
  .ttk-showcase .ttk-code{margin-bottom:14px;min-height:44px}
  .ttk-showcase .ttk-meta{margin-bottom:15px;gap:5px}
  .ttk-showcase .ttk-actions{margin-top:12px}
  .ttk-showcase .ttk-image{min-height:0}
  .ttk-showcase .ttk-featured .ttk-image{height:390px}
}

/* v1.4 — Kart aksiyonlarını aynı hizada tut */
@media(min-width:768px){
  .ttk-showcase .ttk-body{height:100%}
  .ttk-showcase .ttk-actions{margin-top:auto!important;padding-top:14px}
}


/* v1.5 / Hub 5.0.9 — SADECE MOBİL: tek sütun + yatay taşma kilidi. Masaüstü kuralları değiştirilmez. */
@media (max-width:767px), (max-device-width:767px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .ttk-showcase{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  .ttk-showcase .ttk-heading{width:100%!important;max-width:100%!important}
  .ttk-showcase .ttk-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .ttk-showcase .ttk-card,.ttk-showcase .ttk-card.ttk-featured{grid-column:auto!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important}
  .ttk-showcase .ttk-image{width:100%!important;max-width:100%!important;height:230px!important;min-height:230px!important}
  .ttk-showcase .ttk-body,.ttk-showcase .ttk-featured .ttk-body{width:100%!important;max-width:100%!important;min-width:0!important}
  .ttk-showcase .ttk-code{width:100%!important;max-width:100%!important}
  .ttk-showcase .ttk-code strong{min-width:0;overflow-wrap:anywhere}
  .ttk-showcase .ttk-actions{width:100%!important;max-width:100%!important}
}

/* v1.6 / Hub 5.1.0 — SADECE MOBİL: eşit aksiyon butonları + daha belirgin meta ikonları */
@media (max-width:767px), (max-device-width:767px){
  .ttk-showcase .ttk-meta{gap:10px!important;font-size:14px!important;line-height:1.45!important;margin-bottom:22px!important}
  .ttk-showcase .ttk-meta span{position:relative!important;display:flex!important;align-items:center!important;min-height:26px!important;padding-left:29px!important;color:var(--ttk-body)!important}
  .ttk-showcase .ttk-meta span::before{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:21px!important;height:21px!important;display:grid!important;place-items:center!important;color:var(--ttk-dark)!important;font-size:19px!important;line-height:1!important;font-weight:700!important}
  .ttk-showcase .ttk-meta span:first-child{font-size:0!important}
  .ttk-showcase .ttk-meta span:first-child::before{content:"◷"!important}
  .ttk-showcase .ttk-meta span:first-child::after{content:attr(data-ttk-date);font-size:14px!important;font-weight:400!important;color:var(--ttk-body)!important}
  .ttk-showcase .ttk-meta span:nth-child(2){font-size:0!important}
  .ttk-showcase .ttk-meta span:nth-child(2)::before{content:"✓"!important;font-size:20px!important}
  .ttk-showcase .ttk-meta span:nth-child(2)::after{content:attr(data-ttk-detail);font-size:14px!important;font-weight:400!important;color:var(--ttk-body)!important}
  .ttk-showcase .ttk-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important}
  .ttk-showcase .ttk-button,.ttk-showcase .ttk-details{width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;padding:8px 12px!important;margin:0!important;display:grid!important;grid-template-columns:1fr 22px!important;align-items:center!important;justify-items:center!important;gap:5px!important;border-radius:13px!important;font-size:14px!important;line-height:1.15!important;font-weight:700!important;text-align:center!important;white-space:normal!important}
  .ttk-showcase .ttk-button>span,.ttk-showcase .ttk-details>span{font-size:20px!important;line-height:1!important;justify-self:end!important}
}