.kaf-announce{background:var(--kaf-ink);color:var(--kaf-bone);overflow:hidden;border-bottom:1px solid #000}.kaf-announce__track{display:flex;gap:56px;padding:11px 0;white-space:nowrap;animation:kafMarquee 38s linear infinite;will-change:transform}.kaf-announce__track span{font-family:var(--kaf-f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:14px;color:#efe7d4}.kaf-announce__track span:before{content:"\25cf";color:var(--kaf-hot);font-size:8px}@keyframes kafMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.kaf-nav{position:sticky;top:0;z-index:40;background:var(--kaf-bone);border-bottom:1px solid var(--kaf-line-2);padding:14px var(--kaf-pad-x);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;-webkit-backdrop-filter:saturate(1.2);backdrop-filter:saturate(1.2)}.kaf-nav__left{display:flex;align-items:center;gap:22px}.kaf-brand{font-family:var(--kaf-f-serif);font-size:26px;letter-spacing:-.02em;line-height:1;display:inline-flex;align-items:baseline;gap:4px;color:var(--kaf-ink)}.kaf-brand sup{font-family:var(--kaf-f-mono);font-size:9px;letter-spacing:.1em;transform:translateY(-6px);color:var(--kaf-muted)}.kaf-nav__links{display:flex;gap:26px;align-items:center;margin-left:12px}.kaf-nav__links a{font-size:13px;font-weight:500;color:var(--kaf-ink);position:relative;padding:6px 0}.kaf-nav__links a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--kaf-e-out)}.kaf-nav__links a:hover:after{transform:scaleX(1)}.kaf-nav__center{justify-self:center;font-family:var(--kaf-f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--kaf-muted);display:flex;align-items:center;gap:8px}.kaf-dot-live{width:6px;height:6px;border-radius:50%;background:var(--kaf-hot);box-shadow:0 0 0 4px #c7401e26;animation:kafPulse 2.2s ease-in-out infinite}@keyframes kafPulse{50%{box-shadow:0 0 0 8px #c7401e00}}.kaf-nav__right{justify-self:end;display:flex;align-items:center;gap:18px}.kaf-icon-btn{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--kaf-ink)}.kaf-cart-pill{border:1px solid var(--kaf-line);padding:8px 14px;border-radius:100px;font-family:var(--kaf-f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--kaf-ink);transition:background .3s,color .3s}.kaf-cart-pill:hover{background:var(--kaf-ink);color:var(--kaf-bone)}.kaf-tape{overflow:hidden;background:var(--kaf-ink);color:var(--kaf-bone);padding:22px 0;border-top:1px solid #000;border-bottom:1px solid #000}.kaf-tape__track{display:flex;gap:64px;white-space:nowrap;animation:kafMarquee 42s linear infinite;font-family:var(--kaf-f-serif);font-size:44px;letter-spacing:-.02em}.kaf-tape__track span{display:inline-flex;align-items:center;gap:32px}.kaf-tape__track em{color:#efe7d4;opacity:.5;font-style:italic}.kaf-tape__glyph{font-family:var(--kaf-f-mono);font-size:18px;color:var(--kaf-hot);letter-spacing:.1em}.kaf-foot{background:var(--kaf-ink);color:var(--kaf-bone);padding:80px var(--kaf-pad-x) 40px}.kaf-foot__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:56px;border-bottom:1px solid rgba(241,235,223,.14)}@media(max-width:720px){.kaf-foot__top{grid-template-columns:1fr 1fr}}.kaf-foot__top h4{font-family:var(--kaf-f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#f1ebdf80;margin:0 0 16px;font-weight:500}.kaf-foot__top ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:14px}.kaf-foot__top li a{opacity:.85}.kaf-foot__top li a:hover{opacity:1;color:#fff}.kaf-foot__note{max-width:36ch;font-family:var(--kaf-f-serif);font-size:24px;line-height:1.25;letter-spacing:-.01em;color:#efe7d4}.kaf-foot__note em{color:var(--kaf-hot);font-style:italic}.kaf-foot__name{font-family:var(--kaf-f-serif);font-size:clamp(80px,20vw,320px);line-height:.86;letter-spacing:-.045em;padding:40px 0 20px;text-align:center;color:var(--kaf-bone)}.kaf-foot__name em{font-style:italic;color:#7a4a2e}.kaf-foot__bot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(241,235,223,.14);font-family:var(--kaf-f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#f1ebdf8c}.kaf-foot__bot .live{color:var(--kaf-hot)}.kaf-card{position:relative;display:block;text-align:left;isolation:isolate}.kaf-card .media{position:relative;aspect-ratio:4 / 5;background:var(--kaf-bone-2);border-radius:var(--kaf-radius);overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.1,1)}.kaf-card .media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .55s ease,transform 1.2s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:opacity,transform;transform:translateZ(0)}.kaf-card .media .img-b,.kaf-card:hover .media .img-a{opacity:0}.kaf-card:hover .media .img-b{opacity:1;transform:scale(1.04)}.kaf-card:hover .media{transform:translateY(-4px)}.kaf-badge{position:absolute;top:12px;left:12px;z-index:2;font-family:var(--kaf-f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:#f7f3eae6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 10px;border-radius:100px;color:var(--kaf-ink)}.kaf-badge.hot{background:var(--kaf-ink);color:var(--kaf-bone)}.kaf-tag-idx{position:absolute;top:12px;right:12px;z-index:2;font-family:var(--kaf-f-mono);font-size:10px;letter-spacing:.14em;color:var(--kaf-ink);background:#f7f3ead9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:6px}.kaf-quick{position:absolute;left:20px;right:auto;bottom:20px;width:max-content;max-width:calc(100% - 40px);z-index:2;display:inline-flex;align-items:center;gap:6px;padding:0;background:transparent;color:var(--kaf-bone);border:0;border-radius:0;opacity:0;transform:translateY(2px);transition:opacity .3s ease,transform .3s ease;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;white-space:nowrap}.kaf-card:hover .kaf-quick{opacity:1;transform:translateY(0)}.kaf-quick .qname{font-size:12px;font-weight:500}.kaf-quick .qbtn{font-family:var(--kaf-f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.kaf-quick .arrow{display:inline-block;transition:transform .3s}.kaf-quick:hover .arrow{transform:translate(2px,-2px)}.kaf-card__body{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 4px 0;gap:16px}.kaf-card__body .name{font-size:15px;font-weight:500;letter-spacing:-.005em;color:var(--kaf-ink);margin:0}.kaf-card__body .meta{font-family:var(--kaf-f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--kaf-muted);margin-top:6px;display:flex;gap:10px}.kaf-card__body .meta .dot{color:var(--kaf-line)}.kaf-swatches{display:inline-flex;gap:5px;margin-top:10px}.kaf-sw{width:12px;height:12px;border-radius:50%;border:1px solid var(--kaf-line);display:inline-block}.kaf-card__body .price{font-family:var(--kaf-f-serif);font-size:22px;letter-spacing:-.01em;line-height:1;color:var(--kaf-ink);text-align:right;white-space:nowrap}.kaf-card__body .price s{color:var(--kaf-muted);font-size:14px;margin-right:6px;text-decoration-thickness:1px}.kaf-peek{position:fixed;pointer-events:none;z-index:60;left:0;top:0;width:200px;background:var(--kaf-ink);color:var(--kaf-bone);border-radius:12px;padding:8px 8px 10px;display:flex;gap:10px;align-items:center;opacity:0;transform:translate(-50%,-120%) scale(.9);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.7,.2,1);box-shadow:0 20px 40px #00000040}.kaf-peek.on{opacity:1;transform:translate(-50%,-120%) scale(1)}.kaf-peek img{width:44px;height:44px;object-fit:cover;border-radius:8px;flex-shrink:0}.kaf-peek .pn{font-size:12px;font-weight:500;line-height:1.2}.kaf-peek .pp{font-family:var(--kaf-f-mono);font-size:10px;letter-spacing:.08em;color:#f1ebdf99;margin-top:2px}
/*# sourceMappingURL=/cdn/shop/t/17/assets/kafejnica-components.css.map */