@font-face {
  font-family: 'El Messiri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ElMessiri-400-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'El Messiri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ElMessiri-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'El Messiri';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/ElMessiri-600-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'El Messiri';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/ElMessiri-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'El Messiri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/ElMessiri-700-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'El Messiri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/ElMessiri-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/IBMPlexSansArabic-300-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/IBMPlexSansArabic-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/IBMPlexSansArabic-400-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/IBMPlexSansArabic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/IBMPlexSansArabic-500-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/IBMPlexSansArabic-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/IBMPlexSansArabic-600-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/IBMPlexSansArabic-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/IBMPlexSansArabic-700-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/IBMPlexSansArabic-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;line-height:1.7;overflow-x:hidden;padding-bottom:88px}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--focus,#1a73e8);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{width:min(1100px,100% - 2.5rem);margin-inline:auto}
section{padding-block:clamp(3.2rem,8vw,5.5rem)}
.ico{width:1.35em;height:1.35em;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;text-decoration:none;font-weight:700;border-radius:999px;padding:.85rem 1.4rem;min-height:52px;font-size:1.05rem;transition:transform .15s ease,filter .15s}
.btn span{white-space:nowrap}
.btn:active{transform:scale(.98)}
.btn-wa{background:#1fa855;color:#fff}
.btn-wa:hover{filter:brightness(1.07)}
.cta-bar{position:fixed;inset-inline:0;bottom:0;z-index:40;display:flex;gap:.6rem;padding:.7rem max(.8rem,env(safe-area-inset-left)) calc(.7rem + env(safe-area-inset-bottom));background:var(--bar-bg,rgba(255,255,255,.94));backdrop-filter:blur(10px);box-shadow:0 -6px 24px rgba(0,0,0,.12)}
.cta-bar .btn{flex:1;font-size:1.12rem;min-height:56px}
.cta-bar .btn-wa{flex:1.6}
@media(min-width:900px){.cta-bar{inset-inline:auto;left:1.25rem;bottom:1.25rem;border-radius:999px;padding:.55rem;width:auto}.cta-bar .btn{flex:none;padding-inline:1.6rem}body{padding-bottom:0}}
.demo-badge{position:fixed;top:.6rem;left:.6rem;z-index:50;font:500 .72rem/1.2 Tajawal,Cairo,system-ui,sans-serif;background:rgba(17,17,17,.82);color:#fff;padding:.38rem .7rem;border-radius:999px;text-decoration:none;letter-spacing:0;backdrop-filter:blur(6px)}
.demo-badge b{font-weight:700;direction:ltr;unicode-bidi:isolate}
.stars{color:var(--star,#f5b301);letter-spacing:.08em;white-space:nowrap}
.rating{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.95rem}
.rating>b{font-size:1.25rem}
.hours{width:100%;border-collapse:collapse;font-size:1rem}
.hours th,.hours td{padding:.62rem .3rem;text-align:start;border-bottom:1px solid var(--line,rgba(0,0,0,.1))}
.hours th{font-weight:600;width:42%}
.hours tr.today{background:var(--today,rgba(0,0,0,.05));font-weight:800}
.hours tr.today th::after{content:" · اليوم";font-weight:500;opacity:.75;font-size:.85em}
.map{border-radius:var(--radius,18px);overflow:hidden;aspect-ratio:4/3;background:#ddd;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.map iframe{width:100%;height:100%;border:0;display:block}
.addr{display:flex;gap:.5rem;align-items:flex-start;margin:1rem 0 .8rem}
.addr .ico{margin-top:.25rem}
.btn-map{background:var(--ink,#222);color:var(--paper,#fff);width:100%}
.gallery .g-item{border:0;padding:0;margin:0;background:none;cursor:zoom-in;display:block;width:100%;overflow:hidden;border-radius:var(--radius,18px)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.gallery .g-item:hover img{transform:scale(1.04)}
dialog#lightbox{border:0;padding:0;background:transparent;max-width:96vw;max-height:92vh}
dialog#lightbox::backdrop{background:rgba(0,0,0,.86)}
dialog#lightbox img{max-width:96vw;max-height:88vh;border-radius:12px;object-fit:contain}
.lb-close{position:absolute;top:.5rem;left:.5rem;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#111;font-size:1.2rem;cursor:pointer}
.review{margin:0}
.review blockquote{margin:.4rem 0 .8rem}
.review blockquote p{margin:0}
.review figcaption span{opacity:.7;font-size:.88rem}
.demo-note{padding:1.5rem 1.25rem 2.5rem;text-align:center;font-size:.85rem;opacity:.75}
.demo-note p{max-width:640px;margin:auto}

.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes zoomout{from{transform:scale(1.08)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.social{margin-top:1.6rem}
.social p{margin:0 0 .5rem;font-weight:700}
.social ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.social a{display:inline-flex;gap:.45rem;align-items:center;text-decoration:none;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--line);font-size:.92rem;min-height:44px}
.social a span{opacity:.75}
.lead{text-wrap:pretty}
h1,h2{text-wrap:balance}


.t-cafe{--burg:#7b1e2b;--burg2:#9b2f3c;--ink:#2b1d17;--paper:#f7f1e8;--cream:#efe4d4;--sand:#d9c3a5;--line:rgba(123,30,43,.16);--today:rgba(123,30,43,.08);--star:#b8862b;--radius:22px;--focus:#7b1e2b;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;font-size:1.06rem;font-weight:400}
.t-cafe h1,.t-cafe h2{font-family:"El Messiri",serif;line-height:1.25;font-weight:700}
.t-cafe .hero{position:relative;min-height:94svh;display:grid;place-items:end center;padding:6rem 1.1rem 2.4rem;overflow:hidden;isolation:isolate}
.t-cafe .hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 40%;animation:zoomout 2.4s cubic-bezier(.2,.7,.2,1) both;z-index:-1}
.t-cafe .hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,29,23,.05) 0%,rgba(43,29,23,.35) 45%,rgba(43,29,23,.78) 100%)}
.t-cafe .hero-card{position:relative;background:rgba(247,241,232,.97);border-radius:30px;padding:2.2rem 1.6rem 1.8rem;text-align:center;max-width:470px;width:100%;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:rise .9s .2s cubic-bezier(.2,.7,.2,1) both}
.t-cafe .logo{width:92px;height:138px;border-radius:46px 46px 14px 14px;object-fit:cover;margin:-5.6rem auto 1rem;border:5px solid var(--paper);box-shadow:0 10px 26px rgba(0,0,0,.28);background:#fff}
.t-cafe .eyebrow{margin:0;color:var(--burg);font-weight:600;font-size:.88rem;letter-spacing:.02em}
.t-cafe h1{font-size:clamp(2.4rem,10vw,3.6rem);margin:.15rem 0 .2rem;color:var(--burg)}
.t-cafe h1 small{display:block;font-family:"El Messiri",serif;font-size:.95rem;letter-spacing:.32em;color:var(--ink);opacity:.6;text-transform:uppercase;margin-top:.2rem}
.t-cafe .tagline{margin:.6rem 0 1.1rem;font-size:1.08rem;color:#4a3a32}
.t-cafe .rating{justify-content:center;font-size:.9rem;color:#5a4a42}
.t-cafe h2{text-align:center;font-size:clamp(1.8rem,7vw,2.5rem);color:var(--burg);margin:0 0 2rem}
.t-cafe h2 span{display:inline-block;padding-inline:1rem;position:relative}
.t-cafe h2 span::before,.t-cafe h2 span::after{content:"";position:absolute;top:58%;width:38px;height:1.5px;background:currentColor;opacity:.35}
.t-cafe h2 span::before{right:100%}.t-cafe h2 span::after{left:100%}
.t-cafe .lead{font-size:1.14rem;text-align:center;max-width:640px;margin:0 auto 1.8rem;line-height:1.95;color:#3d2e27}
.t-cafe .chips{list-style:none;padding:0;margin:0 auto;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;max-width:680px}
.t-cafe .chips li{background:#fff;border:1px solid var(--line);color:var(--burg);padding:.45rem 1rem;border-radius:999px;font-weight:600;font-size:.93rem;box-shadow:0 2px 8px rgba(123,30,43,.05)}
.t-cafe .masonry{columns:2;column-gap:.75rem}
.t-cafe .masonry .g-item{margin-bottom:.75rem;break-inside:avoid;box-shadow:0 10px 30px rgba(43,29,23,.12)}
@media(min-width:760px){.t-cafe .masonry{columns:3;column-gap:1.1rem}.t-cafe .masonry .g-item{margin-bottom:1.1rem}}
.t-cafe .reviews{display:grid;gap:1.1rem}
@media(min-width:860px){.t-cafe .reviews{grid-template-columns:repeat(3,1fr)}}
.t-cafe .review{background:#fffcf7;border-radius:var(--radius);padding:2rem 1.4rem 1.3rem;position:relative;box-shadow:0 10px 34px rgba(123,30,43,.08);border:1px solid rgba(123,30,43,.06)}
.t-cafe .review::before{content:"”";position:absolute;top:-.4rem;right:1.1rem;font:700 4.6rem/1 "El Messiri",serif;color:var(--burg);opacity:.22}
.t-cafe .review blockquote p{line-height:1.9}
.t-cafe .visit{background:var(--cream);width:100%;padding-inline:1.25rem}
.t-cafe .visit h2,.t-cafe .visit-grid{max-width:1100px;margin-inline:auto}
.t-cafe .visit-grid{display:grid;gap:1.8rem}
@media(min-width:860px){.t-cafe .visit-grid{grid-template-columns:1fr 1.2fr;align-items:start}}
.t-cafe .hours{background:#fffcf7;border-radius:18px;overflow:hidden}
.t-cafe .hours th,.t-cafe .hours td{padding-inline:1rem}
.t-cafe .btn-map{background:var(--burg);color:#fff}
.t-cafe .social a{background:#fffcf7}
.t-cafe .cta-bar{--bar-bg:rgba(247,241,232,.95)}
.t-cafe .btn-call{background:var(--ink);color:var(--paper)}
.t-cafe .demo-badge{background:rgba(43,29,23,.78)}