/* Tewoo shop + search (assets/shop/shop.js). Loaded by every coffee page, the catalogs and the /mk/ + /sq/ landers.
   Self-contained: no page variables needed (each page themes itself differently). */
@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
::view-transition-group(hero-bag){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
::view-transition-old(hero-bag),::view-transition-new(hero-bag){height:100%;object-fit:contain}
.shot img[data-hero]{view-transition-name:hero-bag}

/* ---- search bar under the header (coffee pages, catalogs) ---- */
.tsb{position:relative;z-index:8;max-width:1120px;margin:0 auto 6px;padding:0 16px;box-sizing:border-box;font-family:Manrope,system-ui,sans-serif}
.tsb-in,.tsh-in{position:relative}
.tsb-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#7a6e64;pointer-events:none}
.tsb-q,.tsh-q{display:block;width:100%;box-sizing:border-box;height:46px;margin:0;padding:0 16px 0 44px !important;border:1px solid rgba(31,26,23,.16);border-radius:999px;
 background:rgba(255,255,255,.94);color:#1f1a17;font:600 16px/1.2 Manrope,system-ui,sans-serif;-webkit-appearance:none;appearance:none;box-shadow:0 1px 2px rgba(31,26,23,.05)}
.tsb-q::placeholder,.tsh-q::placeholder{color:#8a7e74;font-weight:500}
.tsb-q:focus,.tsh-q:focus{outline:none;border-color:#1f1a17;background:#fff;box-shadow:0 0 0 3px rgba(31,26,23,.12)}
.tsb-pop{position:absolute;left:16px;right:16px;top:calc(100% + 6px);background:#fff;border:1px solid #e9e1d6;border-radius:18px;box-shadow:0 18px 50px rgba(31,26,23,.2);
 max-height:min(72vh,600px);overflow:auto;overscroll-behavior:contain;padding:10px;box-sizing:border-box;color:#1f1a17}
.tsb-pop[hidden]{display:none}
.tsb-chips{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 10px;margin:0 0 4px;border-bottom:1px solid #f0e9df;scrollbar-width:none}
.tsb-chips::-webkit-scrollbar{display:none}
.tsb-g{font:800 11.5px/1 Manrope,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8a7e74;margin:12px 8px 6px}
.tsb-r{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:7px 8px;border-radius:12px;text-decoration:none;color:inherit;min-height:56px}
.tsb-r:hover,.tsb-r[aria-selected=true]{background:#f6f1ea}
.tsb-r .im{width:48px;height:56px;border-radius:10px;display:grid;place-items:center;overflow:hidden}
.tsb-r .im img{width:100%;height:100%;object-fit:contain}
.tsb-r b{display:block;font:800 15px/1.25 Manrope,system-ui,sans-serif}
.tsb-r small{display:block;font:500 13px/1.35 system-ui,sans-serif;color:#6b5f56;margin-top:2px}
.tsb-r .pr{font:800 13.5px/1.2 Manrope,system-ui,sans-serif;text-align:right;white-space:nowrap}
.tsb-r .pr i{display:block;font-style:normal;font-weight:600;color:#8a7e74;font-size:12px}
.tsb-r .here{font:700 11px/1 Manrope,system-ui,sans-serif;background:#1f1a17;color:#fff;border-radius:999px;padding:5px 8px}
.tsb-foot{display:block;margin:8px 4px 2px;padding:12px;border-radius:12px;background:#1f1a17;color:#fff;text-align:center;text-decoration:none;font:800 14px/1.2 Manrope,system-ui,sans-serif}
.tsb-empty{padding:14px 8px;color:#6b5f56;font-size:14px}

/* ---- chips (shared) ---- */
.tc{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px;border:1px solid #e3d9cc;border-radius:999px;background:#fff;color:#1f1a17;
 font:700 13.5px/1 Manrope,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.tc i{font-style:normal;font-weight:600;color:#8a7e74;font-size:12px}
.tc[aria-pressed=true]{background:#1f1a17;border-color:#1f1a17;color:#fff}.tc[aria-pressed=true] i{color:#cfc4b8}
.tc:disabled{opacity:.38;cursor:default}
.tc:focus-visible,.tsb-r:focus-visible,.tcard a:focus-visible,.tcard button:focus-visible{outline:3px solid #1f1a17;outline-offset:2px}

/* ---- shop (lander #shop, catalog) ---- */
.tshop{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#1f1a17}
.tsh-head{margin:0 0 16px}
.tsh-eb{font:800 12px/1 Manrope,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#a0522d;margin:0 0 8px}
.tsh-head h2{font:800 clamp(28px,3.8vw,40px)/1.1 Manrope,system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 8px}
.tsh-head p{margin:0;color:#655a52;font-size:16.5px;max-width:720px}
.tsh-bar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:0 0 12px}
@media(min-width:760px){.tsh-bar{grid-template-columns:1fr auto auto}}
.tsh-ft{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:999px;border:1px solid #1f1a17;background:#fff;color:#1f1a17;font:800 14px/1 Manrope,system-ui,sans-serif;cursor:pointer}
.tsh-ft b{min-width:20px;height:20px;border-radius:10px;background:#1f1a17;color:#fff;font-size:12px;display:inline-grid;place-items:center;padding:0 5px}
.tsh-ft b:empty{display:none}
@media(min-width:1000px){.tsh-ft{display:none}.tsh-bar{grid-template-columns:1fr auto}}
.tsh-sort{display:none;align-items:center;gap:8px;font:700 13px/1 Manrope,system-ui,sans-serif;color:#655a52}
@media(min-width:760px){.tsh-sort{display:inline-flex}}
.tsh-sort select,.tsh-sort2 select{height:46px;border-radius:999px;border:1px solid #e3d9cc;background:#fff;padding:0 14px;font:700 14px/1 Manrope,system-ui,sans-serif;color:#1f1a17}
.tsh-sort2{display:flex;align-items:center;gap:8px;font:700 13px/1 Manrope,system-ui,sans-serif;color:#655a52;margin:4px 0 0}
@media(min-width:760px){.tsh-sort2{display:none}}
.tsh-facets{display:none;gap:10px;margin:0 0 12px;padding:14px;border:1px solid #e9e1d6;border-radius:18px;background:#fffdf9}
.tsh-facets.open{display:grid}
@media(min-width:1000px){.tsh-facets{display:grid}}
.tf{display:grid;gap:6px;min-width:0}
@media(min-width:760px){.tf{grid-template-columns:110px 1fr;align-items:center}}
.tf-l{font:800 12px/1.2 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8a7e74}
.tf-row{display:flex;gap:6px;overflow-x:auto;padding:2px;scrollbar-width:none;min-width:0}
.tf-row::-webkit-scrollbar{display:none}
@media(min-width:1000px){.tf-row{flex-wrap:wrap;overflow:visible}}
.tsh-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px;min-height:30px}
.tsh-n{font:800 14px/1 Manrope,system-ui,sans-serif}
.tsh-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;background:#f1e9de;border:0;font:700 12.5px/1 Manrope,system-ui,sans-serif;color:#1f1a17;cursor:pointer}
.tsh-clear{border:0;background:none;color:#a0522d;font:800 13px/1 Manrope,system-ui,sans-serif;text-decoration:underline;cursor:pointer;padding:6px 2px}
.tsh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:700px){.tsh-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(min-width:1000px){.tsh-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tvt .tcard{view-transition-name:var(--vt)}
.tcard{display:flex;flex-direction:column;background:#fff;border:1px solid #e9e1d6;border-radius:18px;overflow:hidden;min-width:0}
.tc-img{position:relative;display:block;aspect-ratio:4/4.4;background:radial-gradient(80% 60% at 50% 75%,#fff9 0,transparent 70%),var(--bg,#f3efe9)}
.tc-img img{position:absolute;inset:8% 10% 6%;width:80%;height:86%;object-fit:contain;transition:transform .35s}
.tcard:hover .tc-img img{transform:translateY(-4px) scale(1.03)}
.tc-flag{position:absolute;left:8px;top:8px;background:#fffe;border-radius:999px;padding:4px 8px;font-size:13px;line-height:1}
.tc-badge{position:absolute;right:8px;top:8px;background:var(--c,#1f1a17);color:#fff;border-radius:999px;padding:5px 9px;font:800 11px/1 Manrope,system-ui,sans-serif;letter-spacing:.03em}
.tc-b{display:flex;flex-direction:column;gap:6px;padding:12px;flex:1}
@media(min-width:700px){.tc-b{padding:14px 16px 16px}}
.tc-n{font:800 16.5px/1.2 Manrope,system-ui,sans-serif;text-decoration:none;color:#1f1a17}
@media(min-width:700px){.tc-n{font-size:18px}}
.tc-o{font-size:13px;color:#6b5f56;line-height:1.35}
.tc-notes{display:flex;flex-wrap:wrap;gap:4px}
.tc-notes span{font:700 11.5px/1 Manrope,system-ui,sans-serif;background:var(--bg,#f3efe9);color:var(--c,#1f1a17);border-radius:999px;padding:5px 8px}
.tc-p{font:800 16px/1.2 Manrope,system-ui,sans-serif;margin-top:auto;padding-top:4px}
.tc-p small{display:block;font:600 12px/1.3 system-ui,sans-serif;color:#8a7e74}
.tc-p.soon{color:var(--c,#a0522d);font-size:14px}
.tc-act{display:grid;gap:6px}
.tc-add{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:40px;padding:0 12px;border-radius:12px;border:0;background:var(--c,#1f1a17);color:#fff;
 font:800 13px/1.15 Manrope,system-ui,sans-serif;cursor:pointer;text-align:left}
.tc-add span{opacity:.85;font-weight:700}
.tc-add.ok{background:#2f7d4a}
.tc-more{font:800 13px/1 Manrope,system-ui,sans-serif;color:var(--c,#1f1a17);text-decoration:none;padding:6px 0}
.tsh-none{padding:18px;border:1px dashed #d9cdbd;border-radius:18px;background:#fffdf9}
.tsh-none p{margin:0 0 10px;color:#655a52}
.tsh-none div{display:flex;flex-wrap:wrap;gap:6px}
.tsh-toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%,20px);opacity:0;z-index:60;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);box-sizing:border-box;
 background:#1f1a17;color:#fff;border-radius:16px;padding:12px 14px 12px 16px;font:700 14px/1.3 Manrope,system-ui,sans-serif;box-shadow:0 12px 34px rgba(0,0,0,.3);transition:opacity .2s,transform .2s;pointer-events:none}
.tsh-toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.tsh-toast a{flex:none;color:#1f1a17;background:#fff;border-radius:999px;padding:8px 12px;text-decoration:none;font-weight:800}
/* lander header search button */
header .nav:has(.hsearch){gap:10px}.nav .hsearch{margin-left:auto}.nav .hsearch+.lang{margin-left:0}
.hsearch{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(31,26,23,.16);background:#fff;color:#1f1a17;flex:none}
@media print{.tsb,.tsh-toast{display:none!important}}
@media(prefers-reduced-motion:reduce){.tc-img img,.tsh-toast{transition:none}}