@font-face{font-family:Baloo;src:url(/fonts/Baloo-ExtraBold.woff2) format('woff2');font-weight:800;font-display:swap}
:root{--bg:#FFF4C2;--page:#FFD84D;--surface:#FFE88A;--card:#fff;--text:#2B1D0E;--muted:#7A6340;--line:rgba(43,29,14,.14);--on-accent:#fff;--title:Baloo,Vazirmatn;--chip-bg:rgba(255,122,0,.14);--nav-bg:rgba(255,244,194,.95);--r:24px;--sheet:#FFF4C2}
html{background:#FFD84D}
.t-tabestan .hero:not(.has-cover):not(.has-video){background:radial-gradient(circle at 80% 18%,#FFF 0 30px,#FFE066 31px 60px,transparent 61px),linear-gradient(180deg,#5FD3F3,#FFF4C2)}
.t-tabestan .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%3Cpath d='M5 10a45 45 0 0 0 90 0z' fill='%233FAE49'/%3E%3Cpath d='M11 10a39 39 0 0 0 78 0z' fill='%23F2F7E8'/%3E%3Cpath d='M15 10a35 35 0 0 0 70 0z' fill='%23FF4D5E'/%3E%3Cg fill='%232B1D0E'%3E%3Cellipse cx='35' cy='22' rx='2' ry='3'/%3E%3Cellipse cx='50' cy='30' rx='2' ry='3'/%3E%3Cellipse cx='65' cy='22' rx='2' ry='3'/%3E%3Cellipse cx='45' cy='18' rx='2' ry='3'/%3E%3C/g%3E%3C/svg%3E") no-repeat left 10px bottom 10px/110px}
.t-tabestan .hero:not(.has-video){padding-bottom:190px}
/* a villa by the pool along the bottom of the hero: palm swaying, water shimmering, a flamingo float drifting */
.t-tabestan .hero::after{content:'';position:absolute;z-index:0;pointer-events:none;left:0;right:0;bottom:0;height:180px;background:url(/img/themes/bg-villa-pool.svg) center bottom/100% 180px no-repeat}
.t-tabestan .hero.has-cover::after{opacity:.95}
.t-tabestan .hero-in{z-index:1}
.t-tabestan .hero h1{font-weight:800;color:#FF5A00;text-shadow:3px 3px 0 #fff;font-size:clamp(36px,11vw,54px)}
.t-tabestan .logo{border:4px solid #fff;box-shadow:0 0 0 4px #FF7A00}
.t-tabestan .cats{border:0}
.t-tabestan .cats a{background:#fff;border:0;color:#2B1D0E;font-family:Baloo,Vazirmatn;font-weight:800;box-shadow:0 3px 0 #FFB000}
.t-tabestan .cats a.on{background:#FF7A00;color:#fff}
.t-tabestan .cat h2{font-weight:800;color:#FF5A00;font-size:26px}
.t-tabestan .cat h2::before{content:'☀️ '}
.t-tabestan .l-cards .item{border:3px solid #2B1D0E;box-shadow:5px 5px 0 #FF7A00}
.t-tabestan .item h3{font-family:Baloo,Vazirmatn;font-weight:800;font-size:18px}
.t-tabestan .price{background:#FFE066;color:#2B1D0E;border-radius:999px;padding:0 10px;display:inline-block}
.t-tabestan .bdg{background:#3FAE49;color:#fff}
.t-tabestan .sp{border:3px solid #2B1D0E;box-shadow:3px 3px 0 #FF4D5E}
.t-tabestan .obtn{border:3px solid #2B1D0E}

/* moving backdrop */
.t-tabestan::before{content:'';position:fixed;z-index:-1;pointer-events:none;top:-40%;left:50%;width:200vmax;height:200vmax;margin-left:-100vmax;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,170,0,.07) 0 8deg,transparent 8deg 22deg);animation:tbSun 80s linear infinite}@keyframes tbSun{to{transform:rotate(360deg)}}
.t-tabestan::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-summer.svg) 0 0/280px 320px;opacity:0.47;animation:tbFloat 30s linear infinite;}
@keyframes tbFloat{to{background-position:30px -320px}}
@media (prefers-reduced-motion:reduce){.t-tabestan::before,.t-tabestan::after{animation:none}}

/* the same motion inside the hero, behind the name */
.t-tabestan .hero::before{content:'';position:absolute;z-index:0;pointer-events:none;top:50%;left:50%;width:640px;height:640px;margin:-320px 0 0 -320px;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,170,0,.07) 0 8deg,transparent 8deg 22deg);animation:tbSun 80s linear infinite}
@media (prefers-reduced-motion:reduce){.t-tabestan .hero::before{animation:none}}