@font-face{font-family:Rakkas;src:url(/fonts/Rakkas.woff2) format('woff2');font-weight:400;font-display:swap}
/* The south — Bushehr, Bandar Abbas, Qeshm, Kish and Hormuz: the old port of Bushehr with its shanashil balconies, badgirs, palms and a lenj at the top,
   people in southern dress; between the sections, in turn, rainbow Hormuz, Qeshm's Valley of Stars, the Hara mangroves and Kish's Greek ship;
   a southern spread closing the menu; golabatun embroidery as the trim */
:root{--bg:#FFF7EA;--page:#0E3A40;--surface:#FCE9CC;--card:#FFFFFF;--text:#1E2A2A;--muted:#5E6E6A;--line:rgba(0,137,123,.14);--line-strong:rgba(0,137,123,.4);--title:Rakkas,Vazirmatn;--chip-bg:rgba(0,137,123,.06);--nav-bg:rgba(255,247,234,.96);--price:#D84315;--sheet:#FFFFFF;--r:16px;--a1:#00897B;--a2:#E53935}
html{background:#0E3A40}
.t-bandari{background:linear-gradient(#FFF7EA,#FFF0DC)}

/* the hero */
.t-bandari .hero:not(.has-cover):not(.has-video){background:linear-gradient(#FF9A5A,#FFC98A 50%,#FFE9C4);padding-bottom:0}
.t-bandari .hero.has-cover{padding-bottom:0}
.t-bandari .hero .deco{display:none!important}
.t-bandari .hero::after{content:'';position:relative;z-index:0;display:block;height:clamp(170px,54vw,240px);margin:10px -20px 0;background:url(/img/themes/south-bushehr.svg) center bottom/100% 100% no-repeat}
.t-bandari .hero-in{z-index:1}
.t-bandari .hero h1{font-family:Rakkas,Vazirmatn;font-weight:400;font-size:clamp(44px,13vw,64px);line-height:1.45;word-spacing:.12em;color:#0E4A50;text-shadow:0 2px 0 rgba(255,255,255,.7)}
.t-bandari .hero h1::after{content:'بوشهر · بندرعباس · قشم · کیش · هرمز';display:block;width:max-content;max-width:100%;margin:4px auto 0;padding:1px 16px 3px;border-radius:999px;font:400 14px/1.6 Rakkas,Vazirmatn;color:#fff;background:var(--a1);text-shadow:none}
.t-bandari .hero .tag{color:#2A2A2A}
.t-bandari .logo{border:3px solid var(--a1);box-shadow:0 0 0 4px var(--card),0 10px 24px rgba(0,0,0,.3)}
.t-bandari .chip{border:1px solid var(--line-strong);background:rgba(255,255,255,.85);color:#1E2A2A}

/* navigation */
.t-bandari .cats{border-bottom:1px solid var(--line)}
.t-bandari .cats a{border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--text);font-family:Rakkas,Vazirmatn;font-weight:400}
.t-bandari .cats a.on{background:var(--a1);color:#fff;border-color:transparent;box-shadow:0 6px 14px -6px var(--a1)}
.t-bandari .search{border-radius:999px;border:1px solid var(--line-strong);background:#fff}

/* between the sections, in turn */
.t-bandari .cat:nth-child(4n+2 of .cat)::before,.t-bandari .cat:nth-child(4n+3 of .cat)::before,.t-bandari .cat:nth-child(4n+4 of .cat)::before,.t-bandari .cat:nth-child(4n+5 of .cat)::before{content:'';display:block;height:clamp(110px,34vw,140px);margin:0 0 16px;border-radius:16px;background:url(/img/themes/south-hormuz.svg) center bottom/cover no-repeat;box-shadow:inset 0 0 0 2px var(--a1),0 12px 24px -16px rgba(0,0,0,.5)}
.t-bandari .cat:nth-child(4n+3 of .cat)::before{background-image:url(/img/themes/south-qeshm.svg)}
.t-bandari .cat:nth-child(4n+4 of .cat)::before{background-image:url(/img/themes/south-hara.svg)}
.t-bandari .cat:nth-child(4n+5 of .cat)::before{background-image:url(/img/themes/south-kish.svg)}

/* category titles */
.t-bandari .cat h2{font-family:Rakkas,Vazirmatn;font-weight:400;font-size:30px;word-spacing:.12em;color:var(--a1);display:flex;align-items:center;gap:10px}
.t-bandari .cat h2::before{content:'';flex:none;width:18px;height:18px;background:conic-gradient(#E53935 0 72deg,#FDD835 0 144deg,#43A047 0 216deg,#1E88E5 0 288deg,#8E24AA 0);clip-path:polygon(50% 0,100% 100%,0 100%)}
.t-bandari .cat h2::after{content:'';flex:1;height:1px;background:linear-gradient(to left,transparent,var(--line-strong))}
[dir=rtl] .t-bandari .cat h2::after{background:linear-gradient(to right,transparent,var(--line-strong))}

/* dishes */
.t-bandari .item{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 12px 24px -16px rgba(0,0,0,.45)}
.t-bandari.l-list .item,.t-bandari.l-center .item{margin-bottom:10px;padding:14px}
.t-bandari .item h3{font-family:Rakkas,Vazirmatn;font-weight:400;font-size:19px}
.t-bandari .price{color:var(--price);font-weight:800}
.t-bandari .bdg{background:var(--a2);color:#fff}
.t-bandari .sp{border:1px solid var(--line);background:var(--card)}
.t-bandari .sheet-body h3{font-family:Rakkas,Vazirmatn}

/* the end of the menu */
.t-bandari .foot::before{content:'';display:block;height:clamp(140px,44vw,180px);margin:0 0 18px;border-radius:16px;background:url(/img/themes/south-food.svg) center bottom/cover no-repeat;box-shadow:0 12px 24px -16px rgba(0,0,0,.5)}

/* the region's motif drifting faintly behind the menu */
.t-bandari::before{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/pat-bandari.svg) 0 0/220px 220px;opacity:.25;animation:bandariDrift 50s linear infinite}
@keyframes bandariDrift{to{background-position:-40px 440px}}
@media (prefers-reduced-motion:reduce){.t-bandari::before{animation:none}}
