.m-coffee{--bg:#F6EFE4;--head:#2A1A12;--head2:#3D2A1F;--accent:#B4552D;--accent-t:#9A4522;--ink:#2A1A12;--muted:#75655A;--line:#E2D6C5;--panel:#EDE3D4;background:var(--bg);font:400 15px/1.45 "DM Sans",system-ui,sans-serif;padding-bottom:96px}
.m-coffee .qm-note,.m-coffee .qm-toast,.m-coffee .qm-chips li,.m-coffee .qm-dl dd,.m-coffee .qm-links span,.m-coffee .qm-modal label,.m-coffee .qm-send,.m-coffee .qm-modal textarea,.m-coffee .qm-modal strong{font-family:"DM Sans",system-ui,sans-serif}
.m-coffee .qm-modal h2{font:600 24px/1.2 Fraunces,Georgia,serif;text-transform:none}
.m-coffee .qm-toast{bottom:92px}
.kf-hero{position:relative;display:flex;align-items:flex-end;min-height:270px;padding:24px 22px 46px;background-size:cover;background-position:center 60%;color:#fff;border-radius:0 0 28px 28px}
.kf-lang{position:absolute;top:16px;right:16px;padding:6px 12px;border-radius:99px;background:rgba(246,239,228,.92);color:var(--ink);font-size:13px;font-weight:700;transition:background .18s}.kf-lang:hover{background:#fff}
.kf-hero-t p{font:italic 400 15px/1.3 Fraunces,Georgia,serif;opacity:.92}.kf-hero h1{margin:4px 0 0;font:600 clamp(36px,10vw,54px)/1.05 Fraunces,Georgia,serif;letter-spacing:-.01em}
.kf-search{position:relative;z-index:2;display:flex;align-items:center;gap:10px;width:min(600px,calc(100% - 36px));margin:-25px auto 0;padding:13px 18px;border-radius:99px;background:#fff;color:var(--muted);box-shadow:0 8px 22px rgba(42,26,18,.14)}.kf-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;color:var(--ink)}
.kf-tabs{position:sticky;top:0;z-index:3;display:flex;gap:24px;margin-top:10px;padding:14px max(18px,calc((100% - 600px)/2)) 0;overflow-x:auto;background:var(--bg);border-bottom:1px solid var(--line);scrollbar-width:none}.kf-tabs::-webkit-scrollbar{display:none}.kf-tabs a{flex:none;padding-bottom:11px;border-bottom:2px solid transparent;color:var(--muted);font-weight:500;transition:color .18s,border-color .18s}.kf-tabs a:hover{color:var(--ink)}.kf-tabs a.on{color:var(--ink);border-color:var(--accent);font-weight:700}
.kf-main{width:min(640px,100%);margin:auto;padding:24px 18px 10px}
.kf-picks h2,.kf-sec h2{font:600 26px/1.15 Fraunces,Georgia,serif}.kf-picks h2 em{font-style:italic;font-weight:400;color:var(--accent-t)}
.kf-rail{display:flex;gap:12px;margin:14px -18px 0;padding:0 18px 6px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-left:18px}.kf-rail::-webkit-scrollbar{display:none}
.kf-pick{flex:none;width:158px;scroll-snap-align:start;transition:transform .18s}.kf-pick:hover{transform:translateY(-2px)}.kf-pick-img{display:block;width:100%;height:194px;border-radius:80px 80px 14px 14px;background-color:var(--panel);background-repeat:no-repeat}.kf-pick b{display:block;margin-top:9px;font:500 16px/1.25 Fraunces,Georgia,serif}.kf-pick small{color:var(--accent-t);font-size:14px;font-weight:700}
.kf-sec{padding-top:30px;scroll-margin-top:52px}.kf-sec>header{display:flex;align-items:baseline;gap:10px}.kf-sec>header em{font:italic 400 15px Fraunces,Georgia,serif;color:var(--accent-t)}
.kf-list{margin-top:6px}.kf-row{display:flex;align-items:center;gap:14px;width:100%;padding:15px 0;border-bottom:1px solid var(--line);transition:padding .18s,background .18s}.kf-row:last-child{border-bottom:0}.kf-row:hover{padding-inline:8px;background:rgba(237,227,212,.55)}
.kf-row-t{flex:1;min-width:0}.kf-row-top{display:flex;align-items:baseline;gap:8px}.kf-row-top b{font:500 17px/1.25 Fraunces,Georgia,serif}.kf-row-top i{flex:1;min-width:12px;border-bottom:1px dotted #A99684;transform:translateY(-3px)}.kf-row-top strong{flex:none;font-size:15px;font-weight:700;color:var(--accent-t)}.kf-row small{display:block;margin-top:3px;color:var(--muted);font-size:13.500px;line-height:1.35}
.kf-row-img{flex:none;width:76px;height:76px;border-radius:50%;background-color:var(--panel);background-repeat:no-repeat;box-shadow:0 0 0 3px #fff}
.kf-empty{padding:30px 0;text-align:center;color:var(--muted)}.kf-foot{margin-top:26px;text-align:center;font-size:12px;color:var(--muted)}.kf-foot a:hover{color:var(--accent-t)}
.kf-dock{position:fixed;left:50%;bottom:12px;z-index:4;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:2px;width:min(520px,calc(100% - 20px));padding:7px;border-radius:22px;background:var(--head);color:#F6EFE4;box-shadow:0 10px 26px rgba(42,26,18,.32)}.kf-dock button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 2px;border-radius:15px;font-size:11px;text-align:center;transition:background .18s}.kf-dock button:hover{background:var(--head2)}.kf-dock .kf-dock-main{flex:1.500;background:var(--accent);color:#fff;font-weight:700}.kf-dock .kf-dock-main:hover{background:#A04A26}
@media (max-width:699px){.m-coffee dialog.qm-modal-prod{margin:auto 0 0;width:100%;max-width:100%;border-radius:22px 22px 0 0}}
@media (min-width:900px){.kf-main{width:min(980px,100%)}.kf-tabs{padding-inline:calc((100% - 944px)/2)}.kf-list{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.kf-row:nth-last-child(2):nth-child(odd){border-bottom:0}.kf-rail{margin-inline:0;padding-inline:0}.kf-pick{width:210px}.kf-pick-img{height:250px;border-radius:105px 105px 14px 14px}}