@font-face{font-family:Rakkas;src:url(/fonts/Rakkas.woff2) format('woff2');font-weight:400;font-display:swap}
/* a spice kitchen at full heat: a copper pot bubbling over the flames, spices flying in from their bowls, the mortar pounding,
   spices falling all over the menu, clouds of coloured powder drifting and now and then bursting across the page */
:root{--bg:#1C110A;--page:#120A05;--surface:#2A1A10;--card:#2B1A0F;--text:#FBEBD3;--muted:#D2B08A;--line:rgba(242,183,5,.18);--on-accent:#1C110A;--title:Rakkas,Vazirmatn;--chip-bg:rgba(242,183,5,.12);--nav-bg:rgba(28,17,10,.94);--price:#F2B705;--r:18px;--sheet:#22150C}
html{background:#120A05}
.t-adviye{background:radial-gradient(70% 40% at 15% 20%,rgba(215,38,30,.18),transparent 70%),radial-gradient(60% 40% at 90% 55%,rgba(242,183,5,.14),transparent 70%),radial-gradient(70% 40% at 30% 95%,rgba(122,46,90,.18),transparent 70%),linear-gradient(#1C110A,#160D07)}

/* the hero: a warm kitchen glow, the name in spice colours, the cooking scene along the bottom */
.t-adviye .hero:not(.has-cover):not(.has-video){background:radial-gradient(80% 60% at 50% 100%,rgba(255,138,26,.45),transparent 70%),linear-gradient(#2A140A,#3A1C0C 60%,#4A2410);padding-bottom:0}
.t-adviye .hero.has-cover{padding-bottom:0}
.t-adviye .hero .deco{display:none!important}
.t-adviye .hero::after{content:'';position:relative;z-index:0;display:block;height:clamp(160px,48vw,230px);margin:12px -20px 0;background:url(/img/themes/adviye-kitchen.svg) center bottom/100% 100% no-repeat}
.t-adviye .hero-in{z-index:1}
.t-adviye .hero h1{font-family:Rakkas,Vazirmatn;font-weight:400;font-size:clamp(42px,12.5vw,62px);word-spacing:.15em;background:linear-gradient(90deg,#F2B705,#E67E22,#D7261E,#C0397A,#F2B705) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45));animation:adHue 8s linear infinite}
@keyframes adHue{to{background-position:-300% 0}}
.t-adviye .hero .tag{color:#F7D9A8}
.t-adviye .logo{border:3px solid #F2B705;box-shadow:0 0 0 4px #3A1C0C,0 0 0 6px #D7261E,0 0 24px rgba(255,138,26,.5)}
.t-adviye .chip{background:rgba(0,0,0,.25);border-color:rgba(242,183,5,.35);color:#FBEBD3}

/* spice-jar navigation: each chip a different spice */
.t-adviye .cats{border-bottom:1px solid var(--line)}
.t-adviye .cats a{border:0;color:#FBEBD3;background:rgba(255,255,255,.06);border-radius:999px;font-family:Rakkas,Vazirmatn;letter-spacing:.02em;box-shadow:inset 0 -3px 0 var(--sp,#F2B705)}
.t-adviye .cats a:nth-child(5n+1){--sp:#F2B705}.t-adviye .cats a:nth-child(5n+2){--sp:#D7261E}.t-adviye .cats a:nth-child(5n+3){--sp:#6B8E23}.t-adviye .cats a:nth-child(5n+4){--sp:#C0397A}.t-adviye .cats a:nth-child(5n){--sp:#E67E22}
.t-adviye .cats a.on{background:var(--sp,#F2B705);color:#1C110A;box-shadow:0 6px 16px -6px var(--sp,#F2B705)}
.t-adviye .search{background:rgba(255,255,255,.05);border:1px solid rgba(242,183,5,.25);border-radius:999px}

/* category titles in Rakkas with a spoonful of spice dust underneath */
.t-adviye .cat h2{font-family:Rakkas,Vazirmatn;font-weight:400;color:#F2B705;font-size:30px;word-spacing:.15em;position:relative;padding-bottom:14px;text-shadow:0 2px 0 rgba(0,0,0,.4)}
.t-adviye .cat h2::after{content:'';position:absolute;inset-inline-start:0;bottom:0;width:150px;height:12px;background:radial-gradient(circle,#F2B705 1.4px,transparent 2px) 0 0/9px 6px,radial-gradient(circle,#D7261E 1.4px,transparent 2px) 4px 3px/11px 6px,radial-gradient(circle,#C0397A 1.2px,transparent 1.8px) 2px 1px/13px 7px;-webkit-mask:linear-gradient(90deg,#000 40%,transparent);mask:linear-gradient(90deg,#000 40%,transparent);animation:adDust 6s linear infinite}
[dir=rtl] .t-adviye .cat h2::after{-webkit-mask:linear-gradient(-90deg,#000 40%,transparent);mask:linear-gradient(-90deg,#000 40%,transparent)}
@keyframes adDust{to{background-position:90px 0,104px 3px,80px 1px}}

/* dishes: dark terracotta cards with a stripe of spice colour along the edge and a warm glow */
.t-adviye .item{background:linear-gradient(160deg,#342012,#24150B);border:1px solid rgba(242,183,5,.14);box-shadow:inset 4px 0 0 var(--sp,#F2B705),0 14px 26px -16px #000}
[dir=rtl] .t-adviye .item{box-shadow:inset -4px 0 0 var(--sp,#F2B705),0 14px 26px -16px #000}
.t-adviye .item:nth-child(4n+1){--sp:#F2B705}.t-adviye .item:nth-child(4n+2){--sp:#D7261E}.t-adviye .item:nth-child(4n+3){--sp:#6B8E23}.t-adviye .item:nth-child(4n){--sp:#C0397A}
.t-adviye .l-overlay .item{box-shadow:inset 0 -4px 0 var(--sp,#F2B705),0 14px 26px -16px #000}
.t-adviye .item h3{font-family:Rakkas,Vazirmatn;font-weight:400;font-size:20px;letter-spacing:.02em}
.t-adviye .price{color:var(--price);font-weight:800}
.t-adviye .bdg{background:#D7261E;color:#fff}
.t-adviye .sp{border:1px solid rgba(242,183,5,.25);background:var(--card)}

/* spices falling all over the menu, clouds of powder drifting behind */
.t-adviye::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/bg-spice-fall.svg) 0 0/280px 340px,url(/img/themes/bg-spice-fall.svg) 140px 60px/190px 230px;opacity:.75;animation:adFall 22s linear infinite}
@keyframes adFall{to{background-position:-40px 340px,30px 290px}}
.t-adviye::after{content:'';position:fixed;z-index:-1;pointer-events:none;inset:-20%;background:radial-gradient(18% 14% at 20% 30%,rgba(242,183,5,.16),transparent 70%),radial-gradient(16% 12% at 80% 45%,rgba(215,38,30,.15),transparent 70%),radial-gradient(18% 14% at 35% 75%,rgba(192,57,122,.14),transparent 70%),radial-gradient(14% 10% at 70% 88%,rgba(107,142,35,.13),transparent 70%);animation:adCloud 18s ease-in-out infinite alternate}
@keyframes adCloud{to{transform:translate3d(6%,-5%,0) scale(1.12) rotate(4deg)}}
/* now and then a handful of spice bursts in a coloured cloud across the middle of the menu */
.t-adviye main::after{content:'';position:fixed;z-index:3;pointer-events:none;top:40%;left:50%;width:240px;height:240px;margin:-120px 0 0 -120px;background:url(/img/themes/bg-spice-burst.svg) center/contain no-repeat;opacity:0;animation:adBurst 12s ease-out 3s infinite}
@keyframes adBurst{0%{opacity:0;transform:scale(.15) rotate(0)}4%{opacity:.85}22%{opacity:0;transform:scale(1.6) rotate(40deg)}100%{opacity:0;transform:scale(1.6) rotate(40deg)}}

/* spices falling inside the hero too */
.t-adviye .hero::before{content:'';position:absolute;z-index:0;pointer-events:none;inset:0;background:url(/img/themes/bg-spice-fall.svg) 0 0/280px 340px;opacity:.6;animation:adFallH 20s linear infinite}
@keyframes adFallH{to{background-position:-40px 340px}}
@media (prefers-reduced-motion:reduce){.t-adviye::before,.t-adviye::after,.t-adviye .hero::before,.t-adviye .hero h1,.t-adviye .cat h2::after{animation:none}.t-adviye main::after{display:none}}
/* closing the menu: the pots and the spice jars at war, spice clouds and flying lids, ladles and POWs */
.t-adviye .foot::before{content:'';display:block;height:clamp(130px,40vw,170px);margin:0 0 18px;background:url(/img/themes/adviye-battle.svg) center bottom/100% 100% no-repeat}