.tkc{--tkc-ease:cubic-bezier(.16, 1, .3, 1);--tkc-ease-std:cubic-bezier(.2, 0, 0, 1);--tkc-s:#b94a4b;--tkc-panel:color-mix(in srgb, var(--tkc-s) 8%, var(--color-surface-container-low));--tkc-grid:color-mix(in srgb, var(--tkc-s) 16%, transparent)}.tkc[data-series="2"]{--tkc-s:#dcab0a}.tkc[data-series="3"]{--tkc-s:#d4702a}.tkc[data-series="4a"]{--tkc-s:#91ba4a}.tkc[data-series="4b"]{--tkc-s:#3f8a4b}.app-mode .tkc{display:none!important}.tkc-card{border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);transition:transform .38s var(--tkc-ease), box-shadow .38s var(--tkc-ease), border-color .24s var(--tkc-ease-std);border-radius:20px;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #6153440f,0 2px 10px #1b1c190a}@media (min-width:640px){.tkc-card{grid-template-columns:196px minmax(0,1fr)}}@media (hover:hover){.tkc-card:hover{border-color:color-mix(in srgb, var(--tkc-s) 35%, var(--color-outline-variant));transform:translateY(-3px);box-shadow:0 2px 6px #9b2e300f,0 18px 38px -12px #3c1e1438}}.tkc-card:has(:focus-visible){box-shadow:0 2px 6px #9b2e300f,0 18px 38px -12px #3c1e1438}.tkc-art{background-color:var(--tkc-panel);background-image:linear-gradient(var(--tkc-grid) 1px, transparent 1px), linear-gradient(90deg, var(--tkc-grid) 1px, transparent 1px);border-right:1px solid color-mix(in srgb, var(--tkc-s) 18%, var(--color-outline-variant));background-size:22px 22px;justify-content:center;align-items:center;padding:22px 10px;display:flex;position:relative}.tkc-art:before{content:"";background:var(--tkc-s);height:4px;position:absolute;inset:0 0 auto}@media (max-width:639px){.tkc-art{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--tkc-s) 18%, var(--color-outline-variant));align-items:flex-start;height:150px;padding:24px 0 0;overflow:hidden}.tkc-stack{width:96px}}@media (min-width:640px){.tkc-art:before{width:4px;height:auto;inset:0 auto 0 0}}.tkc-stack{width:72%;max-width:118px;position:relative}.tkc-page,.tkc-cover{transform-origin:50% 92%;width:100%;height:auto;transition:transform .52s var(--tkc-ease), box-shadow .52s var(--tkc-ease);border-radius:5px;display:block}.tkc-page{background:#fff;position:absolute;inset:0;transform:translate(10%,-2%)rotate(5deg);box-shadow:0 6px 14px -8px #3c1e1459}.tkc-cover{position:relative;transform:rotate(-4deg);box-shadow:0 12px 22px -12px #3c1e1480}@media (hover:hover){.tkc-card:hover .tkc-cover{transform:rotate(-1.5deg)translateY(-4px)scale(1.03);box-shadow:0 18px 30px -14px #3c1e1480}.tkc-card:hover .tkc-page{transform:translate(26%,-6%)rotate(9deg)}}.tkc-body{flex-direction:column;gap:6px;min-width:0;padding:16px;display:flex}@media (min-width:640px){.tkc-body{gap:8px;padding:22px 24px 20px}}.tkc-kicker{letter-spacing:.02em;color:var(--color-secondary);align-items:center;gap:7px;margin:0;font-size:12px;font-weight:700;display:flex}.tkc-dot{background:var(--tkc-s);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--tkc-s) 20%, transparent);border-radius:999px;flex:none}.tkc-title{font-family:var(--font-headline,inherit);color:var(--color-on-surface);margin:0;font-size:17px;font-weight:800;line-height:1.25}@media (min-width:640px){.tkc-title{font-size:20px}}.tkc-title a{color:inherit;text-decoration:none}.tkc-title a:after{content:"";z-index:0;border-radius:20px;position:absolute;inset:0}.tkc-title a:focus-visible{outline:none}.tkc-title a:focus-visible:after{outline:2px solid var(--color-primary);outline-offset:2px}.tkc-lead{color:var(--color-secondary);margin:0;font-size:14px;line-height:1.55}@media (min-width:640px){.tkc-lead{font-size:15px}}.tkc-facts{color:var(--color-on-surface);flex-wrap:wrap;gap:4px 14px;margin:2px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.tkc-facts li{align-items:center;gap:5px;display:inline-flex}.tkc-facts svg{color:color-mix(in srgb, var(--tkc-s) 70%, var(--color-on-surface))}@media (max-width:400px){.tkc-facts li:nth-child(n+3){display:none}}.tkc-foot{border-top:1px dashed var(--color-outline-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:6px;padding-top:12px;display:flex}.tkc-price{flex-direction:column;line-height:1.15;display:flex}.tkc-price strong{color:var(--color-on-surface);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.tkc-price span{color:var(--color-success,#2e7d32);font-size:12px;font-weight:700}.tkc-actions{z-index:1;flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex;position:relative}.tkc-btn{white-space:nowrap;min-height:40px;transition:transform .16s var(--tkc-ease-std), background-color .2s var(--tkc-ease-std), color .2s var(--tkc-ease-std), box-shadow .26s var(--tkc-ease-std);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.tkc-btn:active{transition-duration:90ms;transform:scale(.97)}.tkc-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tkc-primary{background:var(--color-primary);color:var(--color-on-primary)}.tkc-primary svg{transition:transform .26s var(--tkc-ease)}@media (hover:hover){.tkc-primary:hover{background:#86262a;box-shadow:0 6px 18px -6px #9b2e308c}.tkc-primary:hover svg,.tkc-card:hover .tkc-primary svg{transform:translate(3px)}}.tkc-ghost{color:var(--color-secondary);padding:0 10px;font-size:13px}@media (hover:hover){.tkc-ghost:hover{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, transparent)}}.tkc-more{z-index:1;color:var(--color-secondary);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-outline-variant);text-decoration-color:var(--color-outline-variant);align-self:flex-start;font-size:12.5px;font-weight:600;position:relative}.tkc-more:hover{color:var(--color-primary);text-decoration-color:currentColor}@media (max-width:400px){.tkc-actions{width:100%}.tkc-primary{flex:1}}@supports (animation-timeline:view()){.tkc{animation:linear both tkc-rise;animation-timeline:view();animation-range:entry entry 40%}.tkc-stack{animation:linear both tkc-settle;animation-timeline:view();animation-range:entry 10% entry 60%}}@keyframes tkc-rise{0%{opacity:.5;transform:translateY(18px)}}@keyframes tkc-settle{0%{transform:rotate(-7deg)translateY(10px)}}@media (prefers-reduced-motion:reduce){.tkc,.tkc-stack,.tkc-card,.tkc-cover,.tkc-page,.tkc-btn,.tkc-primary svg{transition:none!important;animation:none!important}.tkc-card:hover,.tkc-card:hover .tkc-cover,.tkc-card:hover .tkc-page,.tkc-card:hover .tkc-primary svg,.tkc-btn:active{transform:none!important}.tkc-cover{transform:rotate(-4deg)!important}.tkc-page{transform:translate(10%,-2%)rotate(5deg)!important}}
