@font-face{font-family:Changa;src:url(/fonts/Changa-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}
:root{--bg:#0B0620;--page:#05020F;--surface:rgba(255,255,255,.06);--card:rgba(179,136,255,.08);--text:#EEE8FF;--muted:#B3A8D6;--line:rgba(179,136,255,.2);--on-accent:#0B0620;--title:Changa,Vazirmatn;--chip-bg:rgba(179,136,255,.14);--nav-bg:rgba(11,6,32,.94);--r:22px;--sheet:#130B30}
html{background:#05020F}
.t-kahkeshan{background:#05020F}
.t-kahkeshan .hero:not(.has-cover):not(.has-video){background:radial-gradient(60% 60% at 50% 40%,rgba(11,6,32,.45),transparent 75%)}
.t-kahkeshan .hero:not(.has-cover):not(.has-video) .deco{display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'%3E%3Cellipse cx='50' cy='30' rx='46' ry='10' fill='none' stroke='%23FFC6F2' stroke-width='3' transform='rotate(-15 50 30)'/%3E%3Ccircle cx='50' cy='30' r='20' fill='%23B388FF'/%3E%3Cpath d='M30 26a20 20 0 0 1 40 0' fill='%23D1B7FF'/%3E%3C/svg%3E") no-repeat right 8px top 18px/96px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='14' fill='%23FFB86B'/%3E%3Ccircle cx='15' cy='16' r='3' fill='%23E8913F'/%3E%3Ccircle cx='24' cy='24' r='4' fill='%23E8913F'/%3E%3C/svg%3E") no-repeat left 20px bottom 20px/40px}
.t-kahkeshan .deco::after{content:'';position:absolute;top:18%;left:-10%;width:60px;height:2px;background:linear-gradient(90deg,transparent,#fff);transform:rotate(-20deg);animation:shoot 5s ease-in infinite}
@keyframes shoot{0%,70%{opacity:0;transform:translate(0,0) rotate(-20deg)}75%{opacity:1}100%{opacity:0;transform:translate(420px,150px) rotate(-20deg)}}
.t-kahkeshan .hero h1{font-weight:600;font-size:clamp(38px,11vw,56px);background:linear-gradient(90deg,#FFC6F2,#B388FF,#7FD4FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-kahkeshan .logo{border-color:#B388FF;box-shadow:0 0 30px rgba(179,136,255,.6)}
.t-kahkeshan .cats a{border-color:var(--line);color:#EEE8FF}
.t-kahkeshan .cat h2{font-weight:600;color:#D1B7FF}
.t-kahkeshan .cat h2::before{content:'🪐 '}
.t-kahkeshan .cat h2{text-shadow:0 0 14px rgba(179,136,255,.6)}
.t-kahkeshan .l-grid .item{background:rgba(14,10,40,.62);border:1px solid var(--line);border-radius:var(--r);padding:8px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 24px -10px rgba(179,136,255,.6)}
.t-kahkeshan .l-grid .ph{border-radius:50%}
.t-kahkeshan .price{color:#FFC6F2}
.t-kahkeshan .bdg{background:#B388FF;color:#0B0620}
.t-kahkeshan .search{background:rgba(255,255,255,.06)}
@media (prefers-reduced-motion:reduce){.t-kahkeshan .deco::after{animation:none;opacity:0}}

/* moving backdrop */
/* the galaxy: the Milky Way and nebula glow (the two supplied photos blended) drifting very slowly, with crisp stars twinkling over it */
.t-kahkeshan::before{content:'';position:fixed;z-index:-1;pointer-events:none;top:-4%;bottom:-4%;left:max(0px,calc(50% - 320px));right:max(0px,calc(50% - 320px));background:url(/img/themes/bg-twinkle.svg) 0 0/300px 340px,url(/img/themes/kahkeshan-galaxy.webp?v=2) center/cover;animation:khGalaxy 60s ease-in-out infinite alternate}
@keyframes khGalaxy{to{transform:scale(1.06) translateY(-2%)}}
/* meteors streaking across now and then, two of them on their own paths */
.t-kahkeshan::after{content:'';position:fixed;z-index:-1;pointer-events:none;top:8%;left:max(0px,calc(50% - 320px));width:200px;height:11px;background:url(/img/themes/bg-meteor.svg) center/contain no-repeat;opacity:0;transform-origin:100% 50%;animation:khMeteor 7s ease-in 1s infinite}
@keyframes khMeteor{0%{opacity:0;transform:translate(calc(min(100vw,640px) - 40px),0) rotate(150deg)}3%{opacity:1}22%{opacity:1}30%,100%{opacity:0;transform:translate(-80px,52vh) rotate(150deg)}}
.t-kahkeshan main::after{content:'';position:fixed;z-index:-1;pointer-events:none;top:30%;left:max(0px,calc(50% - 320px));width:150px;height:9px;background:url(/img/themes/bg-meteor.svg) center/contain no-repeat;opacity:0;transform-origin:100% 50%;animation:khMeteor2 11s ease-in 4s infinite}
@keyframes khMeteor2{0%{opacity:0;transform:translate(30px,0) rotate(30deg)}3%{opacity:1}18%{opacity:1}24%,100%{opacity:0;transform:translate(calc(min(100vw,640px) - 20px),30vh) rotate(30deg)}}
@media (prefers-reduced-motion:reduce){.t-kahkeshan::before,.t-kahkeshan::after,.t-kahkeshan main::after{animation:none}.t-kahkeshan::after,.t-kahkeshan main::after{display:none}}

/* the same motion inside the hero, behind the name */
.t-kahkeshan .hero::before{content:'';position:absolute;z-index:0;pointer-events:none;inset:0;background:url(/img/themes/bg-twinkle.svg) 0 0/300px 340px;opacity:.9;animation:khDrift 80s linear infinite}@keyframes khDrift{to{background-position:-300px 60px}}
.t-kahkeshan .hero-in{z-index:1}
@media (prefers-reduced-motion:reduce){.t-kahkeshan .hero::before{animation:none}}
.t-kahkeshan .item h3,.t-kahkeshan .item p,.t-kahkeshan .price{text-shadow:0 1px 8px rgba(5,2,15,.9)}
