@font-face{font-family:Mirza;src:url(/fonts/Mirza-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--bg:#EEF3EC;--page:#2E4A3A;--surface:#DDE7DA;--card:#fff;--text:#1E2E25;--muted:#5D7064;--line:rgba(30,46,37,.13);--on-accent:#fff;--title:Mirza,Vazirmatn;--chip-bg:rgba(47,107,79,.12);--nav-bg:rgba(238,243,236,.94);--r:16px;--sheet:#EEF3EC}
html{background:#2E4A3A}
.t-shomal .hero:not(.has-cover):not(.has-video){background:linear-gradient(180deg,#C9D8CF,#EEF3EC)}
.t-shomal .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 300 80'%3E%3Cg fill='%232F6B4F'%3E%3Cpath d='M10 80 30 20 50 80zM40 80 65 8 90 80zM230 80 255 14 280 80zM260 80 280 30 300 80z'/%3E%3C/g%3E%3Cg fill='%234E8A6A' opacity='.7'%3E%3Cpath d='M80 80 100 34 120 80zM200 80 222 26 244 80z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center bottom/100% auto,linear-gradient(180deg,rgba(255,255,255,.7),transparent 60%)}
.t-shomal .deco::after{content:'';position:absolute;inset:30% -20% auto;height:40px;background:radial-gradient(closest-side,rgba(255,255,255,.8),transparent);filter:blur(8px);animation:mist 16s ease-in-out infinite alternate}
@keyframes mist{to{transform:translateX(18%)}}
.t-shomal .hero h1{font-family:Mirza,Vazirmatn;font-weight:700;color:#1F4D38;font-size:clamp(38px,11vw,56px)}
.t-shomal .logo{border-color:#2F6B4F}
.t-shomal .cats a{border-color:#C6D6C8;color:#1E2E25}
.t-shomal .cat h2{font-family:Mirza,Vazirmatn;font-weight:700;color:#2F6B4F;font-size:26px}
.t-shomal .cat h2::before{content:'🌿 '}
.t-shomal .l-cards .item{border:1px solid #D2DFD3;box-shadow:0 12px 26px -20px rgba(31,77,56,.6);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M0 20h40' stroke='%23EAF0E8' stroke-width='2'/%3E%3C/svg%3E") 0 0/40px 12px}
.t-shomal .item h3{font-family:Mirza,Vazirmatn;font-weight:700;font-size:19px}
.t-shomal .price{color:#2F6B4F}
.t-shomal .bdg{background:#8C5A32;color:#fff}
@media (prefers-reduced-motion:reduce){.t-shomal .deco::after{animation:none}}

/* moving backdrop */
.t-shomal::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-rain.svg) 0 0/240px 300px;opacity:0.74;animation:shRain 1.4s linear infinite;}
@keyframes shRain{to{background-position:-36px 300px}}
.t-shomal::after{content:'';position:fixed;z-index:-1;pointer-events:none;inset:-20%;background:radial-gradient(50% 18% at 30% 40%,rgba(255,255,255,.55),transparent 70%),radial-gradient(46% 16% at 70% 70%,rgba(255,255,255,.45),transparent 70%);filter:blur(12px);animation:shMist 18s ease-in-out infinite alternate}@keyframes shMist{to{transform:translate3d(10%,-2%,0)}}
@media (prefers-reduced-motion:reduce){.t-shomal::before,.t-shomal::after{animation:none}}

/* Motel Ghoo, symbolically: a seaside lodge with red gabled roofs on the Caspian shore, a swan gliding on the waves */
.t-shomal .hero::after{content:'';position:relative;z-index:0;display:block;height:clamp(120px,36vw,170px);margin:16px -20px -24px;background:url(/img/themes/shomal-motelghoo.svg) center bottom/100% 100% no-repeat}
.t-shomal .hero-in{z-index:1}
/* the same motion inside the hero, behind the name */
.t-shomal .hero::before{content:'';position:absolute;z-index:0;pointer-events:none;inset:0;background:url(/img/themes/bg-rain.svg) 0 0/240px 300px;opacity:0.88;animation:shRain 1.4s linear infinite}
@media (prefers-reduced-motion:reduce){.t-shomal .hero::before{animation:none}}