:root{--bg:#FFFFFF;--page:#E9ECEB;--surface:#F3F5F4;--card:#FFFFFF;--rail-bg:#EEF2F1;--text:#1B2421;--muted:#6B7672;--line:rgba(27,36,33,.08);--on-accent:#fff;--title:Vazirmatn;--r:22px;--ph-r:18px;--chip-bg:#EEF2F1;--nav-bg:#EEF2F1;--price:#1B2421}
body.t-kenar{background:#F6F8F7}
.t-kenar .hero{padding-bottom:18px}
.t-kenar .logo{border-color:var(--accent);border-radius:22px}
.t-kenar .hero h1{font-size:clamp(26px,8vw,38px)}
.t-kenar .cat h2{font-size:21px;font-weight:900;display:flex;align-items:center;gap:8px}
.t-kenar .cat h2::before{content:'';width:6px;height:22px;border-radius:4px;background:var(--accent)}
.t-kenar .item h3{font-size:16px;font-weight:900}
/* items at about two thirds of the rail layout's size, so more of the menu fits on the screen */
.t-kenar .items{gap:10px}
.t-kenar .item{border-radius:18px}
.t-kenar .ph{aspect-ratio:16/6.6}
.t-kenar .txt{padding:9px 12px 2px}
.t-kenar .item p{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.t-kenar .price{padding:0 12px 10px}
.t-kenar .item .add{bottom:9px;height:32px;padding:0 12px}
.t-kenar .item{position:relative}
.t-kenar .item .dmeta{position:absolute;top:8px;inset-inline-end:8px;margin:0;z-index:1}
.t-kenar .item .dmeta .lk{background:rgba(255,255,255,.92);border-radius:999px;padding:3px 9px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.t-kenar .price{font-size:17px}
.t-kenar .price small{color:var(--muted)}
.t-kenar .bdg{background:#E3F2EE;color:var(--accent)}
.t-kenar .search{background:#fff;border-radius:16px}
.t-kenar .cats a .ci{border-radius:50%}
.t-kenar .cats a.on{background:#fff;color:var(--accent);box-shadow:0 4px 14px rgba(18,145,122,.18)}
.t-kenar .cats a.on .ci{box-shadow:0 0 0 3px var(--accent)}
.t-kenar .cats a .cic{background:#fff;color:var(--accent);box-shadow:0 2px 10px rgba(18,145,122,.12)}
.t-kenar .cats a.on .cic{background:var(--accent);color:#fff;box-shadow:none}
.t-kenar .cats a.on{background:#fff}

/* moving backdrop */
.t-kenar::before{content:'';position:fixed;z-index:-1;pointer-events:none;inset:-20%;background:radial-gradient(34% 26% at 20% 30%,rgba(18,145,122,.09),transparent 70%),radial-gradient(30% 24% at 82% 74%,rgba(18,145,122,.07),transparent 70%);animation:knDrift 24s ease-in-out infinite alternate}@keyframes knDrift{to{transform:translate3d(-5%,4%,0) rotate(8deg)}}
.t-kenar::after{content:'';position:fixed;z-index:-1;pointer-events:none;top:0;bottom:0;left:max(0px,calc(50% - 320px));right:max(0px,calc(50% - 320px));background:url(/img/themes/bg-foodicons.svg) 0 0/300px 340px;opacity:.16;animation:knIcons 40s linear infinite}
@keyframes knIcons{to{background-position:-300px -340px}}
@media (prefers-reduced-motion:reduce){.t-kenar::before,.t-kenar::after{animation:none}}

/* the same motion inside the hero, behind the name */
.t-kenar .hero::before{content:'';position:absolute;z-index:0;pointer-events:none;inset:0;background:url(/img/themes/bg-foodicons.svg) 0 0/300px 340px,radial-gradient(34% 26% at 20% 30%,rgba(18,145,122,.12),transparent 70%),radial-gradient(30% 24% at 82% 74%,rgba(18,145,122,.09),transparent 70%);opacity:.9;animation:knIconsH 40s linear infinite}
@keyframes knIconsH{to{background-position:-300px -340px,0 0,0 0}}
.t-kenar .hero::before{-webkit-mask:linear-gradient(#000,rgba(0,0,0,.35));mask:linear-gradient(#000,rgba(0,0,0,.35))}
.t-kenar .hero-in{z-index:1}
@media (prefers-reduced-motion:reduce){.t-kenar .hero::before{animation:none}}